themelia-ui 3.0.0 → 3.2.0

package/dist/table-B7dtIFUx.js

@@ -0,0 +1,1262 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { r, y as i } from "./ui-provider-DpzLUD12.js";
+import { c as a } from "./buttons-BX2JfL5X.js";
+import { i as o, n as s, t as c } from "./action-menu-BwiL_F6I.js";
+import { a as l, c as u, r as d } from "./avatar-Dc_BNYfB.js";
+import { t as f } from "./strings-Co9_qArR.js";
+import { B as p, D as m, E as h, H as g, I as _, L as ee, O as te, S as ne, T as re, U as ie, V as ae, f as v, g as oe, h as se, k as ce, m as le, w as ue, z as y } from "./primitives-BskKlf35.js";
+import { t as de } from "./badge-VlJVZjdm.js";
+import { t as fe } from "./batch-action-bar-DZVMVW83.js";
+import { p as pe } from "./feedback-D4qVsKlD.js";
+import { t as me } from "./skeleton-BTKNKTdj.js";
+import { d as b, v as x } from "./display-a7AoX_u7.js";
+import { t as S } from "./scroll-edges-CWjEJktN.js";
+import { x as C } from "./choice-inputs-NwRxvmZN.js";
+import { l as w } from "./text-inputs-BboE77nZ.js";
+import { t as T } from "./use-latest-CF0678ae.js";
+import { s as he } from "./navigation-Bgu7Vc0M.js";
+import { r as ge } from "./navigation-B4eUU9E8.js";
+import { c as _e, i as ve, l as E, n as D, s as O, t as ye } from "./table-Ds_eO9av.js";
+import { n as k, o as A, t as j } from "./toolbar-DBK-c4yy.js";
+import { n as be } from "./use-async-preview-BFwf9ElY.js";
+import { CalendarIcon as xe, ChevronLeftIcon as Se, ChevronRightIcon as M, MailIcon as Ce, Maximize2Icon as N, Minimize2Icon as we, MoreHorizontalIcon as Te, PackageOpenIcon as P, Settings2Icon as Ee } from "lucide-react";
+import { Component as De, Fragment as Oe, Suspense as ke, createContext as Ae, useCallback as F, useContext as I, useEffect as L, useId as je, useLayoutEffect as Me, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { flexRender as W } from "@tanstack/react-table";
+import { getCoreRowModel as Ne, getFilteredRowModel as Pe, getSortedRowModel as Fe, useLegacyTable as Ie } from "@tanstack/react-table/legacy";
+import "#css/table2.css";
+//#region src/components/features/table/table.strings.ts
+function Le(e) {
+	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
+}
+var G = {
+	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 : Le(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"
+	},
+	expansion: {
+		column: "Details",
+		show: (e) => `Show details for row ${e + 1}`,
+		hide: (e) => `Hide details for row ${e + 1}`,
+		loading: "Loading details",
+		error: "Couldn't load the details.",
+		retry: "Retry",
+		empty: "No details."
+	}
+};
+function Re(e) {
+	return e ? {
+		emptyMessage: e.emptyMessage ?? G.emptyMessage,
+		toolbarLabel: e.toolbarLabel ?? G.toolbarLabel,
+		fullscreenEnter: e.fullscreenEnter ?? G.fullscreenEnter,
+		fullscreenExit: e.fullscreenExit ?? G.fullscreenExit,
+		actions: {
+			...G.actions,
+			...e.actions
+		},
+		filter: {
+			...G.filter,
+			...e.filter
+		},
+		columnVisibility: {
+			...G.columnVisibility,
+			...e.columnVisibility
+		},
+		toolbar: {
+			...G.toolbar,
+			...e.toolbar
+		},
+		pagination: {
+			...G.pagination,
+			...e.pagination
+		},
+		selection: {
+			...G.selection,
+			...e.selection
+		},
+		accessibility: {
+			...G.accessibility,
+			...e.accessibility
+		},
+		expansion: {
+			...G.expansion,
+			...e.expansion
+		}
+	} : G;
+}
+var K = {
+	root: "table__root____Bw3-",
+	rootFill: "table__rootFill___e1xgp",
+	tableArea: "table__tableArea___fzov9",
+	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",
+	tableAreaScrolls: "table__tableAreaScrolls___rmUek",
+	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",
+	stickyColumnAfterGutter: "table__stickyColumnAfterGutter___vjYhH",
+	stickyCorner: "table__stickyCorner___ty0rC",
+	emptyRow: "table__emptyRow___G0Xjk",
+	emptyCell: "table__emptyCell___wFxoN",
+	rowActions: "table__rowActions___4LKuB",
+	selectionCell: "table__selectionCell___o5T5I",
+	expandCell: "table__expandCell___nvllw",
+	expandToggle: "table__expandToggle___4X_7s",
+	expandedCell: "table__expandedCell___x4UQP",
+	expandedPin: "table__expandedPin___iiouK",
+	expandedMotion: "table__expandedMotion___qOHyp",
+	expandedRow: "table__expandedRow___EOCNV",
+	expandedClip: "table__expandedClip___7O_nS",
+	expandedContent: "table__expandedContent___hyQ1e",
+	expandedMessage: "table__expandedMessage___y0bUd",
+	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 ze({ row: e, actions: t, menuLabel: r, displayMode: i = "menu", responsiveBreakpoint: a = 1040, strings: l = G }) {
+	let u = z(null), [d, f] = B(!1);
+	L(() => {
+		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 = R(() => o(t, e, { stripHref: !0 }), [t, e]);
+	if (p.length === 0) return null;
+	let m = i === "inline" || i === "auto" && d;
+	return /* @__PURE__ */ H("div", {
+		ref: u,
+		className: n("data-table-actions--component", K.rowActions),
+		onClick: (e) => e.stopPropagation(),
+		children: m ? /* @__PURE__ */ H(c, { actions: p }) : /* @__PURE__ */ H(s, {
+			actions: p,
+			icon: Te,
+			strings: { trigger: r ?? l.actions.menuLabel },
+			align: "end",
+			buttonProps: {
+				tone: "neutral",
+				appearance: "ghost",
+				iconOnly: !0
+			}
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/data-table-expanded-row.tsx
+var Be = () => {};
+function Ve({ row: e, panelId: t, strings: n }) {
+	if (!e.getCanExpand()) return null;
+	let r = e.getIsExpanded();
+	return /* @__PURE__ */ H("button", {
+		type: "button",
+		id: `${t}-toggle`,
+		"aria-expanded": r,
+		"aria-controls": r ? t : void 0,
+		"aria-label": r ? n.expansion.hide(e.index) : n.expansion.show(e.index),
+		"data-hit-area": !0,
+		className: K.expandToggle,
+		onClick: (t) => {
+			t.stopPropagation(), e.toggleExpanded();
+		},
+		children: /* @__PURE__ */ H(M, { "aria-hidden": !0 })
+	});
+}
+function He({ children: e, action: n, alert: r = !1 }) {
+	return /* @__PURE__ */ U("div", {
+		role: r ? "alert" : void 0,
+		className: K.expandedMessage,
+		children: [/* @__PURE__ */ H(t, {
+			tag: "span",
+			type: "secondary",
+			children: e
+		}), n]
+	});
+}
+function Ue({ label: e, onRetry: t }) {
+	return /* @__PURE__ */ H(a, {
+		type: "button",
+		tone: "neutral",
+		appearance: "outline",
+		onClick: t,
+		children: e
+	});
+}
+var q = class extends De {
+	state = {
+		failed: !1,
+		attempt: 0
+	};
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	retry = () => this.setState((e) => ({
+		failed: !1,
+		attempt: e.attempt + 1
+	}));
+	render() {
+		let { strings: e, children: t } = this.props;
+		return this.state.failed ? /* @__PURE__ */ H(He, {
+			alert: !0,
+			action: /* @__PURE__ */ H(Ue, {
+				label: e.expansion.retry,
+				onRetry: this.retry
+			}),
+			children: e.expansion.error
+		}) : /* @__PURE__ */ H(Oe, { children: t }, this.state.attempt);
+	}
+};
+function We({ row: e, config: t, collapse: n }) {
+	return /* @__PURE__ */ H(V, { children: t.render(e, {
+		detail: void 0,
+		refresh: Be,
+		collapse: n
+	}) });
+}
+function J({ row: e, config: t, strings: n, collapse: r, open: i, cacheKey: a }) {
+	let { onLoad: o, render: s } = t, c = be({
+		type: "data-table-row",
+		context: e,
+		cacheKey: a,
+		open: i,
+		onShow: ({ signal: t }) => o ? o(e, { signal: t }) : Promise.resolve(void 0)
+	});
+	if (c.status === "error") return /* @__PURE__ */ H(He, {
+		alert: !0,
+		action: /* @__PURE__ */ H(Ue, {
+			label: n.expansion.retry,
+			onRetry: c.refresh
+		}),
+		children: n.expansion.error
+	});
+	if (c.status === "empty") return /* @__PURE__ */ H(He, { children: n.expansion.empty });
+	if (c.status !== "success") return /* @__PURE__ */ H(me, {
+		lines: 3,
+		label: n.expansion.loading
+	});
+	let l = {
+		detail: c.data,
+		refresh: c.refresh,
+		collapse: r
+	};
+	return /* @__PURE__ */ H(V, { children: s(e, l) });
+}
+function Ge({ row: e, open: t, onExited: n, colSpan: r, panelId: i, cacheKey: a, config: o, strings: s }) {
+	let c = z(null), l = z(null), u = `${i}-toggle`, d = e.id, f = F(() => e.toggleExpanded(!1), [e]);
+	Me(() => {
+		t || c.current?.contains(document.activeElement) && document.getElementById(u)?.focus();
+	}, [t, u]), L(() => {
+		if (t) return;
+		let e = l.current, r = e ? Number.parseFloat(getComputedStyle(e).transitionDuration) : 0;
+		if (!r) {
+			n(d);
+			return;
+		}
+		let i = window.setTimeout(() => n(d), r * 1e3 + 50);
+		return () => window.clearTimeout(i);
+	}, [
+		t,
+		n,
+		d
+	]);
+	let p = o.onLoad ? /* @__PURE__ */ H(J, {
+		row: e.original,
+		config: o,
+		strings: s,
+		collapse: f,
+		open: t,
+		cacheKey: a
+	}) : /* @__PURE__ */ H(We, {
+		row: e.original,
+		config: o,
+		strings: s,
+		collapse: f
+	});
+	return /* @__PURE__ */ H(E, {
+		ref: c,
+		id: i,
+		"data-slot": "data-table-expanded-row",
+		"data-state": t ? "open" : "closing",
+		inert: !t || void 0,
+		className: K.expandedRow,
+		children: /* @__PURE__ */ H("td", {
+			colSpan: r,
+			className: K.expandedCell,
+			children: /* @__PURE__ */ H("div", {
+				className: K.expandedPin,
+				children: /* @__PURE__ */ H("div", {
+					ref: l,
+					className: K.expandedMotion,
+					children: /* @__PURE__ */ H("div", {
+						className: K.expandedClip,
+						children: /* @__PURE__ */ H("div", {
+							className: K.expandedContent,
+							children: /* @__PURE__ */ H(q, {
+								strings: s,
+								children: /* @__PURE__ */ H(ke, {
+									fallback: /* @__PURE__ */ H(me, {
+										lines: 3,
+										label: s.expansion.loading
+									}),
+									children: p
+								})
+							})
+						})
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/table-helpers.tsx
+var Ke = "expand", qe = "selection";
+function Je(e, t, n, r, i, a = !1, o = !1) {
+	let s = typeof n == "function" ? n(e, t) : n ?? "", c = e === "expand" ? `${s} ${K.expandCell}` : e === qe ? `${s} ${K.selectionCell}` : s;
+	return !r || i > +!!a + +!!o ? c : i === 0 ? `${c} ${K.stickyColumn}` : a && i === 1 ? `${c} ${K.stickyColumnNext}` : `${c} ${K.stickyColumnAfterGutter}`;
+}
+function Ye(e, t) {
+	return 1 + +!!e + +!!t;
+}
+function Xe(e) {
+	return e.getSelectedRowModel().rows.map((e) => e.original);
+}
+function Ze(e, t = G) {
+	return [{
+		id: qe,
+		header: ({ table: e }) => /* @__PURE__ */ H(C, {
+			checked: e.getIsAllPageRowsSelected(),
+			indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
+			onChange: (t) => e.toggleAllPageRowsSelected(t.target.checked),
+			"aria-label": t.selection.selectAll
+		}),
+		cell: ({ row: e }) => /* @__PURE__ */ H(C, {
+			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];
+}
+function Qe(e, t, n) {
+	return [{
+		id: Ke,
+		header: () => /* @__PURE__ */ H(b, { children: t.expansion.column }),
+		cell: ({ row: e }) => /* @__PURE__ */ H(Ve, {
+			row: e,
+			panelId: n(e.id),
+			strings: t
+		}),
+		enableSorting: !1,
+		enableHiding: !1,
+		size: 24
+	}, ...e];
+}
+//#endregion
+//#region src/components/features/table/data-table-body.tsx
+var $e = [];
+function et(e) {
+	let t = e.join("\0"), [n, r] = B(() => ({
+		key: t,
+		open: e,
+		closing: $e
+	})), i = n.closing;
+	if (n.key !== t) {
+		let a = new Set(e);
+		i = [.../* @__PURE__ */ new Set([...n.closing, ...n.open])].filter((e) => !a.has(e)), r({
+			key: t,
+			open: e,
+			closing: i
+		});
+	}
+	let a = F((e) => {
+		r((t) => t.closing.includes(e) ? {
+			...t,
+			closing: t.closing.filter((t) => t !== e)
+		} : t);
+	}, []);
+	return {
+		closing: i,
+		finish: a
+	};
+}
+function tt({ table: e, onRowClick: t, emptyStateMessage: r, emptyStateAction: i, cellClassName: a, rowClassName: o, stickyFirstColumn: s = !1, hasSelectionColumn: c = !1, hasExpandColumn: l = !1, expandedRow: u, expansionId: d = "", striped: f = !1, strings: p = G }) {
+	let m = e.getRowModel().rows, h = e.getVisibleFlatColumns().length, g = u ? m.filter((e) => e.getIsExpanded() && e.getCanExpand()).map((e) => e.id) : $e, { closing: _, finish: ee } = et(g);
+	return m.length === 0 ? /* @__PURE__ */ H(D, { children: /* @__PURE__ */ H(E, {
+		className: K.emptyRow,
+		children: /* @__PURE__ */ H(ve, {
+			colSpan: h,
+			className: K.emptyCell,
+			children: /* @__PURE__ */ H(pe, {
+				title: r ?? p.emptyMessage,
+				description: !1,
+				media: /* @__PURE__ */ H(P, {}),
+				mediaVariant: "icon-soft",
+				action: i
+			})
+		})
+	}) }) : /* @__PURE__ */ H(D, {
+		className: "data-table-body--component",
+		"data-striped": f || void 0,
+		children: m.map((e, r) => {
+			let i = e.getIsSelected(), f = g.includes(e.id), m = !!u && (f || _.includes(e.id)), te = `${d}-panel-${e.id}`;
+			return /* @__PURE__ */ U(Oe, { children: [/* @__PURE__ */ H(E, {
+				"data-state": i ? "selected" : void 0,
+				"data-clickable": t ? "" : void 0,
+				"data-expanded": m || void 0,
+				className: n(K.row, typeof o == "function" ? o(e, r) : o),
+				onClick: t ? () => t(e.original) : void 0,
+				children: e.getVisibleCells().map((t, n) => /* @__PURE__ */ H(ve, {
+					align: t.column.columnDef.meta?.align,
+					className: Je(t.column.id, e, a, s, n, c, l),
+					children: W(t.column.columnDef.cell, t.getContext())
+				}, t.id))
+			}), m && /* @__PURE__ */ H(Ge, {
+				row: e,
+				open: f,
+				onExited: ee,
+				colSpan: h,
+				panelId: te,
+				cacheKey: `${d}:${e.id}`,
+				config: u,
+				strings: p
+			})] }, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/data-table-header.tsx
+function nt({ table: e, stickyHeader: r = !1, headerClassName: i, cellClassName: a, stickyFirstColumn: o = !1, hasSelectionColumn: s = !1, hasExpandColumn: c = !1, columnGroups: l, headerTransparent: u = !1 }) {
+	let d = e.getHeaderGroups(), f = Ye(s, c), p = (() => {
+		if (!l?.length || d.length === 0) return null;
+		let e = d[0]?.headers ?? [], n = [], r = null, i = 0, a = () => {
+			i !== 0 && n.push(/* @__PURE__ */ H(O, {
+				colSpan: i,
+				align: "center",
+				className: K.groupHead,
+				children: !!r && /* @__PURE__ */ H(t, {
+					tag: "span",
+					size: "inherit",
+					weight: "medium",
+					type: "secondary",
+					children: r
+				})
+			}, `group-${r ?? "none"}-${n.length}`));
+		};
+		return e.forEach((t, n) => {
+			let o = l.find((e) => e.columns.includes(t.id))?.header ?? "";
+			o === r ? i += 1 : (a(), r = o, i = 1), n === e.length - 1 && a();
+		}), /* @__PURE__ */ H(E, {
+			className: K.groupRow,
+			children: n
+		});
+	})();
+	return /* @__PURE__ */ U(_e, {
+		className: n("data-table-header--component", K.header, u && K.headerTransparent, i),
+		"data-sticky": r || void 0,
+		children: [p, d.map((e) => /* @__PURE__ */ H(E, { children: e.headers.map((e, t) => {
+			if (e.isPlaceholder) return /* @__PURE__ */ H(O, { "aria-hidden": !0 }, e.id);
+			let i = e.column.getIsSorted();
+			return /* @__PURE__ */ H(O, {
+				align: e.column.columnDef.meta?.align,
+				sortable: e.column.getCanSort(),
+				sortDirection: i === "asc" ? "ascending" : i === "desc" ? "descending" : null,
+				onSort: () => e.column.toggleSorting(),
+				className: n(Je(e.id, null, a, o, t, s, c), r && o && t < f && K.stickyCorner),
+				children: W(e.column.columnDef.header, e.getContext())
+			}, e.id);
+		}) }, e.id))]
+	});
+}
+//#endregion
+//#region src/components/features/table/column-visibility-toggle.tsx
+function rt({ table: e, className: t, align: r = "end", labelVisibility: i = "hidden", strings: a = G, buttonProps: o }) {
+	let c = e.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__ */ H(s, {
+		actions: l,
+		icon: Ee,
+		label: a.columnVisibility.triggerLabel,
+		labelVisibility: i,
+		align: r,
+		preserveOrder: !0,
+		buttonProps: {
+			tone: "neutral",
+			appearance: "ghost",
+			iconOnly: i === "hidden",
+			...o,
+			className: n("column-visibility-toggle--component", o?.className, t)
+		}
+	});
+}
+//#endregion
+//#region src/components/features/table/fullscreen-toggle.tsx
+function it({ fullscreen: e, onFullscreenChange: t, enterLabel: r, exitLabel: i, strings: o, className: s, render: c }) {
+	let l = f(G, o), u = e ? i ?? l.fullscreenExit : r ?? l.fullscreenEnter;
+	return /* @__PURE__ */ H(a, {
+		render: c,
+		type: "button",
+		tone: "neutral",
+		appearance: "ghost",
+		iconOnly: !0,
+		"aria-label": u,
+		"aria-pressed": e,
+		onClick: () => t(!e),
+		className: n("fullscreen-toggle--component", s),
+		children: H(e ? we : N, {})
+	});
+}
+//#endregion
+//#region src/components/features/table/use-table-scroll.ts
+var at = 300;
+function Y(e) {
+	return e?.querySelector(".table--container") ?? null;
+}
+function ot(e, t = {}) {
+	let { stepPx: n = at, deps: r = [] } = t, [i, a] = B(!1), [o, s] = B(!1), c = z(0), l = z(null), u = F(() => {
+		let t = Y(e.current);
+		if (!t) {
+			a(!1), s(!1);
+			return;
+		}
+		let { start: n, end: r } = S(t), i = getComputedStyle(t).direction === "rtl";
+		a(i ? r : n), s(i ? n : r);
+	}, [e]);
+	L(() => {
+		let t = window.setTimeout(() => {
+			let t = Y(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) => {
+		Y(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 st({ table: e, tableAreaRef: t, fullscreen: r, onFullscreenChange: i, showFullscreenToggle: a = !1, enableColumnVisibility: o = !1, labelVisibility: s = "hidden", strings: c = G }) {
+	let l = ot(t, { deps: [r] }), u = o ? e.getAllColumns().filter((e) => e.getCanHide()) : [], d = l.canScrollLeft || l.canScrollRight, f = u.length > 0;
+	return !d && !f && !a ? null : /* @__PURE__ */ U(j, {
+		"aria-label": c.toolbarLabel ?? "Table controls",
+		className: n("data-table-toolbar--component", K.toolbar),
+		children: [
+			d && /* @__PURE__ */ U(V, { children: [
+				/* @__PURE__ */ H(k, {
+					type: "button",
+					tone: "neutral",
+					appearance: "ghost",
+					iconOnly: !0,
+					"aria-label": c.toolbar.scrollLeft,
+					disabled: !l.canScrollLeft,
+					onClick: l.scrollLeft,
+					children: /* @__PURE__ */ H(Se, {})
+				}),
+				/* @__PURE__ */ H(k, {
+					type: "button",
+					tone: "neutral",
+					appearance: "ghost",
+					iconOnly: !0,
+					"aria-label": c.toolbar.scrollRight,
+					disabled: !l.canScrollRight,
+					onClick: l.scrollRight,
+					children: /* @__PURE__ */ H(M, {})
+				}),
+				(f || a) && /* @__PURE__ */ H(A, {})
+			] }),
+			f && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(rt, {
+				table: e,
+				strings: c,
+				labelVisibility: s,
+				buttonProps: { render: /* @__PURE__ */ H(k, {}) }
+			}), a && /* @__PURE__ */ H(A, {})] }),
+			a && /* @__PURE__ */ H(it, {
+				fullscreen: r,
+				onFullscreenChange: i,
+				enterLabel: c.toolbar.enterFullscreen,
+				exitLabel: c.toolbar.exitFullscreen,
+				render: /* @__PURE__ */ H(k, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/table/use-fullscreen-modality.ts
+var ct = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function lt(e, t, n) {
+	let r = T(n);
+	L(() => {
+		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(ct)).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 ut = Ae("default");
+function dt() {
+	return I(ut);
+}
+//#endregion
+//#region src/components/features/table/data-table.tsx
+function ft(e) {
+	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+}
+function X({ size: e, surface: i = "card", headerTransparent: a = !1, columns: o, data: s, columnGroups: c, enableSorting: l = !1, enableFiltering: u = !1, enableRowSelection: d = !1, enableMultiRowSelection: f = !0, enableSubRowSelection: p = !1, enableColumnVisibility: m = !1, manualSorting: h = !1, fullscreen: g, defaultFullscreen: _ = !1, onFullscreenChange: ee, showFullscreenToggle: te = !1, stickyHeader: ne = !1, stickyToolbar: re = !1, stickyFirstColumn: ie = !1, maxBodyHeight: ae, fillAvailableHeight: v = !1, striped: oe = !1, emptyStateMessage: se, emptyStateAction: ce, className: le, rowClassName: ue, cellClassName: y, headerClassName: de, wrapperClassName: pe, tableContainerClassName: me, strings: b, filterColumn: S, filterPlaceholder: C, topbarContent: T, topbarEnd: ge, topbarClassName: _e, toolbarLabelVisibility: ve = "hidden", footerContent: E, selectionToolbar: D, bulkActions: O, selectionToolbarClassName: k, rowActions: A, rowActionsMenuLabel: j, rowActionsDisplayMode: be, rowActionsBreakpoint: xe, pageCount: Se, page: M, onPageChange: Ce, totalRowCount: N, pageSize: we, onRowClick: Te, expandedRow: P, onRowSelectionChange: Ee, onSortingChange: De, onColumnVisibilityChange: Oe, onColumnFiltersChange: ke, getRowId: Ae, rowSelection: I, sorting: L, defaultSorting: Me, columnVisibility: W, defaultColumnVisibility: Le, initialState: G, storageKey: Be, style: Ve }) {
+	let { density: He } = r(), Ue = e ?? (He === "compact" ? "sm" : "default"), q = R(() => Re(b), [b]), We = R(() => Array.isArray(o) && o.length === 2 && Array.isArray(o[1]) ? o[0] : o, [o]), J = Be ? `dt.${Be}.columns` : null, Ge = R(() => {
+		let e = Le ?? G?.columnVisibility ?? {};
+		if (!J || typeof window > "u") return e;
+		try {
+			let t = window.localStorage.getItem(J);
+			return {
+				...t ? JSON.parse(t) : {},
+				...e
+			};
+		} catch {
+			return e;
+		}
+	}, [
+		Le,
+		G?.columnVisibility,
+		J
+	]), [Ke, qe] = B(Me ?? G?.sorting ?? []), [Je, Ye] = B(Ge), [Xe, $e] = B(G?.rowSelection ?? {}), [et, rt] = B(G?.columnFilters ?? []), [it, at] = B(_), [Y, ot] = B(P?.defaultExpanded ?? {}), ct = L ?? Ke, dt = W ?? Je, X = I ?? Xe, Z = g ?? it, Q = P !== void 0, pt = P?.expanded ?? Y, mt = je(), ht = z(null), gt = z(null), _t = F((e) => {
+		let t = typeof e == "function" ? e(ct) : e;
+		L === void 0 && qe(t), De?.(t);
+	}, [
+		L,
+		De,
+		ct
+	]), vt = F((e) => {
+		let t = typeof e == "function" ? e(dt) : e;
+		if (W === void 0 && Ye(t), J && typeof window < "u") try {
+			window.localStorage.setItem(J, JSON.stringify(t));
+		} catch {}
+		Oe?.(t);
+	}, [
+		dt,
+		W,
+		Oe,
+		J
+	]), yt = F((e) => {
+		let t = typeof e == "function" ? e(X) : e;
+		I === void 0 && $e(t), Ee?.(t);
+	}, [
+		I,
+		Ee,
+		X
+	]), bt = F((e) => {
+		let t = typeof e == "function" ? e(et) : e;
+		rt(t), ke?.(t);
+	}, [et, ke]), xt = (e) => {
+		let t = typeof e == "function" ? e(pt) : e, n = t === !0 ? {} : t;
+		if (P?.multiple === !1) {
+			let e = Object.keys(n).filter((e) => n[e] && !pt[e]).at(-1);
+			e !== void 0 && (n = { [e]: !0 });
+		}
+		P?.expanded === void 0 && ot(n), P?.onExpandedChange?.(n);
+	}, St = F((e) => {
+		g === void 0 && at(e), ee?.(e);
+	}, [g, ee]);
+	lt(Z, gt, F(() => St(!1), [St]));
+	let Ct = F((e) => typeof j == "function" ? j(e) : j ?? q.actions.menuLabel, [j, q.actions.menuLabel]), wt = R(() => {
+		let e = Q ? Qe(We, q, (e) => `${mt}-panel-${e}`) : We, t = d ? Ze(e, q) : e;
+		return A ? [...t, {
+			id: "actions",
+			header: q.actions.triggerLabel,
+			cell: ({ row: e }) => /* @__PURE__ */ H(ze, {
+				row: e.original,
+				actions: A,
+				menuLabel: Ct(e.original),
+				displayMode: be,
+				responsiveBreakpoint: xe,
+				strings: q
+			}),
+			enableSorting: !1,
+			enableHiding: !1,
+			meta: { align: "end" },
+			size: 40
+		}] : t;
+	}, [
+		d,
+		Q,
+		mt,
+		Ct,
+		We,
+		A,
+		xe,
+		be,
+		q
+	]), $ = Ie({
+		data: s,
+		columns: wt,
+		state: {
+			sorting: ct,
+			columnVisibility: dt,
+			rowSelection: X,
+			columnFilters: et,
+			expanded: pt
+		},
+		enableSorting: l,
+		manualSorting: h,
+		enableRowSelection: d,
+		enableMultiRowSelection: f,
+		enableSubRowSelection: p,
+		onSortingChange: l ? _t : void 0,
+		onRowSelectionChange: d ? yt : void 0,
+		onColumnVisibilityChange: vt,
+		onColumnFiltersChange: u ? bt : void 0,
+		enableExpanding: Q,
+		onExpandedChange: Q ? xt : void 0,
+		getRowCanExpand: Q ? (e) => P?.canExpand?.(e.original) ?? !0 : void 0,
+		getCoreRowModel: Ne(),
+		getSortedRowModel: Fe(),
+		...u ? { getFilteredRowModel: Pe() } : {},
+		getRowId: Ae
+	}), Tt = $.getSelectedRowModel().rows.map((e) => e.original), Et = F(() => $.resetRowSelection(), [$]), Dt = {
+		table: $,
+		selectedRows: Tt,
+		selectedRowCount: Tt.length,
+		totalRowCount: N ?? s.length,
+		rowSelection: X,
+		clearSelection: Et
+	}, Ot = typeof O == "function" ? O(Dt) : O, kt = !d || Tt.length === 0 || D === null || D === !1 ? null : typeof D == "function" ? D(Dt) : D === void 0 ? /* @__PURE__ */ H(fe, {
+		selectedCount: Tt.length,
+		totalCount: Dt.totalRowCount,
+		onClear: Et,
+		className: k,
+		strings: {
+			summary: (e, t) => q.selection.summary(e, t ?? Dt.totalRowCount),
+			clear: q.selection.clear
+		},
+		children: Ot
+	}) : D, At = ft(ae), jt = Z || v || At !== void 0, Mt = !!(T || ge || m || te || u && S), Nt = Se !== void 0 && Se > 1 && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(x, {}), /* @__PURE__ */ U("div", {
+		className: K.footer,
+		children: [N !== void 0 && we !== void 0 && M !== void 0 && /* @__PURE__ */ H(t, {
+			type: "secondary",
+			children: q.pagination.summary(Math.min((M - 1) * we + 1, N), Math.min(M * we, N), N)
+		}), /* @__PURE__ */ H(he, {
+			page: M ?? 1,
+			total: Se,
+			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__ */ H(ut.Provider, {
+		value: Ue,
+		children: /* @__PURE__ */ U("div", {
+			ref: gt,
+			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": Ue,
+			"data-surface": i,
+			"data-fullscreen": Z || void 0,
+			"data-selectable": d || void 0,
+			"data-expandable": Q || void 0,
+			style: {
+				...Ve,
+				...At ? { "--_data-table-body-max-height": At } : {}
+			},
+			className: n("data-table--component", K.root, v && K.rootFill, pe),
+			children: [
+				Mt && /* @__PURE__ */ U("div", {
+					className: n(K.topbar, re && K.topbarSticky),
+					children: [/* @__PURE__ */ U("div", {
+						className: n(K.topbarGrid, _e),
+						children: [/* @__PURE__ */ U("div", {
+							className: K.topbarStart,
+							children: [u && !!S && /* @__PURE__ */ H(w, {
+								value: $.getColumn(S)?.getFilterValue() ?? "",
+								onChange: (e) => $.getColumn(S)?.setFilterValue(e.target.value),
+								placeholder: C ?? q.filter.searchPlaceholder,
+								clearable: !0,
+								onClear: () => $.getColumn(S)?.setFilterValue(""),
+								className: K.filterInput
+							}), T]
+						}), /* @__PURE__ */ U("div", {
+							className: K.topbarEnd,
+							children: [ge, /* @__PURE__ */ H(st, {
+								table: $,
+								tableAreaRef: ht,
+								fullscreen: Z,
+								onFullscreenChange: St,
+								showFullscreenToggle: te,
+								enableColumnVisibility: m,
+								labelVisibility: ve,
+								strings: q
+							})]
+						})]
+					}), /* @__PURE__ */ H(x, {})]
+				}),
+				kt,
+				/* @__PURE__ */ H("div", {
+					ref: ht,
+					className: n(K.tableArea, jt && K.tableAreaScrolls),
+					children: /* @__PURE__ */ U(ye, {
+						strings: { scrollRegion: q.accessibility.scrollRegion },
+						stickyHeader: ne,
+						className: n(K.table, le),
+						containerClassName: n(jt && K.tableContainerScrolls, At !== void 0 && K.tableContainerBounded, me),
+						children: [/* @__PURE__ */ H(nt, {
+							table: $,
+							stickyHeader: ne,
+							headerClassName: de,
+							cellClassName: y,
+							stickyFirstColumn: ie,
+							hasSelectionColumn: d,
+							hasExpandColumn: Q,
+							columnGroups: c,
+							headerTransparent: a
+						}), /* @__PURE__ */ H(tt, {
+							table: $,
+							onRowClick: Te,
+							emptyStateMessage: se,
+							emptyStateAction: ce,
+							cellClassName: y,
+							rowClassName: ue,
+							stickyFirstColumn: ie,
+							hasSelectionColumn: d,
+							hasExpandColumn: Q,
+							expandedRow: P,
+							expansionId: mt,
+							striped: oe,
+							strings: q
+						})]
+					})
+				}),
+				Nt,
+				!!E && /* @__PURE__ */ H("div", {
+					className: K.footer,
+					children: E
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/cell-value.tsx
+function Z(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : e instanceof Date && Number.isNaN(e.getTime());
+}
+function Q({ value: e, kind: t = "value", display: r, href: a, currency: o, minimumFractionDigits: s, maximumFractionDigits: c, locale: l, dateLocale: u, pattern: d, from: f, moneyUnit: _, fallback: de, missing: fe, wrap: pe = !1, className: me, children: b }) {
+	let x = n("cell-value--component", !pe && K.nowrap, me), S = I(i), C = R(() => u ? {
+		...S,
+		dates: {
+			...S.dates,
+			locale: u
+		}
+	} : null, [S, u]);
+	if (b !== void 0) return /* @__PURE__ */ H("span", {
+		className: x,
+		children: b
+	});
+	if (r !== void 0) return /* @__PURE__ */ H("span", {
+		className: x,
+		children: r
+	});
+	if (fe || Z(e)) return /* @__PURE__ */ H("span", {
+		className: x,
+		children: /* @__PURE__ */ H(y, { label: de })
+	});
+	let w = typeof e == "string" || typeof e == "number" ? e : String(e), T = typeof e == "number" ? e : Number(e), he = (() => {
+		switch (t) {
+			case "secondary": return /* @__PURE__ */ H(g, { children: w });
+			case "muted": return /* @__PURE__ */ H(ae, { children: w });
+			case "name": return /* @__PURE__ */ H(ee, { value: String(w) });
+			case "mono": return /* @__PURE__ */ H(p, { children: w });
+			case "link":
+			case "url": return /* @__PURE__ */ H(te, {
+				href: a ?? String(w),
+				children: w
+			});
+			case "email": return /* @__PURE__ */ H(m, { value: String(w) });
+			case "phone": return /* @__PURE__ */ H(ce, { value: String(w) });
+			case "money": return /* @__PURE__ */ H(h, {
+				amount: e,
+				currency: o,
+				unit: _,
+				locale: l
+			});
+			case "number": return /* @__PURE__ */ H(ue, {
+				value: T,
+				locale: l,
+				options: {
+					minimumFractionDigits: s,
+					maximumFractionDigits: c
+				}
+			});
+			case "percent": return /* @__PURE__ */ H(re, {
+				value: T,
+				locale: l,
+				options: {
+					minimumFractionDigits: s,
+					maximumFractionDigits: c
+				}
+			});
+			case "fileSize": return /* @__PURE__ */ H(ne, {
+				value: T,
+				from: f
+			});
+			case "date": return /* @__PURE__ */ H(v, {
+				value: e,
+				pattern: d
+			});
+			case "time": return /* @__PURE__ */ H(oe, {
+				value: e,
+				pattern: d
+			});
+			case "dateTime": return /* @__PURE__ */ H(le, {
+				value: e,
+				pattern: d
+			});
+			case "relativeTime": return /* @__PURE__ */ H(se, { value: e });
+			default: return /* @__PURE__ */ H(ie, { children: w });
+		}
+	})();
+	return /* @__PURE__ */ H("span", {
+		className: x,
+		children: C ? /* @__PURE__ */ H(i.Provider, {
+			value: C,
+			children: he
+		}) : he
+	});
+}
+function pt({ values: t, className: r }) {
+	let i = t.filter((e) => e !== !1);
+	return i.length === 0 ? /* @__PURE__ */ H(y, {}) : /* @__PURE__ */ H("span", {
+		className: n("cell-stack--component", K.cellStack, e({
+			size: "inherit",
+			lineHeight: "tight"
+		}), r),
+		children: i.map((e, t) => {
+			let n = `cell-${t}`;
+			if (Array.isArray(e)) {
+				let [t, r, i] = e;
+				return /* @__PURE__ */ H(Q, {
+					value: t,
+					kind: r,
+					...i
+				}, n);
+			}
+			return typeof e == "object" && e && !(e instanceof Date) ? "type" in e ? /* @__PURE__ */ H("span", { children: e }, n) : /* @__PURE__ */ H(Q, { ...e }, n) : /* @__PURE__ */ H(Q, { value: e }, n);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/table/cell-renderers.tsx
+function mt({ value: e, map: t, emptyLabel: r, className: i }) {
+	let a = e ? t[e] : void 0;
+	return a ? /* @__PURE__ */ U(de, {
+		tone: a.tone ?? "neutral",
+		className: n("status-cell--component", i),
+		children: [a.icon, a.label]
+	}) : /* @__PURE__ */ H(y, { label: r });
+}
+function ht({ items: e = [], emptyLabel: t, className: r }) {
+	let i = e.filter((e) => !e.hidden);
+	return i.length === 0 ? /* @__PURE__ */ H(y, { label: t }) : /* @__PURE__ */ H("span", {
+		className: n("status-cluster-cell--component", K.cluster, r),
+		children: i.map((e, t) => /* @__PURE__ */ U(de, {
+			tone: e.tone ?? "neutral",
+			children: [e.icon, e.label]
+		}, e.id ?? t))
+	});
+}
+function gt({ value: e, pattern: t, showIcon: r = !1, icon: i, emptyLabel: a, className: o }) {
+	return e == null || e === "" ? /* @__PURE__ */ H(y, { label: a }) : /* @__PURE__ */ U("span", {
+		className: n("date-cell--component", K.iconCell, o),
+		children: [r && /* @__PURE__ */ H("span", {
+			className: K.cellIcon,
+			children: i ?? /* @__PURE__ */ H(xe, {})
+		}), /* @__PURE__ */ H(v, {
+			value: e,
+			pattern: t,
+			type: "secondary",
+			emptyLabel: a
+		})]
+	});
+}
+function _t({ value: r, pattern: i, showIcon: a = !0, icon: o, emptyLabel: s, secondary: c, className: l }) {
+	if (r == null || r === "") return /* @__PURE__ */ H(y, { label: s });
+	let u = r instanceof Date ? r : new Date(r), d = typeof c == "function" ? Number.isNaN(u.getTime()) ? null : c(u) : c;
+	return /* @__PURE__ */ U("span", {
+		className: n("date-meta-cell--component", K.iconCell, K.iconCellTop, l),
+		children: [a && /* @__PURE__ */ H("span", {
+			className: K.cellIcon,
+			children: o ?? /* @__PURE__ */ H(xe, {})
+		}), /* @__PURE__ */ U("span", {
+			className: n(K.cellStack, e({
+				size: "inherit",
+				lineHeight: "tight"
+			})),
+			children: [/* @__PURE__ */ H(v, {
+				value: r,
+				pattern: i,
+				type: "secondary",
+				emptyLabel: s
+			}), !!d && /* @__PURE__ */ H(t, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: d
+			})]
+		})]
+	});
+}
+function vt({ value: e, currency: t, locale: r, emptyLabel: i, weight: a = "semibold", className: o }) {
+	return /* @__PURE__ */ H(h, {
+		amount: e,
+		currency: t,
+		locale: r,
+		formatMode: t ? "with-symbol" : "decimal",
+		emptyLabel: i,
+		weight: a,
+		className: n("currency-cell--component", o)
+	});
+}
+function yt({ name: r, imageUrl: i, icon: a, subtitle: o, emptyLabel: s, className: c }) {
+	return !r || r.trim().length === 0 ? /* @__PURE__ */ H(y, { label: s }) : /* @__PURE__ */ U("span", {
+		className: n("avatar-cell--component", K.avatarCell, c),
+		children: [/* @__PURE__ */ U(d, {
+			size: "sm",
+			children: [!!i && /* @__PURE__ */ H(u, {
+				src: i,
+				alt: ""
+			}), /* @__PURE__ */ H(l, { children: _(r, { strategy: "first-words" }) || (a ?? /* @__PURE__ */ H(Ce, {})) })]
+		}), /* @__PURE__ */ U("span", {
+			className: n(K.cellStack, e({
+				size: "inherit",
+				lineHeight: "tight"
+			})),
+			children: [/* @__PURE__ */ H(t, {
+				tag: "span",
+				weight: "medium",
+				truncate: !0,
+				children: r
+			}), !!o && /* @__PURE__ */ H(t, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				truncate: !0,
+				children: o
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/table/resource-cell.tsx
+function bt(e) {
+	return typeof e == "object" && !!e && "label" in e;
+}
+function xt({ title: e, subtitle: r, metadata: i, badges: a, imageUrl: o, fallback: s, href: c, renderLink: f, emptyLabel: p, className: m }) {
+	if (e == null || e === "") return /* @__PURE__ */ H(y, { label: p });
+	let h = /* @__PURE__ */ H(t, {
+		tag: "span",
+		weight: "medium",
+		truncate: !0,
+		children: e
+	}), g = c ? ge(f)({
+		href: c,
+		children: h,
+		className: K.resourceLink
+	}) : h, _ = Array.isArray(i) ? i : null;
+	return /* @__PURE__ */ U("span", {
+		className: n("resource-cell--component", K.resourceCell, m),
+		children: [(!!o || !!s) && /* @__PURE__ */ U(d, {
+			size: "sm",
+			className: K.resourceMedia,
+			children: [!!o && /* @__PURE__ */ H(u, {
+				src: o,
+				alt: ""
+			}), /* @__PURE__ */ H(l, { children: s })]
+		}), /* @__PURE__ */ U("span", {
+			className: K.resourceBody,
+			children: [
+				/* @__PURE__ */ U("span", {
+					className: K.resourceTitleLine,
+					children: [g, a?.map((e, t) => bt(e) ? /* @__PURE__ */ U(de, {
+						tone: e.tone ?? "neutral",
+						children: [e.icon, e.label]
+					}, e.id ?? t) : /* @__PURE__ */ H("span", { children: e }, t))]
+				}),
+				!!r && /* @__PURE__ */ H(t, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					truncate: !0,
+					children: r
+				}),
+				_ ? _.length > 0 && /* @__PURE__ */ H("span", {
+					className: K.resourceFacts,
+					children: _.map((e, n) => /* @__PURE__ */ U("span", {
+						className: K.resourceFact,
+						children: [
+							n > 0 && /* @__PURE__ */ H(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								"aria-hidden": !0,
+								children: "·"
+							}),
+							!!e.label && /* @__PURE__ */ H(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.label
+							}),
+							/* @__PURE__ */ H(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.value
+							})
+						]
+					}, e.id ?? n))
+				}) : i
+			]
+		})]
+	});
+}
+//#endregion
+export { ze as C, Je as S, Re as T, rt as _, _t as a, Ze as b, pt as c, dt as d, lt as f, it as g, ot as h, gt as i, Q as l, Y as m, yt as n, mt as o, st as p, vt as r, ht as s, xt as t, X as u, nt as v, G as w, Xe as x, tt as y };