themelia-react-ui 2.0.5 → 3.0.0

package/dist/table-CFOWY9pQ.js

@@ -1,1536 +0,0 @@
-"use client";
-import { S as e, d as t } from "./ui-provider-C-74NVLc.js";
-import { t as n } from "./utils-B6kKb8jB.js";
-import { n as r } from "./buttons-BedGfygC.js";
-import { c as i, o as a, t as o } from "./typography-BQnine1k.js";
-import { t as s } from "./focus-recipes-B653VaLq.js";
-import { t as c } from "./structure-DuxKl954.js";
-import { i as l } from "./popover.recipes-DdiEp0rd.js";
-import { n as u, t as d } from "./action-menu-Dr8K-ghE.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-ByWgGUgt.js";
-import { t as T } from "./initials-format-CDoQEOd_.js";
-import { n as ee, r as te, t as E } from "./number-CRU3kGuk.js";
-import { a as ne, i as re, r as ie, s as ae, t as oe } from "./date-Cq8ioE4o.js";
-import { i as se, n as ce, s as le } from "./avatar-CeZaFmNH.js";
-import { t as D } from "./badge-xIiV_E7f.js";
-import { t as ue } from "./batch-action-bar-Cb8cuvyy.js";
-import { t as de } from "./separator-Ct_WSWTJ.js";
-import { t as fe } from "./input-CvyDQlY7.js";
-import { t as pe } from "./checkbox-fflqmODR.js";
-import { r as O, t as me } from "./control-group-recipes-fMuFo0H7.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-CgCjElfu.js";
-import { c as k, i as A, n as j, o as Ce, s as we, t as Te } from "./table-B4TE7iOV.js";
-import { s as Ee } from "./data-display-BdgCAw8T.js";
-import M, { createContext as De, isValidElement as N, useCallback as P, useContext as Oe, useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
-import { Fragment as ke, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { ArrowDown as Ae, ArrowUp as je, Calendar as Me, ChevronLeft as V, ChevronRight as Ne, ChevronsUpDown as Pe, Mail as Fe, Maximize2 as Ie, Minimize2 as Le, PackageOpen as Re, Settings2 as ze } from "lucide-react";
-import { flexRender as H, getCoreRowModel as Be, getFilteredRowModel as Ve, getSortedRowModel as He, useReactTable as Ue } from "@tanstack/react-table";
-//#region src/components/features/table/hooks.ts
-var We = 300;
-function U(e) {
-	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
-}
-function Ge(e, t = {}) {
-	let { stepPx: n = We, deps: r = [] } = t, [i, a] = R(!1), [o, s] = R(!1), c = L(0), l = P(() => {
-		let t = U(e.current);
-		if (!t) {
-			a(!1), s(!1);
-			return;
-		}
-		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = t;
-		a(n > 1), s(n + i < r - 1);
-	}, [e]);
-	F(() => {
-		let t, n = window.setTimeout(() => {
-			l();
-			let n = U(e.current);
-			if (!n) return;
-			let r = () => {
-				cancelAnimationFrame(c.current), c.current = requestAnimationFrame(l);
-			};
-			n.addEventListener("scroll", r, { passive: !0 });
-			let i = new ResizeObserver(l);
-			i.observe(n), n.firstElementChild && i.observe(n.firstElementChild), t = () => {
-				n.removeEventListener("scroll", r), cancelAnimationFrame(c.current), i.disconnect();
-			};
-		}, 0);
-		return () => {
-			window.clearTimeout(n), t?.();
-		};
-	}, [
-		e,
-		l,
-		...r
-	]);
-	let u = P((t) => {
-		U(e.current)?.scrollBy({
-			left: t,
-			behavior: "smooth"
-		});
-	}, [e]);
-	return {
-		canScrollLeft: i,
-		canScrollRight: o,
-		scrollBy: u,
-		scrollLeft: P(() => u(-n), [u, n]),
-		scrollRight: P(() => u(n), [u, n])
-	};
-}
-var W = /* @__PURE__ */ new Set([
-	"",
-	"true",
-	"plaintext-only"
-]), Ke = [
-	"a[href]",
-	"button:not([disabled])",
-	"input:not([disabled])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"summary",
-	"[contenteditable]",
-	"[tabindex]:not([tabindex=\"-1\"])"
-].join(",");
-function G(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);
-		r && !t.includes(r) && t.push(r);
-	}
-	return t;
-}
-function qe(e, t, n) {
-	let r = L(n);
-	r.current = n, F(() => {
-		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 && G(e).some((e) => e.contains(t)), c = (e) => Array.from(e.querySelectorAll(Ke)).filter((e) => (e.tabIndex >= 0 || W.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) => {
-			let n = t.current;
-			if (!n || e.defaultPrevented || e.isComposing || l(document.activeElement, n)) return;
-			if (a = e.key === "Tab" ? e.shiftKey ? "backward" : "forward" : void 0, e.key === "Escape") {
-				e.preventDefault(), e.stopPropagation(), r.current();
-				return;
-			}
-			if (e.key !== "Tab") return;
-			let i = document.activeElement;
-			if (i && !n.contains(i) && s(n, i)) return;
-			let o = c(n);
-			if (o.length === 0) return;
-			let u = o[0], d = o[o.length - 1], f = i instanceof Node && n.contains(i);
-			e.shiftKey && (!f || i === u) ? (e.preventDefault(), d.focus()) : !e.shiftKey && (!f || i === d) && (e.preventDefault(), u.focus());
-		}, d = () => {
-			a && queueMicrotask(() => {
-				let e = t.current;
-				if (!o || !e || !a || s(e, document.activeElement) || l(document.activeElement, e)) return;
-				let n = c(e);
-				(a === "backward" ? n.at(-1) : n[0])?.focus();
-			});
-		}, f = () => {
-			a = void 0;
-		}, p = t.current;
-		return window.addEventListener("keydown", u), window.addEventListener("focusin", d), window.addEventListener("pointerdown", f, !0), () => {
-			o = !1, window.removeEventListener("keydown", u), window.removeEventListener("focusin", d), window.removeEventListener("pointerdown", f, !0), document.body.style.overflow = i;
-			let e = document.activeElement;
-			(p && s(p, e) || e === document.body) && n?.isConnected && n.focus();
-		};
-	}, [e, t]);
-}
-//#endregion
-//#region src/components/features/table/table.strings.ts
-var Je = (e) => {
-	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
-	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
-}, K = {
-	emptyState: {
-		message: "No results found.",
-		ariaLabel: "Empty state"
-	},
-	actions: {
-		triggerLabel: "Actions",
-		srLabel: "Row actions menu",
-		menuLabel: "More actions"
-	},
-	filter: {
-		searchPlaceholder: "Filter...",
-		columnsButton: "Columns"
-	},
-	columnVisibility: {
-		title: "Toggle columns",
-		triggerLabel: "Columns",
-		formatLabel: (e, t) => t && t.trim().length > 0 ? t : Je(e)
-	},
-	toolbar: {
-		scrollLeft: "Scroll left",
-		scrollRight: "Scroll right",
-		columns: "Toggle columns",
-		enterFullscreen: "Enter full screen",
-		exitFullscreen: "Exit full screen"
-	},
-	pagination: {
-		showing: "Showing",
-		to: "to",
-		of: "of",
-		entries: "results",
-		previous: "Previous",
-		next: "Next",
-		previousLabel: "Go to previous page",
-		nextLabel: "Go to next page",
-		morePages: "More pages",
-		page: "Page",
-		rowsPerPage: "Rows per page",
-		ariaLabel: "Pagination navigation"
-	},
-	selection: {
-		summary: (e, t) => `${e} of ${t} row${t === 1 ? "" : "s"} selected.`,
-		row: (e) => `Select row ${e + 1}`,
-		selectAll: "Select all rows",
-		clear: "Clear selection",
-		label: "Batch actions"
-	},
-	accessibility: {
-		scrollRegion: "Table scroll area",
-		fullscreenRegion: "Table, full screen",
-		sortColumn: (e) => `Sort ${e}`,
-		sortPriority: (e, t, n) => `${e === "asc" ? "Ascending" : "Descending"}, sort priority ${t} of ${n}.`,
-		resizeColumn: (e) => `Resize ${e}`
-	}
-}, q = (e, t) => ({
-	...e,
-	...t
-}), Ye = (e) => e ? {
-	emptyState: q(K.emptyState, e.emptyState),
-	actions: {
-		...q(K.actions, e.actions),
-		...e.actions?.triggerLabel !== void 0 && e.actions.menuLabel === void 0 ? { menuLabel: e.actions.triggerLabel } : {}
-	},
-	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 Xe(e, t) {
-	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
-	let n = [1];
-	e > 3 && n.push("ellipsis");
-	let r = Math.max(2, e - 1), i = Math.min(t - 1, e + 1);
-	for (let e = r; e <= i; e++) n.push(e);
-	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
-}
-function Ze(e, t, n) {
-	let r = new URLSearchParams();
-	return r.set(n, String(t)), `${e}?${r.toString()}`;
-}
-function Qe({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i }) {
-	let a = {
-		...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 = P((n, r) => {
-		r && t?.(n, r, e.path || "");
-	}, [t, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = Xe(e.current_page, e.last_page);
-	return /* @__PURE__ */ B("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__ */ B(g, {
-			size: "xs",
-			className: "tabular-nums tracking-tight",
-			children: [
-				/* @__PURE__ */ z(E, {
-					value: c,
-					size: "xs",
-					weight: "medium",
-					align: "left"
-				}),
-				"–",
-				/* @__PURE__ */ z(E, {
-					value: l,
-					size: "xs",
-					weight: "medium",
-					align: "left"
-				}),
-				" ",
-				a.of,
-				" ",
-				/* @__PURE__ */ z(E, {
-					value: e.total,
-					size: "xs",
-					weight: "medium",
-					align: "left"
-				}),
-				" ",
-				a.entries
-			]
-		}), /* @__PURE__ */ z(xe, {
-			strings: o,
-			className: "mx-0 w-full justify-start sm:w-auto sm:justify-center",
-			children: /* @__PURE__ */ B(Se, {
-				className: "gap-0 sm:gap-space-2xs",
-				children: [
-					/* @__PURE__ */ z(be, { children: /* @__PURE__ */ z(ye, {
-						size: "sm",
-						text: a.previous,
-						href: "#",
-						onClick: (t) => {
-							t.preventDefault(), u(e.current_page - 1, e.prev_page_url);
-						},
-						"aria-disabled": !d,
-						className: "h-action-sm text-pxs"
-					}) }),
-					p.map((t, n) => {
-						let r = t === "ellipsis", i = r ? `ellipsis-${e.current_page}-${n}` : `page-${t}`;
-						return /* @__PURE__ */ z(be, { children: r ? /* @__PURE__ */ z(ve, { size: "sm" }) : /* @__PURE__ */ z(_e, {
-							size: "sm",
-							href: "#",
-							active: t === e.current_page,
-							onClick: (n) => {
-								n.preventDefault(), u(t, Ze(e.path, t, s));
-							},
-							className: "size-action-sm text-pxs",
-							children: t
-						}) }, i);
-					}),
-					/* @__PURE__ */ z(be, { children: /* @__PURE__ */ z(he, {
-						size: "sm",
-						text: a.next,
-						href: "#",
-						onClick: (t) => {
-							t.preventDefault(), u(e.current_page + 1, e.next_page_url);
-						},
-						"aria-disabled": !f,
-						className: "h-action-sm text-pxs"
-					}) })
-				]
-			})
-		})]
-	});
-}
-Qe.displayName = "Pagination";
-//#endregion
-//#region src/components/features/table/table-actions.tsx
-function $e(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 = I(() => {
-		let e = typeof r == "function" ? r(t) : r;
-		return Array.isArray(e) ? e : [];
-	}, [r, t]), p = I(() => {
-		let e = (e) => typeof e == "function" ? e(t) : e;
-		return f.flatMap((t) => {
-			let n = e(t.visible) ?? !0;
-			return n ? [{
-				...t,
-				visible: n,
-				disabled: e(t.disabled) ?? !1
-			}] : [];
-		});
-	}, [f, t]), m = p.length > 0, [h, g] = R(!1), _ = p.filter((e) => e.tone !== "destructive"), v = p.filter((e) => e.tone === "destructive"), y = [..._, ...v];
-	if (F(() => {
-		if (a !== "auto" || !m) {
-			g(!1);
-			return;
-		}
-		let e = () => {
-			try {
-				g(window.innerWidth <= o);
-			} catch {
-				g(!1);
-			}
-		};
-		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [
-		a,
-		m,
-		o
-	]), !m) return null;
-	let b = a === "auto" ? h ? "menu" : "inline" : a, x = y.map((e, n) => ({
-		id: e.id || `${e.label}-${n}`,
-		label: e.label,
-		icon: e.icon,
-		disabled: !!e.disabled,
-		tone: e.tone,
-		buttonStyle: e.buttonStyle,
-		onClick: () => e.onClick?.(t)
-	}));
-	return b === "inline" ? /* @__PURE__ */ z(d, {
-		actions: x,
-		className: n("table-actions--component")
-	}) : /* @__PURE__ */ z(u, {
-		actions: x,
-		srText: l || c.actions.srLabel,
-		closeOnSelect: !0,
-		align: "end"
-	});
-}
-$e.displayName = "DataTableActions";
-//#endregion
-//#region src/components/features/table/table-helpers.tsx
-var et = (e, t, n) => {
-	typeof e == "function" ? t((t) => {
-		let r = e(t);
-		return n && n(r), r;
-	}) : (t(e), n && n(e));
-}, tt = (e, t, n) => {
-	typeof e == "function" ? t((t) => {
-		let r = e(t);
-		return n && n(r), r;
-	}) : (t(e), n && n(e));
-}, nt = (e, t, n) => {
-	typeof e == "function" ? t((t) => {
-		let r = e(t);
-		return n && n(r), r;
-	}) : (t(e), n && n(e));
-}, rt = (e, t, n, r) => {
-	let i = "";
-	return r && (i += "bg-muted "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
-}, it = (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;
-}, at = (e) => e.getSelectedRowModel().rows.map((e) => e.original), J = (e, t = K) => /* @__PURE__ */ z("div", {
-	className: "flex items-center px-space-sm",
-	children: /* @__PURE__ */ z(pe, {
-		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)
-	})
-}), Y = (e, t = K) => /* @__PURE__ */ z("div", {
-	className: "flex items-center px-space-sm",
-	children: /* @__PURE__ */ z(pe, {
-		className: "size-icon cursor-pointer",
-		checked: e.getIsAllPageRowsSelected(),
-		indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
-		onCheckedChange: (t) => e.toggleAllPageRowsSelected(t === !0),
-		"aria-label": t.selection.selectAll
-	})
-}), ot = (e, t = K) => [{
-	id: "selection",
-	header: ({ table: e }) => Y(e, t),
-	cell: ({ row: e }) => J(e, t),
-	enableSorting: !1,
-	enableResizing: !1,
-	enableHiding: !1,
-	size: 40
-}, ...e], st = [
-	"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 ct({ 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 ?? K.emptyState.message;
-	return d.length ? /* @__PURE__ */ z(j, { children: d.map((e, r) => {
-		let i = e.getIsSelected(), u = e.getVisibleCells(), d = rt(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__ */ z(k, {
-			"data-state": i ? "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(st) : null;
-				i && i !== n.currentTarget || r instanceof Node && n.currentTarget.contains(r) && t(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));
-			} : void 0,
-			children: u.map((t, r) => /* @__PURE__ */ z(A, {
-				className: n(it(t.column.id, e, a, c, r === 0), t.column.columnDef.meta?.align === "end" && "text-right tabular-nums", t.column.columnDef.meta?.align === "center" && "text-center"),
-				children: H(t.column.columnDef.cell, t.getContext())
-			}, t.id))
-		}, e.id);
-	}) }) : /* @__PURE__ */ z(j, {
-		className: "table-body--component",
-		children: /* @__PURE__ */ z(k, {
-			className: "hover:bg-transparent",
-			children: /* @__PURE__ */ z(A, {
-				className: "p-0! text-center whitespace-normal",
-				colSpan: e.getAllColumns().length,
-				children: /* @__PURE__ */ z(Ee, {
-					strings: { ariaLabel: u?.emptyState.ariaLabel ?? K.emptyState.ariaLabel },
-					title: p,
-					description: !1,
-					media: /* @__PURE__ */ z(Re, { className: "size-icon" }),
-					mediaVariant: "icon-soft",
-					actions: i,
-					className: "data-table--empty-state w-[100cqw] max-w-full"
-				})
-			})
-		})
-	});
-}
-ct.displayName = "DataTableBody";
-//#endregion
-//#region src/components/features/table/table-header.tsx
-function lt({ 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 = M.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__ */ B(we, {
-		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__ */ z(Ce, {
-					colSpan: r,
-					className: n("border-r border-border/60 bg-muted/50 text-center text-muted-foreground last:border-r-0", _),
-					children: /* @__PURE__ */ z(a, { children: t || "" })
-				}, `group-${t}-${i.length}`)), t = c, r = 1), s === e.length - 1 && r > 0 && i.push(/* @__PURE__ */ z(Ce, {
-					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__ */ z(a, { children: t || "" })
-				}, `group-${t}-${i.length}`));
-			}), /* @__PURE__ */ z(k, {
-				className: n("table-header--component", "border-b border-border"),
-				children: i
-			});
-		})(), m.map((a) => /* @__PURE__ */ z(k, {
-			className: n("border-b border-border/60", d ? "bg-transparent hover:bg-transparent" : `${f.tableHead} ${f.tableRowHover}`),
-			children: a.headers.map((a, o) => {
-				let u = n(it(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, 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) => {
-					e.setOptions((e) => ({
-						...e,
-						columnResizeDirection: getComputedStyle(t.currentTarget).direction === "rtl" ? "rtl" : "ltr"
-					})), m(t);
-				}, S = a.column.getIsResizing(), C = (() => {
-					let e = a.column.columnDef.header;
-					return typeof e == "string" ? e : typeof a.id == "string" ? a.id : "column";
-				})();
-				return /* @__PURE__ */ z(Ce, {
-					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__ */ B("div", {
-						className: n(t && a.column.getCanResize() && "pe-action-sm"),
-						children: [(() => {
-							let e = a.column.getCanSort(), t = a.column.getIsSorted(), i = H(a.column.columnDef.header, a.getContext()), o = t === "asc" ? je : t === "desc" ? Ae : Pe;
-							return e ? /* @__PURE__ */ B(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-radius px-space-sm", "text-muted-foreground hover:text-foreground transition-colors", `focus-visible:outline-none ${s.edge}`),
-								"aria-label": (p?.accessibility.sortColumn ?? K.accessibility.sortColumn)(C),
-								"aria-describedby": t && g.length > 1 ? f : void 0,
-								children: [
-									i,
-									t && g.length > 1 && /* @__PURE__ */ z("span", {
-										id: f,
-										className: "sr-only",
-										children: (p?.accessibility.sortPriority ?? K.accessibility.sortPriority)(t, a.column.getSortIndex() + 1, g.length)
-									}),
-									/* @__PURE__ */ z(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__ */ z("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__ */ z("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 ?? K.accessibility.resizeColumn)(C),
-							"aria-orientation": "vertical",
-							"aria-valuenow": a.getSize(),
-							"aria-valuemin": y,
-							"aria-valuemax": b,
-							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" && b === 2 ** 53 - 1) return;
-								t.preventDefault(), t.stopPropagation();
-								let i = a.getSize(), o = Math.max(y, Math.min(b, i + r)) / Math.max(1, i);
-								e.setColumnSizing((e) => ({
-									...e,
-									...Object.fromEntries(v.map((e) => {
-										let n = e.column.columnDef.minSize ?? 20, r = e.column.columnDef.maxSize ?? 2 ** 53 - 1, i = t.key === "Home" ? n : t.key === "End" ? r : Math.max(n, Math.min(r, e.column.getSize() * o));
-										return [e.column.id, Math.round(i * 100) / 100];
-									}))
-								}));
-							},
-							onMouseDown: x,
-							onTouchStart: x
-						})]
-					})
-				}, a.id);
-			})
-		}, a.id))]
-	});
-}
-lt.displayName = "DataTableHeader";
-//#endregion
-//#region src/components/features/table/column-visibility-toggle.tsx
-function X({ 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) => {
-		let t = e.columnDef.header, n = a.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
-		return {
-			id: e.id,
-			type: "checkbox",
-			label: n,
-			group: a.columnVisibility.title,
-			checked: e.getIsVisible(),
-			onCheckedChange: (t) => e.toggleVisibility(!!t),
-			className: "capitalize"
-		};
-	});
-	return /* @__PURE__ */ z(u, {
-		actions: c,
-		icon: ze,
-		label: a.columnVisibility.triggerLabel,
-		srText: a.columnVisibility.triggerLabel,
-		align: r,
-		width: l.xs,
-		labelVisibility: s ? "responsive" : "hidden",
-		buttonProps: {
-			"aria-label": a.columnVisibility.triggerLabel,
-			tone: "secondary",
-			buttonStyle: "outline",
-			size: "sm",
-			iconOnly: !s,
-			className: n("column-visibility-toggle--component", s ? "h-action-sm gap-space-sm px-control-sm" : "size-action-sm gap-0 px-0", t)
-		},
-		preserveOrder: !0
-	});
-}
-X.displayName = "ColumnVisibilityToggle";
-//#endregion
-//#region src/components/features/table/partials/fullscreen-toggle.tsx
-var ut = "text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
-function dt({ 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__ */ z(r, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		size: "sm",
-		iconOnly: !0,
-		"aria-label": s,
-		"aria-pressed": e,
-		onClick: () => t(!e),
-		className: n("fullscreen-toggle--component", ut, o),
-		children: /* @__PURE__ */ z(c, { className: "size-icon-sm" })
-	});
-}
-dt.displayName = "FullscreenToggle";
-//#endregion
-//#region src/components/features/table/table-toolbar.tsx
-var ft = 300, pt = "text-muted-foreground transition-colors duration-150 hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
-function mt({ label: e, onClick: t, disabled: i, className: a, children: o }) {
-	return /* @__PURE__ */ z(r, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		size: "sm",
-		iconOnly: !0,
-		"aria-label": e,
-		className: n("table-toolbar--component", pt, O.joinedItem, a),
-		onClick: t,
-		disabled: i,
-		children: o
-	});
-}
-function ht(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 = K }) {
-	let { defaultScale: d } = t(), f = e(void 0, d), [p, m] = R(!1), [h, g] = R(!1), _ = L(0), v = L(null), y = P(() => {
-		let e = ht(i.current);
-		if (!e) {
-			m(!1), g(!1);
-			return;
-		}
-		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e;
-		m(t > 1), g(t + r < n - 1);
-	}, [i]);
-	F(() => {
-		let e = window.setTimeout(() => {
-			let e = ht(i.current);
-			if (!e || (y(), typeof ResizeObserver > "u")) return;
-			let t = () => {
-				cancelAnimationFrame(_.current), _.current = requestAnimationFrame(y);
-			};
-			e.addEventListener("scroll", t, { passive: !0 });
-			let n = new ResizeObserver(y);
-			n.observe(e), e.firstElementChild && n.observe(e.firstElementChild), v.current = () => {
-				e.removeEventListener("scroll", t), cancelAnimationFrame(_.current), n.disconnect();
-			};
-		}, 0);
-		return () => {
-			window.clearTimeout(e), v.current?.();
-		};
-	}, [
-		i,
-		y,
-		a
-	]);
-	let b = P(() => {
-		ht(i.current)?.scrollBy({
-			left: -300,
-			behavior: "smooth"
-		});
-	}, [i]), x = P(() => {
-		ht(i.current)?.scrollBy({
-			left: ft,
-			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__ */ B("div", {
-		className: n(O.joinedFrame, me[f], "bg-card text-card-foreground"),
-		children: [
-			!!C && /* @__PURE__ */ B(ke, { children: [
-				/* @__PURE__ */ z(mt, {
-					label: u.toolbar.scrollLeft,
-					onClick: b,
-					disabled: !p,
-					className: O.firstItem,
-					children: /* @__PURE__ */ z(V, { className: "size-icon-sm" })
-				}),
-				/* @__PURE__ */ z(mt, {
-					label: u.toolbar.scrollRight,
-					onClick: x,
-					disabled: !h,
-					children: /* @__PURE__ */ z(Ne, { className: "size-icon-sm" })
-				}),
-				(w || T) && /* @__PURE__ */ z("div", { className: "h-4 w-px self-center bg-border" })
-			] }),
-			!!w && /* @__PURE__ */ B(ke, { children: [/* @__PURE__ */ z(X, {
-				table: r,
-				strings: u,
-				labelVisibility: l,
-				className: n(O.joinedItem, "border-0 shadow-none", !C && O.firstItem, !T && O.lastItem)
-			}), T && /* @__PURE__ */ z("div", { className: "h-4 w-px self-center bg-border" })] }),
-			T && /* @__PURE__ */ z(dt, {
-				fullscreen: a,
-				onFullscreenChange: o,
-				enterLabel: u.toolbar.enterFullscreen,
-				exitLabel: u.toolbar.exitFullscreen,
-				className: n(O.joinedItem, O.lastItem, !C && !w && O.firstItem)
-			})
-		]
-	});
-}
-gt.displayName = "DataTableToolbar";
-//#endregion
-//#region src/components/features/table/data-table.tsx
-var _t = De("sm");
-function vt() {
-	return Oe(_t);
-}
-var yt = {
-	sm: "compact",
-	md: "default",
-	lg: "comfortable"
-}, bt = {
-	sm: "sm",
-	md: "sm",
-	lg: "sm"
-}, xt = (e) => {
-	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
-};
-function St(e, t) {
-	return e.map((e) => "columns" in e && e.columns ? {
-		...e,
-		columns: St(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: k, rowSelection: A, sorting: j, defaultSorting: Ce, columnVisibility: we, defaultColumnVisibility: Ee, initialState: M, onColumnVisibilityChange: De, strings: N, topbarContent: Oe, topbarEnd: F, topbarClassName: Ae, toolbarLabelVisibility: je = "hidden", footerContent: Me, selectionToolbar: V, bulkActions: Ne, selectionToolbarClassName: Pe, selectionToolbarPlacement: Fe = "floating", totalRowCount: Ie, storageKey: Le }) {
-	let { defaultScale: Re } = t(), ze = e(r, Re), H = I(() => Ye(N), [N]), We = n("bg-card text-card-foreground", _e), U = me ?? H.emptyState.message, Ge = ne ?? "page", W = xt(pe), Ke = Array.isArray(o) && o.length === 2 && Array.isArray(o[1]) ? o[0] : o, G = I(() => Le ? `dt.${Le}.columns` : null, [Le]), Je = I(() => {
-		let e = Ee ?? M?.columnVisibility ?? {};
-		if (!G || typeof window > "u") return e;
-		try {
-			let t = window.localStorage.getItem(G);
-			return {
-				...t ? JSON.parse(t) : {},
-				...e
-			};
-		} catch {
-			return e;
-		}
-	}, [
-		Ee,
-		G,
-		M?.columnVisibility
-	]), [K, q] = R(Ce ?? M?.sorting ?? []), [Xe, Ze] = R(M?.columnFilters ?? []), [et, tt] = R(Je), [nt, rt] = R(M?.rowSelection || {}), [it, at] = R(S), J = j ?? K, Y = we ?? et, st = A ?? nt, X = x ?? it, ut = L(null), dt = L(null), ft = I(() => ({ get current() {
-		let e = dt.current;
-		return e?.isConnected ? e : ut.current?.querySelector("thead [role=\"checkbox\"]") ?? null;
-	} }), []), pt = P((e) => {
-		e.target instanceof HTMLElement && (dt.current = e.target);
-	}, []), mt = P((e) => {
-		let t = typeof e == "function" ? e(Xe) : e;
-		Ze(t), ae?.(t);
-	}, [Xe, ae]), ht = P((e) => {
-		let t = typeof e == "function" ? e(J) : e;
-		j === void 0 && q(t), ie?.(t);
-	}, [
-		j,
-		ie,
-		J
-	]), vt = P((e) => {
-		let t = typeof e == "function" ? e(Y) : e;
-		if (we === void 0 && tt(t), G && typeof window < "u") try {
-			window.localStorage.setItem(G, JSON.stringify(t));
-		} catch {}
-		De?.(t);
-	}, [
-		Y,
-		we,
-		G,
-		De
-	]), Ct = P((e) => {
-		let t = typeof e == "function" ? e(st) : e;
-		A === void 0 && rt(t), se?.(t);
-	}, [
-		A,
-		se,
-		st
-	]), wt = L(null), Z = P((e) => {
-		x === void 0 && at(e), C?.(e);
-	}, [x, C]);
-	qe(X, wt, P(() => Z(!1), [Z]));
-	let Tt = P((e) => typeof d == "function" ? d(e) : d ?? H.actions.menuLabel, [d, H.actions.menuLabel]), Et = I(() => {
-		let e = g && _ ? St(Ke, _) : Ke, t = T ? ot(e, H) : e;
-		if (!u) return t;
-		let n = {
-			id: "actions",
-			header: H.actions.triggerLabel,
-			cell: ({ row: e }) => /* @__PURE__ */ z($e, {
-				row: e.original,
-				actions: u,
-				menuLabel: Tt(e.original),
-				displayMode: f,
-				responsiveBreakpoint: p,
-				strings: H
-			}),
-			enableSorting: !1,
-			enableHiding: !1,
-			size: 40
-		};
-		return [...t, n];
-	}, [
-		Ke,
-		g,
-		_,
-		T,
-		u,
-		Tt,
-		p,
-		f,
-		H
-	]), Q = Ue({
-		data: c,
-		columns: Et,
-		state: {
-			sorting: J,
-			columnVisibility: Y,
-			rowSelection: st,
-			columnFilters: Xe
-		},
-		enableSorting: m,
-		enableColumnResizing: h,
-		columnResizeMode: "onChange",
-		defaultColumn: { size: void 0 },
-		enableColumnFilters: g,
-		manualFiltering: !g,
-		manualSorting: y,
-		autoResetPageIndex: !1,
-		enableRowSelection: T,
-		enableMultiRowSelection: ee,
-		enableSubRowSelection: te,
-		onSortingChange: m ? ht : void 0,
-		onRowSelectionChange: T ? Ct : void 0,
-		onColumnVisibilityChange: vt,
-		onColumnFiltersChange: mt,
-		getCoreRowModel: Be(),
-		getFilteredRowModel: Ve(),
-		getSortedRowModel: He(),
-		getRowId: k
-	}), Dt = g && _ ? Q.getAllLeafColumns().find((e) => e.id === _ && e.getCanFilter()) : void 0, Ot = v ?? H.filter.searchPlaceholder, kt = E && E.last_page > 1, At = Q.getSelectedRowModel().rows.map((e) => e.original), $ = At.length, jt = P(() => {
-		Q.resetRowSelection();
-	}, [Q]), Mt = Ie ?? E?.total ?? c.length, Nt = {
-		table: Q,
-		selectedRows: At,
-		selectedRowCount: $,
-		totalRowCount: Mt,
-		rowSelection: st,
-		clearSelection: jt
-	}, Pt = (() => {
-		if (!T || V === null || V === !1) return null;
-		if (V !== void 0) return $ === 0 ? null : typeof V == "function" ? V(Nt) : V;
-		let e = $ === 0 ? null : typeof Ne == "function" ? Ne(Nt) : Ne, t = /* @__PURE__ */ z(ue, {
-			selectedCount: $,
-			totalCount: Mt,
-			onClear: jt,
-			placement: Fe,
-			returnFocusRef: ft,
-			className: n("data-table-selection-toolbar--component", Pe),
-			strings: {
-				summary: (e, t) => H.selection.summary(e, t ?? Mt),
-				clear: H.selection.clear,
-				label: H.selection.label
-			},
-			children: e
-		});
-		return Fe === "inline" ? /* @__PURE__ */ z("div", {
-			"data-slot": "data-table-selection-toolbar",
-			className: "data-table--selection-toolbar px-surface py-row-y empty:hidden",
-			children: t
-		}) : t;
-	})(), Ft = I(() => {
-		if (W) return { "--data-table-body-max-height": W };
-	}, [W]), It = X || O || W !== void 0, Lt = _t.Provider, Rt = bt[ze];
-	return /* @__PURE__ */ z(Lt, {
-		value: Rt,
-		children: /* @__PURE__ */ B("div", {
-			ref: wt,
-			role: X ? "dialog" : void 0,
-			"aria-modal": X ? !0 : void 0,
-			"aria-label": X ? H.accessibility.fullscreenRegion : void 0,
-			className: n("data-table--component @container/data-table box-border", X ? "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-surface border border-border bg-card text-card-foreground shadow-xs", i === "glass" && "rounded-surface overflow-hidden border border-border/60", be)),
-			children: [
-				!!(Dt || Oe || F || b || w) && /* @__PURE__ */ B("div", {
-					className: n("relative", le && "sticky top-0 z-20 bg-card text-card-foreground"),
-					children: [/* @__PURE__ */ B("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", X ? "mb-space-lg shrink-0" : "mb-0", Ae),
-						children: [/* @__PURE__ */ B("div", {
-							className: "data-table-topbar-left flex min-w-0 flex-col gap-space-md",
-							children: [Oe, Dt && /* @__PURE__ */ z("div", {
-								className: "min-w-0 max-w-sm",
-								children: /* @__PURE__ */ z(fe, {
-									"aria-label": Ot,
-									placeholder: Ot,
-									value: Dt.getFilterValue() ?? "",
-									onChange: (e) => Dt.setFilterValue(e.target.value)
-								})
-							})]
-						}), /* @__PURE__ */ B("div", {
-							className: "data-table-topbar-right flex flex-wrap items-center justify-end gap-space-md",
-							children: [F, /* @__PURE__ */ z(gt, {
-								table: Q,
-								tableAreaRef: ut,
-								fullscreen: X,
-								onFullscreenChange: Z,
-								showFullscreenToggle: w,
-								enableColumnVisibility: b,
-								labelVisibility: je,
-								strings: H
-							})]
-						})]
-					}), /* @__PURE__ */ z(de, {})]
-				}),
-				Pt,
-				/* @__PURE__ */ z("div", {
-					ref: ut,
-					style: Ft,
-					onFocus: T ? pt : void 0,
-					className: n("min-h-0", It ? "overflow-hidden" : xe, (X || O) && "flex-1"),
-					children: /* @__PURE__ */ B(Te, {
-						density: yt[ze],
-						containerProps: {
-							role: "region",
-							"aria-label": H.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", W !== void 0 && "max-h-(--data-table-body-max-height)", (X || O) && "h-full min-h-0", Se),
-						children: [/* @__PURE__ */ z(lt, {
-							enableResizing: h,
-							table: Q,
-							stickyHeader: ce,
-							headerClassName: ye,
-							cellClassName: ve,
-							stickyFirstColumn: D,
-							columnGroups: l,
-							headerTransparent: a,
-							strings: H
-						}), /* @__PURE__ */ z(ct, {
-							table: Q,
-							onRowClick: oe,
-							emptyStateMessage: U,
-							emptyStateAction: he,
-							cellClassName: ve,
-							rowClassName: We,
-							stickyFirstColumn: D,
-							strings: H
-						})]
-					})
-				}),
-				!!kt && /* @__PURE__ */ B(ke, { children: [/* @__PURE__ */ z(de, {}), /* @__PURE__ */ z(Qe, {
-					pagination: E,
-					onPageChange: re,
-					pageQueryKey: Ge,
-					labels: H.pagination
-				})] }),
-				!!Me && /* @__PURE__ */ z("div", {
-					"data-slot": "data-table-footer",
-					className: "data-table--footer border-t border-border/60 px-surface py-row-y",
-					children: Me
-				})
-			]
-		})
-	});
-}
-Ct.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 = K }) {
-	if (!t && !i && !a) return null;
-	let s = r ?? o.filter.searchPlaceholder;
-	return /* @__PURE__ */ B("div", {
-		className: n("filter-bar--component", "flex items-center justify-between p-surface"),
-		children: [/* @__PURE__ */ B("div", {
-			className: "flex flex-1 items-center space-x-space-md",
-			children: [!!t && /* @__PURE__ */ z(fe, {
-				placeholder: s,
-				value: e.getColumn(t)?.getFilterValue() ?? "",
-				onChange: (n) => {
-					let r = n.target.value;
-					e.getColumn(t)?.setFilterValue(r);
-				},
-				className: "max-w-sm"
-			}), a]
-		}), !!i && /* @__PURE__ */ z(X, {
-			table: e,
-			strings: o,
-			labelVisibility: "responsive",
-			className: "ml-auto"
-		})]
-	});
-}
-wt.displayName = "DataTableFilterBar";
-//#endregion
-//#region src/components/features/table/partials/cell-value.tsx
-function Z(e) {
-	return e === !1 || e == null || typeof e == "string" && e.trim() === "";
-}
-function Tt(e) {
-	return e == null;
-}
-function Et(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e) && !N(e) && !(e instanceof Date);
-}
-function Q(e) {
-	return Array.isArray(e);
-}
-function Dt(e) {
-	let [t, n, r] = e;
-	return {
-		...r,
-		value: t,
-		kind: n
-	};
-}
-function Ot(e) {
-	if (e === !1) return null;
-	if (N(e)) return e;
-	if (Q(e)) {
-		let t = Dt(e);
-		return Z(t.value) && Tt(t.display) ? null : t;
-	}
-	return Et(e) ? Z(e.value) && Tt(e.display) ? null : e : Z(e) ? null : { value: e };
-}
-function kt(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";
-	switch (s) {
-		case "secondary": return /* @__PURE__ */ z(g, {
-			size: "inherit",
-			className: d,
-			children: l
-		});
-		case "muted": return /* @__PURE__ */ z(_, {
-			size: "inherit",
-			className: d,
-			children: l
-		});
-		case "name": return /* @__PURE__ */ z(h, {
-			type: "inherit",
-			value: e.display === void 0 && typeof c == "string" ? c : void 0,
-			force: e.force,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d,
-			children: e.display
-		});
-		case "mono": return /* @__PURE__ */ z(b, {
-			type: "inherit",
-			size: "inherit",
-			weight: f,
-			className: d,
-			children: l
-		});
-		case "link": {
-			let t = e.href ?? kt(c);
-			return /* @__PURE__ */ z(C, {
-				href: t,
-				emptyLabel: u,
-				className: d,
-				children: l
-			});
-		}
-		case "email": return /* @__PURE__ */ z(x, {
-			value: typeof c == "string" ? c : void 0,
-			display: e.display,
-			emptyLabel: u,
-			className: d
-		});
-		case "phone": return /* @__PURE__ */ z(m, {
-			value: typeof c == "string" ? c : void 0,
-			display: e.display,
-			emptyLabel: u,
-			className: d
-		});
-		case "url": return /* @__PURE__ */ z(y, {
-			value: typeof c == "string" ? c : void 0,
-			display: e.display,
-			emptyLabel: u,
-			className: d
-		});
-		case "money": return /* @__PURE__ */ z(te, {
-			type: "inherit",
-			amount: typeof c == "number" || typeof c == "string" ? c : null,
-			currency: e.currency,
-			locale: e.locale,
-			currencyDisplay: e.currencyDisplay,
-			minimumFractionDigits: e.minimumFractionDigits,
-			maximumFractionDigits: e.maximumFractionDigits,
-			formatMode: e.formatMode,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "number": return /* @__PURE__ */ z(E, {
-			type: "inherit",
-			value: typeof c == "number" || typeof c == "string" ? c : null,
-			locale: e.locale,
-			options: e.options,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "percent": return /* @__PURE__ */ z(ee, {
-			type: "inherit",
-			value: typeof c == "number" || typeof c == "string" ? c : null,
-			locale: e.locale,
-			scaled: e.scaled,
-			options: e.options,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "fileSize": return /* @__PURE__ */ z(v, {
-			type: "inherit",
-			value: typeof c == "number" ? c : null,
-			from: e.from,
-			locale: e.locale,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "date": return /* @__PURE__ */ z(oe, {
-			type: "inherit",
-			value: c,
-			format: e.dateFormat,
-			preset: e.datePreset,
-			locale: e.dateLocale,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "time": return /* @__PURE__ */ z(ne, {
-			type: "inherit",
-			value: c,
-			format: e.timeFormat,
-			locale: e.dateLocale,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "dateTime": return /* @__PURE__ */ z(ie, {
-			type: "inherit",
-			value: c,
-			format: e.dateFormat,
-			timeFormat: e.timeFormat,
-			preset: e.datePreset,
-			locale: e.dateLocale,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		case "relativeTime": return /* @__PURE__ */ z(re, {
-			value: c,
-			locale: e.dateLocale,
-			emptyLabel: u,
-			size: "inherit",
-			weight: f,
-			className: d
-		});
-		default: return /* @__PURE__ */ z(p, {
-			type: "inherit",
-			size: "inherit",
-			weight: f,
-			className: d,
-			children: l
-		});
-	}
-}
-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__ */ z(S, {
-		size: "inherit",
-		className: n("cell-value--component", C),
-		children: y ?? b
-	}) : At({
-		descriptor: {
-			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,
-			className: "cell-value--component"
-		},
-		emptyLabel: y ?? b,
-		className: C
-	}) : /* @__PURE__ */ z(T ? S : p, {
-		type: T ? "secondary" : "inherit",
-		size: "inherit",
-		className: n("cell-value--component", C),
-		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__ */ z(S, {
-		size: "inherit",
-		className: n("cell-stack--component", r),
-		children: t
-	}) : /* @__PURE__ */ z("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 N(e) ? /* @__PURE__ */ z("div", {
-				className: l,
-				children: e
-			}, r) : /* @__PURE__ */ z("div", {
-				className: l,
-				children: At({
-					descriptor: e,
-					index: r,
-					emptyLabel: t,
-					className: n("leading-tight", !c && "text-xs"),
-					primaryWeight: s
-				})
-			}, r);
-		})
-	});
-}
-$.displayName = "CellValue", jt.displayName = "CellStack";
-//#endregion
-//#region src/components/features/table/partials/table-link.tsx
-var Mt = ({ className: e, ...t }) => /* @__PURE__ */ z(C, {
-	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) {
-	if (e && typeof e == "object" && !("type" in e) && "label" in e) {
-		let n = e.icon;
-		return /* @__PURE__ */ B(D, {
-			tone: e.tone ?? "secondary",
-			dot: e.dot,
-			children: [!!n && /* @__PURE__ */ z(n, { className: "size-icon-sm" }), e.label]
-		}, e.id ?? t);
-	}
-	return /* @__PURE__ */ z("span", { children: e }, t);
-}
-function Pt(e) {
-	return e ? Array.isArray(e) ? /* @__PURE__ */ z("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__ */ B("span", {
-			className: "inline-flex min-w-0 items-center gap-space-sm",
-			children: [!!e.label && /* @__PURE__ */ z(i, {
-				tag: "span",
-				size: "inherit",
-				type: "secondary",
-				className: "shrink-0",
-				children: e.label
-			}), /* @__PURE__ */ z(i, {
-				tag: "span",
-				size: "inherit",
-				type: "secondary",
-				className: "truncate",
-				children: e.value
-			})]
-		}, e.id ?? t))
-	}) : e : null;
-}
-function Ft({ 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__ */ z(i, {
-		size: "inherit",
-		type: "secondary",
-		className: h,
-		children: m
-	});
-	let x = typeof e == "string" ? e : void 0, S = x ? T(x, { strategy: "first-words" }) : "", C = /* @__PURE__ */ B(c, {
-		render: /* @__PURE__ */ z("span", {}),
-		gap: "dense",
-		className: n("resource-cell--content", v),
-		children: [
-			/* @__PURE__ */ B(c, {
-				render: /* @__PURE__ */ z("span", {}),
-				direction: "horizontal",
-				gap: "sm",
-				wrap: !1,
-				className: "resource-cell--title-row",
-				children: [/* @__PURE__ */ z(i, {
-					type: "inherit",
-					tag: "span",
-					size: "inherit",
-					weight: "medium",
-					title: x,
-					className: n("resource-cell--title truncate", y),
-					children: e
-				}), a.length > 0 && /* @__PURE__ */ z("span", {
-					className: "resource-cell--badges inline-flex shrink-0 items-center gap-space-sm",
-					children: a.map(Nt)
-				})]
-			}),
-			!!t && /* @__PURE__ */ z(i, {
-				tag: "span",
-				size: "inherit",
-				type: "secondary",
-				className: n("resource-cell--subtitle truncate", b),
-				children: t
-			}),
-			!!r && /* @__PURE__ */ z("span", {
-				className: "resource-cell--metadata min-w-0",
-				children: Pt(r)
-			})
-		]
-	}), ee = d != null && d !== !1 && d !== "", te = !!l || !!u || ee, E = g === "square", ne = /* @__PURE__ */ B("span", {
-		className: n("resource-cell--component inline-flex min-w-0 items-center gap-space-md", h),
-		children: [te && /* @__PURE__ */ B(ce, {
-			size: "md",
-			"data-shape": g,
-			className: n("resource-cell--media", E && "rounded-radius after:rounded-radius", _),
-			children: [!!l && /* @__PURE__ */ z(le, {
-				src: l,
-				alt: x ?? "",
-				className: n(E && "rounded-radius")
-			}), /* @__PURE__ */ z(se, {
-				className: n(E && "rounded-radius"),
-				children: ee ? d : u ? /* @__PURE__ */ z(u, { className: "size-icon" }) : S ? /* @__PURE__ */ z(w, {
-					value: x,
-					strategy: "first-words"
-				}) : null
-			})]
-		}), C]
-	});
-	if (!f) return ne;
-	let re = `resource-cell--link inline-flex min-w-0 rounded-radius outline-none ${s.text}`;
-	return p ? p({
-		href: f,
-		children: ne,
-		className: re,
-		"aria-label": x
-	}) : /* @__PURE__ */ z(o, {
-		href: f,
-		size: "inherit",
-		underline: !1,
-		className: re,
-		"aria-label": x,
-		children: ne
-	});
-}
-Ft.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__ */ z(i, {
-		size: "inherit",
-		type: "secondary",
-		className: n("status-cell--component", a),
-		children: r
-	});
-	let o = t[e], s = o.icon;
-	return /* @__PURE__ */ B(D, {
-		tone: o.tone ?? "secondary",
-		className: n("status-cell--component gap-space-sm", a),
-		children: [!!s && /* @__PURE__ */ z(s, { className: "size-icon-sm" }), o.label]
-	});
-}
-It.displayName = "StatusCell";
-function Lt({ items: e = [], emptyLabel: t = "—", className: r, badgeClassName: a }) {
-	let o = e.filter((e) => !e.hidden);
-	return o.length === 0 ? /* @__PURE__ */ z(i, {
-		size: "inherit",
-		type: "secondary",
-		className: n("status-cluster-cell--component", r),
-		children: t
-	}) : /* @__PURE__ */ z("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__ */ B(D, {
-				tone: e.tone ?? "secondary",
-				dot: e.dot,
-				className: n("shrink-0", a),
-				children: [!!r && /* @__PURE__ */ z(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 = Me, emptyLabel: c = "—", className: l }) {
-	let u = ae(e);
-	return u ? /* @__PURE__ */ B("span", {
-		className: n("date-cell--component inline-flex items-center gap-space-sm", l),
-		children: [!!o && /* @__PURE__ */ z(s, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ z(oe, {
-			value: u,
-			format: t,
-			preset: r,
-			locale: a,
-			emptyLabel: c,
-			size: "inherit",
-			type: "secondary"
-		})]
-	}) : /* @__PURE__ */ z(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 = Me, emptyLabel: c = "—", className: l, primaryClassName: u, secondary: d, secondaryClassName: f }) {
-	let p = ae(e);
-	if (!p) return /* @__PURE__ */ z(i, {
-		size: "inherit",
-		type: "secondary",
-		className: n("date-meta-cell--component", l),
-		children: c
-	});
-	let m = typeof d == "function" ? d(p) : d;
-	return /* @__PURE__ */ B("span", {
-		className: n("date-meta-cell--component inline-flex min-w-0 items-start gap-space-sm", l),
-		children: [!!o && /* @__PURE__ */ z(s, { className: "mt-space-2xs size-icon shrink-0 text-muted-foreground" }), /* @__PURE__ */ B("span", {
-			className: "grid min-w-0 gap-space-2xs",
-			children: [/* @__PURE__ */ z(oe, {
-				value: p,
-				format: t,
-				preset: r,
-				locale: a,
-				emptyLabel: c,
-				size: "inherit",
-				type: "secondary",
-				className: n("truncate tabular-nums", u)
-			}), !!m && /* @__PURE__ */ z(i, {
-				tag: "span",
-				size: "inherit",
-				type: "secondary",
-				className: n("truncate", f),
-				children: m
-			})]
-		})]
-	});
-}
-zt.displayName = "DateMetaCell";
-function Bt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className: a, weight: o = "semibold" }) {
-	return /* @__PURE__ */ z(te, {
-		type: "inherit",
-		amount: e,
-		currency: t,
-		locale: r,
-		formatMode: t ? "with_symbol" : "decimal",
-		emptyLabel: i,
-		size: "inherit",
-		weight: o,
-		className: n("currency-cell--component tabular-nums", a)
-	});
-}
-Bt.displayName = "CurrencyCell";
-function Vt({ name: e, imageUrl: t, icon: r = Fe, subtitle: a, emptyLabel: o = "—", className: s }) {
-	return !e || e.trim().length === 0 ? /* @__PURE__ */ z(i, {
-		size: "inherit",
-		type: "secondary",
-		className: n("avatar-cell--component", s),
-		children: o
-	}) : /* @__PURE__ */ B("span", {
-		className: n("avatar-cell--component inline-flex items-center gap-space-md", s),
-		children: [/* @__PURE__ */ B(ce, {
-			size: "sm",
-			className: "avatar-cell--avatar",
-			children: [!!t && /* @__PURE__ */ z(le, {
-				src: t,
-				alt: e
-			}), /* @__PURE__ */ z(se, { children: T(e, { strategy: "first-words" }) ? /* @__PURE__ */ z(w, {
-				value: e,
-				strategy: "first-words"
-			}) : /* @__PURE__ */ z(r, { className: "size-icon" }) })]
-		}), /* @__PURE__ */ B("span", {
-			className: "min-w-0 inline-flex flex-col",
-			children: [/* @__PURE__ */ z(i, {
-				type: "inherit",
-				size: "inherit",
-				weight: "medium",
-				className: "truncate",
-				children: e
-			}), !!a && /* @__PURE__ */ z(i, {
-				size: "inherit",
-				type: "secondary",
-				className: "truncate",
-				children: a
-			})]
-		})]
-	});
-}
-Vt.displayName = "AvatarCell";
-//#endregion
-export { K as A, rt as C, tt as D, et as E, U as M, Ge as N, $e as O, it as S, nt as T, lt as _, It as a, Y as b, Mt as c, wt as d, Ct as f, X as g, dt as h, zt as i, Ye as j, Qe 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, ct as v, at as w, J as x, ot as y };
-
-//# sourceMappingURL=table-CFOWY9pQ.js.map