themelia-ui 1.0.0

package/dist/table-DTaGJ0WS.js

@@ -0,0 +1,996 @@
+import "./css/table2.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { i as t, o as n } from "./typography-vC_wwEBm.js";
+import { p as r } from "./feedback-DHdvxang.js";
+import { r as i } from "./ui-provider-DvO3G7xp.js";
+import { c as a } from "./buttons-CabBjPap.js";
+import { n as o, t as s } from "./action-menu-jAPdRvbi.js";
+import { t as c } from "./use-latest-CF0678ae.js";
+import { v as l } from "./display-DTWjv_bB.js";
+import { B as u, D as d, E as f, H as p, I as m, L as ee, O as te, S as h, T as ne, U as re, V as ie, f as g, g as ae, h as oe, k as se, m as ce, w as le, z as _ } from "./primitives-D-cyAv5O.js";
+import { t as v } from "./badge-DwsR_WXN.js";
+import { t as ue } from "./strings-Co9_qArR.js";
+import { l as de } from "./text-inputs-BMW3hP0R.js";
+import { c as fe, i as y, l as b, n as x, s as S, t as C } from "./table-MIC6hYQ7.js";
+import { a as w, c as T, r as pe } from "./avatar-y8bQHcPP.js";
+import { s as me } from "./navigation-CRCc8lpn.js";
+import { x as he } from "./choice-inputs-B4fseaKf.js";
+import { t as ge } from "./batch-action-bar-B42CIB6A.js";
+import { n as E, o as _e, t as ve } from "./toolbar-C9GRWaUJ.js";
+import { CalendarIcon as ye, ChevronLeftIcon as D, ChevronRightIcon as be, MailIcon as xe, Maximize2Icon as O, Minimize2Icon as k, MoreHorizontalIcon as Se, PackageOpenIcon as Ce, Settings2Icon as A } from "lucide-react";
+import { createContext as j, useCallback as M, useContext as we, useEffect as N, useMemo as P, useRef as F, useState as I } from "react";
+import { Fragment as Te, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { flexRender as z } from "@tanstack/react-table";
+import { getCoreRowModel as Ee, getFilteredRowModel as De, getSortedRowModel as Oe, useLegacyTable as ke } from "@tanstack/react-table/legacy";
+//#region src/components/features/table/table.strings.ts
+function B(e) {
+	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
+}
+var V = {
+	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 : B(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 Ae(e) {
+	return e ? {
+		emptyMessage: e.emptyMessage ?? V.emptyMessage,
+		toolbarLabel: e.toolbarLabel ?? V.toolbarLabel,
+		fullscreenEnter: e.fullscreenEnter ?? V.fullscreenEnter,
+		fullscreenExit: e.fullscreenExit ?? V.fullscreenExit,
+		actions: {
+			...V.actions,
+			...e.actions
+		},
+		filter: {
+			...V.filter,
+			...e.filter
+		},
+		columnVisibility: {
+			...V.columnVisibility,
+			...e.columnVisibility
+		},
+		toolbar: {
+			...V.toolbar,
+			...e.toolbar
+		},
+		pagination: {
+			...V.pagination,
+			...e.pagination
+		},
+		selection: {
+			...V.selection,
+			...e.selection
+		},
+		accessibility: {
+			...V.accessibility,
+			...e.accessibility
+		}
+	} : V;
+}
+var H = {
+	light: "table-module__light___jITym",
+	dark: "table-module__dark___UUdhB",
+	root: "table-module__root___CiMc-",
+	rootFill: "table-module__rootFill___fhpSY",
+	table: "table-module__table___AIGRg",
+	topbar: "table-module__topbar___rg82s",
+	topbarSticky: "table-module__topbarSticky___qa4tl",
+	topbarGrid: "table-module__topbarGrid___itVcQ",
+	topbarStart: "table-module__topbarStart___nsjaU",
+	topbarEnd: "table-module__topbarEnd___PfWAh",
+	filterInput: "table-module__filterInput___tVgd2",
+	toolbar: "table-module__toolbar___X5BvT",
+	toolbarDivider: "table-module__toolbarDivider___vg3b9",
+	tableArea: "table-module__tableArea___zCzXY",
+	tableAreaScrolls: "table-module__tableAreaScrolls___qgJhQ",
+	tableContainer: "table-module__tableContainer___t6D7u",
+	tableContainerScrolls: "table-module__tableContainerScrolls___tyqkH",
+	tableContainerBounded: "table-module__tableContainerBounded___ujLDm",
+	header: "table-module__header___tAXRz",
+	headerTransparent: "table-module__headerTransparent___z2A6M",
+	groupRow: "table-module__groupRow___-m-vd",
+	groupHead: "table-module__groupHead___-xRwV",
+	row: "table-module__row___sBG-w",
+	stickyColumn: "table-module__stickyColumn___LKKmJ",
+	stickyColumnNext: "table-module__stickyColumnNext___VPEMx",
+	stickyCorner: "table-module__stickyCorner___-3pOx",
+	emptyRow: "table-module__emptyRow___0ZECL",
+	emptyCell: "table-module__emptyCell___bAyQv",
+	rowActions: "table-module__rowActions___8o5fb",
+	footer: "table-module__footer___emXJf",
+	nowrap: "table-module__nowrap___1q7iO",
+	cellStack: "table-module__cellStack___LOKwW",
+	cluster: "table-module__cluster___RIDyW",
+	iconCell: "table-module__iconCell___giYAt",
+	iconCellTop: "table-module__iconCellTop___4fl-1",
+	cellIcon: "table-module__cellIcon___SkxhW",
+	avatarCell: "table-module__avatarCell___i9bkD",
+	resourceCell: "table-module__resourceCell___AuAVY",
+	resourceMedia: "table-module__resourceMedia___UBBh0",
+	resourceBody: "table-module__resourceBody___kGTi4",
+	resourceTitleLine: "table-module__resourceTitleLine___jjaIV",
+	resourceLink: "table-module__resourceLink___t5Qng",
+	resourceFacts: "table-module__resourceFacts___ds2E5",
+	resourceFact: "table-module__resourceFact___06BAj"
+};
+//#endregion
+//#region src/components/features/table/data-table-actions.tsx
+function je({ row: t, actions: n, menuLabel: r, displayMode: i = "menu", responsiveBreakpoint: a = 1040, strings: c = V }) {
+	let l = F(null), [u, d] = I(!1);
+	N(() => {
+		if (i !== "auto") return;
+		let e = l.current;
+		if (!e) return;
+		let t = e.closest("table") ?? e, n = new ResizeObserver(([e]) => {
+			e && d(e.contentRect.width >= a);
+		});
+		return n.observe(t), () => n.disconnect();
+	}, [i, a]);
+	let f = P(() => {
+		let e = typeof n == "function" ? n(t) : n;
+		return Array.isArray(e) ? e : [];
+	}, [n, t]), p = P(() => {
+		let e = (e) => typeof e == "function" ? e(t) : e;
+		return f.filter((t) => e(t.visible) ?? !0).map((n) => ({
+			id: n.id ?? n.label,
+			label: n.label,
+			icon: n.icon,
+			tone: n.tone,
+			buttonStyle: n.buttonStyle,
+			disabled: e(n.disabled) ?? !1,
+			onClick: n.onClick ? () => n.onClick?.(t) : void 0
+		}));
+	}, [f, t]);
+	if (p.length === 0) return null;
+	let m = i === "inline" || i === "auto" && u;
+	return /* @__PURE__ */ L("div", {
+		ref: l,
+		className: e("data-table-actions--component", H.rowActions),
+		onClick: (e) => e.stopPropagation(),
+		children: m ? /* @__PURE__ */ L(s, { actions: p }) : /* @__PURE__ */ L(o, {
+			actions: p,
+			icon: Se,
+			strings: { trigger: r ?? c.actions.menuLabel },
+			align: "end",
+			buttonProps: {
+				tone: "neutral",
+				buttonStyle: "ghost",
+				iconOnly: !0
+			}
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/table-helpers.tsx
+function U(e, t, n, r, i, a = !1) {
+	let o = typeof n == "function" ? n(e, t) : n ?? "";
+	return r ? i === 0 ? `${o} ${H.stickyColumn}` : a && i === 1 ? `${o} ${H.stickyColumnNext}` : o : o;
+}
+function Me(e) {
+	return e.getSelectedRowModel().rows.map((e) => e.original);
+}
+function Ne(e, t = V) {
+	return [{
+		id: "selection",
+		header: ({ table: e }) => /* @__PURE__ */ L(he, {
+			checked: e.getIsAllPageRowsSelected(),
+			indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
+			onChange: (t) => e.toggleAllPageRowsSelected(t.target.checked),
+			"aria-label": t.selection.selectAll
+		}),
+		cell: ({ row: e }) => /* @__PURE__ */ L(he, {
+			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 Pe({ table: t, onRowClick: n, emptyStateMessage: i, emptyStateAction: a, cellClassName: o, rowClassName: s, stickyFirstColumn: c = !1, hasSelectionColumn: l = !1, striped: u = !1, strings: d = V }) {
+	let f = t.getRowModel().rows;
+	return f.length === 0 ? /* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(b, {
+		className: H.emptyRow,
+		children: /* @__PURE__ */ L(y, {
+			colSpan: t.getVisibleFlatColumns().length,
+			className: H.emptyCell,
+			children: /* @__PURE__ */ L(r, {
+				title: i ?? d.emptyMessage,
+				description: !1,
+				media: /* @__PURE__ */ L(Ce, {}),
+				mediaVariant: "icon-soft",
+				action: a
+			})
+		})
+	}) }) : /* @__PURE__ */ L(x, {
+		className: "data-table-body--component",
+		"data-striped": u || void 0,
+		children: f.map((t, r) => {
+			let i = t.getIsSelected();
+			return /* @__PURE__ */ L(b, {
+				"data-state": i ? "selected" : void 0,
+				"data-clickable": n ? "" : void 0,
+				className: e(H.row, typeof s == "function" ? s(t, r) : s),
+				onClick: n ? () => n(t.original) : void 0,
+				children: t.getVisibleCells().map((e, n) => /* @__PURE__ */ L(y, {
+					align: e.column.columnDef.meta?.align,
+					className: U(e.column.id, t, o, c, n, l),
+					children: z(e.column.columnDef.cell, e.getContext())
+				}, e.id))
+			}, t.id);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/data-table-header.tsx
+function Fe({ 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__ */ L(S, {
+				colSpan: i,
+				align: "center",
+				className: H.groupHead,
+				children: !!r && /* @__PURE__ */ L(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__ */ L(b, {
+			className: H.groupRow,
+			children: n
+		});
+	})();
+	return /* @__PURE__ */ R(fe, {
+		className: e("data-table-header--component", H.header, l && H.headerTransparent, i),
+		"data-sticky": r || void 0,
+		children: [d, u.map((t) => /* @__PURE__ */ L(b, { children: t.headers.map((t, n) => {
+			if (t.isPlaceholder) return /* @__PURE__ */ L(S, { "aria-hidden": !0 }, t.id);
+			let i = t.column.getIsSorted();
+			return /* @__PURE__ */ L(S, {
+				align: t.column.columnDef.meta?.align,
+				sortable: t.column.getCanSort(),
+				sortDirection: i === "asc" ? "ascending" : i === "desc" ? "descending" : null,
+				onSort: () => t.column.toggleSorting(),
+				className: e(U(t.id, null, a, o, n, s), r && o && (n === 0 || s && n === 1) && H.stickyCorner),
+				children: z(t.column.columnDef.header, t.getContext())
+			}, t.id);
+		}) }, t.id))]
+	});
+}
+//#endregion
+//#region src/components/features/table/column-visibility-toggle.tsx
+function W({ table: t, className: n, align: r = "end", labelVisibility: i = "hidden", strings: a = V, buttonProps: s }) {
+	let c = t.getAllColumns().filter((e) => e.getCanHide());
+	if (c.length === 0) return null;
+	let l = c.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__ */ L(o, {
+		actions: l,
+		icon: A,
+		label: a.columnVisibility.triggerLabel,
+		labelVisibility: i,
+		align: r,
+		preserveOrder: !0,
+		buttonProps: {
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: i === "hidden",
+			...s,
+			className: e("column-visibility-toggle--component", s?.className, n)
+		}
+	});
+}
+//#endregion
+//#region src/components/features/table/fullscreen-toggle.tsx
+function G({ fullscreen: t, onFullscreenChange: n, enterLabel: r, exitLabel: i, strings: o, className: s, render: c }) {
+	let l = ue(V, o), u = t ? i ?? l.fullscreenExit : r ?? l.fullscreenEnter;
+	return /* @__PURE__ */ L(a, {
+		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: L(t ? k : O, {})
+	});
+}
+//#endregion
+//#region src/components/features/table/use-table-scroll.ts
+var Ie = 300;
+function K(e) {
+	return e?.querySelector(".table--container") ?? null;
+}
+function q(e, t = {}) {
+	let { stepPx: n = Ie, deps: r = [] } = t, [i, a] = I(!1), [o, s] = I(!1), c = F(0), l = F(null), u = M(() => {
+		let t = K(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]);
+	N(() => {
+		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 = M((t) => {
+		K(e.current)?.scrollBy({
+			left: t,
+			behavior: "smooth"
+		});
+	}, [e]);
+	return {
+		canScrollLeft: i,
+		canScrollRight: o,
+		scrollBy: d,
+		scrollLeft: M(() => d(-n), [d, n]),
+		scrollRight: M(() => d(n), [d, n])
+	};
+}
+//#endregion
+//#region src/components/features/table/data-table-toolbar.tsx
+function Le({ table: t, tableAreaRef: n, fullscreen: r, onFullscreenChange: i, showFullscreenToggle: a = !1, enableColumnVisibility: o = !1, labelVisibility: s = "hidden", strings: c = V }) {
+	let l = q(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__ */ R(ve, {
+		"aria-label": c.toolbarLabel ?? "Table controls",
+		className: e("data-table-toolbar--component", H.toolbar),
+		children: [
+			d && /* @__PURE__ */ R(Te, { children: [
+				/* @__PURE__ */ L(E, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					iconOnly: !0,
+					"aria-label": c.toolbar.scrollLeft,
+					disabled: !l.canScrollLeft,
+					onClick: l.scrollLeft,
+					children: /* @__PURE__ */ L(D, {})
+				}),
+				/* @__PURE__ */ L(E, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					iconOnly: !0,
+					"aria-label": c.toolbar.scrollRight,
+					disabled: !l.canScrollRight,
+					onClick: l.scrollRight,
+					children: /* @__PURE__ */ L(be, {})
+				}),
+				(f || a) && /* @__PURE__ */ L(_e, { className: H.toolbarDivider })
+			] }),
+			f && /* @__PURE__ */ R(Te, { children: [/* @__PURE__ */ L(W, {
+				table: t,
+				strings: c,
+				labelVisibility: s,
+				buttonProps: { render: /* @__PURE__ */ L(E, {}) }
+			}), a && /* @__PURE__ */ L(_e, { className: H.toolbarDivider })] }),
+			a && /* @__PURE__ */ L(G, {
+				fullscreen: r,
+				onFullscreenChange: i,
+				enterLabel: c.toolbar.enterFullscreen,
+				exitLabel: c.toolbar.exitFullscreen,
+				render: /* @__PURE__ */ L(E, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/table/use-fullscreen-modality.ts
+var Re = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function ze(e, t, n) {
+	let r = c(n);
+	N(() => {
+		if (!e || typeof document > "u") return;
+		let n = document.activeElement, i = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let a = (e) => {
+			let n = t.current;
+			if (!n) return;
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), r.current();
+				return;
+			}
+			if (e.key !== "Tab") return;
+			let i = Array.from(n.querySelectorAll(Re)).filter((e) => e.offsetParent !== null || e === document.activeElement);
+			if (i.length === 0) return;
+			let a = i[0], o = i[i.length - 1], s = document.activeElement, c = s instanceof Node && n.contains(s);
+			e.shiftKey && (!c || s === a) ? (e.preventDefault(), o.focus()) : !e.shiftKey && (!c || s === o) && (e.preventDefault(), a.focus());
+		}, o = t.current;
+		return document.addEventListener("keydown", a, !0), () => {
+			document.removeEventListener("keydown", a, !0), document.body.style.overflow = i;
+			let e = document.activeElement;
+			(o && e instanceof Node && o.contains(e) || e === document.body) && n?.isConnected && n.focus();
+		};
+	}, [
+		e,
+		t,
+		r
+	]);
+}
+//#endregion
+//#region src/components/features/table/data-table-size.ts
+var Be = j("md");
+function Ve() {
+	return we(Be);
+}
+//#endregion
+//#region src/components/features/table/data-table.tsx
+function He(e) {
+	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+}
+function Ue({ size: t, surface: r = "card", headerTransparent: a = !1, columns: o, data: s, columnGroups: c, enableSorting: u = !1, enableFiltering: d = !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: g = !1, stickyToolbar: ae = !1, stickyFirstColumn: oe = !1, maxBodyHeight: se, fillAvailableHeight: ce = !1, striped: le = !1, emptyStateMessage: _, emptyStateAction: v, className: ue, rowClassName: fe, cellClassName: y, headerClassName: b, wrapperClassName: x, tableContainerClassName: S, strings: w, filterColumn: T, filterPlaceholder: pe, topbarContent: he, topbarEnd: E, topbarClassName: _e, toolbarLabelVisibility: ve = "hidden", footerContent: ye, selectionToolbar: D, bulkActions: be, selectionToolbarClassName: xe, rowActions: O, rowActionsMenuLabel: k, rowActionsDisplayMode: Se, rowActionsBreakpoint: Ce, pageCount: A, page: j, onPageChange: we, totalRowCount: z, pageSize: B, onRowClick: V, onRowSelectionChange: U, onSortingChange: Me, onColumnVisibilityChange: W, onColumnFiltersChange: G, getRowId: Ie, rowSelection: K, sorting: q, defaultSorting: Re, columnVisibility: Ve, defaultColumnVisibility: Ue, initialState: J, storageKey: Y, style: We }) {
+	let { density: Ge } = i(), Ke = t ?? (Ge === "compact" ? "sm" : Ge === "comfortable" ? "lg" : "md"), X = P(() => Ae(w), [w]), qe = P(() => Array.isArray(o) && o.length === 2 && Array.isArray(o[1]) ? o[0] : o, [o]), Z = Y ? `dt.${Y}.columns` : null, Je = P(() => {
+		let e = Ue ?? J?.columnVisibility ?? {};
+		if (!Z || typeof window > "u") return e;
+		try {
+			let t = window.localStorage.getItem(Z);
+			return {
+				...t ? JSON.parse(t) : {},
+				...e
+			};
+		} catch {
+			return e;
+		}
+	}, [
+		Ue,
+		J?.columnVisibility,
+		Z
+	]), [Ye, Xe] = I(Re ?? J?.sorting ?? []), [Ze, Qe] = I(Je), [$e, et] = I(J?.rowSelection ?? {}), [tt, nt] = I(J?.columnFilters ?? []), [rt, it] = I(ne), at = q ?? Ye, ot = Ve ?? Ze, st = K ?? $e, Q = h ?? rt, ct = F(null), lt = F(null), ut = M((e) => {
+		let t = typeof e == "function" ? e(at) : e;
+		q === void 0 && Xe(t), Me?.(t);
+	}, [
+		q,
+		Me,
+		at
+	]), dt = M((e) => {
+		let t = typeof e == "function" ? e(ot) : e;
+		if (Ve === void 0 && Qe(t), Z && typeof window < "u") try {
+			window.localStorage.setItem(Z, JSON.stringify(t));
+		} catch {}
+		W?.(t);
+	}, [
+		ot,
+		Ve,
+		W,
+		Z
+	]), ft = M((e) => {
+		let t = typeof e == "function" ? e(st) : e;
+		K === void 0 && et(t), U?.(t);
+	}, [
+		K,
+		U,
+		st
+	]), pt = M((e) => {
+		let t = typeof e == "function" ? e(tt) : e;
+		nt(t), G?.(t);
+	}, [tt, G]), mt = M((e) => {
+		h === void 0 && it(e), re?.(e);
+	}, [h, re]);
+	ze(Q, lt, M(() => mt(!1), [mt]));
+	let ht = M((e) => typeof k == "function" ? k(e) : k ?? X.actions.menuLabel, [k, X.actions.menuLabel]), gt = P(() => {
+		let e = f ? Ne(qe, X) : qe;
+		return O ? [...e, {
+			id: "actions",
+			header: X.actions.triggerLabel,
+			cell: ({ row: e }) => /* @__PURE__ */ L(je, {
+				row: e.original,
+				actions: O,
+				menuLabel: ht(e.original),
+				displayMode: Se,
+				responsiveBreakpoint: Ce,
+				strings: X
+			}),
+			enableSorting: !1,
+			enableHiding: !1,
+			meta: { align: "end" },
+			size: 40
+		}] : e;
+	}, [
+		f,
+		ht,
+		qe,
+		O,
+		Ce,
+		Se,
+		X
+	]), $ = ke({
+		data: s,
+		columns: gt,
+		state: {
+			sorting: at,
+			columnVisibility: ot,
+			rowSelection: st,
+			columnFilters: tt
+		},
+		enableSorting: u,
+		manualSorting: te,
+		enableRowSelection: f,
+		enableMultiRowSelection: p,
+		enableSubRowSelection: m,
+		onSortingChange: u ? ut : void 0,
+		onRowSelectionChange: f ? ft : void 0,
+		onColumnVisibilityChange: dt,
+		onColumnFiltersChange: d ? pt : void 0,
+		getCoreRowModel: Ee(),
+		getSortedRowModel: Oe(),
+		...d ? { getFilteredRowModel: De() } : {},
+		getRowId: Ie
+	}), _t = $.getSelectedRowModel().rows.map((e) => e.original), vt = M(() => $.resetRowSelection(), [$]), yt = {
+		table: $,
+		selectedRows: _t,
+		selectedRowCount: _t.length,
+		totalRowCount: z ?? s.length,
+		rowSelection: st,
+		clearSelection: vt
+	}, bt = typeof be == "function" ? be(yt) : be, xt = !f || _t.length === 0 || D === null || D === !1 ? null : typeof D == "function" ? D(yt) : D === void 0 ? /* @__PURE__ */ L(ge, {
+		selectedCount: _t.length,
+		totalCount: yt.totalRowCount,
+		onClear: vt,
+		className: xe,
+		strings: {
+			summary: (e, t) => X.selection.summary(e, t ?? yt.totalRowCount),
+			clear: X.selection.clear
+		},
+		children: bt
+	}) : D, St = He(se), Ct = Q || ce || St !== void 0;
+	N(() => {
+		(ct.current?.querySelector(".table--container"))?.setAttribute("aria-label", X.accessibility.scrollRegion);
+	}, [X.accessibility.scrollRegion]);
+	let wt = !!(he || E || ee || ie || d && T), Tt = A !== void 0 && A > 1 && /* @__PURE__ */ R(Te, { children: [/* @__PURE__ */ L(l, {}), /* @__PURE__ */ R("div", {
+		className: H.footer,
+		children: [z !== void 0 && B !== void 0 && j !== void 0 && /* @__PURE__ */ L(n, {
+			size: "sm",
+			type: "secondary",
+			children: X.pagination.summary(Math.min((j - 1) * B + 1, z), Math.min(j * B, z), z)
+		}), /* @__PURE__ */ L(me, {
+			page: j ?? 1,
+			total: A,
+			onPageChange: (e) => we?.(e),
+			strings: {
+				label: X.pagination.label,
+				previous: X.pagination.previous,
+				next: X.pagination.next,
+				page: X.pagination.page,
+				morePages: X.pagination.morePages
+			}
+		})]
+	})] });
+	return /* @__PURE__ */ L(Be.Provider, {
+		value: Ke,
+		children: /* @__PURE__ */ R("div", {
+			ref: lt,
+			role: Q ? "dialog" : void 0,
+			"aria-modal": Q ? !0 : void 0,
+			"aria-label": Q ? X.accessibility.fullscreenRegion : void 0,
+			"data-slot": "data-table",
+			"data-size": Ke,
+			"data-surface": r,
+			"data-fullscreen": Q || void 0,
+			style: {
+				...We,
+				...St ? { "--data-table-body-max-height": St } : {}
+			},
+			className: e("data-table--component", H.root, ce && H.rootFill, x),
+			children: [
+				wt && /* @__PURE__ */ R("div", {
+					className: e(H.topbar, ae && H.topbarSticky),
+					children: [/* @__PURE__ */ R("div", {
+						className: e(H.topbarGrid, _e),
+						children: [/* @__PURE__ */ R("div", {
+							className: H.topbarStart,
+							children: [d && !!T && /* @__PURE__ */ L(de, {
+								value: $.getColumn(T)?.getFilterValue() ?? "",
+								onChange: (e) => $.getColumn(T)?.setFilterValue(e.target.value),
+								placeholder: pe ?? X.filter.searchPlaceholder,
+								clearable: !0,
+								onClear: () => $.getColumn(T)?.setFilterValue(""),
+								className: H.filterInput
+							}), he]
+						}), /* @__PURE__ */ R("div", {
+							className: H.topbarEnd,
+							children: [E, /* @__PURE__ */ L(Le, {
+								table: $,
+								tableAreaRef: ct,
+								fullscreen: Q,
+								onFullscreenChange: mt,
+								showFullscreenToggle: ie,
+								enableColumnVisibility: ee,
+								labelVisibility: ve,
+								strings: X
+							})]
+						})]
+					}), /* @__PURE__ */ L(l, {})]
+				}),
+				xt,
+				/* @__PURE__ */ L("div", {
+					ref: ct,
+					className: e(H.tableArea, Ct && H.tableAreaScrolls),
+					children: /* @__PURE__ */ R(C, {
+						stickyHeader: g,
+						className: e(H.table, ue),
+						containerClassName: e(H.tableContainer, Ct && H.tableContainerScrolls, St !== void 0 && H.tableContainerBounded, S),
+						children: [/* @__PURE__ */ L(Fe, {
+							table: $,
+							stickyHeader: g,
+							headerClassName: b,
+							cellClassName: y,
+							stickyFirstColumn: oe,
+							hasSelectionColumn: f,
+							columnGroups: c,
+							headerTransparent: a
+						}), /* @__PURE__ */ L(Pe, {
+							table: $,
+							onRowClick: V,
+							emptyStateMessage: _,
+							emptyStateAction: v,
+							cellClassName: y,
+							rowClassName: fe,
+							stickyFirstColumn: oe,
+							hasSelectionColumn: f,
+							striped: le,
+							strings: X
+						})]
+					})
+				}),
+				Tt,
+				!!ye && /* @__PURE__ */ L("div", {
+					className: H.footer,
+					children: ye
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/cell-value.tsx
+function J(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : e instanceof Date && Number.isNaN(e.getTime());
+}
+function Y({ value: t, kind: n = "value", display: r, href: i, currency: a, minimumFractionDigits: o, maximumFractionDigits: s, locale: c, dateLocale: l, pattern: m, from: v, moneyUnit: ue, fallback: de, missing: fe, wrap: y = !1, className: b, children: x }) {
+	let S = e("cell-value--component", !y && H.nowrap, b);
+	if (x !== void 0) return /* @__PURE__ */ L("span", {
+		className: S,
+		children: x
+	});
+	if (r !== void 0) return /* @__PURE__ */ L("span", {
+		className: S,
+		children: r
+	});
+	if (fe || J(t)) return /* @__PURE__ */ L("span", {
+		className: S,
+		children: /* @__PURE__ */ L(_, { label: de })
+	});
+	let C = typeof t == "string" || typeof t == "number" ? t : String(t), w = typeof t == "number" ? t : Number(t);
+	return /* @__PURE__ */ L("span", {
+		className: S,
+		children: (() => {
+			switch (n) {
+				case "secondary": return /* @__PURE__ */ L(p, { children: C });
+				case "muted": return /* @__PURE__ */ L(ie, { children: C });
+				case "name": return /* @__PURE__ */ L(ee, { value: String(C) });
+				case "mono": return /* @__PURE__ */ L(u, { children: C });
+				case "link":
+				case "url": return /* @__PURE__ */ L(te, {
+					href: i ?? String(C),
+					children: C
+				});
+				case "email": return /* @__PURE__ */ L(d, { value: String(C) });
+				case "phone": return /* @__PURE__ */ L(se, { value: String(C) });
+				case "money": return /* @__PURE__ */ L(f, {
+					amount: w,
+					currency: a,
+					unit: ue,
+					locale: c
+				});
+				case "number": return /* @__PURE__ */ L(le, {
+					value: w,
+					locale: c,
+					options: {
+						minimumFractionDigits: o,
+						maximumFractionDigits: s
+					}
+				});
+				case "percent": return /* @__PURE__ */ L(ne, {
+					value: w,
+					locale: c,
+					options: {
+						minimumFractionDigits: o,
+						maximumFractionDigits: s
+					}
+				});
+				case "fileSize": return /* @__PURE__ */ L(h, {
+					value: w,
+					from: v
+				});
+				case "date": return /* @__PURE__ */ L(g, {
+					value: t,
+					pattern: m
+				});
+				case "time": return /* @__PURE__ */ L(ae, {
+					value: t,
+					pattern: m
+				});
+				case "dateTime": return /* @__PURE__ */ L(ce, {
+					value: t,
+					pattern: m
+				});
+				case "relativeTime": return /* @__PURE__ */ L(oe, { value: t });
+				default: return /* @__PURE__ */ L(re, { children: C });
+			}
+		})()
+	});
+}
+function We({ values: t, className: n }) {
+	let r = t.filter((e) => e !== !1);
+	return r.length === 0 ? /* @__PURE__ */ L(_, {}) : /* @__PURE__ */ L("span", {
+		className: e("cell-stack--component", H.cellStack, n),
+		children: r.map((e, t) => {
+			let n = `cell-${t}`;
+			if (Array.isArray(e)) {
+				let [t, r, i] = e;
+				return /* @__PURE__ */ L(Y, {
+					value: t,
+					kind: r,
+					...i
+				}, n);
+			}
+			return typeof e == "object" && e && !(e instanceof Date) ? "type" in e ? /* @__PURE__ */ L("span", { children: e }, n) : /* @__PURE__ */ L(Y, { ...e }, n) : /* @__PURE__ */ L(Y, { value: e }, n);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/cell-renderers.tsx
+function Ge({ value: t, map: n, emptyLabel: r, className: i }) {
+	let a = t ? n[t] : void 0;
+	return a ? /* @__PURE__ */ R(v, {
+		tone: a.tone ?? "neutral",
+		className: e("status-cell--component", i),
+		children: [a.icon, a.label]
+	}) : /* @__PURE__ */ L(_, { label: r });
+}
+function Ke({ items: t = [], emptyLabel: n, className: r }) {
+	let i = t.filter((e) => !e.hidden);
+	return i.length === 0 ? /* @__PURE__ */ L(_, { label: n }) : /* @__PURE__ */ L("span", {
+		className: e("status-cluster-cell--component", H.cluster, r),
+		children: i.map((e, t) => /* @__PURE__ */ R(v, {
+			tone: e.tone ?? "neutral",
+			children: [e.icon, e.label]
+		}, e.id ?? t))
+	});
+}
+function X({ value: t, pattern: n, showIcon: r = !1, icon: i, emptyLabel: a, className: o }) {
+	return t == null || t === "" ? /* @__PURE__ */ L(_, { label: a }) : /* @__PURE__ */ R("span", {
+		className: e("date-cell--component", H.iconCell, o),
+		children: [r && /* @__PURE__ */ L("span", {
+			className: H.cellIcon,
+			children: i ?? /* @__PURE__ */ L(ye, {})
+		}), /* @__PURE__ */ L(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__ */ L(_, { 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__ */ R("span", {
+		className: e("date-meta-cell--component", H.iconCell, H.iconCellTop, c),
+		children: [i && /* @__PURE__ */ L("span", {
+			className: H.cellIcon,
+			children: a ?? /* @__PURE__ */ L(ye, {})
+		}), /* @__PURE__ */ R("span", {
+			className: H.cellStack,
+			children: [/* @__PURE__ */ L(g, {
+				value: t,
+				pattern: r,
+				type: "secondary",
+				emptyLabel: o
+			}), !!u && /* @__PURE__ */ L(n, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: u
+			})]
+		})]
+	});
+}
+function Z({ value: t, currency: n, locale: r, emptyLabel: i, weight: a = "semibold", className: o }) {
+	return /* @__PURE__ */ L(f, {
+		amount: t,
+		currency: n,
+		locale: r,
+		formatMode: n ? "with-symbol" : "decimal",
+		emptyLabel: i,
+		weight: a,
+		className: e("currency-cell--component", o)
+	});
+}
+function Je({ name: t, imageUrl: r, icon: i, subtitle: a, emptyLabel: o, className: s }) {
+	return !t || t.trim().length === 0 ? /* @__PURE__ */ L(_, { label: o }) : /* @__PURE__ */ R("span", {
+		className: e("avatar-cell--component", H.avatarCell, s),
+		children: [/* @__PURE__ */ R(pe, {
+			size: "sm",
+			children: [!!r && /* @__PURE__ */ L(T, {
+				src: r,
+				alt: ""
+			}), /* @__PURE__ */ L(w, { children: m(t, { strategy: "first-words" }) || (i ?? /* @__PURE__ */ L(xe, {})) })]
+		}), /* @__PURE__ */ R("span", {
+			className: H.cellStack,
+			children: [/* @__PURE__ */ L(n, {
+				tag: "span",
+				weight: "medium",
+				truncate: !0,
+				children: t
+			}), !!a && /* @__PURE__ */ L(n, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				truncate: !0,
+				children: a
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/table/resource-cell.tsx
+function Ye(e) {
+	return typeof e == "object" && !!e && "label" in e;
+}
+function Xe({ 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__ */ L(_, { label: u });
+	let f = /* @__PURE__ */ L(n, {
+		tag: "span",
+		weight: "medium",
+		truncate: !0,
+		children: t
+	}), p = c ? l?.({
+		href: c,
+		children: f,
+		className: H.resourceLink
+	}) ?? /* @__PURE__ */ L("a", {
+		href: c,
+		className: H.resourceLink,
+		children: f
+	}) : f, m = Array.isArray(i) ? i : null;
+	return /* @__PURE__ */ R("span", {
+		className: e("resource-cell--component", H.resourceCell, d),
+		children: [(!!o || !!s) && /* @__PURE__ */ R(pe, {
+			size: "sm",
+			className: H.resourceMedia,
+			children: [!!o && /* @__PURE__ */ L(T, {
+				src: o,
+				alt: ""
+			}), /* @__PURE__ */ L(w, { children: s })]
+		}), /* @__PURE__ */ R("span", {
+			className: H.resourceBody,
+			children: [
+				/* @__PURE__ */ R("span", {
+					className: H.resourceTitleLine,
+					children: [p, a?.map((e, t) => Ye(e) ? /* @__PURE__ */ R(v, {
+						tone: e.tone ?? "neutral",
+						children: [e.icon, e.label]
+					}, e.id ?? t) : /* @__PURE__ */ L("span", { children: e }, t))]
+				}),
+				!!r && /* @__PURE__ */ L(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					truncate: !0,
+					children: r
+				}),
+				m ? m.length > 0 && /* @__PURE__ */ L("span", {
+					className: H.resourceFacts,
+					children: m.map((e, t) => /* @__PURE__ */ R("span", {
+						className: H.resourceFact,
+						children: [
+							t > 0 && /* @__PURE__ */ L(n, {
+								tag: "span",
+								size: "xs",
+								type: "discrete",
+								"aria-hidden": !0,
+								children: "·"
+							}),
+							!!e.label && /* @__PURE__ */ L(n, {
+								tag: "span",
+								size: "xs",
+								type: "discrete",
+								children: e.label
+							}),
+							/* @__PURE__ */ L(n, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.value
+							})
+						]
+					}, e.id ?? t))
+				}) : i
+			]
+		})]
+	});
+}
+//#endregion
+export { je as C, U as S, Ae as T, W as _, qe as a, Ne as b, We as c, Ve as d, ze as f, G as g, q as h, X as i, Y as l, K as m, Je as n, Ge as o, Le as p, Z as r, Ke as s, Xe as t, Ue as u, Fe as v, V as w, Me as x, Pe as y };