themelia-react-ui 2.0.4 → 2.0.6

package/dist/{table-DH7rozUv.js → table-CBonSdTp.js}

@@ -1,39 +1,40 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-CQCuCBcy.js";
-import { t as n } from "./utils-CF3c95Io.js";
-import { n as r } from "./buttons-BbfzgczK.js";
-import { c as i, o as a, t as o } from "./typography-CSyJrh28.js";
+import { S as e, d as t } from "./ui-provider-C-74NVLc.js";
+import { t as n } from "./utils-DhuoqFy4.js";
+import { n as r } from "./buttons-DeW0bQeK.js";
+import { c as i, o as a, t as o } from "./typography-C7-YMW1S.js";
 import { t as s } from "./focus-recipes-B653VaLq.js";
-import { t as c } from "./structure-C0V0_Fyf.js";
-import { i as l } from "./popover.recipes-D3j8R8Yp.js";
-import { n as u, t as d } from "./action-menu-CHgs8vmj.js";
-import { t as f } from "./interaction-recipes-XR9ZpVYL.js";
-import { _ as p, c as m, d as h, g, h as _, i as v, l as y, m as b, o as x, p as S, s as C, u as w } from "./primitives-Du64iDbb.js";
-import { t as T } from "./initials-format-CDoQEOd_.js";
-import { n as ee, r as te, t as E } from "./number-E_OiIfJz.js";
-import { a as ne, i as re, r as ie, s as ae, t as oe } from "./date-Q7jnXxpk.js";
-import { i as se, n as ce, s as le } from "./avatar-DWO_HHhB.js";
-import { t as D } from "./badge-DErMA7ul.js";
-import { t as ue } from "./batch-action-bar-CdfIkCsV.js";
-import { t as de } from "./separator-GNfPG-90.js";
-import { t as fe } from "./input-Cdw4k0fb.js";
-import { t as pe } from "./checkbox-CzYUTPeJ.js";
-import { r as O, t as me } from "./control-group-recipes-DBXmfh2E.js";
-import { a as he, c as ge, i as _e, n as ve, o as ye, r as be, s as xe, t as Se } from "./pagination-Ch8X_47u.js";
-import { c as Ce, i as we, n as Te, o as Ee, s as De, t as Oe } from "./table-CpvnzJn9.js";
-import { s as ke } from "./data-display-D4oujtx0.js";
-import k, { createContext as Ae, isValidElement as A, useCallback as j, useContext as je, useEffect as M, useMemo as N, useRef as P, useState as F } from "react";
-import { Fragment as Me, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { ArrowDown as Ne, ArrowUp as Pe, Calendar as Fe, ChevronLeft as R, ChevronRight as Ie, ChevronsUpDown as Le, Mail as Re, Maximize2 as ze, Minimize2 as Be, PackageOpen as Ve, Settings2 as He } from "lucide-react";
-import { flexRender as z, getCoreRowModel as Ue, getFilteredRowModel as We, getSortedRowModel as Ge, useReactTable as Ke } from "@tanstack/react-table";
+import { t as c } from "./structure-DZJ2wbAU.js";
+import { i as l } from "./popover.recipes-DJ0AkUan.js";
+import { n as u, t as d } from "./action-menu-C0gjzLyE.js";
+import { r as f } from "./skeleton-DDgdhmu9.js";
+import { t as p } from "./interaction-recipes-4wZ2tvfb.js";
+import { _ as m, c as h, d as g, g as _, h as v, i as y, l as b, m as x, o as S, p as C, s as w, u as T } from "./primitives-BkkQjYl7.js";
+import { t as ee } from "./initials-format-CDoQEOd_.js";
+import { n as E, r as D, t as O } from "./number-CYqBcrSj.js";
+import { a as k, i as te, r as ne, s as re, t as ie } from "./date-Br0FicVv.js";
+import { i as ae, n as oe, s as se } from "./avatar-B9Jnp-T-.js";
+import { t as ce } from "./badge-wWauMgAt.js";
+import { t as le } from "./batch-action-bar-BoqWIIpV.js";
+import { t as ue } from "./separator-DM6gs2vu.js";
+import { t as de } from "./input-7KAc7XQL.js";
+import { t as fe } from "./checkbox-MoyHIAPs.js";
+import { r as A, t as pe } from "./control-group-recipes-fMuFo0H7.js";
+import { a as me, c as he, i as ge, n as _e, o as ve, r as ye, s as be, t as xe } from "./pagination-Br8TdV9A.js";
+import { c as j, i as Se, n as M, o as N, s as Ce, t as we } from "./table-CXSPHH25.js";
+import { s as Te } from "./data-display-Cmj-xZYl.js";
+import Ee, { createContext as P, isValidElement as De, useCallback as F, useContext as Oe, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
+import { Fragment as ke, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { ArrowDown as Ae, ArrowUp as je, Calendar as Me, ChevronLeft as Ne, ChevronRight as H, ChevronsUpDown as Pe, Mail as Fe, Maximize2 as Ie, Minimize2 as Le, PackageOpen as Re, Settings2 as ze } from "lucide-react";
+import { flexRender as Be, getCoreRowModel as Ve, getFilteredRowModel as He, getSortedRowModel as Ue, useReactTable as We } from "@tanstack/react-table";
 //#region src/components/features/table/hooks.ts
-var qe = 300;
-function B(e) {
+var U = 300;
+function Ge(e) {
 	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
 }
-function Je(e, t = {}) {
-	let { stepPx: n = qe, deps: r = [] } = t, [i, a] = F(!1), [o, s] = F(!1), c = P(0), l = j(() => {
-		let t = B(e.current);
+function Ke(e, t = {}) {
+	let { stepPx: n = U, deps: r = [] } = t, [i, a] = z(!1), [o, s] = z(!1), c = R(0), l = F(() => {
+		let t = Ge(e.current);
 		if (!t) {
 			a(!1), s(!1);
 			return;
@@ -41,10 +42,10 @@ function Je(e, t = {}) {
 		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = t;
 		a(n > 1), s(n + i < r - 1);
 	}, [e]);
-	M(() => {
+	I(() => {
 		let t, n = window.setTimeout(() => {
 			l();
-			let n = B(e.current);
+			let n = Ge(e.current);
 			if (!n) return;
 			let r = () => {
 				cancelAnimationFrame(c.current), c.current = requestAnimationFrame(l);
@@ -63,8 +64,8 @@ function Je(e, t = {}) {
 		l,
 		...r
 	]);
-	let u = j((t) => {
-		B(e.current)?.scrollBy({
+	let u = F((t) => {
+		Ge(e.current)?.scrollBy({
 			left: t,
 			behavior: "smooth"
 		});
@@ -73,15 +74,15 @@ function Je(e, t = {}) {
 		canScrollLeft: i,
 		canScrollRight: o,
 		scrollBy: u,
-		scrollLeft: j(() => u(-n), [u, n]),
-		scrollRight: j(() => u(n), [u, n])
+		scrollLeft: F(() => u(-n), [u, n]),
+		scrollRight: F(() => u(n), [u, n])
 	};
 }
-var V = /* @__PURE__ */ new Set([
+var qe = /* @__PURE__ */ new Set([
 	"",
 	"true",
 	"plaintext-only"
-]), Ye = [
+]), W = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -91,7 +92,7 @@ var V = /* @__PURE__ */ new Set([
 	"[contenteditable]",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function H(e) {
+function Je(e) {
 	let t = [e];
 	for (let n = 0; n < t.length; n++) for (let r of t[n].querySelectorAll("[aria-controls]:not([aria-expanded=\"false\"])")) for (let n of (r.getAttribute("aria-controls") ?? "").split(/\s+/)) {
 		let r = e.ownerDocument.getElementById(n);
@@ -99,13 +100,13 @@ function H(e) {
 	}
 	return t;
 }
-function Xe(e, t, n) {
-	let r = P(n);
-	r.current = n, M(() => {
+function Ye(e, t, n) {
+	let r = R(n);
+	r.current = n, I(() => {
 		if (!e || typeof document > "u") return;
 		let n = document.activeElement, i = document.body.style.overflow;
 		document.body.style.overflow = "hidden";
-		let a, o = !0, s = (e, t) => t instanceof Node && H(e).some((e) => e.contains(t)), c = (e) => Array.from(e.querySelectorAll(Ye)).filter((e) => (e.tabIndex >= 0 || V.has(e.getAttribute("contenteditable")?.toLowerCase() ?? "false") && !e.hasAttribute("tabindex") && !e.parentElement?.isContentEditable) && !e.matches(":disabled") && !e.closest("[inert], [hidden]") && !["hidden", "collapse"].includes(getComputedStyle(e).visibility) && (e.offsetParent !== null || e === document.activeElement)), l = (e, t) => {
+		let a, o = !0, s = (e, t) => t instanceof Node && Je(e).some((e) => e.contains(t)), c = (e) => Array.from(e.querySelectorAll(W)).filter((e) => (e.tabIndex >= 0 || qe.has(e.getAttribute("contenteditable")?.toLowerCase() ?? "false") && !e.hasAttribute("tabindex") && !e.parentElement?.isContentEditable) && !e.matches(":disabled") && !e.closest("[inert], [hidden]") && !["hidden", "collapse"].includes(getComputedStyle(e).visibility) && (e.offsetParent !== null || e === document.activeElement)), l = (e, t) => {
 			let n = e?.closest("[role=\"dialog\"], [role=\"alertdialog\"], [aria-modal=\"true\"]");
 			return !!n && n !== t;
 		}, u = (e) => {
@@ -141,10 +142,11 @@ function Xe(e, t, n) {
 }
 //#endregion
 //#region src/components/features/table/table.strings.ts
-var Ze = (e) => {
+var G = (e) => {
 	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
 	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
-}, U = {
+}, K = {
+	loading: { label: "Loading records" },
 	emptyState: {
 		message: "No results found.",
 		ariaLabel: "Empty state"
@@ -161,7 +163,7 @@ var Ze = (e) => {
 	columnVisibility: {
 		title: "Toggle columns",
 		triggerLabel: "Columns",
-		formatLabel: (e, t) => t && t.trim().length > 0 ? t : Ze(e)
+		formatLabel: (e, t) => t && t.trim().length > 0 ? t : G(e)
 	},
 	toolbar: {
 		scrollLeft: "Scroll left",
@@ -198,25 +200,26 @@ var Ze = (e) => {
 		sortPriority: (e, t, n) => `${e === "asc" ? "Ascending" : "Descending"}, sort priority ${t} of ${n}.`,
 		resizeColumn: (e) => `Resize ${e}`
 	}
-}, W = (e, t) => ({
+}, q = (e, t) => ({
 	...e,
 	...t
-}), Qe = (e) => e ? {
-	emptyState: W(U.emptyState, e.emptyState),
+}), Xe = (e) => e ? {
+	loading: q(K.loading, e.loading),
+	emptyState: q(K.emptyState, e.emptyState),
 	actions: {
-		...W(U.actions, e.actions),
+		...q(K.actions, e.actions),
 		...e.actions?.triggerLabel !== void 0 && e.actions.menuLabel === void 0 ? { menuLabel: e.actions.triggerLabel } : {}
 	},
-	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;
+	filter: q(K.filter, e.filter),
+	columnVisibility: q(K.columnVisibility, e.columnVisibility),
+	toolbar: q(K.toolbar, e.toolbar),
+	pagination: q(K.pagination, e.pagination),
+	selection: q(K.selection, e.selection),
+	accessibility: q(K.accessibility, e.accessibility)
+} : K;
 //#endregion
 //#region src/components/features/table/pagination.tsx
-function $e(e, t) {
+function Ze(e, t) {
 	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = [1];
 	e > 3 && n.push("ellipsis");
@@ -224,38 +227,38 @@ function $e(e, t) {
 	for (let e = r; e <= i; e++) n.push(e);
 	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
 }
-function et(e, t, n) {
+function Qe(e, t, n) {
 	let r = new URLSearchParams();
 	return r.set(n, String(t)), `${e}?${r.toString()}`;
 }
-function tt({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i }) {
+function $e({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i }) {
 	let a = {
-		...U.pagination,
+		...K.pagination,
 		...r
 	}, o = {
 		navigationLabel: a.ariaLabel,
 		previous: a.previous,
 		next: a.next,
-		previousLabel: a.previousLabel ?? ge.previousLabel,
-		nextLabel: a.nextLabel ?? ge.nextLabel,
-		morePages: a.morePages ?? ge.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 = j((n, r) => {
+		previousLabel: a.previousLabel ?? he.previousLabel,
+		nextLabel: a.nextLabel ?? he.nextLabel,
+		morePages: a.morePages ?? he.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 = F((n, r) => {
 		r && t?.(n, r, e.path || "");
-	}, [t, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = $e(e.current_page, e.last_page);
-	return /* @__PURE__ */ L("div", {
+	}, [t, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = Ze(e.current_page, e.last_page);
+	return /* @__PURE__ */ V("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__ */ L(g, {
+		children: [/* @__PURE__ */ V(_, {
 			size: "xs",
 			className: "tabular-nums tracking-tight",
 			children: [
-				/* @__PURE__ */ I(E, {
+				/* @__PURE__ */ B(O, {
 					value: c,
 					size: "xs",
 					weight: "medium",
 					align: "left"
 				}),
 				"–",
-				/* @__PURE__ */ I(E, {
+				/* @__PURE__ */ B(O, {
 					value: l,
 					size: "xs",
 					weight: "medium",
@@ -264,7 +267,7 @@ function tt({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 				" ",
 				a.of,
 				" ",
-				/* @__PURE__ */ I(E, {
+				/* @__PURE__ */ B(O, {
 					value: e.total,
 					size: "xs",
 					weight: "medium",
@@ -273,13 +276,13 @@ function tt({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 				" ",
 				a.entries
 			]
-		}), /* @__PURE__ */ I(xe, {
+		}), /* @__PURE__ */ B(be, {
 			strings: o,
 			className: "mx-0 w-full justify-start sm:w-auto sm:justify-center",
-			children: /* @__PURE__ */ L(Se, {
+			children: /* @__PURE__ */ V(xe, {
 				className: "gap-0 sm:gap-space-2xs",
 				children: [
-					/* @__PURE__ */ I(be, { children: /* @__PURE__ */ I(ye, {
+					/* @__PURE__ */ B(ye, { children: /* @__PURE__ */ B(ve, {
 						size: "sm",
 						text: a.previous,
 						href: "#",
@@ -291,18 +294,18 @@ function tt({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 					}) }),
 					p.map((t, n) => {
 						let r = t === "ellipsis", i = r ? `ellipsis-${e.current_page}-${n}` : `page-${t}`;
-						return /* @__PURE__ */ I(be, { children: r ? /* @__PURE__ */ I(ve, { size: "sm" }) : /* @__PURE__ */ I(_e, {
+						return /* @__PURE__ */ B(ye, { children: r ? /* @__PURE__ */ B(_e, { size: "sm" }) : /* @__PURE__ */ B(ge, {
 							size: "sm",
 							href: "#",
 							active: t === e.current_page,
 							onClick: (n) => {
-								n.preventDefault(), u(t, et(e.path, t, s));
+								n.preventDefault(), u(t, Qe(e.path, t, s));
 							},
 							className: "size-action-sm text-pxs",
 							children: t
 						}) }, i);
 					}),
-					/* @__PURE__ */ I(be, { children: /* @__PURE__ */ I(he, {
+					/* @__PURE__ */ B(ye, { children: /* @__PURE__ */ B(me, {
 						size: "sm",
 						text: a.next,
 						href: "#",
@@ -317,14 +320,14 @@ function tt({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 		})]
 	});
 }
-tt.displayName = "Pagination";
+$e.displayName = "Pagination";
 //#endregion
 //#region src/components/features/table/table-actions.tsx
-function nt(e) {
-	let { row: t, actions: r, menuLabel: i, displayMode: a = "menu", responsiveBreakpoint: o = 1040, strings: s } = e, c = s ?? U, l = i ?? c.actions.menuLabel ?? c.actions.triggerLabel, f = N(() => {
+function et(e) {
+	let { row: t, actions: r, menuLabel: i, displayMode: a = "menu", responsiveBreakpoint: o = 1040, strings: s } = e, c = s ?? K, l = i ?? c.actions.menuLabel ?? c.actions.triggerLabel, f = L(() => {
 		let e = typeof r == "function" ? r(t) : r;
 		return Array.isArray(e) ? e : [];
-	}, [r, t]), p = N(() => {
+	}, [r, t]), p = L(() => {
 		let e = (e) => typeof e == "function" ? e(t) : e;
 		return f.flatMap((t) => {
 			let n = e(t.visible) ?? !0;
@@ -334,8 +337,8 @@ function nt(e) {
 				disabled: e(t.disabled) ?? !1
 			}] : [];
 		});
-	}, [f, t]), m = p.length > 0, [h, g] = F(!1), _ = p.filter((e) => e.tone !== "destructive"), v = p.filter((e) => e.tone === "destructive"), y = [..._, ...v];
-	if (M(() => {
+	}, [f, t]), m = p.length > 0, [h, g] = z(!1), _ = p.filter((e) => e.tone !== "destructive"), v = p.filter((e) => e.tone === "destructive"), y = [..._, ...v];
+	if (I(() => {
 		if (a !== "auto" || !m) {
 			g(!1);
 			return;
@@ -362,44 +365,46 @@ function nt(e) {
 		buttonStyle: e.buttonStyle,
 		onClick: () => e.onClick?.(t)
 	}));
-	return b === "inline" ? /* @__PURE__ */ I(d, {
+	return b === "inline" ? /* @__PURE__ */ B(d, {
 		actions: x,
 		className: n("table-actions--component")
-	}) : /* @__PURE__ */ I(u, {
+	}) : /* @__PURE__ */ B(u, {
 		actions: x,
 		srText: l || c.actions.srLabel,
 		closeOnSelect: !0,
-		align: "end",
-		density: "table"
+		align: "end"
 	});
 }
-nt.displayName = "DataTableActions";
+et.displayName = "DataTableActions";
 //#endregion
 //#region src/components/features/table/table-helpers.tsx
-var rt = (e, t, n) => {
+function J(e) {
+	return e.options.meta?.themeliaDataTable;
+}
+var tt = (e, t, n) => {
 	typeof e == "function" ? t((t) => {
 		let r = e(t);
 		return n && n(r), r;
 	}) : (t(e), n && n(e));
-}, it = (e, t, n) => {
+}, nt = (e, t, n) => {
 	typeof e == "function" ? t((t) => {
 		let r = e(t);
 		return n && n(r), r;
 	}) : (t(e), n && n(e));
-}, at = (e, t, n) => {
+}, rt = (e, t, n) => {
 	typeof e == "function" ? t((t) => {
 		let r = e(t);
 		return n && n(r), r;
 	}) : (t(e), n && n(e));
-}, ot = (e, t, n, r) => {
+}, it = (e, t, n, r) => {
 	let i = "";
 	return r && (i += "bg-muted "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
-}, st = (e, t, n, r, i) => {
+}, at = (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;
-}, ct = (e) => e.getSelectedRowModel().rows.map((e) => e.original), G = (e, t = U) => /* @__PURE__ */ I("div", {
-	className: "px-space-sm",
-	children: /* @__PURE__ */ I(pe, {
+}, ot = (e) => e.getSelectedRowModel().rows.map((e) => e.original), st = (e, t = K) => /* @__PURE__ */ B("div", {
+	className: "flex items-center px-space-sm",
+	children: /* @__PURE__ */ B(fe, {
 		className: "size-icon cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
 		checked: e.getIsSelected(),
 		disabled: !e.getCanSelect(),
@@ -407,64 +412,87 @@ var rt = (e, t, n) => {
 		onClick: (e) => e.stopPropagation(),
 		"aria-label": t.selection.row(e.index)
 	})
-}), K = (e, t = U) => /* @__PURE__ */ I("div", {
-	className: "px-space-sm",
-	children: /* @__PURE__ */ I(pe, {
+}), Y = (e, t = K) => /* @__PURE__ */ B("div", {
+	className: "flex items-center px-space-sm",
+	children: /* @__PURE__ */ B(fe, {
 		className: "size-icon cursor-pointer",
 		checked: e.getIsAllPageRowsSelected(),
 		indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
 		onCheckedChange: (t) => e.toggleAllPageRowsSelected(t === !0),
 		"aria-label": t.selection.selectAll
 	})
-}), lt = (e, t = U) => [{
+});
+function ct({ table: e }) {
+	return Y(e, J(e)?.strings);
+}
+function X({ table: e, row: t }) {
+	return st(t, J(e)?.strings);
+}
+var lt = (e, t) => [{
 	id: "selection",
-	header: ({ table: e }) => K(e, t),
-	cell: ({ row: e }) => G(e, t),
+	header: t ? ({ table: e }) => Y(e, t) : ct,
+	cell: t ? ({ row: e }) => st(e, t) : X,
 	enableSorting: !1,
 	enableResizing: !1,
+	enableHiding: !1,
 	size: 40
-}, ...e], q = [
+}, ...e], Z = [
 	"button, a[href], input, select, textarea, summary, label, [tabindex]",
 	"[role=\"button\"], [role=\"link\"], [role=\"checkbox\"], [role=\"switch\"], [role=\"radio\"]",
 	"[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"], [role=\"tab\"]",
 	"[role=\"combobox\"], [role=\"textbox\"], [role=\"slider\"], [role=\"spinbutton\"]",
 	"[contenteditable]:not([contenteditable=\"false\"])"
 ].join(",");
-function ut({ table: e, onRowClick: t, emptyStateMessage: r, emptyStateAction: i, cellClassName: a = "", rowClassName: o = "", stickyFirstColumn: c = !1, striped: l = !1, strings: u }) {
-	let d = e.getRowModel().rows, p = r ?? u?.emptyState.message ?? U.emptyState.message;
-	return d.length ? /* @__PURE__ */ I(Te, { children: d.map((e, r) => {
-		let i = e.getIsSelected(), u = e.getVisibleCells(), d = ot(e, r, o, i), p = l && r % 2 != 0 ? f.tableStripe : "", m = t ? "cursor-pointer" : "", h = n(d, p, "transition-colors duration-150", `${f.tableRowHover} ${f.tableRowSelected}`, m, t && `focus-visible:outline-none ${s.inset}`, "border-b border-border/60 last:border-b-0");
-		return /* @__PURE__ */ I(Ce, {
-			"data-state": i ? "selected" : null,
+function ut({ loading: e = !1, loadingRows: t = 6, table: r, onRowClick: i, emptyStateMessage: a, emptyStateAction: o, cellClassName: c = "", rowClassName: l = "", stickyFirstColumn: u = !1, striped: d = !1, strings: m }) {
+	let h = r.getRowModel().rows, g = a ?? m?.emptyState.message ?? K.emptyState.message;
+	if (e) {
+		let e = Number.isFinite(t) ? Math.max(1, Math.min(20, Math.floor(t))) : 6, n = r.getVisibleLeafColumns();
+		return /* @__PURE__ */ B(M, {
+			className: "table-body--component",
+			"data-loading": "true",
+			children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ B(j, {
+				"aria-hidden": "true",
+				className: "hover:bg-transparent",
+				children: n.map((e, t) => /* @__PURE__ */ B(Se, {
+					className: at(e.id, null, c, u, t === 0),
+					children: /* @__PURE__ */ B(f, { className: "h-4 w-full" })
+				}, e.id))
+			}, t))
+		});
+	}
+	return h.length ? /* @__PURE__ */ B(M, { children: h.map((e, t) => {
+		let r = e.getIsSelected(), a = e.getVisibleCells(), o = it(e, t, l, r), f = d && t % 2 != 0 ? p.tableStripe : "", m = i ? "cursor-pointer" : "", h = n(o, f, "transition-colors duration-150", `${p.tableRowHover} ${p.tableRowSelected}`, m, i && `focus-visible:outline-none ${s.inset}`, "border-b border-border/60 last:border-b-0");
+		return /* @__PURE__ */ B(j, {
+			"data-state": r ? "selected" : null,
 			className: h,
-			tabIndex: t ? 0 : void 0,
-			onClick: t ? (n) => {
-				if (n.defaultPrevented) return;
-				let r = n.target, i = r instanceof Element ? r.closest(q) : null;
-				i && i !== n.currentTarget || r instanceof Node && n.currentTarget.contains(r) && t(e.original);
+			tabIndex: i ? 0 : void 0,
+			onClick: i ? (t) => {
+				if (t.defaultPrevented) return;
+				let n = t.target, r = n instanceof Element ? n.closest(Z) : null;
+				r && r !== t.currentTarget || n instanceof Node && t.currentTarget.contains(n) && i(e.original);
 			} : void 0,
-			onKeyDown: t ? (n) => {
-				n.defaultPrevented || n.target !== n.currentTarget || n.key !== "Enter" && n.key !== " " || (n.preventDefault(), n.repeat || t(e.original));
+			onKeyDown: i ? (t) => {
+				t.defaultPrevented || t.target !== t.currentTarget || t.key !== "Enter" && t.key !== " " || (t.preventDefault(), t.repeat || i(e.original));
 			} : void 0,
-			children: u.map((t, r) => /* @__PURE__ */ I(we, {
-				className: n(st(t.column.id, e, a, c, r === 0), t.column.columnDef.meta?.align === "end" && "text-right", t.column.columnDef.meta?.align === "center" && "text-center"),
-				children: z(t.column.columnDef.cell, t.getContext())
+			children: a.map((t, r) => /* @__PURE__ */ B(Se, {
+				className: n(at(t.column.id, e, c, u, r === 0), t.column.columnDef.meta?.align === "end" && "text-right tabular-nums", t.column.columnDef.meta?.align === "center" && "text-center"),
+				children: Be(t.column.columnDef.cell, t.getContext())
 			}, t.id))
 		}, e.id);
-	}) }) : /* @__PURE__ */ I(Te, {
+	}) }) : /* @__PURE__ */ B(M, {
 		className: "table-body--component",
-		children: /* @__PURE__ */ I(Ce, {
+		children: /* @__PURE__ */ B(j, {
 			className: "hover:bg-transparent",
-			children: /* @__PURE__ */ I(we, {
-				className: "p-0! text-center whitespace-normal",
-				colSpan: e.getAllColumns().length,
-				children: /* @__PURE__ */ I(ke, {
-					strings: { ariaLabel: u?.emptyState.ariaLabel ?? U.emptyState.ariaLabel },
-					title: p,
+			children: /* @__PURE__ */ B(Se, {
+				className: "p-0 text-center whitespace-normal",
+				colSpan: r.getAllColumns().length,
+				children: /* @__PURE__ */ B(Te, {
+					strings: { ariaLabel: m?.emptyState.ariaLabel ?? K.emptyState.ariaLabel },
+					title: g,
 					description: !1,
-					media: /* @__PURE__ */ I(Ve, { className: "size-icon" }),
+					media: /* @__PURE__ */ B(Re, { className: "size-icon" }),
 					mediaVariant: "icon-soft",
-					actions: i,
+					actions: o,
 					className: "data-table--empty-state w-[100cqw] max-w-full"
 				})
 			})
@@ -474,32 +502,32 @@ function ut({ table: e, onRowClick: t, emptyStateMessage: r, emptyStateAction: i
 ut.displayName = "DataTableBody";
 //#endregion
 //#region src/components/features/table/table-header.tsx
-function dt({ table: e, enableResizing: t = !1, stickyHeader: i = !1, headerClassName: o = "", cellClassName: c = "", stickyFirstColumn: l = !1, columnGroups: u, headerTransparent: d = !1, strings: p }) {
-	let m = e.getHeaderGroups(), h = k.useId(), g = e.getState().sorting, _ = i ? n("shadow-[0_1px_0_0_var(--border)]", d ? "bg-background" : "bg-muted") : "", v = (e) => u ? u.find((t) => t.columns.includes(e)) : null;
-	return /* @__PURE__ */ L(De, {
+function dt({ table: e, enableResizing: t = !1, stickyHeader: i = !1, headerClassName: o = "", cellClassName: c = "", stickyFirstColumn: l = !1, columnGroups: u, headerTransparent: d = !1, strings: f }) {
+	let m = e.getHeaderGroups(), h = Ee.useId(), g = e.getState().sorting, _ = i ? n("shadow-[0_1px_0_0_var(--border)]", d ? "bg-background" : "bg-muted") : "", v = (e) => u ? u.find((t) => t.columns.includes(e)) : null;
+	return /* @__PURE__ */ V(Ce, {
 		className: n(i && "sticky top-0 z-20", o),
 		children: [(() => {
 			if (!u || u.length === 0 || m.length === 0) return null;
 			let e = m[0].headers, t = null, r = 0, i = [];
 			return e.forEach((o, s) => {
 				let c = v(o.id)?.header || "";
-				c === t ? r++ : (t !== null && r > 0 && i.push(/* @__PURE__ */ I(Ee, {
+				c === t ? r++ : (t !== null && r > 0 && i.push(/* @__PURE__ */ B(N, {
 					colSpan: r,
 					className: n("border-r border-border/60 bg-muted/50 text-center text-muted-foreground last:border-r-0", _),
-					children: /* @__PURE__ */ I(a, { children: t || "" })
-				}, `group-${t}-${i.length}`)), t = c, r = 1), s === e.length - 1 && r > 0 && i.push(/* @__PURE__ */ I(Ee, {
+					children: /* @__PURE__ */ B(a, { children: t || "" })
+				}, `group-${t}-${i.length}`)), t = c, r = 1), s === e.length - 1 && r > 0 && i.push(/* @__PURE__ */ B(N, {
 					colSpan: r,
 					className: n("whitespace-nowrap border-r border-border/60 bg-muted/50 text-center text-muted-foreground last:border-r-0", _),
-					children: /* @__PURE__ */ I(a, { children: t || "" })
+					children: /* @__PURE__ */ B(a, { children: t || "" })
 				}, `group-${t}-${i.length}`));
-			}), /* @__PURE__ */ I(Ce, {
+			}), /* @__PURE__ */ B(j, {
 				className: n("table-header--component", "border-b border-border"),
 				children: i
 			});
-		})(), m.map((a) => /* @__PURE__ */ I(Ce, {
-			className: n("border-b border-border/60", d ? "bg-transparent hover:bg-transparent" : `${f.tableHead} ${f.tableRowHover}`),
+		})(), m.map((a) => /* @__PURE__ */ B(j, {
+			className: n("border-b border-border/60", d ? "bg-transparent hover:bg-transparent" : `${p.tableHead} ${p.tableRowHover}`),
 			children: a.headers.map((a, o) => {
-				let u = n(st(a.id, null, c, l, o === 0), "text-muted-foreground font-medium whitespace-nowrap", a.column.columnDef.meta?.align === "end" && "text-right", a.column.columnDef.meta?.align === "center" && "text-center", _, i && l && o === 0 && "z-30", !i && "bg-transparent", t && !(l && o === 0) && "relative"), d = t ? { width: a.getSize() } : void 0, f = `${h}-${encodeURIComponent(a.id)}`, m = a.getResizeHandler(), v = a.getLeafHeaders().filter((e) => e.subHeaders.length === 0), y = v.reduce((e, t) => e + (t.column.columnDef.minSize ?? 20), 0), b = Math.min(2 ** 53 - 1, v.reduce((e, t) => e + (t.column.columnDef.maxSize ?? 2 ** 53 - 1), 0)), x = (t) => {
+				let u = n(at(a.id, null, c, l, o === 0), "text-muted-foreground font-medium whitespace-nowrap", a.column.columnDef.meta?.align === "end" && "text-right", a.column.columnDef.meta?.align === "center" && "text-center", _, i && l && o === 0 && "z-30", !i && "bg-transparent", t && !(l && o === 0) && "relative"), d = t || a.column.columnDef.size !== void 0 ? { width: a.getSize() } : void 0, p = `${h}-${encodeURIComponent(a.id)}`, m = a.getResizeHandler(), v = a.getLeafHeaders().filter((e) => e.subHeaders.length === 0), y = v.reduce((e, t) => e + (t.column.columnDef.minSize ?? 20), 0), b = Math.min(2 ** 53 - 1, v.reduce((e, t) => e + (t.column.columnDef.maxSize ?? 2 ** 53 - 1), 0)), x = (t) => {
 					e.setOptions((e) => ({
 						...e,
 						columnResizeDirection: getComputedStyle(t.currentTarget).direction === "rtl" ? "rtl" : "ltr"
@@ -508,45 +536,45 @@ function dt({ table: e, enableResizing: t = !1, stickyHeader: i = !1, headerClas
 					let e = a.column.columnDef.header;
 					return typeof e == "string" ? e : typeof a.id == "string" ? a.id : "column";
 				})();
-				return /* @__PURE__ */ I(Ee, {
+				return /* @__PURE__ */ B(N, {
 					colSpan: a.colSpan,
 					className: u,
 					style: d,
 					"aria-sort": !a.isPlaceholder && a.subHeaders.length === 0 && a.column.getIsSorted() && a.column.getSortIndex() === 0 ? a.column.getIsSorted() === "asc" ? "ascending" : "descending" : void 0,
-					children: a.isPlaceholder ? null : /* @__PURE__ */ L("div", {
+					children: a.isPlaceholder ? null : /* @__PURE__ */ V("div", {
 						className: n(t && a.column.getCanResize() && "pe-action-sm"),
 						children: [(() => {
-							let e = a.column.getCanSort(), t = a.column.getIsSorted(), i = z(a.column.columnDef.header, a.getContext()), o = t === "asc" ? Pe : t === "desc" ? Ne : Le;
-							return e ? /* @__PURE__ */ L(r, {
+							let e = a.column.getCanSort(), t = a.column.getIsSorted(), i = Be(a.column.columnDef.header, a.getContext()), o = t === "asc" ? je : t === "desc" ? Ae : Pe;
+							return e ? /* @__PURE__ */ V(r, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
 								onClick: a.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 ${s.edge}`, t && "text-foreground"),
-								"aria-label": (p?.accessibility.sortColumn ?? U.accessibility.sortColumn)(C),
-								"aria-describedby": t && g.length > 1 ? f : void 0,
+								className: n("group -ml-space-sm inline-flex select-none items-center gap-space-sm rounded-radius px-space-sm", "text-muted-foreground hover:text-foreground transition-colors", `focus-visible:outline-none ${s.edge}`),
+								"aria-label": (f?.accessibility.sortColumn ?? K.accessibility.sortColumn)(C),
+								"aria-describedby": t && g.length > 1 ? p : void 0,
 								children: [
 									i,
-									t && g.length > 1 && /* @__PURE__ */ I("span", {
-										id: f,
+									t && g.length > 1 && /* @__PURE__ */ B("span", {
+										id: p,
 										className: "sr-only",
-										children: (p?.accessibility.sortPriority ?? U.accessibility.sortPriority)(t, a.column.getSortIndex() + 1, g.length)
+										children: (f?.accessibility.sortPriority ?? K.accessibility.sortPriority)(t, a.column.getSortIndex() + 1, g.length)
 									}),
-									/* @__PURE__ */ I(o, {
-										className: n("size-icon-sm shrink-0 transition-opacity", t ? "opacity-100" : "opacity-30 group-hover:opacity-70"),
+									/* @__PURE__ */ B(o, {
+										className: n("size-icon-sm shrink-0 transition-opacity", t ? "text-foreground opacity-100" : "opacity-30 group-hover:opacity-70"),
 										"aria-hidden": "true"
 									})
 								]
-							}) : /* @__PURE__ */ I("div", {
+							}) : /* @__PURE__ */ B("div", {
 								className: n("flex items-center", a.column.columnDef.meta?.align === "end" && "justify-end", a.column.columnDef.meta?.align === "center" && "justify-center"),
 								children: i
 							});
-						})(), !!t && a.column.getCanResize() && /* @__PURE__ */ I("div", {
+						})(), !!t && a.column.getCanResize() && /* @__PURE__ */ B("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-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", S && "after:bg-primary-accent!"),
-							"aria-label": (p?.accessibility.resizeColumn ?? U.accessibility.resizeColumn)(C),
+							"aria-label": (f?.accessibility.resizeColumn ?? K.accessibility.resizeColumn)(C),
 							"aria-orientation": "vertical",
 							"aria-valuenow": a.getSize(),
 							"aria-valuemin": y,
@@ -576,7 +604,7 @@ function dt({ table: e, enableResizing: t = !1, stickyHeader: i = !1, headerClas
 dt.displayName = "DataTableHeader";
 //#endregion
 //#region src/components/features/table/column-visibility-toggle.tsx
-function J({ table: e, className: t, align: r = "end", labelVisibility: i = "hidden", strings: a = U }) {
+function Q({ table: e, className: t, align: r = "end", labelVisibility: i = "hidden", strings: a = K }) {
 	let o = e.getAllColumns().filter((e) => e.getCanHide());
 	if (o.length === 0) return null;
 	let s = i !== "hidden", c = o.map((e) => {
@@ -591,14 +619,13 @@ function J({ table: e, className: t, align: r = "end", labelVisibility: i = "hid
 			className: "capitalize"
 		};
 	});
-	return /* @__PURE__ */ I(u, {
+	return /* @__PURE__ */ B(u, {
 		actions: c,
-		icon: He,
+		icon: ze,
 		label: a.columnVisibility.triggerLabel,
 		srText: a.columnVisibility.triggerLabel,
 		align: r,
 		width: l.xs,
-		density: "table",
 		labelVisibility: s ? "responsive" : "hidden",
 		buttonProps: {
 			"aria-label": a.columnVisibility.triggerLabel,
@@ -611,13 +638,13 @@ function J({ table: e, className: t, align: r = "end", labelVisibility: i = "hid
 		preserveOrder: !0
 	});
 }
-J.displayName = "ColumnVisibilityToggle";
+Q.displayName = "ColumnVisibilityToggle";
 //#endregion
 //#region src/components/features/table/partials/fullscreen-toggle.tsx
 var ft = "text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
-function Y({ fullscreen: e, onFullscreenChange: t, enterLabel: i = "Enter full screen", exitLabel: a = "Exit full screen", className: o }) {
-	let s = e ? a : i, c = e ? Be : ze;
-	return /* @__PURE__ */ I(r, {
+function pt({ fullscreen: e, onFullscreenChange: t, enterLabel: i = "Enter full screen", exitLabel: a = "Exit full screen", className: o }) {
+	let s = e ? a : i, c = e ? Le : Ie;
+	return /* @__PURE__ */ B(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -627,33 +654,33 @@ function Y({ fullscreen: e, onFullscreenChange: t, enterLabel: i = "Enter full s
 		"aria-pressed": e,
 		onClick: () => t(!e),
 		className: n("fullscreen-toggle--component", ft, o),
-		children: /* @__PURE__ */ I(c, { className: "size-icon-sm" })
+		children: /* @__PURE__ */ B(c, { className: "size-icon-sm" })
 	});
 }
-Y.displayName = "FullscreenToggle";
+pt.displayName = "FullscreenToggle";
 //#endregion
 //#region src/components/features/table/table-toolbar.tsx
-var pt = 300, mt = "text-muted-foreground transition-colors duration-150 hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
-function ht({ label: e, onClick: t, disabled: i, className: a, children: o }) {
-	return /* @__PURE__ */ I(r, {
+var mt = 300, ht = "text-muted-foreground transition-colors duration-150 hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
+function gt({ label: e, onClick: t, disabled: i, className: a, children: o }) {
+	return /* @__PURE__ */ B(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "sm",
 		iconOnly: !0,
 		"aria-label": e,
-		className: n("table-toolbar--component", mt, O.joinedItem, a),
+		className: n("table-toolbar--component", ht, A.joinedItem, a),
 		onClick: t,
 		disabled: i,
 		children: o
 	});
 }
-function X(e) {
+function _t(e) {
 	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
 }
-function gt({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, showFullscreenToggle: s = !1, enableColumnVisibility: c = !1, labelVisibility: l = "hidden", strings: u = U }) {
-	let { defaultScale: d } = e(), f = t(void 0, d), [p, m] = F(!1), [h, g] = F(!1), _ = P(0), v = P(null), y = j(() => {
-		let e = X(i.current);
+function vt({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, showFullscreenToggle: s = !1, enableColumnVisibility: c = !1, labelVisibility: l = "hidden", strings: u = K }) {
+	let { defaultScale: d } = t(), f = e(void 0, d), [p, m] = z(!1), [h, g] = z(!1), _ = R(0), v = R(null), y = F(() => {
+		let e = _t(i.current);
 		if (!e) {
 			m(!1), g(!1);
 			return;
@@ -661,9 +688,9 @@ function gt({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, s
 		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e;
 		m(t > 1), g(t + r < n - 1);
 	}, [i]);
-	M(() => {
+	I(() => {
 		let e = window.setTimeout(() => {
-			let e = X(i.current);
+			let e = _t(i.current);
 			if (!e || (y(), typeof ResizeObserver > "u")) return;
 			let t = () => {
 				cancelAnimationFrame(_.current), _.current = requestAnimationFrame(y);
@@ -682,85 +709,97 @@ function gt({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, s
 		y,
 		a
 	]);
-	let b = j(() => {
-		X(i.current)?.scrollBy({
+	let b = F(() => {
+		_t(i.current)?.scrollBy({
 			left: -300,
 			behavior: "smooth"
 		});
-	}, [i]), x = j(() => {
-		X(i.current)?.scrollBy({
-			left: pt,
+	}, [i]), x = F(() => {
+		_t(i.current)?.scrollBy({
+			left: mt,
 			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__ */ L("div", {
-		className: n(O.joinedFrame, me[f], "bg-card text-card-foreground"),
+	return !C && !w && !T ? null : /* @__PURE__ */ V("div", {
+		className: n(A.joinedFrame, pe[f], "bg-card text-card-foreground"),
 		children: [
-			!!C && /* @__PURE__ */ L(Me, { children: [
-				/* @__PURE__ */ I(ht, {
+			!!C && /* @__PURE__ */ V(ke, { children: [
+				/* @__PURE__ */ B(gt, {
 					label: u.toolbar.scrollLeft,
 					onClick: b,
 					disabled: !p,
-					className: O.firstItem,
-					children: /* @__PURE__ */ I(R, { className: "size-icon-sm" })
+					className: A.firstItem,
+					children: /* @__PURE__ */ B(Ne, { className: "size-icon-sm" })
 				}),
-				/* @__PURE__ */ I(ht, {
+				/* @__PURE__ */ B(gt, {
 					label: u.toolbar.scrollRight,
 					onClick: x,
 					disabled: !h,
-					children: /* @__PURE__ */ I(Ie, { className: "size-icon-sm" })
+					children: /* @__PURE__ */ B(H, { className: "size-icon-sm" })
 				}),
-				(w || T) && /* @__PURE__ */ I("div", { className: "h-4 w-px self-center bg-border" })
+				(w || T) && /* @__PURE__ */ B("div", { className: "h-4 w-px self-center bg-border" })
 			] }),
-			!!w && /* @__PURE__ */ L(Me, { children: [/* @__PURE__ */ I(J, {
+			!!w && /* @__PURE__ */ V(ke, { children: [/* @__PURE__ */ B(Q, {
 				table: r,
 				strings: u,
 				labelVisibility: l,
-				className: n(O.joinedItem, "border-0 shadow-none", !C && O.firstItem, !T && O.lastItem)
-			}), T && /* @__PURE__ */ I("div", { className: "h-4 w-px self-center bg-border" })] }),
-			T && /* @__PURE__ */ I(Y, {
+				className: n(A.joinedItem, "border-0 shadow-none", !C && A.firstItem, !T && A.lastItem)
+			}), T && /* @__PURE__ */ B("div", { className: "h-4 w-px self-center bg-border" })] }),
+			T && /* @__PURE__ */ B(pt, {
 				fullscreen: a,
 				onFullscreenChange: o,
 				enterLabel: u.toolbar.enterFullscreen,
 				exitLabel: u.toolbar.exitFullscreen,
-				className: n(O.joinedItem, O.lastItem, !C && !w && O.firstItem)
+				className: n(A.joinedItem, A.lastItem, !C && !w && A.firstItem)
 			})
 		]
 	});
 }
-gt.displayName = "DataTableToolbar";
+vt.displayName = "DataTableToolbar";
 //#endregion
 //#region src/components/features/table/data-table.tsx
-var _t = Ae("sm");
-function vt() {
-	return je(_t);
+var yt = P("sm");
+function bt() {
+	return Oe(yt);
 }
-var yt = {
+var xt = {
 	sm: "compact",
 	md: "default",
 	lg: "comfortable"
-}, bt = {
+}, St = {
 	sm: "sm",
 	md: "sm",
 	lg: "sm"
-}, xt = (e) => {
+}, Ct = (e) => {
 	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
 };
-function St(e, t) {
+function wt(e, t) {
 	return e.map((e) => "columns" in e && e.columns ? {
 		...e,
-		columns: St(e.columns, t)
+		columns: wt(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 Ct({ 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: ie, onColumnFiltersChange: ae, onRowClick: oe, onRowSelectionChange: se, stickyHeader: ce = !1, stickyToolbar: le = !1, stickyFirstColumn: D = !1, maxBodyHeight: pe, fillAvailableHeight: O = !1, emptyStateMessage: me, emptyStateAction: he, className: ge = "", rowClassName: _e = "", cellClassName: ve = "", headerClassName: ye = "", wrapperClassName: be = "", innerClassName: xe = "", tableContainerClassName: Se = "", getRowId: Ce, rowSelection: we, sorting: Te, defaultSorting: Ee, columnVisibility: De, defaultColumnVisibility: ke, initialState: k, onColumnVisibilityChange: Ae, strings: A, topbarContent: je, topbarEnd: M, topbarClassName: Ne, toolbarLabelVisibility: Pe = "hidden", footerContent: Fe, selectionToolbar: R, bulkActions: Ie, selectionToolbarClassName: Le, selectionToolbarPlacement: Re = "floating", totalRowCount: ze, storageKey: Be }) {
-	let { defaultScale: Ve } = e(), He = t(r, Ve), z = N(() => Qe(A), [A]), qe = n("bg-card text-card-foreground", _e), B = me ?? z.emptyState.message, Je = ne ?? "page", V = xt(pe), Ye = Array.isArray(o) && o.length === 2 && Array.isArray(o[1]) ? o[0] : o, H = N(() => Be ? `dt.${Be}.columns` : null, [Be]), Ze = N(() => {
-		let e = ke ?? k?.columnVisibility ?? {};
-		if (!H || typeof window > "u") return e;
+function Tt({ table: e }) {
+	return J(e)?.strings.actions.triggerLabel ?? K.actions.triggerLabel;
+}
+function Et({ table: e, row: t }) {
+	return J(e)?.renderActions?.(t.original) ?? null;
+}
+function Dt(e) {
+	let t = e.length === 2 && Array.isArray(e[0]) && Array.isArray(e[1]) ? e : void 0, [n, r] = z(t);
+	if (!t) return n && r(void 0), e;
+	let i = t[1];
+	return n && i.length === n[1].length && i.every((e, t) => Object.is(e, n[1][t])) ? n[0] : (r(t), t[0]);
+}
+function Ot({ size: r, surface: i = "card", headerTransparent: a = !0, columns: o, data: c, loading: l = !1, loadingRows: u, columnGroups: d, rowActions: f, rowActionsMenuLabel: p, rowActionsDisplayMode: m, rowActionsBreakpoint: h, enableSorting: g = !1, enableResizing: _ = !1, enableFiltering: v = !1, filterColumn: y, filterPlaceholder: b, manualSorting: x = !1, enableColumnVisibility: S = !1, fullscreen: C, defaultFullscreen: w = !1, onFullscreenChange: T, showFullscreenToggle: ee = !1, enableRowSelection: E = !1, enableMultiRowSelection: D = !0, enableSubRowSelection: O = !1, pagination: k, pageQueryKey: te, onPageChange: ne, onSortingChange: re, onColumnFiltersChange: ie, onRowClick: ae, onRowSelectionChange: oe, stickyHeader: se = !1, stickyToolbar: ce = !1, stickyFirstColumn: fe = !1, maxBodyHeight: A, fillAvailableHeight: pe = !1, emptyStateMessage: me, emptyStateAction: he, className: ge = "", rowClassName: _e = "", cellClassName: ve = "", headerClassName: ye = "", wrapperClassName: be = "", innerClassName: xe = "", tableContainerClassName: j = "", getRowId: Se, rowSelection: M, sorting: N, defaultSorting: Ce, columnVisibility: Te, defaultColumnVisibility: Ee, initialState: P, onColumnVisibilityChange: De, strings: Oe, topbarContent: I, topbarEnd: Ae, topbarClassName: je, toolbarLabelVisibility: Me = "hidden", footerContent: Ne, selectionToolbar: H, bulkActions: Pe, selectionToolbarClassName: Fe, selectionToolbarPlacement: Ie = "floating", totalRowCount: Le, storageKey: Re }) {
+	let { defaultScale: ze } = t(), Be = e(r, ze), U = L(() => Xe(Oe), [Oe]), Ge = n("bg-card text-card-foreground", _e), Ke = me ?? U.emptyState.message, qe = te ?? "page", W = Ct(A), Je = Dt(o), G = L(() => Re ? `dt.${Re}.columns` : null, [Re]), q = L(() => {
+		let e = Ee ?? P?.columnVisibility ?? {};
+		if (!G || typeof window > "u") return e;
 		try {
-			let t = window.localStorage.getItem(H);
+			let t = window.localStorage.getItem(G);
 			return {
 				...t ? JSON.parse(t) : {},
 				...e
@@ -769,238 +808,246 @@ function Ct({ size: r, surface: i = "card", headerTransparent: a = !0, columns:
 			return e;
 		}
 	}, [
-		ke,
-		H,
-		k?.columnVisibility
-	]), [U, W] = F(Ee ?? k?.sorting ?? []), [$e, et] = F(k?.columnFilters ?? []), [rt, it] = F(Ze), [at, ot] = F(k?.rowSelection || {}), [st, ct] = F(S), G = Te ?? U, K = De ?? rt, q = we ?? at, J = x ?? st, ft = P(null), Y = P(null), pt = N(() => ({ get current() {
-		let e = Y.current;
-		return e?.isConnected ? e : ft.current?.querySelector("thead [role=\"checkbox\"]") ?? null;
-	} }), []), mt = j((e) => {
-		e.target instanceof HTMLElement && (Y.current = e.target);
-	}, []), ht = j((e) => {
-		let t = typeof e == "function" ? e($e) : e;
-		et(t), ae?.(t);
-	}, [$e, ae]), X = j((e) => {
-		let t = typeof e == "function" ? e(G) : e;
-		Te === void 0 && W(t), ie?.(t);
+		Ee,
+		G,
+		P?.columnVisibility
+	]), [Ze, Qe] = z(Ce ?? P?.sorting ?? []), [J, tt] = z(P?.columnFilters ?? []), [nt, rt] = z(q), [it, at] = z(P?.rowSelection || {}), [ot, st] = z(w), Y = N ?? Ze, ct = Te ?? nt, X = M ?? it, Z = C ?? ot, Q = R(null), ft = R(null), pt = L(() => ({ get current() {
+		let e = ft.current;
+		return e?.isConnected ? e : Q.current?.querySelector("thead [role=\"checkbox\"]") ?? null;
+	} }), []), mt = F((e) => {
+		e.target instanceof HTMLElement && (ft.current = e.target);
+	}, []), ht = F((e) => {
+		let t = typeof e == "function" ? e(J) : e;
+		tt(t), ie?.(t);
+	}, [J, ie]), gt = F((e) => {
+		let t = typeof e == "function" ? e(Y) : e;
+		N === void 0 && Qe(t), re?.(t);
 	}, [
-		Te,
-		ie,
-		G
-	]), vt = j((e) => {
-		let t = typeof e == "function" ? e(K) : e;
-		if (De === void 0 && it(t), H && typeof window < "u") try {
-			window.localStorage.setItem(H, JSON.stringify(t));
+		N,
+		re,
+		Y
+	]), _t = F((e) => {
+		let t = typeof e == "function" ? e(ct) : e;
+		if (Te === void 0 && rt(t), G && typeof window < "u") try {
+			window.localStorage.setItem(G, JSON.stringify(t));
 		} catch {}
-		Ae?.(t);
+		De?.(t);
 	}, [
-		K,
-		De,
-		H,
-		Ae
-	]), Ct = j((e) => {
-		let t = typeof e == "function" ? e(q) : e;
-		we === void 0 && ot(t), se?.(t);
+		ct,
+		Te,
+		G,
+		De
+	]), bt = F((e) => {
+		let t = typeof e == "function" ? e(X) : e;
+		M === void 0 && at(t), oe?.(t);
 	}, [
-		we,
-		se,
-		q
-	]), wt = P(null), Z = j((e) => {
-		x === void 0 && ct(e), C?.(e);
-	}, [x, C]);
-	Xe(J, wt, j(() => Z(!1), [Z]));
-	let Tt = j((e) => typeof d == "function" ? d(e) : d ?? z.actions.menuLabel, [d, z.actions.menuLabel]), Et = N(() => {
-		let e = g && _ ? St(Ye, _) : Ye, t = T ? lt(e, z) : e;
-		if (!u) return t;
+		M,
+		oe,
+		X
+	]), Ot = R(null), kt = F((e) => {
+		C === void 0 && st(e), T?.(e);
+	}, [C, T]);
+	Ye(Z, Ot, F(() => kt(!1), [kt]));
+	let At = F((e) => typeof p == "function" ? p(e) : p ?? U.actions.menuLabel, [p, U.actions.menuLabel]), jt = !!f, Mt = L(() => {
+		let e = v && y ? wt(Je, y) : Je, t = E ? lt(e) : e;
+		if (!jt) return t;
 		let n = {
 			id: "actions",
-			header: z.actions.triggerLabel,
-			cell: ({ row: e }) => /* @__PURE__ */ I(nt, {
-				row: e.original,
-				actions: u,
-				menuLabel: Tt(e.original),
-				displayMode: f,
-				responsiveBreakpoint: p,
-				strings: z
-			}),
+			header: Tt,
+			cell: Et,
 			enableSorting: !1,
 			enableHiding: !1,
 			size: 40
 		};
 		return [...t, n];
 	}, [
-		Ye,
-		g,
-		_,
-		T,
-		u,
-		Tt,
-		p,
-		f,
-		z
-	]), Q = Ke({
+		Je,
+		v,
+		y,
+		E,
+		jt
+	]), $ = We({
 		data: c,
-		columns: Et,
+		columns: Mt,
+		meta: { themeliaDataTable: {
+			strings: U,
+			renderActions: f ? (e) => /* @__PURE__ */ B(et, {
+				row: e,
+				actions: f,
+				menuLabel: At(e),
+				displayMode: m,
+				responsiveBreakpoint: h,
+				strings: U
+			}) : void 0
+		} },
 		state: {
-			sorting: G,
-			columnVisibility: K,
-			rowSelection: q,
-			columnFilters: $e
+			sorting: Y,
+			columnVisibility: ct,
+			rowSelection: X,
+			columnFilters: J
 		},
-		enableSorting: m,
-		enableColumnResizing: h,
+		enableSorting: g,
+		enableColumnResizing: _,
 		columnResizeMode: "onChange",
-		enableColumnFilters: g,
-		manualFiltering: !g,
-		manualSorting: y,
+		defaultColumn: { size: void 0 },
+		enableColumnFilters: v,
+		manualFiltering: !v,
+		manualSorting: x,
 		autoResetPageIndex: !1,
-		enableRowSelection: T,
-		enableMultiRowSelection: ee,
-		enableSubRowSelection: te,
-		onSortingChange: m ? X : void 0,
-		onRowSelectionChange: T ? Ct : void 0,
-		onColumnVisibilityChange: vt,
+		enableRowSelection: E,
+		enableMultiRowSelection: D,
+		enableSubRowSelection: O,
+		onSortingChange: g ? gt : void 0,
+		onRowSelectionChange: E ? bt : void 0,
+		onColumnVisibilityChange: _t,
 		onColumnFiltersChange: ht,
-		getCoreRowModel: Ue(),
-		getFilteredRowModel: We(),
-		getSortedRowModel: Ge(),
-		getRowId: Ce
-	}), Dt = g && _ ? Q.getAllLeafColumns().find((e) => e.id === _ && e.getCanFilter()) : void 0, Ot = v ?? z.filter.searchPlaceholder, kt = E && E.last_page > 1, At = Q.getSelectedRowModel().rows.map((e) => e.original), $ = At.length, jt = j(() => {
-		Q.resetRowSelection();
-	}, [Q]), Mt = ze ?? E?.total ?? c.length, Nt = {
-		table: Q,
-		selectedRows: At,
-		selectedRowCount: $,
-		totalRowCount: Mt,
-		rowSelection: q,
-		clearSelection: jt
-	}, Pt = (() => {
-		if (!T || R === null || R === !1) return null;
-		if (R !== void 0) return $ === 0 ? null : typeof R == "function" ? R(Nt) : R;
-		let e = $ === 0 ? null : typeof Ie == "function" ? Ie(Nt) : Ie, t = /* @__PURE__ */ I(ue, {
-			selectedCount: $,
-			totalCount: Mt,
-			onClear: jt,
-			placement: Re,
+		getCoreRowModel: Ve(),
+		getFilteredRowModel: He(),
+		getSortedRowModel: Ue(),
+		getRowId: Se
+	}), Nt = v && y ? $.getAllLeafColumns().find((e) => e.id === y && e.getCanFilter()) : void 0, Pt = b ?? U.filter.searchPlaceholder, Ft = k && k.last_page > 1, It = $.getSelectedRowModel().rows.map((e) => e.original), Lt = Object.values(X).filter(Boolean).length, Rt = F(() => {
+		$.resetRowSelection();
+	}, [$]), zt = Le ?? k?.total ?? c.length, Bt = {
+		table: $,
+		selectedRows: It,
+		selectedRowCount: Lt,
+		totalRowCount: zt,
+		rowSelection: X,
+		clearSelection: Rt
+	}, Vt = (() => {
+		if (!E || H === null || H === !1) return null;
+		if (H !== void 0) return Lt === 0 ? null : typeof H == "function" ? H(Bt) : H;
+		let e = Lt === 0 ? null : typeof Pe == "function" ? Pe(Bt) : Pe, t = /* @__PURE__ */ B(le, {
+			selectedCount: Lt,
+			totalCount: zt,
+			onClear: Rt,
+			placement: Ie,
 			returnFocusRef: pt,
-			className: n("data-table-selection-toolbar--component", Le),
+			className: n("data-table-selection-toolbar--component", Fe),
 			strings: {
-				summary: (e, t) => z.selection.summary(e, t ?? Mt),
-				clear: z.selection.clear,
-				label: z.selection.label
+				summary: (e, t) => U.selection.summary(e, t ?? zt),
+				clear: U.selection.clear,
+				label: U.selection.label
 			},
 			children: e
 		});
-		return Re === "inline" ? /* @__PURE__ */ I("div", {
+		return Ie === "inline" ? /* @__PURE__ */ B("div", {
 			"data-slot": "data-table-selection-toolbar",
 			className: "data-table--selection-toolbar px-surface py-row-y empty:hidden",
 			children: t
 		}) : t;
-	})(), Ft = N(() => {
-		if (V) return { "--data-table-body-max-height": V };
-	}, [V]), It = J || O || V !== void 0, Lt = _t.Provider, Rt = bt[He];
-	return /* @__PURE__ */ I(Lt, {
-		value: Rt,
-		children: /* @__PURE__ */ L("div", {
-			ref: wt,
-			role: J ? "dialog" : void 0,
-			"aria-modal": J ? !0 : void 0,
-			"aria-label": J ? z.accessibility.fullscreenRegion : void 0,
-			className: n("data-table--component @container/data-table box-border", J ? "fixed inset-0 z-50 bg-background text-foreground flex flex-col overflow-hidden p-surface" : n("w-full min-w-0 max-w-full", O && "flex h-full min-h-0 flex-col", i === "card" && "overflow-hidden rounded-radius border border-border bg-card text-card-foreground shadow-xs", i === "glass" && "rounded-radius overflow-hidden border border-border/60", be)),
+	})(), Ht = L(() => {
+		if (W) return { "--data-table-body-max-height": W };
+	}, [W]), Ut = Z || pe || W !== void 0, Wt = yt.Provider, Gt = St[Be];
+	return /* @__PURE__ */ B(Wt, {
+		value: Gt,
+		children: /* @__PURE__ */ V("div", {
+			ref: Ot,
+			role: Z ? "dialog" : void 0,
+			"aria-modal": Z ? !0 : void 0,
+			"aria-label": Z ? U.accessibility.fullscreenRegion : void 0,
+			className: n("data-table--component @container/data-table box-border", Z ? "fixed inset-0 z-50 bg-background text-foreground flex flex-col overflow-hidden p-surface" : n("w-full min-w-0 max-w-full", pe && "flex h-full min-h-0 flex-col", i === "card" && "overflow-hidden rounded-surface border border-border bg-card text-card-foreground shadow-xs", i === "glass" && "rounded-surface overflow-hidden border border-border/60", be)),
 			children: [
-				!!(Dt || je || M || b || w) && /* @__PURE__ */ L("div", {
-					className: n("relative", le && "sticky top-0 z-20 bg-card text-card-foreground"),
-					children: [/* @__PURE__ */ L("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", J ? "mb-space-lg shrink-0" : "mb-0", Ne),
-						children: [/* @__PURE__ */ L("div", {
+				!!(Nt || I || Ae || S || ee) && /* @__PURE__ */ V("div", {
+					className: n("relative", ce && "sticky top-0 z-20 bg-card text-card-foreground"),
+					children: [/* @__PURE__ */ V("div", {
+						className: n("data-table-topbar grid gap-space-lg px-surface py-surface-sm @2xl/data-table:grid-cols-[minmax(0,1fr)_auto] @2xl/data-table:items-start", Z ? "mb-space-lg shrink-0" : "mb-0", je),
+						children: [/* @__PURE__ */ V("div", {
 							className: "data-table-topbar-left flex min-w-0 flex-col gap-space-md",
-							children: [je, Dt && /* @__PURE__ */ I("div", {
+							children: [I, Nt && /* @__PURE__ */ B("div", {
 								className: "min-w-0 max-w-sm",
-								children: /* @__PURE__ */ I(fe, {
-									"aria-label": Ot,
-									placeholder: Ot,
-									value: Dt.getFilterValue() ?? "",
-									onChange: (e) => Dt.setFilterValue(e.target.value)
+								children: /* @__PURE__ */ B(de, {
+									"aria-label": Pt,
+									placeholder: Pt,
+									value: Nt.getFilterValue() ?? "",
+									onChange: (e) => Nt.setFilterValue(e.target.value)
 								})
 							})]
-						}), /* @__PURE__ */ L("div", {
+						}), /* @__PURE__ */ V("div", {
 							className: "data-table-topbar-right flex flex-wrap items-center justify-end gap-space-md",
-							children: [M, /* @__PURE__ */ I(gt, {
-								table: Q,
-								tableAreaRef: ft,
-								fullscreen: J,
-								onFullscreenChange: Z,
-								showFullscreenToggle: w,
-								enableColumnVisibility: b,
-								labelVisibility: Pe,
-								strings: z
+							children: [Ae, /* @__PURE__ */ B(vt, {
+								table: $,
+								tableAreaRef: Q,
+								fullscreen: Z,
+								onFullscreenChange: kt,
+								showFullscreenToggle: ee,
+								enableColumnVisibility: S,
+								labelVisibility: Me,
+								strings: U
 							})]
 						})]
-					}), /* @__PURE__ */ I(de, {})]
+					}), /* @__PURE__ */ B(ue, {})]
 				}),
-				Pt,
-				/* @__PURE__ */ I("div", {
-					ref: ft,
-					style: Ft,
-					onFocus: T ? mt : void 0,
-					className: n("min-h-0", It ? "overflow-hidden" : xe, (J || O) && "flex-1"),
-					children: /* @__PURE__ */ L(Oe, {
-						density: yt[He],
+				Vt,
+				/* @__PURE__ */ V("div", {
+					ref: Q,
+					style: Ht,
+					onFocus: E ? mt : void 0,
+					className: n("min-h-0", Ut ? "overflow-hidden" : xe, (Z || pe) && "flex-1"),
+					children: [!!l && /* @__PURE__ */ B("span", {
+						role: "status",
+						className: "sr-only",
+						children: U.loading?.label ?? K.loading.label
+					}), /* @__PURE__ */ V(we, {
+						"aria-busy": l || void 0,
+						density: xt[Be],
 						containerProps: {
 							role: "region",
-							"aria-label": z.accessibility.scrollRegion
+							"aria-label": U.accessibility.scrollRegion
 						},
-						style: h ? { width: Q.getTotalSize() } : void 0,
-						className: n("relative", h && "min-w-full table-fixed", ge),
-						containerClassName: n(`focus-visible:outline-none ${s.edge}`, It && "overflow-auto", V !== void 0 && "max-h-(--data-table-body-max-height)", (J || O) && "h-full min-h-0", Se),
-						children: [/* @__PURE__ */ I(dt, {
-							enableResizing: h,
-							table: Q,
-							stickyHeader: ce,
+						style: _ ? { width: $.getTotalSize() } : void 0,
+						className: n("relative", _ && "min-w-full table-fixed", ge),
+						containerClassName: n(`focus-visible:outline-none ${s.edge}`, Ut && "overflow-auto", W !== void 0 && "max-h-(--data-table-body-max-height)", (Z || pe) && "h-full min-h-0", j),
+						children: [/* @__PURE__ */ B(dt, {
+							enableResizing: _,
+							table: $,
+							stickyHeader: se,
 							headerClassName: ye,
 							cellClassName: ve,
-							stickyFirstColumn: D,
-							columnGroups: l,
+							stickyFirstColumn: fe,
+							columnGroups: d,
 							headerTransparent: a,
-							strings: z
-						}), /* @__PURE__ */ I(ut, {
-							table: Q,
-							onRowClick: oe,
-							emptyStateMessage: B,
+							strings: U
+						}), /* @__PURE__ */ B(ut, {
+							loading: l,
+							loadingRows: u,
+							table: $,
+							onRowClick: ae,
+							emptyStateMessage: Ke,
 							emptyStateAction: he,
 							cellClassName: ve,
-							rowClassName: qe,
-							stickyFirstColumn: D,
-							strings: z
+							rowClassName: Ge,
+							stickyFirstColumn: fe,
+							strings: U
 						})]
-					})
+					})]
 				}),
-				!!kt && /* @__PURE__ */ L(Me, { children: [/* @__PURE__ */ I(de, {}), /* @__PURE__ */ I(tt, {
-					pagination: E,
-					onPageChange: re,
-					pageQueryKey: Je,
-					labels: z.pagination
+				!!Ft && /* @__PURE__ */ V(ke, { children: [/* @__PURE__ */ B(ue, {}), /* @__PURE__ */ B($e, {
+					pagination: k,
+					onPageChange: ne,
+					pageQueryKey: qe,
+					labels: U.pagination
 				})] }),
-				!!Fe && /* @__PURE__ */ I("div", {
+				!!Ne && /* @__PURE__ */ B("div", {
 					"data-slot": "data-table-footer",
 					className: "data-table--footer border-t border-border/60 px-surface py-row-y",
-					children: Fe
+					children: Ne
 				})
 			]
 		})
 	});
 }
-Ct.displayName = "DataTable";
+Ot.displayName = "DataTable";
 //#endregion
 //#region src/components/features/table/filter-bar.tsx
-function wt({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisibility: i = !1, customContent: a, strings: o = U }) {
+function kt({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisibility: i = !1, customContent: a, strings: o = K }) {
 	if (!t && !i && !a) return null;
 	let s = r ?? o.filter.searchPlaceholder;
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ V("div", {
 		className: n("filter-bar--component", "flex items-center justify-between p-surface"),
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex flex-1 items-center space-x-space-md",
-			children: [!!t && /* @__PURE__ */ I(fe, {
+			children: [!!t && /* @__PURE__ */ B(de, {
 				placeholder: s,
 				value: e.getColumn(t)?.getFilterValue() ?? "",
 				onChange: (n) => {
@@ -1009,7 +1056,7 @@ function wt({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisib
 				},
 				className: "max-w-sm"
 			}), a]
-		}), !!i && /* @__PURE__ */ I(J, {
+		}), !!i && /* @__PURE__ */ B(Q, {
 			table: e,
 			strings: o,
 			labelVisibility: "responsive",
@@ -1017,22 +1064,22 @@ function wt({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisib
 		})]
 	});
 }
-wt.displayName = "DataTableFilterBar";
+kt.displayName = "DataTableFilterBar";
 //#endregion
 //#region src/components/features/table/partials/cell-value.tsx
-function Z(e) {
+function At(e) {
 	return e === !1 || e == null || typeof e == "string" && e.trim() === "";
 }
-function Tt(e) {
+function jt(e) {
 	return e == null;
 }
-function Et(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e) && !A(e) && !(e instanceof Date);
+function Mt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && !De(e) && !(e instanceof Date);
 }
-function Q(e) {
+function $(e) {
 	return Array.isArray(e);
 }
-function Dt(e) {
+function Nt(e) {
 	let [t, n, r] = e;
 	return {
 		...r,
@@ -1040,32 +1087,32 @@ function Dt(e) {
 		kind: n
 	};
 }
-function Ot(e) {
+function Pt(e) {
 	if (e === !1) return null;
-	if (A(e)) return e;
-	if (Q(e)) {
-		let t = Dt(e);
-		return Z(t.value) && Tt(t.display) ? null : t;
+	if (De(e)) return e;
+	if ($(e)) {
+		let t = Nt(e);
+		return At(t.value) && jt(t.display) ? null : t;
 	}
-	return Et(e) ? Z(e.value) && Tt(e.display) ? null : e : Z(e) ? null : { value: e };
+	return Mt(e) ? At(e.value) && jt(e.display) ? null : e : At(e) ? null : { value: e };
 }
-function kt(e) {
+function Ft(e) {
 	return e instanceof Date ? e.toISOString() : String(e ?? "");
 }
-function At({ 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 ? kt(c) : c), u = e.emptyLabel ?? r, d = n(i, e.className), f = o ? a : "regular";
+function It({ 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 ? Ft(c) : c), u = e.emptyLabel ?? r, d = n(i, e.className), f = o ? a : "regular";
 	switch (s) {
-		case "secondary": return /* @__PURE__ */ I(g, {
+		case "secondary": return /* @__PURE__ */ B(_, {
 			size: "inherit",
 			className: d,
 			children: l
 		});
-		case "muted": return /* @__PURE__ */ I(_, {
+		case "muted": return /* @__PURE__ */ B(v, {
 			size: "inherit",
 			className: d,
 			children: l
 		});
-		case "name": return /* @__PURE__ */ I(h, {
+		case "name": return /* @__PURE__ */ B(g, {
 			type: "inherit",
 			value: e.display === void 0 && typeof c == "string" ? c : void 0,
 			force: e.force,
@@ -1075,7 +1122,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			className: d,
 			children: e.display
 		});
-		case "mono": return /* @__PURE__ */ I(b, {
+		case "mono": return /* @__PURE__ */ B(x, {
 			type: "inherit",
 			size: "inherit",
 			weight: f,
@@ -1083,33 +1130,33 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			children: l
 		});
 		case "link": {
-			let t = e.href ?? kt(c);
-			return /* @__PURE__ */ I(C, {
+			let t = e.href ?? Ft(c);
+			return /* @__PURE__ */ B(w, {
 				href: t,
 				emptyLabel: u,
 				className: d,
 				children: l
 			});
 		}
-		case "email": return /* @__PURE__ */ I(x, {
+		case "email": return /* @__PURE__ */ B(S, {
 			value: typeof c == "string" ? c : void 0,
 			display: e.display,
 			emptyLabel: u,
 			className: d
 		});
-		case "phone": return /* @__PURE__ */ I(m, {
+		case "phone": return /* @__PURE__ */ B(h, {
 			value: typeof c == "string" ? c : void 0,
 			display: e.display,
 			emptyLabel: u,
 			className: d
 		});
-		case "url": return /* @__PURE__ */ I(y, {
+		case "url": return /* @__PURE__ */ B(b, {
 			value: typeof c == "string" ? c : void 0,
 			display: e.display,
 			emptyLabel: u,
 			className: d
 		});
-		case "money": return /* @__PURE__ */ I(te, {
+		case "money": return /* @__PURE__ */ B(D, {
 			type: "inherit",
 			amount: typeof c == "number" || typeof c == "string" ? c : null,
 			currency: e.currency,
@@ -1123,7 +1170,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "number": return /* @__PURE__ */ I(E, {
+		case "number": return /* @__PURE__ */ B(O, {
 			type: "inherit",
 			value: typeof c == "number" || typeof c == "string" ? c : null,
 			locale: e.locale,
@@ -1133,7 +1180,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "percent": return /* @__PURE__ */ I(ee, {
+		case "percent": return /* @__PURE__ */ B(E, {
 			type: "inherit",
 			value: typeof c == "number" || typeof c == "string" ? c : null,
 			locale: e.locale,
@@ -1144,7 +1191,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "fileSize": return /* @__PURE__ */ I(v, {
+		case "fileSize": return /* @__PURE__ */ B(y, {
 			type: "inherit",
 			value: typeof c == "number" ? c : null,
 			from: e.from,
@@ -1154,7 +1201,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "date": return /* @__PURE__ */ I(oe, {
+		case "date": return /* @__PURE__ */ B(ie, {
 			type: "inherit",
 			value: c,
 			format: e.dateFormat,
@@ -1165,7 +1212,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "time": return /* @__PURE__ */ I(ne, {
+		case "time": return /* @__PURE__ */ B(k, {
 			type: "inherit",
 			value: c,
 			format: e.timeFormat,
@@ -1175,7 +1222,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "dateTime": return /* @__PURE__ */ I(ie, {
+		case "dateTime": return /* @__PURE__ */ B(ne, {
 			type: "inherit",
 			value: c,
 			format: e.dateFormat,
@@ -1187,7 +1234,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		case "relativeTime": return /* @__PURE__ */ I(re, {
+		case "relativeTime": return /* @__PURE__ */ B(te, {
 			value: c,
 			locale: e.dateLocale,
 			emptyLabel: u,
@@ -1195,7 +1242,7 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			weight: f,
 			className: d
 		});
-		default: return /* @__PURE__ */ I(p, {
+		default: return /* @__PURE__ */ B(m, {
 			type: "inherit",
 			size: "inherit",
 			weight: f,
@@ -1204,13 +1251,13 @@ function At({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 		});
 	}
 }
-function $({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minimumFractionDigits: o, maximumFractionDigits: s, formatMode: c, locale: l, dateLocale: u, from: d, force: f, options: m, scaled: h, dateFormat: g, datePreset: _, timeFormat: v, emptyLabel: y, fallback: b = "--", missing: x, className: C, children: w }) {
-	let T = x ?? Z(e);
-	return w === void 0 ? T ? /* @__PURE__ */ I(S, {
+function Lt({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minimumFractionDigits: o, maximumFractionDigits: s, formatMode: c, locale: l, dateLocale: u, from: d, force: f, options: p, scaled: h, dateFormat: g, datePreset: _, timeFormat: v, emptyLabel: y, fallback: b = "--", missing: x, className: S, children: w }) {
+	let T = x ?? At(e);
+	return w === void 0 ? T ? /* @__PURE__ */ B(C, {
 		size: "inherit",
-		className: n("cell-value--component", C),
+		className: n("cell-value--component", S),
 		children: y ?? b
-	}) : At({
+	}) : It({
 		descriptor: {
 			value: e,
 			kind: t,
@@ -1224,7 +1271,7 @@ function $({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minimu
 			dateLocale: u,
 			from: d,
 			force: f,
-			options: m,
+			options: p,
 			scaled: h,
 			dateFormat: g,
 			datePreset: _,
@@ -1233,30 +1280,30 @@ function $({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minimu
 			className: "cell-value--component"
 		},
 		emptyLabel: y ?? b,
-		className: C
-	}) : /* @__PURE__ */ I(T ? S : p, {
+		className: S
+	}) : /* @__PURE__ */ B(T ? C : m, {
 		type: T ? "secondary" : "inherit",
 		size: "inherit",
-		className: n("cell-value--component", C),
+		className: n("cell-value--component", S),
 		children: w
 	});
 }
-function jt({ values: e = [], emptyLabel: t = "--", className: r, itemClassName: i, primaryClassName: a, secondaryClassName: o, primaryWeight: s = "medium" }) {
-	let c = e.map(Ot).filter((e) => e !== null).slice(0, 4);
-	return c.length === 0 ? /* @__PURE__ */ I(S, {
+function Rt({ values: e = [], emptyLabel: t = "--", className: r, itemClassName: i, primaryClassName: a, secondaryClassName: o, primaryWeight: s = "medium" }) {
+	let c = e.map(Pt).filter((e) => e !== null).slice(0, 4);
+	return c.length === 0 ? /* @__PURE__ */ B(C, {
 		size: "inherit",
 		className: n("cell-stack--component", r),
 		children: t
-	}) : /* @__PURE__ */ I("div", {
+	}) : /* @__PURE__ */ B("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 A(e) ? /* @__PURE__ */ I("div", {
+			return De(e) ? /* @__PURE__ */ B("div", {
 				className: l,
 				children: e
-			}, r) : /* @__PURE__ */ I("div", {
+			}, r) : /* @__PURE__ */ B("div", {
 				className: l,
-				children: At({
+				children: It({
 					descriptor: e,
 					index: r,
 					emptyLabel: t,
@@ -1267,39 +1314,39 @@ function jt({ values: e = [], emptyLabel: t = "--", className: r, itemClassName:
 		})
 	});
 }
-$.displayName = "CellValue", jt.displayName = "CellStack";
+Lt.displayName = "CellValue", Rt.displayName = "CellStack";
 //#endregion
 //#region src/components/features/table/partials/table-link.tsx
-var Mt = ({ className: e, ...t }) => /* @__PURE__ */ I(C, {
+var zt = ({ className: e, ...t }) => /* @__PURE__ */ B(w, {
 	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 Nt(e, t) {
+function Bt(e, t) {
 	if (e && typeof e == "object" && !("type" in e) && "label" in e) {
 		let n = e.icon;
-		return /* @__PURE__ */ L(D, {
+		return /* @__PURE__ */ V(ce, {
 			tone: e.tone ?? "secondary",
 			dot: e.dot,
-			children: [!!n && /* @__PURE__ */ I(n, { className: "size-icon-sm" }), e.label]
+			children: [!!n && /* @__PURE__ */ B(n, { className: "size-icon-sm" }), e.label]
 		}, e.id ?? t);
 	}
-	return /* @__PURE__ */ I("span", { children: e }, t);
+	return /* @__PURE__ */ B("span", { children: e }, t);
 }
-function Pt(e) {
-	return e ? Array.isArray(e) ? /* @__PURE__ */ I("span", {
+function Vt(e) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ B("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__ */ L("span", {
+		children: e.map((e, t) => /* @__PURE__ */ V("span", {
 			className: "inline-flex min-w-0 items-center gap-space-sm",
-			children: [!!e.label && /* @__PURE__ */ I(i, {
+			children: [!!e.label && /* @__PURE__ */ B(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				className: "shrink-0",
 				children: e.label
-			}), /* @__PURE__ */ I(i, {
+			}), /* @__PURE__ */ B(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
@@ -1309,122 +1356,129 @@ function Pt(e) {
 		}, e.id ?? t))
 	}) : e : null;
 }
-function Ft({ title: e, subtitle: t, metadata: r, badges: a = [], imageUrl: l, icon: u = Re, fallback: d, href: f, renderLink: p, emptyLabel: m = "—", className: h, mediaClassName: g, contentClassName: _, titleClassName: v, subtitleClassName: y }) {
-	if (!e) return /* @__PURE__ */ I(i, {
+function Ht({ title: e, subtitle: t, metadata: r, badges: a = [], imageUrl: l, icon: u, fallback: d, href: f, renderLink: p, emptyLabel: m = "—", className: h, mediaShape: g = "circle", mediaClassName: _, contentClassName: v, titleClassName: y, subtitleClassName: b }) {
+	if (!e) return /* @__PURE__ */ B(i, {
 		size: "inherit",
 		type: "secondary",
 		className: h,
 		children: m
 	});
-	let b = typeof e == "string" ? e : void 0, x = b ? T(b, { strategy: "first-words" }) : "", S = /* @__PURE__ */ L(c, {
-		render: /* @__PURE__ */ I("span", {}),
+	let x = typeof e == "string" ? e : void 0, S = x ? ee(x, { strategy: "first-words" }) : "", C = /* @__PURE__ */ V(c, {
+		render: /* @__PURE__ */ B("span", {}),
 		gap: "dense",
-		className: n("resource-cell--content", _),
+		className: n("resource-cell--content", v),
 		children: [
-			/* @__PURE__ */ L(c, {
-				render: /* @__PURE__ */ I("span", {}),
+			/* @__PURE__ */ V(c, {
+				render: /* @__PURE__ */ B("span", {}),
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				className: "resource-cell--title-row",
-				children: [/* @__PURE__ */ I(i, {
+				children: [/* @__PURE__ */ B(i, {
 					type: "inherit",
 					tag: "span",
 					size: "inherit",
 					weight: "medium",
-					className: n("resource-cell--title truncate", v),
+					title: x,
+					className: n("resource-cell--title truncate", y),
 					children: e
-				}), a.length > 0 && /* @__PURE__ */ I("span", {
+				}), a.length > 0 && /* @__PURE__ */ B("span", {
 					className: "resource-cell--badges inline-flex shrink-0 items-center gap-space-sm",
-					children: a.map(Nt)
+					children: a.map(Bt)
 				})]
 			}),
-			!!t && /* @__PURE__ */ I(i, {
+			!!t && /* @__PURE__ */ B(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
-				className: n("resource-cell--subtitle truncate", y),
+				className: n("resource-cell--subtitle truncate", b),
 				children: t
 			}),
-			!!r && /* @__PURE__ */ I("span", {
+			!!r && /* @__PURE__ */ B("span", {
 				className: "resource-cell--metadata min-w-0",
-				children: Pt(r)
+				children: Vt(r)
 			})
 		]
-	}), C = /* @__PURE__ */ L("span", {
+	}), w = d != null && d !== !1 && d !== "", E = !!l || !!u || w, D = g === "square", O = /* @__PURE__ */ V("span", {
 		className: n("resource-cell--component inline-flex min-w-0 items-center gap-space-md", h),
-		children: [/* @__PURE__ */ L(ce, {
+		children: [E && /* @__PURE__ */ V(oe, {
 			size: "md",
-			className: n("resource-cell--media", g),
-			children: [!!l && /* @__PURE__ */ I(le, {
+			"data-shape": g,
+			className: n("resource-cell--media", D && "rounded-radius after:rounded-radius", _),
+			children: [!!l && /* @__PURE__ */ B(se, {
 				src: l,
-				alt: b ?? ""
-			}), /* @__PURE__ */ I(se, { children: d || (x ? /* @__PURE__ */ I(w, {
-				value: b,
-				strategy: "first-words"
-			}) : /* @__PURE__ */ I(u, { className: "size-icon" })) })]
-		}), S]
+				alt: x ?? "",
+				className: n(D && "rounded-radius")
+			}), /* @__PURE__ */ B(ae, {
+				className: n(D && "rounded-radius"),
+				children: w ? d : u ? /* @__PURE__ */ B(u, { className: "size-icon" }) : S ? /* @__PURE__ */ B(T, {
+					value: x,
+					strategy: "first-words"
+				}) : null
+			})]
+		}), C]
 	});
-	if (!f) return C;
-	let ee = `resource-cell--link inline-flex min-w-0 rounded-inner outline-none ${s.text}`;
+	if (!f) return O;
+	let k = `resource-cell--link inline-flex min-w-0 rounded-radius outline-none ${s.text}`;
 	return p ? p({
 		href: f,
-		children: C,
-		className: ee,
-		"aria-label": b
-	}) : /* @__PURE__ */ I(o, {
+		children: O,
+		className: k,
+		"aria-label": x
+	}) : /* @__PURE__ */ B(o, {
 		href: f,
 		size: "inherit",
 		underline: !1,
-		className: ee,
-		"aria-label": b,
-		children: C
+		className: k,
+		"aria-label": x,
+		children: O
 	});
 }
-Ft.displayName = "ResourceCell";
+Ht.displayName = "ResourceCell";
 //#endregion
 //#region src/components/features/table/partials/cell-renderers.tsx
-function It({ value: e, map: t, emptyLabel: r = "—", className: a }) {
-	if (!e || !(e in t)) return /* @__PURE__ */ I(i, {
+function Ut({ value: e, map: t, emptyLabel: r = "—", className: a }) {
+	if (!e || !(e in t)) return /* @__PURE__ */ B(i, {
 		size: "inherit",
 		type: "secondary",
 		className: n("status-cell--component", a),
 		children: r
 	});
 	let o = t[e], s = o.icon;
-	return /* @__PURE__ */ L(D, {
+	return /* @__PURE__ */ V(ce, {
 		tone: o.tone ?? "secondary",
+		dot: o.dot,
 		className: n("status-cell--component gap-space-sm", a),
-		children: [!!s && /* @__PURE__ */ I(s, { className: "size-icon-sm" }), o.label]
+		children: [!!s && /* @__PURE__ */ B(s, { className: "size-icon-sm" }), o.label]
 	});
 }
-It.displayName = "StatusCell";
-function Lt({ items: e = [], emptyLabel: t = "—", className: r, badgeClassName: a }) {
+Ut.displayName = "StatusCell";
+function Wt({ items: e = [], emptyLabel: t = "—", className: r, badgeClassName: a }) {
 	let o = e.filter((e) => !e.hidden);
-	return o.length === 0 ? /* @__PURE__ */ I(i, {
+	return o.length === 0 ? /* @__PURE__ */ B(i, {
 		size: "inherit",
 		type: "secondary",
 		className: n("status-cluster-cell--component", r),
 		children: t
-	}) : /* @__PURE__ */ I("span", {
+	}) : /* @__PURE__ */ B("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__ */ L(D, {
+			return /* @__PURE__ */ V(ce, {
 				tone: e.tone ?? "secondary",
 				dot: e.dot,
 				className: n("shrink-0", a),
-				children: [!!r && /* @__PURE__ */ I(r, { className: "size-icon-sm" }), e.label]
+				children: [!!r && /* @__PURE__ */ B(r, { className: "size-icon-sm" }), e.label]
 			}, e.id ?? t);
 		})
 	});
 }
-Lt.displayName = "StatusClusterCell";
-function Rt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon: s = Fe, emptyLabel: c = "—", className: l }) {
-	let u = ae(e);
-	return u ? /* @__PURE__ */ L("span", {
+Wt.displayName = "StatusClusterCell";
+function Gt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon: s = Me, emptyLabel: c = "—", className: l }) {
+	let u = re(e);
+	return u ? /* @__PURE__ */ V("span", {
 		className: n("date-cell--component inline-flex items-center gap-space-sm", l),
-		children: [!!o && /* @__PURE__ */ I(s, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ I(oe, {
+		children: [!!o && /* @__PURE__ */ B(s, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ B(ie, {
 			value: u,
 			format: t,
 			preset: r,
@@ -1433,28 +1487,28 @@ function Rt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon:
 			size: "inherit",
 			type: "secondary"
 		})]
-	}) : /* @__PURE__ */ I(i, {
+	}) : /* @__PURE__ */ B(i, {
 		size: "inherit",
 		type: "secondary",
 		className: n("date-cell--component", l),
 		children: c
 	});
 }
-Rt.displayName = "DateCell";
-function zt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon: s = Fe, emptyLabel: c = "—", className: l, primaryClassName: u, secondary: d, secondaryClassName: f }) {
-	let p = ae(e);
-	if (!p) return /* @__PURE__ */ I(i, {
+Gt.displayName = "DateCell";
+function Kt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon: s = Me, emptyLabel: c = "—", className: l, primaryClassName: u, secondary: d, secondaryClassName: f }) {
+	let p = re(e);
+	if (!p) return /* @__PURE__ */ B(i, {
 		size: "inherit",
 		type: "secondary",
 		className: n("date-meta-cell--component", l),
 		children: c
 	});
 	let m = typeof d == "function" ? d(p) : d;
-	return /* @__PURE__ */ L("span", {
+	return /* @__PURE__ */ V("span", {
 		className: n("date-meta-cell--component inline-flex min-w-0 items-start gap-space-sm", l),
-		children: [!!o && /* @__PURE__ */ I(s, { className: "mt-space-2xs size-icon shrink-0 text-muted-foreground" }), /* @__PURE__ */ L("span", {
+		children: [!!o && /* @__PURE__ */ B(s, { className: "mt-space-2xs size-icon shrink-0 text-muted-foreground" }), /* @__PURE__ */ V("span", {
 			className: "grid min-w-0 gap-space-2xs",
-			children: [/* @__PURE__ */ I(oe, {
+			children: [/* @__PURE__ */ B(ie, {
 				value: p,
 				format: t,
 				preset: r,
@@ -1463,7 +1517,7 @@ function zt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon:
 				size: "inherit",
 				type: "secondary",
 				className: n("truncate tabular-nums", u)
-			}), !!m && /* @__PURE__ */ I(i, {
+			}), !!m && /* @__PURE__ */ B(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
@@ -1473,9 +1527,9 @@ function zt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon:
 		})]
 	});
 }
-zt.displayName = "DateMetaCell";
-function Bt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className: a, weight: o = "semibold" }) {
-	return /* @__PURE__ */ I(te, {
+Kt.displayName = "DateMetaCell";
+function qt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className: a, weight: o = "semibold" }) {
+	return /* @__PURE__ */ B(D, {
 		type: "inherit",
 		amount: e,
 		currency: t,
@@ -1487,34 +1541,34 @@ function Bt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className
 		className: n("currency-cell--component tabular-nums", a)
 	});
 }
-Bt.displayName = "CurrencyCell";
-function Vt({ name: e, imageUrl: t, icon: r = Re, subtitle: a, emptyLabel: o = "—", className: s }) {
-	return !e || e.trim().length === 0 ? /* @__PURE__ */ I(i, {
+qt.displayName = "CurrencyCell";
+function Jt({ name: e, imageUrl: t, icon: r = Fe, subtitle: a, emptyLabel: o = "—", className: s }) {
+	return !e || e.trim().length === 0 ? /* @__PURE__ */ B(i, {
 		size: "inherit",
 		type: "secondary",
 		className: n("avatar-cell--component", s),
 		children: o
-	}) : /* @__PURE__ */ L("span", {
+	}) : /* @__PURE__ */ V("span", {
 		className: n("avatar-cell--component inline-flex items-center gap-space-md", s),
-		children: [/* @__PURE__ */ L(ce, {
+		children: [/* @__PURE__ */ V(oe, {
 			size: "sm",
 			className: "avatar-cell--avatar",
-			children: [!!t && /* @__PURE__ */ I(le, {
+			children: [!!t && /* @__PURE__ */ B(se, {
 				src: t,
 				alt: e
-			}), /* @__PURE__ */ I(se, { children: T(e, { strategy: "first-words" }) ? /* @__PURE__ */ I(w, {
+			}), /* @__PURE__ */ B(ae, { children: ee(e, { strategy: "first-words" }) ? /* @__PURE__ */ B(T, {
 				value: e,
 				strategy: "first-words"
-			}) : /* @__PURE__ */ I(r, { className: "size-icon" }) })]
-		}), /* @__PURE__ */ L("span", {
+			}) : /* @__PURE__ */ B(r, { className: "size-icon" }) })]
+		}), /* @__PURE__ */ V("span", {
 			className: "min-w-0 inline-flex flex-col",
-			children: [/* @__PURE__ */ I(i, {
+			children: [/* @__PURE__ */ B(i, {
 				type: "inherit",
 				size: "inherit",
 				weight: "medium",
 				className: "truncate",
 				children: e
-			}), !!a && /* @__PURE__ */ I(i, {
+			}), !!a && /* @__PURE__ */ B(i, {
 				size: "inherit",
 				type: "secondary",
 				className: "truncate",
@@ -1523,8 +1577,8 @@ function Vt({ name: e, imageUrl: t, icon: r = Re, subtitle: a, emptyLabel: o = "
 		})]
 	});
 }
-Vt.displayName = "AvatarCell";
+Jt.displayName = "AvatarCell";
 //#endregion
-export { U as A, ot as C, it as D, rt as E, B as M, Je as N, nt as O, st as S, at as T, dt as _, It as a, K as b, Mt as c, wt as d, Ct as f, J as g, Y as h, zt as i, Qe as j, tt as k, jt as l, gt as m, Bt as n, Lt as o, vt as p, Rt as r, Ft as s, Vt as t, $ as u, ut as v, ct as w, G as x, lt as y };
+export { K as A, it as C, nt as D, tt as E, Ge as M, Ke as N, et as O, at as S, rt as T, dt as _, Ut as a, Y as b, zt as c, kt as d, Ot as f, Q as g, pt as h, Kt as i, Xe as j, $e as k, Rt as l, vt as m, qt as n, Wt as o, bt as p, Gt as r, Ht as s, Jt as t, Lt as u, ut as v, ot as w, st as x, lt as y };
 
-//# sourceMappingURL=table-DH7rozUv.js.map
+//# sourceMappingURL=table-CBonSdTp.js.map