themelia-ui 3.0.0 → 3.2.0

package/dist/table-BHDpjajL.js

@@ -1,982 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { i as t, o as n } from "./typography-BkxEiwQ1.js";
-import { p as r } from "./feedback-DRerHGuV.js";
-import { r as i, y as a } from "./ui-provider-Cmoq6i_D.js";
-import { c as o } from "./buttons-CqXKWty3.js";
-import { i as s, n as c, t as l } from "./action-menu-BNLURfMK.js";
-import { t as u } from "./use-latest-CF0678ae.js";
-import { v as d } from "./display-B3Q17h5z.js";
-import { B as f, D as p, E as m, H as ee, I as te, L as h, O as ne, S as re, T as ie, U as ae, V as oe, f as g, g as se, h as ce, k as le, m as ue, w as de, z as _ } from "./primitives-D0bdDozz.js";
-import { t as v } from "./badge-CxOuTfVr.js";
-import { t as y } from "./strings-Co9_qArR.js";
-import { l as fe } from "./text-inputs-DF_lD7pA.js";
-import { t as pe } from "./scroll-edges-CWjEJktN.js";
-import { c as me, i as b, l as x, n as S, s as C, t as w } from "./table-BC4qqsUb.js";
-import { a as T, c as E, r as he } from "./avatar-CS7zow2q.js";
-import { s as ge } from "./navigation-CsqTA16F.js";
-import { r as _e } from "./navigation-B4eUU9E8.js";
-import { x as ve } from "./choice-inputs-OUDn0kQw.js";
-import { t as ye } from "./batch-action-bar-BZYNKXdV.js";
-import { n as D, o as O, t as be } from "./toolbar-DWRywF0R.js";
-import { CalendarIcon as k, ChevronLeftIcon as A, ChevronRightIcon as xe, MailIcon as Se, Maximize2Icon as j, Minimize2Icon as M, MoreHorizontalIcon as Ce, PackageOpenIcon as N, Settings2Icon as P } from "lucide-react";
-import { createContext as we, useCallback as F, useContext as Te, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as Ee, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { flexRender as De } from "@tanstack/react-table";
-import { getCoreRowModel as Oe, getFilteredRowModel as ke, getSortedRowModel as Ae, useLegacyTable as je } from "@tanstack/react-table/legacy";
-//#region src/components/features/table/table.strings.ts
-function Me(e) {
-	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
-	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
-}
-var H = {
-	fullscreenEnter: "Enter full screen",
-	fullscreenExit: "Exit full screen",
-	emptyMessage: "No results found.",
-	toolbarLabel: "Table controls",
-	actions: {
-		triggerLabel: "Actions",
-		menuLabel: "Row actions"
-	},
-	filter: { searchPlaceholder: "Filter…" },
-	columnVisibility: {
-		title: "Columns",
-		triggerLabel: "Toggle columns",
-		formatLabel: (e, t) => t && t.trim().length > 0 ? t : Me(e)
-	},
-	toolbar: {
-		scrollLeft: "Scroll left",
-		scrollRight: "Scroll right",
-		enterFullscreen: "Enter full screen",
-		exitFullscreen: "Exit full screen"
-	},
-	pagination: {
-		label: "Pagination",
-		previous: "Previous page",
-		next: "Next page",
-		page: (e) => `Page ${e}`,
-		morePages: "More pages",
-		summary: (e, t, n) => `${e}–${t} of ${n}`
-	},
-	selection: {
-		summary: (e, t) => `${e} of ${t} row${t === 1 ? "" : "s"} selected.`,
-		row: (e) => `Select row ${e + 1}`,
-		selectAll: "Select all rows",
-		clear: "Clear selection"
-	},
-	accessibility: {
-		scrollRegion: "Table scroll area",
-		fullscreenRegion: "Table, full screen"
-	}
-};
-function Ne(e) {
-	return e ? {
-		emptyMessage: e.emptyMessage ?? H.emptyMessage,
-		toolbarLabel: e.toolbarLabel ?? H.toolbarLabel,
-		fullscreenEnter: e.fullscreenEnter ?? H.fullscreenEnter,
-		fullscreenExit: e.fullscreenExit ?? H.fullscreenExit,
-		actions: {
-			...H.actions,
-			...e.actions
-		},
-		filter: {
-			...H.filter,
-			...e.filter
-		},
-		columnVisibility: {
-			...H.columnVisibility,
-			...e.columnVisibility
-		},
-		toolbar: {
-			...H.toolbar,
-			...e.toolbar
-		},
-		pagination: {
-			...H.pagination,
-			...e.pagination
-		},
-		selection: {
-			...H.selection,
-			...e.selection
-		},
-		accessibility: {
-			...H.accessibility,
-			...e.accessibility
-		}
-	} : H;
-}
-var U = {
-	root: "table__root____Bw3-",
-	rootFill: "table__rootFill___e1xgp",
-	table: "table__table___sxewU",
-	topbar: "table__topbar___ob1BI",
-	topbarSticky: "table__topbarSticky___Z9Avx",
-	topbarGrid: "table__topbarGrid___SuPbS",
-	topbarStart: "table__topbarStart___zLoO4",
-	topbarEnd: "table__topbarEnd___KPp0B",
-	filterInput: "table__filterInput___AoxWd",
-	toolbar: "table__toolbar___9TsI4",
-	toolbarDivider: "table__toolbarDivider___GCaFc",
-	tableArea: "table__tableArea___fzov9",
-	tableAreaScrolls: "table__tableAreaScrolls___rmUek",
-	tableContainer: "table__tableContainer___nv241",
-	tableContainerScrolls: "table__tableContainerScrolls___Vy4nW",
-	tableContainerBounded: "table__tableContainerBounded___HcnK2",
-	header: "table__header___vKUYJ",
-	groupRow: "table__groupRow___DQRvH",
-	headerTransparent: "table__headerTransparent___HEgsE",
-	groupHead: "table__groupHead____kfTG",
-	row: "table__row___C-daw",
-	stickyColumn: "table__stickyColumn___lKBKW",
-	stickyColumnNext: "table__stickyColumnNext___34Nuq",
-	stickyCorner: "table__stickyCorner___ty0rC",
-	emptyRow: "table__emptyRow___G0Xjk",
-	emptyCell: "table__emptyCell___wFxoN",
-	rowActions: "table__rowActions___4LKuB",
-	footer: "table__footer___N5XRy",
-	nowrap: "table__nowrap___NhG8N",
-	cellStack: "table__cellStack___0me4G",
-	cluster: "table__cluster___mZHOQ",
-	iconCell: "table__iconCell___rITAE",
-	iconCellTop: "table__iconCellTop___2t7aI",
-	cellIcon: "table__cellIcon___vm0Kp",
-	avatarCell: "table__avatarCell___9Ljrl",
-	resourceCell: "table__resourceCell___fj4Nj",
-	resourceMedia: "table__resourceMedia___TG4rV",
-	resourceBody: "table__resourceBody___oVS8m",
-	resourceTitleLine: "table__resourceTitleLine___WqIRI",
-	resourceLink: "table__resourceLink___gQLB-",
-	resourceFacts: "table__resourceFacts___O-UYi",
-	resourceFact: "table__resourceFact___xUn86"
-};
-//#endregion
-//#region src/components/features/table/data-table-actions.tsx
-function Pe({ row: t, actions: n, menuLabel: r, displayMode: i = "menu", responsiveBreakpoint: a = 1040, strings: o = H }) {
-	let u = R(null), [d, f] = z(!1);
-	I(() => {
-		if (i !== "auto") return;
-		let e = u.current;
-		if (!e) return;
-		let t = e.closest("table") ?? e, n = new ResizeObserver(([e]) => {
-			e && f(e.contentRect.width >= a);
-		});
-		return n.observe(t), () => n.disconnect();
-	}, [i, a]);
-	let p = L(() => s(n, t, { stripHref: !0 }), [n, t]);
-	if (p.length === 0) return null;
-	let m = i === "inline" || i === "auto" && d;
-	return /* @__PURE__ */ B("div", {
-		ref: u,
-		className: e("data-table-actions--component", U.rowActions),
-		onClick: (e) => e.stopPropagation(),
-		children: m ? /* @__PURE__ */ B(l, { actions: p }) : /* @__PURE__ */ B(c, {
-			actions: p,
-			icon: Ce,
-			strings: { trigger: r ?? o.actions.menuLabel },
-			align: "end",
-			buttonProps: {
-				tone: "neutral",
-				buttonStyle: "ghost",
-				iconOnly: !0
-			}
-		})
-	});
-}
-//#endregion
-//#region src/components/features/table/table-helpers.tsx
-function W(e, t, n, r, i, a = !1) {
-	let o = typeof n == "function" ? n(e, t) : n ?? "";
-	return r ? i === 0 ? `${o} ${U.stickyColumn}` : a && i === 1 ? `${o} ${U.stickyColumnNext}` : o : o;
-}
-function Fe(e) {
-	return e.getSelectedRowModel().rows.map((e) => e.original);
-}
-function Ie(e, t = H) {
-	return [{
-		id: "selection",
-		header: ({ table: e }) => /* @__PURE__ */ B(ve, {
-			checked: e.getIsAllPageRowsSelected(),
-			indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
-			onChange: (t) => e.toggleAllPageRowsSelected(t.target.checked),
-			"aria-label": t.selection.selectAll
-		}),
-		cell: ({ row: e }) => /* @__PURE__ */ B(ve, {
-			checked: e.getIsSelected(),
-			disabled: !e.getCanSelect(),
-			onChange: (t) => e.toggleSelected(t.target.checked),
-			onClick: (e) => e.stopPropagation(),
-			"aria-label": t.selection.row(e.index)
-		}),
-		enableSorting: !1,
-		enableHiding: !1,
-		size: 40
-	}, ...e];
-}
-//#endregion
-//#region src/components/features/table/data-table-body.tsx
-function Le({ table: t, onRowClick: n, emptyStateMessage: i, emptyStateAction: a, cellClassName: o, rowClassName: s, stickyFirstColumn: c = !1, hasSelectionColumn: l = !1, striped: u = !1, strings: d = H }) {
-	let f = t.getRowModel().rows;
-	return f.length === 0 ? /* @__PURE__ */ B(S, { children: /* @__PURE__ */ B(x, {
-		className: U.emptyRow,
-		children: /* @__PURE__ */ B(b, {
-			colSpan: t.getVisibleFlatColumns().length,
-			className: U.emptyCell,
-			children: /* @__PURE__ */ B(r, {
-				title: i ?? d.emptyMessage,
-				description: !1,
-				media: /* @__PURE__ */ B(N, {}),
-				mediaVariant: "icon-soft",
-				action: a
-			})
-		})
-	}) }) : /* @__PURE__ */ B(S, {
-		className: "data-table-body--component",
-		"data-striped": u || void 0,
-		children: f.map((t, r) => {
-			let i = t.getIsSelected();
-			return /* @__PURE__ */ B(x, {
-				"data-state": i ? "selected" : void 0,
-				"data-clickable": n ? "" : void 0,
-				className: e(U.row, typeof s == "function" ? s(t, r) : s),
-				onClick: n ? () => n(t.original) : void 0,
-				children: t.getVisibleCells().map((e, n) => /* @__PURE__ */ B(b, {
-					align: e.column.columnDef.meta?.align,
-					className: W(e.column.id, t, o, c, n, l),
-					children: De(e.column.columnDef.cell, e.getContext())
-				}, e.id))
-			}, t.id);
-		})
-	});
-}
-//#endregion
-//#region src/components/features/table/data-table-header.tsx
-function Re({ table: n, stickyHeader: r = !1, headerClassName: i, cellClassName: a, stickyFirstColumn: o = !1, hasSelectionColumn: s = !1, columnGroups: c, headerTransparent: l = !1 }) {
-	let u = n.getHeaderGroups(), d = (() => {
-		if (!c?.length || u.length === 0) return null;
-		let e = u[0]?.headers ?? [], n = [], r = null, i = 0, a = () => {
-			i !== 0 && n.push(/* @__PURE__ */ B(C, {
-				colSpan: i,
-				align: "center",
-				className: U.groupHead,
-				children: !!r && /* @__PURE__ */ B(t, { children: r })
-			}, `group-${r ?? "none"}-${n.length}`));
-		};
-		return e.forEach((t, n) => {
-			let o = c.find((e) => e.columns.includes(t.id))?.header ?? "";
-			o === r ? i += 1 : (a(), r = o, i = 1), n === e.length - 1 && a();
-		}), /* @__PURE__ */ B(x, {
-			className: U.groupRow,
-			children: n
-		});
-	})();
-	return /* @__PURE__ */ V(me, {
-		className: e("data-table-header--component", U.header, l && U.headerTransparent, i),
-		"data-sticky": r || void 0,
-		children: [d, u.map((t) => /* @__PURE__ */ B(x, { children: t.headers.map((t, n) => {
-			if (t.isPlaceholder) return /* @__PURE__ */ B(C, { "aria-hidden": !0 }, t.id);
-			let i = t.column.getIsSorted();
-			return /* @__PURE__ */ B(C, {
-				align: t.column.columnDef.meta?.align,
-				sortable: t.column.getCanSort(),
-				sortDirection: i === "asc" ? "ascending" : i === "desc" ? "descending" : null,
-				onSort: () => t.column.toggleSorting(),
-				className: e(W(t.id, null, a, o, n, s), r && o && (n === 0 || s && n === 1) && U.stickyCorner),
-				children: De(t.column.columnDef.header, t.getContext())
-			}, t.id);
-		}) }, t.id))]
-	});
-}
-//#endregion
-//#region src/components/features/table/column-visibility-toggle.tsx
-function ze({ table: t, className: n, align: r = "end", labelVisibility: i = "hidden", strings: a = H, buttonProps: o }) {
-	let s = t.getAllColumns().filter((e) => e.getCanHide());
-	if (s.length === 0) return null;
-	let l = s.map((e) => {
-		let t = e.columnDef.header;
-		return {
-			id: e.id,
-			type: "checkbox",
-			label: a.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0),
-			group: a.columnVisibility.title,
-			checked: e.getIsVisible(),
-			onCheckedChange: (t) => e.toggleVisibility(t)
-		};
-	});
-	return /* @__PURE__ */ B(c, {
-		actions: l,
-		icon: P,
-		label: a.columnVisibility.triggerLabel,
-		labelVisibility: i,
-		align: r,
-		preserveOrder: !0,
-		buttonProps: {
-			tone: "neutral",
-			buttonStyle: "ghost",
-			iconOnly: i === "hidden",
-			...o,
-			className: e("column-visibility-toggle--component", o?.className, n)
-		}
-	});
-}
-//#endregion
-//#region src/components/features/table/fullscreen-toggle.tsx
-function G({ fullscreen: t, onFullscreenChange: n, enterLabel: r, exitLabel: i, strings: a, className: s, render: c }) {
-	let l = y(H, a), u = t ? i ?? l.fullscreenExit : r ?? l.fullscreenEnter;
-	return /* @__PURE__ */ B(o, {
-		render: c,
-		type: "button",
-		tone: "neutral",
-		buttonStyle: "ghost",
-		iconOnly: !0,
-		"aria-label": u,
-		"aria-pressed": t,
-		onClick: () => n(!t),
-		className: e("fullscreen-toggle--component", s),
-		children: B(t ? M : j, {})
-	});
-}
-//#endregion
-//#region src/components/features/table/use-table-scroll.ts
-var Be = 300;
-function K(e) {
-	return e?.querySelector(".table--container") ?? null;
-}
-function Ve(e, t = {}) {
-	let { stepPx: n = Be, deps: r = [] } = t, [i, a] = z(!1), [o, s] = z(!1), c = R(0), l = R(null), u = F(() => {
-		let t = K(e.current);
-		if (!t) {
-			a(!1), s(!1);
-			return;
-		}
-		let { start: n, end: r } = pe(t), i = getComputedStyle(t).direction === "rtl";
-		a(i ? r : n), s(i ? n : r);
-	}, [e]);
-	I(() => {
-		let t = window.setTimeout(() => {
-			let t = K(e.current);
-			if (!t) return;
-			u();
-			let n = () => {
-				cancelAnimationFrame(c.current), c.current = requestAnimationFrame(u);
-			};
-			t.addEventListener("scroll", n, { passive: !0 });
-			let r = new ResizeObserver(u);
-			r.observe(t), t.firstElementChild && r.observe(t.firstElementChild), l.current = () => {
-				t.removeEventListener("scroll", n), cancelAnimationFrame(c.current), r.disconnect();
-			};
-		}, 0);
-		return () => {
-			window.clearTimeout(t), l.current?.(), l.current = null;
-		};
-	}, [
-		u,
-		e,
-		...r
-	]);
-	let d = F((t) => {
-		K(e.current)?.scrollBy({
-			left: t,
-			behavior: "smooth"
-		});
-	}, [e]);
-	return {
-		canScrollLeft: i,
-		canScrollRight: o,
-		scrollBy: d,
-		scrollLeft: F(() => d(-n), [d, n]),
-		scrollRight: F(() => d(n), [d, n])
-	};
-}
-//#endregion
-//#region src/components/features/table/data-table-toolbar.tsx
-function He({ table: t, tableAreaRef: n, fullscreen: r, onFullscreenChange: i, showFullscreenToggle: a = !1, enableColumnVisibility: o = !1, labelVisibility: s = "hidden", strings: c = H }) {
-	let l = Ve(n, { deps: [r] }), u = o ? t.getAllColumns().filter((e) => e.getCanHide()) : [], d = l.canScrollLeft || l.canScrollRight, f = u.length > 0;
-	return !d && !f && !a ? null : /* @__PURE__ */ V(be, {
-		"aria-label": c.toolbarLabel ?? "Table controls",
-		className: e("data-table-toolbar--component", U.toolbar),
-		children: [
-			d && /* @__PURE__ */ V(Ee, { children: [
-				/* @__PURE__ */ B(D, {
-					type: "button",
-					tone: "neutral",
-					buttonStyle: "ghost",
-					iconOnly: !0,
-					"aria-label": c.toolbar.scrollLeft,
-					disabled: !l.canScrollLeft,
-					onClick: l.scrollLeft,
-					children: /* @__PURE__ */ B(A, {})
-				}),
-				/* @__PURE__ */ B(D, {
-					type: "button",
-					tone: "neutral",
-					buttonStyle: "ghost",
-					iconOnly: !0,
-					"aria-label": c.toolbar.scrollRight,
-					disabled: !l.canScrollRight,
-					onClick: l.scrollRight,
-					children: /* @__PURE__ */ B(xe, {})
-				}),
-				(f || a) && /* @__PURE__ */ B(O, { className: U.toolbarDivider })
-			] }),
-			f && /* @__PURE__ */ V(Ee, { children: [/* @__PURE__ */ B(ze, {
-				table: t,
-				strings: c,
-				labelVisibility: s,
-				buttonProps: { render: /* @__PURE__ */ B(D, {}) }
-			}), a && /* @__PURE__ */ B(O, { className: U.toolbarDivider })] }),
-			a && /* @__PURE__ */ B(G, {
-				fullscreen: r,
-				onFullscreenChange: i,
-				enterLabel: c.toolbar.enterFullscreen,
-				exitLabel: c.toolbar.exitFullscreen,
-				render: /* @__PURE__ */ B(D, {})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/features/table/use-fullscreen-modality.ts
-var Ue = [
-	"a[href]",
-	"button:not([disabled])",
-	"input:not([disabled])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"[tabindex]:not([tabindex=\"-1\"])"
-].join(",");
-function We(e, t, n) {
-	let r = u(n);
-	I(() => {
-		if (!e || typeof document > "u") return;
-		let n = document.activeElement, i = document.body.style.overflow;
-		document.body.style.overflow = "hidden";
-		let a = (e) => {
-			let n = t.current;
-			if (!n) return;
-			if (e.key === "Escape") {
-				e.preventDefault(), e.stopPropagation(), r.current();
-				return;
-			}
-			if (e.key !== "Tab") return;
-			let i = Array.from(n.querySelectorAll(Ue)).filter((e) => e.offsetParent !== null || e === document.activeElement);
-			if (i.length === 0) return;
-			let a = i[0], o = i[i.length - 1], s = document.activeElement, c = s instanceof Node && n.contains(s);
-			e.shiftKey && (!c || s === a) ? (e.preventDefault(), o.focus()) : !e.shiftKey && (!c || s === o) && (e.preventDefault(), a.focus());
-		}, o = t.current;
-		return document.addEventListener("keydown", a, !0), () => {
-			document.removeEventListener("keydown", a, !0), document.body.style.overflow = i;
-			let e = document.activeElement;
-			(o && e instanceof Node && o.contains(e) || e === document.body) && n?.isConnected && n.focus();
-		};
-	}, [
-		e,
-		t,
-		r
-	]);
-}
-//#endregion
-//#region src/components/features/table/data-table-size.ts
-var Ge = we("md");
-function Ke() {
-	return Te(Ge);
-}
-//#endregion
-//#region src/components/features/table/data-table.tsx
-function qe(e) {
-	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
-}
-function Je({ size: t, surface: r = "card", headerTransparent: a = !1, columns: o, data: s, columnGroups: c, enableSorting: l = !1, enableFiltering: u = !1, enableRowSelection: f = !1, enableMultiRowSelection: p = !0, enableSubRowSelection: m = !1, enableColumnVisibility: ee = !1, manualSorting: te = !1, fullscreen: h, defaultFullscreen: ne = !1, onFullscreenChange: re, showFullscreenToggle: ie = !1, stickyHeader: ae = !1, stickyToolbar: oe = !1, stickyFirstColumn: g = !1, maxBodyHeight: se, fillAvailableHeight: ce = !1, striped: le = !1, emptyStateMessage: ue, emptyStateAction: de, className: _, rowClassName: v, cellClassName: y, headerClassName: pe, wrapperClassName: me, tableContainerClassName: b, strings: x, filterColumn: S, filterPlaceholder: C, topbarContent: T, topbarEnd: E, topbarClassName: he, toolbarLabelVisibility: _e = "hidden", footerContent: ve, selectionToolbar: D, bulkActions: O, selectionToolbarClassName: be, rowActions: k, rowActionsMenuLabel: A, rowActionsDisplayMode: xe, rowActionsBreakpoint: Se, pageCount: j, page: M, onPageChange: Ce, totalRowCount: N, pageSize: P, onRowClick: we, onRowSelectionChange: Te, onSortingChange: I, onColumnVisibilityChange: De, onColumnFiltersChange: Me, getRowId: H, rowSelection: W, sorting: Fe, defaultSorting: ze, columnVisibility: G, defaultColumnVisibility: Be, initialState: K, storageKey: Ve, style: Ue }) {
-	let { density: Ke } = i(), Je = t ?? (Ke === "compact" ? "sm" : Ke === "comfortable" ? "lg" : "md"), q = L(() => Ne(x), [x]), J = L(() => Array.isArray(o) && o.length === 2 && Array.isArray(o[1]) ? o[0] : o, [o]), Y = Ve ? `dt.${Ve}.columns` : null, Ye = L(() => {
-		let e = Be ?? K?.columnVisibility ?? {};
-		if (!Y || typeof window > "u") return e;
-		try {
-			let t = window.localStorage.getItem(Y);
-			return {
-				...t ? JSON.parse(t) : {},
-				...e
-			};
-		} catch {
-			return e;
-		}
-	}, [
-		Be,
-		K?.columnVisibility,
-		Y
-	]), [Xe, Ze] = z(ze ?? K?.sorting ?? []), [Qe, $e] = z(Ye), [et, tt] = z(K?.rowSelection ?? {}), [nt, rt] = z(K?.columnFilters ?? []), [it, at] = z(ne), ot = Fe ?? Xe, st = G ?? Qe, X = W ?? et, Z = h ?? it, ct = R(null), lt = R(null), ut = F((e) => {
-		let t = typeof e == "function" ? e(ot) : e;
-		Fe === void 0 && Ze(t), I?.(t);
-	}, [
-		Fe,
-		I,
-		ot
-	]), dt = F((e) => {
-		let t = typeof e == "function" ? e(st) : e;
-		if (G === void 0 && $e(t), Y && typeof window < "u") try {
-			window.localStorage.setItem(Y, JSON.stringify(t));
-		} catch {}
-		De?.(t);
-	}, [
-		st,
-		G,
-		De,
-		Y
-	]), ft = F((e) => {
-		let t = typeof e == "function" ? e(X) : e;
-		W === void 0 && tt(t), Te?.(t);
-	}, [
-		W,
-		Te,
-		X
-	]), pt = F((e) => {
-		let t = typeof e == "function" ? e(nt) : e;
-		rt(t), Me?.(t);
-	}, [nt, Me]), mt = F((e) => {
-		h === void 0 && at(e), re?.(e);
-	}, [h, re]);
-	We(Z, lt, F(() => mt(!1), [mt]));
-	let ht = F((e) => typeof A == "function" ? A(e) : A ?? q.actions.menuLabel, [A, q.actions.menuLabel]), gt = L(() => {
-		let e = f ? Ie(J, q) : J;
-		return k ? [...e, {
-			id: "actions",
-			header: q.actions.triggerLabel,
-			cell: ({ row: e }) => /* @__PURE__ */ B(Pe, {
-				row: e.original,
-				actions: k,
-				menuLabel: ht(e.original),
-				displayMode: xe,
-				responsiveBreakpoint: Se,
-				strings: q
-			}),
-			enableSorting: !1,
-			enableHiding: !1,
-			meta: { align: "end" },
-			size: 40
-		}] : e;
-	}, [
-		f,
-		ht,
-		J,
-		k,
-		Se,
-		xe,
-		q
-	]), Q = je({
-		data: s,
-		columns: gt,
-		state: {
-			sorting: ot,
-			columnVisibility: st,
-			rowSelection: X,
-			columnFilters: nt
-		},
-		enableSorting: l,
-		manualSorting: te,
-		enableRowSelection: f,
-		enableMultiRowSelection: p,
-		enableSubRowSelection: m,
-		onSortingChange: l ? ut : void 0,
-		onRowSelectionChange: f ? ft : void 0,
-		onColumnVisibilityChange: dt,
-		onColumnFiltersChange: u ? pt : void 0,
-		getCoreRowModel: Oe(),
-		getSortedRowModel: Ae(),
-		...u ? { getFilteredRowModel: ke() } : {},
-		getRowId: H
-	}), _t = Q.getSelectedRowModel().rows.map((e) => e.original), vt = F(() => Q.resetRowSelection(), [Q]), $ = {
-		table: Q,
-		selectedRows: _t,
-		selectedRowCount: _t.length,
-		totalRowCount: N ?? s.length,
-		rowSelection: X,
-		clearSelection: vt
-	}, yt = typeof O == "function" ? O($) : O, bt = !f || _t.length === 0 || D === null || D === !1 ? null : typeof D == "function" ? D($) : D === void 0 ? /* @__PURE__ */ B(ye, {
-		selectedCount: _t.length,
-		totalCount: $.totalRowCount,
-		onClear: vt,
-		className: be,
-		strings: {
-			summary: (e, t) => q.selection.summary(e, t ?? $.totalRowCount),
-			clear: q.selection.clear
-		},
-		children: yt
-	}) : D, xt = qe(se), St = Z || ce || xt !== void 0, Ct = !!(T || E || ee || ie || u && S), wt = j !== void 0 && j > 1 && /* @__PURE__ */ V(Ee, { children: [/* @__PURE__ */ B(d, {}), /* @__PURE__ */ V("div", {
-		className: U.footer,
-		children: [N !== void 0 && P !== void 0 && M !== void 0 && /* @__PURE__ */ B(n, {
-			type: "secondary",
-			children: q.pagination.summary(Math.min((M - 1) * P + 1, N), Math.min(M * P, N), N)
-		}), /* @__PURE__ */ B(ge, {
-			page: M ?? 1,
-			total: j,
-			onPageChange: (e) => Ce?.(e),
-			strings: {
-				label: q.pagination.label,
-				previous: q.pagination.previous,
-				next: q.pagination.next,
-				page: q.pagination.page,
-				morePages: q.pagination.morePages
-			}
-		})]
-	})] });
-	return /* @__PURE__ */ B(Ge.Provider, {
-		value: Je,
-		children: /* @__PURE__ */ V("div", {
-			ref: lt,
-			role: Z ? "dialog" : void 0,
-			"aria-modal": Z ? !0 : void 0,
-			"aria-label": Z ? q.accessibility.fullscreenRegion : void 0,
-			"data-slot": "data-table",
-			"data-size": Je,
-			"data-surface": r,
-			"data-fullscreen": Z || void 0,
-			style: {
-				...Ue,
-				...xt ? { "--data-table-body-max-height": xt } : {}
-			},
-			className: e("data-table--component", U.root, ce && U.rootFill, me),
-			children: [
-				Ct && /* @__PURE__ */ V("div", {
-					className: e(U.topbar, oe && U.topbarSticky),
-					children: [/* @__PURE__ */ V("div", {
-						className: e(U.topbarGrid, he),
-						children: [/* @__PURE__ */ V("div", {
-							className: U.topbarStart,
-							children: [u && !!S && /* @__PURE__ */ B(fe, {
-								value: Q.getColumn(S)?.getFilterValue() ?? "",
-								onChange: (e) => Q.getColumn(S)?.setFilterValue(e.target.value),
-								placeholder: C ?? q.filter.searchPlaceholder,
-								clearable: !0,
-								onClear: () => Q.getColumn(S)?.setFilterValue(""),
-								className: U.filterInput
-							}), T]
-						}), /* @__PURE__ */ V("div", {
-							className: U.topbarEnd,
-							children: [E, /* @__PURE__ */ B(He, {
-								table: Q,
-								tableAreaRef: ct,
-								fullscreen: Z,
-								onFullscreenChange: mt,
-								showFullscreenToggle: ie,
-								enableColumnVisibility: ee,
-								labelVisibility: _e,
-								strings: q
-							})]
-						})]
-					}), /* @__PURE__ */ B(d, {})]
-				}),
-				bt,
-				/* @__PURE__ */ B("div", {
-					ref: ct,
-					className: e(U.tableArea, St && U.tableAreaScrolls),
-					children: /* @__PURE__ */ V(w, {
-						strings: { scrollRegion: q.accessibility.scrollRegion },
-						stickyHeader: ae,
-						className: e(U.table, _),
-						containerClassName: e(U.tableContainer, St && U.tableContainerScrolls, xt !== void 0 && U.tableContainerBounded, b),
-						children: [/* @__PURE__ */ B(Re, {
-							table: Q,
-							stickyHeader: ae,
-							headerClassName: pe,
-							cellClassName: y,
-							stickyFirstColumn: g,
-							hasSelectionColumn: f,
-							columnGroups: c,
-							headerTransparent: a
-						}), /* @__PURE__ */ B(Le, {
-							table: Q,
-							onRowClick: we,
-							emptyStateMessage: ue,
-							emptyStateAction: de,
-							cellClassName: y,
-							rowClassName: v,
-							stickyFirstColumn: g,
-							hasSelectionColumn: f,
-							striped: le,
-							strings: q
-						})]
-					})
-				}),
-				wt,
-				!!ve && /* @__PURE__ */ B("div", {
-					className: U.footer,
-					children: ve
-				})
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/features/table/cell-value.tsx
-function q(e) {
-	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : e instanceof Date && Number.isNaN(e.getTime());
-}
-function J({ value: t, kind: n = "value", display: r, href: i, currency: o, minimumFractionDigits: s, maximumFractionDigits: c, locale: l, dateLocale: u, pattern: d, from: te, moneyUnit: v, fallback: y, missing: fe, wrap: pe = !1, className: me, children: b }) {
-	let x = e("cell-value--component", !pe && U.nowrap, me), S = Te(a), C = L(() => u ? {
-		...S,
-		dates: {
-			...S.dates,
-			locale: u
-		}
-	} : null, [S, u]);
-	if (b !== void 0) return /* @__PURE__ */ B("span", {
-		className: x,
-		children: b
-	});
-	if (r !== void 0) return /* @__PURE__ */ B("span", {
-		className: x,
-		children: r
-	});
-	if (fe || q(t)) return /* @__PURE__ */ B("span", {
-		className: x,
-		children: /* @__PURE__ */ B(_, { label: y })
-	});
-	let w = typeof t == "string" || typeof t == "number" ? t : String(t), T = typeof t == "number" ? t : Number(t), E = (() => {
-		switch (n) {
-			case "secondary": return /* @__PURE__ */ B(ee, { children: w });
-			case "muted": return /* @__PURE__ */ B(oe, { children: w });
-			case "name": return /* @__PURE__ */ B(h, { value: String(w) });
-			case "mono": return /* @__PURE__ */ B(f, { children: w });
-			case "link":
-			case "url": return /* @__PURE__ */ B(ne, {
-				href: i ?? String(w),
-				children: w
-			});
-			case "email": return /* @__PURE__ */ B(p, { value: String(w) });
-			case "phone": return /* @__PURE__ */ B(le, { value: String(w) });
-			case "money": return /* @__PURE__ */ B(m, {
-				amount: t,
-				currency: o,
-				unit: v,
-				locale: l
-			});
-			case "number": return /* @__PURE__ */ B(de, {
-				value: T,
-				locale: l,
-				options: {
-					minimumFractionDigits: s,
-					maximumFractionDigits: c
-				}
-			});
-			case "percent": return /* @__PURE__ */ B(ie, {
-				value: T,
-				locale: l,
-				options: {
-					minimumFractionDigits: s,
-					maximumFractionDigits: c
-				}
-			});
-			case "fileSize": return /* @__PURE__ */ B(re, {
-				value: T,
-				from: te
-			});
-			case "date": return /* @__PURE__ */ B(g, {
-				value: t,
-				pattern: d
-			});
-			case "time": return /* @__PURE__ */ B(se, {
-				value: t,
-				pattern: d
-			});
-			case "dateTime": return /* @__PURE__ */ B(ue, {
-				value: t,
-				pattern: d
-			});
-			case "relativeTime": return /* @__PURE__ */ B(ce, { value: t });
-			default: return /* @__PURE__ */ B(ae, { children: w });
-		}
-	})();
-	return /* @__PURE__ */ B("span", {
-		className: x,
-		children: C ? /* @__PURE__ */ B(a.Provider, {
-			value: C,
-			children: E
-		}) : E
-	});
-}
-function Y({ values: t, className: n }) {
-	let r = t.filter((e) => e !== !1);
-	return r.length === 0 ? /* @__PURE__ */ B(_, {}) : /* @__PURE__ */ B("span", {
-		className: e("cell-stack--component", U.cellStack, n),
-		children: r.map((e, t) => {
-			let n = `cell-${t}`;
-			if (Array.isArray(e)) {
-				let [t, r, i] = e;
-				return /* @__PURE__ */ B(J, {
-					value: t,
-					kind: r,
-					...i
-				}, n);
-			}
-			return typeof e == "object" && e && !(e instanceof Date) ? "type" in e ? /* @__PURE__ */ B("span", { children: e }, n) : /* @__PURE__ */ B(J, { ...e }, n) : /* @__PURE__ */ B(J, { value: e }, n);
-		})
-	});
-}
-//#endregion
-//#region src/components/features/table/cell-renderers.tsx
-function Ye({ value: t, map: n, emptyLabel: r, className: i }) {
-	let a = t ? n[t] : void 0;
-	return a ? /* @__PURE__ */ V(v, {
-		tone: a.tone ?? "neutral",
-		className: e("status-cell--component", i),
-		children: [a.icon, a.label]
-	}) : /* @__PURE__ */ B(_, { label: r });
-}
-function Xe({ items: t = [], emptyLabel: n, className: r }) {
-	let i = t.filter((e) => !e.hidden);
-	return i.length === 0 ? /* @__PURE__ */ B(_, { label: n }) : /* @__PURE__ */ B("span", {
-		className: e("status-cluster-cell--component", U.cluster, r),
-		children: i.map((e, t) => /* @__PURE__ */ V(v, {
-			tone: e.tone ?? "neutral",
-			children: [e.icon, e.label]
-		}, e.id ?? t))
-	});
-}
-function Ze({ value: t, pattern: n, showIcon: r = !1, icon: i, emptyLabel: a, className: o }) {
-	return t == null || t === "" ? /* @__PURE__ */ B(_, { label: a }) : /* @__PURE__ */ V("span", {
-		className: e("date-cell--component", U.iconCell, o),
-		children: [r && /* @__PURE__ */ B("span", {
-			className: U.cellIcon,
-			children: i ?? /* @__PURE__ */ B(k, {})
-		}), /* @__PURE__ */ B(g, {
-			value: t,
-			pattern: n,
-			type: "secondary",
-			emptyLabel: a
-		})]
-	});
-}
-function Qe({ value: t, pattern: r, showIcon: i = !0, icon: a, emptyLabel: o, secondary: s, className: c }) {
-	if (t == null || t === "") return /* @__PURE__ */ B(_, { label: o });
-	let l = t instanceof Date ? t : new Date(t), u = typeof s == "function" ? Number.isNaN(l.getTime()) ? null : s(l) : s;
-	return /* @__PURE__ */ V("span", {
-		className: e("date-meta-cell--component", U.iconCell, U.iconCellTop, c),
-		children: [i && /* @__PURE__ */ B("span", {
-			className: U.cellIcon,
-			children: a ?? /* @__PURE__ */ B(k, {})
-		}), /* @__PURE__ */ V("span", {
-			className: U.cellStack,
-			children: [/* @__PURE__ */ B(g, {
-				value: t,
-				pattern: r,
-				type: "secondary",
-				emptyLabel: o
-			}), !!u && /* @__PURE__ */ B(n, {
-				tag: "span",
-				size: "xs",
-				type: "secondary",
-				children: u
-			})]
-		})]
-	});
-}
-function $e({ value: t, currency: n, locale: r, emptyLabel: i, weight: a = "semibold", className: o }) {
-	return /* @__PURE__ */ B(m, {
-		amount: t,
-		currency: n,
-		locale: r,
-		formatMode: n ? "with-symbol" : "decimal",
-		emptyLabel: i,
-		weight: a,
-		className: e("currency-cell--component", o)
-	});
-}
-function et({ name: t, imageUrl: r, icon: i, subtitle: a, emptyLabel: o, className: s }) {
-	return !t || t.trim().length === 0 ? /* @__PURE__ */ B(_, { label: o }) : /* @__PURE__ */ V("span", {
-		className: e("avatar-cell--component", U.avatarCell, s),
-		children: [/* @__PURE__ */ V(he, {
-			size: "sm",
-			children: [!!r && /* @__PURE__ */ B(E, {
-				src: r,
-				alt: ""
-			}), /* @__PURE__ */ B(T, { children: te(t, { strategy: "first-words" }) || (i ?? /* @__PURE__ */ B(Se, {})) })]
-		}), /* @__PURE__ */ V("span", {
-			className: U.cellStack,
-			children: [/* @__PURE__ */ B(n, {
-				tag: "span",
-				weight: "medium",
-				truncate: !0,
-				children: t
-			}), !!a && /* @__PURE__ */ B(n, {
-				tag: "span",
-				size: "xs",
-				type: "secondary",
-				truncate: !0,
-				children: a
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/components/features/table/resource-cell.tsx
-function tt(e) {
-	return typeof e == "object" && !!e && "label" in e;
-}
-function nt({ title: t, subtitle: r, metadata: i, badges: a, imageUrl: o, fallback: s, href: c, renderLink: l, emptyLabel: u, className: d }) {
-	if (t == null || t === "") return /* @__PURE__ */ B(_, { label: u });
-	let f = /* @__PURE__ */ B(n, {
-		tag: "span",
-		weight: "medium",
-		truncate: !0,
-		children: t
-	}), p = c ? _e(l)({
-		href: c,
-		children: f,
-		className: U.resourceLink
-	}) : f, m = Array.isArray(i) ? i : null;
-	return /* @__PURE__ */ V("span", {
-		className: e("resource-cell--component", U.resourceCell, d),
-		children: [(!!o || !!s) && /* @__PURE__ */ V(he, {
-			size: "sm",
-			className: U.resourceMedia,
-			children: [!!o && /* @__PURE__ */ B(E, {
-				src: o,
-				alt: ""
-			}), /* @__PURE__ */ B(T, { children: s })]
-		}), /* @__PURE__ */ V("span", {
-			className: U.resourceBody,
-			children: [
-				/* @__PURE__ */ V("span", {
-					className: U.resourceTitleLine,
-					children: [p, a?.map((e, t) => tt(e) ? /* @__PURE__ */ V(v, {
-						tone: e.tone ?? "neutral",
-						children: [e.icon, e.label]
-					}, e.id ?? t) : /* @__PURE__ */ B("span", { children: e }, t))]
-				}),
-				!!r && /* @__PURE__ */ B(n, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					truncate: !0,
-					children: r
-				}),
-				m ? m.length > 0 && /* @__PURE__ */ B("span", {
-					className: U.resourceFacts,
-					children: m.map((e, t) => /* @__PURE__ */ V("span", {
-						className: U.resourceFact,
-						children: [
-							t > 0 && /* @__PURE__ */ B(n, {
-								tag: "span",
-								size: "xs",
-								type: "secondary",
-								"aria-hidden": !0,
-								children: "·"
-							}),
-							!!e.label && /* @__PURE__ */ B(n, {
-								tag: "span",
-								size: "xs",
-								type: "secondary",
-								children: e.label
-							}),
-							/* @__PURE__ */ B(n, {
-								tag: "span",
-								size: "xs",
-								type: "secondary",
-								children: e.value
-							})
-						]
-					}, e.id ?? t))
-				}) : i
-			]
-		})]
-	});
-}
-//#endregion
-export { Pe as C, W as S, Ne as T, ze as _, Qe as a, Ie as b, Y as c, Ke as d, We as f, G as g, Ve as h, Ze as i, J as l, K as m, et as n, Ye as o, He as p, $e as r, Xe as s, nt as t, Je as u, Re as v, H as w, Fe as x, Le as y };