@plumile/ui 0.1.120 → 0.1.125

package/lib/esm/components/data-table/VirtualizedConnectionTable.js

@@ -1,14 +1,16 @@
 import { cx as e } from "../../theme/tools.js";
 import { useUiTranslation as t } from "../../i18n/useUiTranslation.js";
 import { alignRecipe as n, body as r, bodyContained as i, cell as a, container as o, containerWithContainedBody as s, emptyRow as c, header as l, headerCell as u, headerRow as ee, hideBelowRecipe as d, primaryCell as te, primaryHeaderCell as ne, row as re, rowEven as ie, rowOdd as ae } from "./DataTable.css.js";
-import { bodyViewport as oe, sentinel as se, singleLineCell as ce, spacer as f } from "./VirtualizedConnectionTable.css.js";
-import { useCallback as p, useEffect as le, useLayoutEffect as ue, useMemo as m, useRef as h, useState as de } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { buildDataTableInlineTemplate as oe } from "../../internal/data-table/layout.js";
+import { bodyViewport as se, sentinel as ce, singleLineCell as le, spacer as f } from "./VirtualizedConnectionTable.css.js";
+import { clamp as ue, computeVirtualWindowBounds as de, isVerticallyScrollable as p, shouldTriggerInfiniteLoad as fe } from "../../internal/data-table/virtualization.js";
+import { useCallback as m, useEffect as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as pe } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/data-table/VirtualizedConnectionTable.tsx
-var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gridTemplateColumns: t } : { gridTemplateColumns: `repeat(${e}, ${v})` }, b = (e) => e == null ? null : d({ minVisibleAt: e }), x = ({ overflowY: e, scrollHeight: t, clientHeight: n }) => e !== "auto" && e !== "scroll" && e !== "overlay" ? !1 : t > n + 1, S = (e) => {
+var x = (e) => e == null ? null : d({ minVisibleAt: e }), S = (e) => {
 	let t = e;
 	for (; t != null;) {
-		if (x({
+		if (p({
 			overflowY: window.getComputedStyle(t).overflowY,
 			scrollHeight: t.scrollHeight,
 			clientHeight: t.clientHeight
@@ -16,43 +18,37 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 		t = t.parentElement;
 	}
 	return null;
-}, C = (e, t, n) => Math.min(n, Math.max(t, e)), fe = ({ autoLoad: e, canLoadMore: t, totalHeight: n, visibleBottom: r, thresholdPx: i, isCoolingDown: a }) => !e || !t || a ? !1 : n - r <= i, pe = ({ rowCount: e, rowHeightPx: t, overscan: n, visibleTop: r, visibleBottom: i }) => {
-	let a = e * t, o = C(i, 0, a), s = C(r, 0, a), c = Math.floor(s / t) - n, l = Math.ceil(o / t) + n, u = C(c, 0, e);
-	return {
-		startIndex: u,
-		endIndex: C(l, u, e)
-	};
-}, me = ({ columns: d, rows: v, getRowId: x, emptyState: me, className: he, gridTemplateColumns: ge, kind: _e, classes: w, bodyScrollMode: T = "page", virtualization: E, infiniteScroll: D, hasNextPage: ve = !1, isLoadingMore: ye = !1, onLoadMore: O, ariaLabel: be, ariaLabelledBy: k }) => {
+}, C = ({ columns: d, rows: p, getRowId: C, emptyState: me, className: he, gridTemplateColumns: ge, kind: _e, classes: w, bodyScrollMode: T = "page", virtualization: E, infiniteScroll: D, hasNextPage: ve = !1, isLoadingMore: ye = !1, onLoadMore: O, ariaLabel: be, ariaLabelledBy: k }) => {
 	let { t: A } = t(), j = _e ?? "default", M = be ?? A("common.table.label");
 	k != null && (M = void 0);
-	let N = h(null), P = h(null), F = h(null), I = h(null), L = h(null), R = h(null), z = h(!1), B = E?.enabled === !0, V = m(() => {
+	let N = v(null), P = v(null), F = v(null), I = v(null), L = v(null), R = v(null), z = v(!1), B = E?.enabled === !0, V = _(() => {
 		if (!B) return null;
 		let e = E.rowHeightPx;
 		return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 56;
-	}, [B, E]), H = m(() => {
+	}, [B, E]), H = _(() => {
 		if (!B) return 0;
 		let e = 10, t = E.overscan;
 		return typeof t == "number" && Number.isFinite(t) && (e = t), Math.max(0, e);
-	}, [B, E]), U = D?.thresholdPx ?? 800, W = D?.autoLoad ?? !0, G = D?.enabled === !0, K = T === "contained", q = G && ve && !ye && O != null, J = p(() => {
+	}, [B, E]), U = D?.thresholdPx ?? 800, W = D?.autoLoad ?? !0, G = D?.enabled === !0, K = T === "contained", q = G && ve && !ye && O != null, J = m(() => {
 		O?.();
-	}, [O]), [xe, Se] = de(() => ({
+	}, [O]), [xe, Se] = pe(() => ({
 		startIndex: 0,
-		endIndex: Math.min(v.length, 50)
-	})), Y = m(() => y(d.length, ge), [d.length, ge]), Ce = p((t, r, i) => {
-		let o = x(t, r), s = [re({ kind: j }), w?.row];
+		endIndex: Math.min(p.length, 50)
+	})), Y = _(() => oe(d.length, ge), [d.length, ge]), Ce = m((t, r, i) => {
+		let o = C(t, r), s = [re({ kind: j }), w?.row];
 		r % 2 == 0 ? s.push(ie({ kind: j }), w?.rowEven) : s.push(ae({ kind: j }), w?.rowOdd);
 		let c = { ...Y };
-		return typeof i == "number" && (c.height = i), /* @__PURE__ */ g("div", {
+		return typeof i == "number" && (c.height = i), /* @__PURE__ */ y("div", {
 			role: "row",
 			className: e(...s),
 			style: c,
 			children: d.map((r) => {
 				let i = [
 					a({ kind: j }),
-					ce,
+					le,
 					w?.cell
-				], o = b(r.minVisibleAt);
-				return o != null && i.push(o), r.className != null && i.push(r.className), r.isPrimary && i.push(te, w?.primaryCell), r.align != null && i.push(n({ align: r.align })), /* @__PURE__ */ g("div", {
+				], o = x(r.minVisibleAt);
+				return o != null && i.push(o), r.className != null && i.push(r.className), r.isPrimary && i.push(te, w?.primaryCell), r.align != null && i.push(n({ align: r.align })), /* @__PURE__ */ y("div", {
 					role: "cell",
 					className: e(...i),
 					children: r.cell(t)
@@ -62,10 +58,10 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 	}, [
 		w,
 		d,
-		x,
+		C,
 		Y,
 		j
-	]), X = p(() => {
+	]), X = m(() => {
 		if (!B) return;
 		let e = V;
 		if (e == null) return;
@@ -77,8 +73,8 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 			let e = r?.getBoundingClientRect().top ?? 0, n = t.getBoundingClientRect().top - e;
 			a = Math.max(0, -n);
 		}
-		let o = a + i, s = v.length * e, c = C(o, 0, s), { startIndex: l, endIndex: u } = pe({
-			rowCount: v.length,
+		let o = a + i, s = p.length * e, c = ue(o, 0, s), { startIndex: l, endIndex: u } = de({
+			rowCount: p.length,
 			rowHeightPx: e,
 			overscan: H,
 			visibleTop: a,
@@ -104,15 +100,15 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 		B,
 		H,
 		V,
-		v.length,
+		p.length,
 		U,
 		J
-	]), Z = p(() => {
+	]), Z = m(() => {
 		R.current ??= window.requestAnimationFrame(() => {
 			R.current = null, X();
 		});
 	}, [X]);
-	ue(() => {
+	g(() => {
 		if (!B) return;
 		let e = N.current;
 		e != null && (K ? L.current = P.current : L.current = S(e), Z());
@@ -120,7 +116,7 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 		K,
 		B,
 		Z
-	]), le(() => {
+	]), h(() => {
 		if (!B) return;
 		let e = L.current ?? window, t = () => {
 			Z();
@@ -128,7 +124,7 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 		return e.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), () => {
 			e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
 		};
-	}, [B, Z]), le(() => {
+	}, [B, Z]), h(() => {
 		if (B || !G || !W || !q) return;
 		let e = I.current;
 		if (e == null) return;
@@ -151,21 +147,21 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 		B,
 		U,
 		J
-	]), ue(() => {
+	]), g(() => {
 		if (B) return;
 		let e = N.current;
 		e != null && (K ? L.current = P.current : L.current = S(e));
 	}, [K, B]);
-	let we = /* @__PURE__ */ g("div", {
+	let we = /* @__PURE__ */ y("div", {
 		className: e(l({ kind: j }), w?.header),
 		role: "rowgroup",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: e(ee, w?.headerRow),
 			role: "row",
 			style: Y,
 			children: d.map((t) => {
-				let r = [u({ kind: j }), w?.headerCell], i = b(t.minVisibleAt);
-				return i != null && r.push(i), t.className != null && r.push(t.className), t.isPrimary && r.push(ne, w?.primaryHeaderCell), t.align != null && r.push(n({ align: t.align })), /* @__PURE__ */ g("div", {
+				let r = [u({ kind: j }), w?.headerCell], i = x(t.minVisibleAt);
+				return i != null && r.push(i), t.className != null && r.push(t.className), t.isPrimary && r.push(ne, w?.primaryHeaderCell), t.align != null && r.push(n({ align: t.align })), /* @__PURE__ */ y("div", {
 					role: "columnheader",
 					className: e(...r),
 					children: t.header
@@ -173,52 +169,52 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 			})
 		})
 	}), Q;
-	if (v.length === 0) Q = /* @__PURE__ */ g("div", {
+	if (p.length === 0) Q = /* @__PURE__ */ y("div", {
 		className: e(c, w?.emptyRow),
 		role: "row",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ y("div", {
 			role: "cell",
-			children: me ?? /* @__PURE__ */ g("div", {
-				className: e("ysn84624 txvbqb97 txvbqbva1 txvbqbt6y", w?.emptyCell),
+			children: me ?? /* @__PURE__ */ y("div", {
+				className: e("ysn84624 txvbqb9w txvbqb19cb txvbqb16fa", w?.emptyCell),
 				children: A("common.table.empty")
 			})
 		})
 	});
 	else if (B && V != null) {
-		let { startIndex: e, endIndex: t } = xe, n = e * V, r = (v.length - t) * V, i = v.slice(e, t);
-		Q = /* @__PURE__ */ _("div", {
-			className: oe,
+		let { startIndex: e, endIndex: t } = xe, n = e * V, r = (p.length - t) * V, i = p.slice(e, t);
+		Q = /* @__PURE__ */ b("div", {
+			className: se,
 			ref: F,
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ y("div", {
 					className: f,
 					style: { height: n }
 				}),
 				i.map((t, n) => Ce(t, e + n, V)),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ y("div", {
 					className: f,
 					style: { height: r }
 				})
 			]
 		});
-	} else Q = /* @__PURE__ */ g("div", {
+	} else Q = /* @__PURE__ */ y("div", {
 		ref: F,
-		children: v.map((e, t) => Ce(e, t, null))
+		children: p.map((e, t) => Ce(e, t, null))
 	});
 	let Te = null;
-	!B && G && W && (Te = /* @__PURE__ */ g("div", {
+	!B && G && W && (Te = /* @__PURE__ */ y("div", {
 		ref: I,
-		className: se
+		className: ce
 	}));
 	let Ee = null, $ = null;
-	return K && (Ee = s, $ = i), /* @__PURE__ */ _("div", {
+	return K && (Ee = s, $ = i), /* @__PURE__ */ b("div", {
 		ref: N,
 		className: e(o({ kind: j }), Ee, w?.container, he),
 		role: "table",
 		"aria-label": M,
 		"aria-labelledby": k,
 		"data-scroll-mode": T,
-		children: [we, /* @__PURE__ */ _("div", {
+		children: [we, /* @__PURE__ */ b("div", {
 			ref: P,
 			className: e(r({ kind: j }), $, w?.body),
 			role: "rowgroup",
@@ -226,16 +222,8 @@ var v = "minmax(0, 1fr)", y = (e, t) => typeof t == "string" && t !== "" ? { gri
 			children: [Q, Te]
 		})]
 	});
-}, he = {
-	buildInlineTemplate: y,
-	getVisibilityClass: b,
-	isVerticallyScrollable: x,
-	findScrollParent: S,
-	clamp: C,
-	shouldTriggerInfiniteLoad: fe,
-	computeVirtualWindowBounds: pe
 };
 //#endregion
-export { me as VirtualizedConnectionTable, he as __test };
+export { C as VirtualizedConnectionTable };
 
 //# sourceMappingURL=VirtualizedConnectionTable.js.map

package/lib/esm/components/data-table/VirtualizedConnectionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedConnectionTable.js","names":[],"sources":["../../../../src/components/data-table/VirtualizedConnectionTable.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type JSX,\n} from 'react';\n\nimport type { DataTableBreakpoint } from './tableBreakpoints.js';\nimport type {\n  DataTableBodyScrollMode,\n  DataTableColumn,\n  DataTableKind,\n  GetRowId,\n} from './DataTable.js';\nimport * as dataTableStyles from './DataTable.css.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.js';\nimport type { SlotClasses } from '../../styles/slots.js';\n\nexport type VirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type InfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\ntype DataTableSlot =\n  | 'container'\n  | 'header'\n  | 'headerRow'\n  | 'headerCell'\n  | 'primaryHeaderCell'\n  | 'body'\n  | 'row'\n  | 'rowEven'\n  | 'rowOdd'\n  | 'cell'\n  | 'primaryCell'\n  | 'emptyRow'\n  | 'emptyCell';\n\nexport type VirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  classes?: SlotClasses<DataTableSlot>;\n  bodyScrollMode?: DataTableBodyScrollMode;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n};\n\nconst DEFAULT_TEMPLATE_CELL = 'minmax(0, 1fr)';\n\nconst buildInlineTemplate = (\n  columnCount: number,\n  gridTemplateColumns?: string,\n): CSSProperties => {\n  if (typeof gridTemplateColumns === 'string' && gridTemplateColumns !== '') {\n    return { gridTemplateColumns };\n  }\n  return {\n    gridTemplateColumns: `repeat(${columnCount}, ${DEFAULT_TEMPLATE_CELL})`,\n  };\n};\n\nconst getVisibilityClass = (minVisibleAt?: DataTableBreakpoint) => {\n  if (minVisibleAt == null) {\n    return null;\n  }\n  return dataTableStyles.hideBelowRecipe({ minVisibleAt });\n};\n\nconst isVerticallyScrollable = ({\n  overflowY,\n  scrollHeight,\n  clientHeight,\n}: {\n  overflowY: string;\n  scrollHeight: number;\n  clientHeight: number;\n}): boolean => {\n  if (\n    overflowY !== 'auto' &&\n    overflowY !== 'scroll' &&\n    overflowY !== 'overlay'\n  ) {\n    return false;\n  }\n  return scrollHeight > clientHeight + 1;\n};\n\nconst findScrollParent = (el: HTMLElement | null): HTMLElement | null => {\n  let current: HTMLElement | null = el;\n  while (current != null) {\n    const style = window.getComputedStyle(current);\n    if (\n      isVerticallyScrollable({\n        overflowY: style.overflowY,\n        scrollHeight: current.scrollHeight,\n        clientHeight: current.clientHeight,\n      })\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\ntype VirtualWindow = {\n  startIndex: number;\n  endIndex: number;\n};\n\ntype ComputeVirtualWindowInput = {\n  rowCount: number;\n  rowHeightPx: number;\n  overscan: number;\n  visibleTop: number;\n  visibleBottom: number;\n};\n\ntype ShouldTriggerInfiniteLoadInput = {\n  autoLoad: boolean;\n  canLoadMore: boolean;\n  totalHeight: number;\n  visibleBottom: number;\n  thresholdPx: number;\n  isCoolingDown: boolean;\n};\n\nconst clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\nconst shouldTriggerInfiniteLoad = ({\n  autoLoad,\n  canLoadMore,\n  totalHeight,\n  visibleBottom,\n  thresholdPx,\n  isCoolingDown,\n}: ShouldTriggerInfiniteLoadInput): boolean => {\n  if (!autoLoad || !canLoadMore || isCoolingDown) {\n    return false;\n  }\n  return totalHeight - visibleBottom <= thresholdPx;\n};\n\nconst computeVirtualWindowBounds = ({\n  rowCount,\n  rowHeightPx,\n  overscan,\n  visibleTop,\n  visibleBottom,\n}: ComputeVirtualWindowInput): VirtualWindow => {\n  const totalHeight = rowCount * rowHeightPx;\n  const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n  const clampedTop = clamp(visibleTop, 0, totalHeight);\n\n  const rawStart = Math.floor(clampedTop / rowHeightPx) - overscan;\n  const rawEnd = Math.ceil(clampedBottom / rowHeightPx) + overscan;\n\n  const startIndex = clamp(rawStart, 0, rowCount);\n  const endIndex = clamp(rawEnd, startIndex, rowCount);\n\n  return { startIndex, endIndex };\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  gridTemplateColumns,\n  kind,\n  classes,\n  bodyScrollMode = 'page',\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n  ariaLabel,\n  ariaLabelledBy,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const { t } = useUiTranslation();\n  const resolvedKind: DataTableKind = kind ?? 'default';\n  const resolvedAriaLabel = ariaLabel ?? t('common.table.label');\n  let tableAriaLabel: string | undefined = resolvedAriaLabel;\n  if (ariaLabelledBy != null) {\n    tableAriaLabel = undefined;\n  }\n  const containerRef = useRef<HTMLDivElement>(null);\n  const bodyScrollerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const loadMoreCooldownRef = useRef(false);\n\n  const isVirtualized = virtualization?.enabled === true;\n  const rowHeightPx = useMemo(() => {\n    if (!isVirtualized) {\n      return null;\n    }\n\n    const configuredRowHeight = virtualization.rowHeightPx;\n    if (\n      typeof configuredRowHeight === 'number' &&\n      Number.isFinite(configuredRowHeight) &&\n      configuredRowHeight > 0\n    ) {\n      return configuredRowHeight;\n    }\n\n    return 56;\n  }, [isVirtualized, virtualization]);\n\n  const overscan = useMemo(() => {\n    if (!isVirtualized) {\n      return 0;\n    }\n\n    let nextOverscan = 10;\n    const configuredOverscan = virtualization.overscan;\n    if (\n      typeof configuredOverscan === 'number' &&\n      Number.isFinite(configuredOverscan)\n    ) {\n      nextOverscan = configuredOverscan;\n    }\n    return Math.max(0, nextOverscan);\n  }, [isVirtualized, virtualization]);\n\n  const thresholdPx = infiniteScroll?.thresholdPx ?? 800;\n  const autoLoad = infiniteScroll?.autoLoad ?? true;\n  const infiniteEnabled = infiniteScroll?.enabled === true;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const canLoadMore =\n    infiniteEnabled && hasNextPage && !isLoadingMore && onLoadMore != null;\n\n  const triggerLoadMore = useCallback(() => {\n    if (onLoadMore == null) {\n      return;\n    }\n    onLoadMore();\n  }, [onLoadMore]);\n\n  const [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const inlineTemplateStyle = useMemo(() => {\n    return buildInlineTemplate(columns.length, gridTemplateColumns);\n  }, [columns.length, gridTemplateColumns]);\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowId = getRowId(row, index);\n      const rowClasses = [\n        dataTableStyles.row({ kind: resolvedKind }),\n        classes?.row,\n      ];\n      if (index % 2 === 0) {\n        rowClasses.push(\n          dataTableStyles.rowEven({ kind: resolvedKind }),\n          classes?.rowEven,\n        );\n      } else {\n        rowClasses.push(\n          dataTableStyles.rowOdd({ kind: resolvedKind }),\n          classes?.rowOdd,\n        );\n      }\n      const rowStyle: CSSProperties = { ...inlineTemplateStyle };\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <div\n          key={rowId}\n          role=\"row\"\n          className={cx(...rowClasses)}\n          style={rowStyle}\n        >\n          {columns.map((column) => {\n            const cellClasses = [\n              dataTableStyles.cell({ kind: resolvedKind }),\n              styles.singleLineCell,\n              classes?.cell,\n            ];\n            const visibilityClass = getVisibilityClass(column.minVisibleAt);\n            if (visibilityClass != null) {\n              cellClasses.push(visibilityClass);\n            }\n            if (column.className != null) {\n              cellClasses.push(column.className);\n            }\n            if (column.isPrimary) {\n              cellClasses.push(\n                dataTableStyles.primaryCell,\n                classes?.primaryCell,\n              );\n            }\n            if (column.align != null) {\n              cellClasses.push(\n                dataTableStyles.alignRecipe({ align: column.align }),\n              );\n            }\n            return (\n              <div key={column.id} role=\"cell\" className={cx(...cellClasses)}>\n                {column.cell(row)}\n              </div>\n            );\n          })}\n        </div>\n      );\n    },\n    [classes, columns, getRowId, inlineTemplateStyle, resolvedKind],\n  );\n\n  const computeVirtualWindow = useCallback(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const height = rowHeightPx;\n    if (height == null) {\n      return;\n    }\n    const bodyEl = bodyRef.current;\n    if (bodyEl == null) {\n      return;\n    }\n\n    const bodyScroller = bodyScrollerRef.current;\n    const scrollParent = scrollParentRef.current;\n    let viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    let visibleTop = 0;\n    if (hasContainedBodyScroll && bodyScroller != null) {\n      viewportHeight = bodyScroller.clientHeight;\n      visibleTop = bodyScroller.scrollTop;\n    } else {\n      const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n      const bodyRectTop = bodyEl.getBoundingClientRect().top;\n      const relativeTop = bodyRectTop - parentRectTop;\n      visibleTop = Math.max(0, -relativeTop);\n    }\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const { startIndex, endIndex } = computeVirtualWindowBounds({\n      rowCount: rows.length,\n      rowHeightPx: height,\n      overscan,\n      visibleTop,\n      visibleBottom,\n    });\n\n    setWindowState((prev) => {\n      if (prev.startIndex === startIndex && prev.endIndex === endIndex) {\n        return prev;\n      }\n      return { startIndex, endIndex };\n    });\n\n    if (\n      shouldTriggerInfiniteLoad({\n        autoLoad,\n        canLoadMore,\n        totalHeight,\n        visibleBottom: clampedBottom,\n        thresholdPx,\n        isCoolingDown: loadMoreCooldownRef.current,\n      })\n    ) {\n      loadMoreCooldownRef.current = true;\n      triggerLoadMore();\n      window.setTimeout(() => {\n        loadMoreCooldownRef.current = false;\n      }, 250);\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasContainedBodyScroll,\n    isVirtualized,\n    overscan,\n    rowHeightPx,\n    rows.length,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  const scheduleCompute = useCallback(() => {\n    if (rafRef.current != null) {\n      return;\n    }\n    rafRef.current = window.requestAnimationFrame(() => {\n      rafRef.current = null;\n      computeVirtualWindow();\n    });\n  }, [computeVirtualWindow]);\n\n  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n    scheduleCompute();\n  }, [hasContainedBodyScroll, isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (!isVirtualized) {\n      return undefined;\n    }\n    const scrollParent = scrollParentRef.current;\n    const target: HTMLElement | Window = scrollParent ?? window;\n\n    const handler = () => {\n      scheduleCompute();\n    };\n\n    target.addEventListener('scroll', handler, { passive: true });\n    window.addEventListener('resize', handler);\n\n    return () => {\n      target.removeEventListener('scroll', handler);\n      window.removeEventListener('resize', handler);\n    };\n  }, [isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (isVirtualized) {\n      return undefined;\n    }\n    if (!infiniteEnabled || !autoLoad || !canLoadMore) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\n      return undefined;\n    }\n\n    const scrollParent = scrollParentRef.current;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries;\n        if (entry == null) {\n          return;\n        }\n\n        if (entry.isIntersecting && !loadMoreCooldownRef.current) {\n          loadMoreCooldownRef.current = true;\n          triggerLoadMore();\n          window.setTimeout(() => {\n            loadMoreCooldownRef.current = false;\n          }, 250);\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: `0px 0px ${thresholdPx}px 0px`,\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    infiniteEnabled,\n    isVirtualized,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    if (isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n  }, [hasContainedBodyScroll, isVirtualized]);\n\n  const headerRow = (\n    <div\n      className={cx(\n        dataTableStyles.header({ kind: resolvedKind }),\n        classes?.header,\n      )}\n      role=\"rowgroup\"\n    >\n      <div\n        className={cx(dataTableStyles.headerRow, classes?.headerRow)}\n        role=\"row\"\n        style={inlineTemplateStyle}\n      >\n        {columns.map((column) => {\n          const headerClasses = [\n            dataTableStyles.headerCell({ kind: resolvedKind }),\n            classes?.headerCell,\n          ];\n          const visibilityClass = getVisibilityClass(column.minVisibleAt);\n          if (visibilityClass != null) {\n            headerClasses.push(visibilityClass);\n          }\n          if (column.className != null) {\n            headerClasses.push(column.className);\n          }\n          if (column.isPrimary) {\n            headerClasses.push(\n              dataTableStyles.primaryHeaderCell,\n              classes?.primaryHeaderCell,\n            );\n          }\n          if (column.align != null) {\n            headerClasses.push(\n              dataTableStyles.alignRecipe({ align: column.align }),\n            );\n          }\n          return (\n            <div\n              key={column.id}\n              role=\"columnheader\"\n              className={cx(...headerClasses)}\n            >\n              {column.header}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <div\n        className={cx(dataTableStyles.emptyRow, classes?.emptyRow)}\n        role=\"row\"\n      >\n        <div role=\"cell\">\n          {emptyState ?? (\n            <div className={cx(dataTableStyles.emptyCell, classes?.emptyCell)}>\n              {t('common.table.empty')}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  } else if (isVirtualized && rowHeightPx != null) {\n    const { startIndex, endIndex } = windowState;\n    const topSpacerHeight = startIndex * rowHeightPx;\n    const bottomSpacerHeight = (rows.length - endIndex) * rowHeightPx;\n    const slice = rows.slice(startIndex, endIndex);\n    bodyRows = (\n      <div className={styles.bodyViewport} ref={bodyRef}>\n        <div className={styles.spacer} style={{ height: topSpacerHeight }} />\n        {slice.map((row, sliceIndex) => {\n          const absoluteIndex = startIndex + sliceIndex;\n          return renderRow(row, absoluteIndex, rowHeightPx);\n        })}\n        <div className={styles.spacer} style={{ height: bottomSpacerHeight }} />\n      </div>\n    );\n  } else {\n    bodyRows = (\n      <div ref={bodyRef}>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </div>\n    );\n  }\n\n  let sentinelNode: JSX.Element | null = null;\n  if (!isVirtualized && infiniteEnabled && autoLoad) {\n    sentinelNode = <div ref={sentinelRef} className={styles.sentinel} />;\n  }\n\n  let containedContainerClassName: string | null = null;\n  let containedBodyClassName: string | null = null;\n  if (hasContainedBodyScroll) {\n    containedContainerClassName = dataTableStyles.containerWithContainedBody;\n    containedBodyClassName = dataTableStyles.bodyContained;\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx(\n        dataTableStyles.container({ kind: resolvedKind }),\n        containedContainerClassName,\n        classes?.container,\n        className,\n      )}\n      role=\"table\"\n      aria-label={tableAriaLabel}\n      aria-labelledby={ariaLabelledBy}\n      data-scroll-mode={bodyScrollMode}\n    >\n      {headerRow}\n      <div\n        ref={bodyScrollerRef}\n        className={cx(\n          dataTableStyles.body({ kind: resolvedKind }),\n          containedBodyClassName,\n          classes?.body,\n        )}\n        role=\"rowgroup\"\n        data-scroll-mode={bodyScrollMode}\n      >\n        {bodyRows}\n        {sentinelNode}\n      </div>\n    </div>\n  );\n};\n\nexport const __test = {\n  buildInlineTemplate,\n  getVisibilityClass,\n  isVerticallyScrollable,\n  findScrollParent,\n  clamp,\n  shouldTriggerInfiniteLoad,\n  computeVirtualWindowBounds,\n} as const;\n"],"mappings":"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"}
+{"version":3,"file":"VirtualizedConnectionTable.js","names":[],"sources":["../../../../src/components/data-table/VirtualizedConnectionTable.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type JSX,\n} from 'react';\n\nimport type { DataTableBreakpoint } from './tableBreakpoints.js';\nimport type {\n  DataTableBodyScrollMode,\n  DataTableColumn,\n  DataTableKind,\n  GetRowId,\n} from './DataTable.js';\nimport * as dataTableStyles from './DataTable.css.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport { buildDataTableInlineTemplate } from '../../internal/data-table/layout.js';\nimport {\n  clamp,\n  computeVirtualWindowBounds,\n  isVerticallyScrollable,\n  shouldTriggerInfiniteLoad,\n  type VirtualWindow,\n} from '../../internal/data-table/virtualization.js';\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.js';\nimport type { SlotClasses } from '../../styles/slots.js';\n\nexport type VirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type InfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\ntype DataTableSlot =\n  | 'container'\n  | 'header'\n  | 'headerRow'\n  | 'headerCell'\n  | 'primaryHeaderCell'\n  | 'body'\n  | 'row'\n  | 'rowEven'\n  | 'rowOdd'\n  | 'cell'\n  | 'primaryCell'\n  | 'emptyRow'\n  | 'emptyCell';\n\nexport type VirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  classes?: SlotClasses<DataTableSlot>;\n  bodyScrollMode?: DataTableBodyScrollMode;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n};\n\nconst getVisibilityClass = (minVisibleAt?: DataTableBreakpoint) => {\n  if (minVisibleAt == null) {\n    return null;\n  }\n  return dataTableStyles.hideBelowRecipe({ minVisibleAt });\n};\n\nconst findScrollParent = (el: HTMLElement | null): HTMLElement | null => {\n  let current: HTMLElement | null = el;\n  while (current != null) {\n    const style = window.getComputedStyle(current);\n    if (\n      isVerticallyScrollable({\n        overflowY: style.overflowY,\n        scrollHeight: current.scrollHeight,\n        clientHeight: current.clientHeight,\n      })\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  gridTemplateColumns,\n  kind,\n  classes,\n  bodyScrollMode = 'page',\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n  ariaLabel,\n  ariaLabelledBy,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const { t } = useUiTranslation();\n  const resolvedKind: DataTableKind = kind ?? 'default';\n  const resolvedAriaLabel = ariaLabel ?? t('common.table.label');\n  let tableAriaLabel: string | undefined = resolvedAriaLabel;\n  if (ariaLabelledBy != null) {\n    tableAriaLabel = undefined;\n  }\n  const containerRef = useRef<HTMLDivElement>(null);\n  const bodyScrollerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const loadMoreCooldownRef = useRef(false);\n\n  const isVirtualized = virtualization?.enabled === true;\n  const rowHeightPx = useMemo(() => {\n    if (!isVirtualized) {\n      return null;\n    }\n\n    const configuredRowHeight = virtualization.rowHeightPx;\n    if (\n      typeof configuredRowHeight === 'number' &&\n      Number.isFinite(configuredRowHeight) &&\n      configuredRowHeight > 0\n    ) {\n      return configuredRowHeight;\n    }\n\n    return 56;\n  }, [isVirtualized, virtualization]);\n\n  const overscan = useMemo(() => {\n    if (!isVirtualized) {\n      return 0;\n    }\n\n    let nextOverscan = 10;\n    const configuredOverscan = virtualization.overscan;\n    if (\n      typeof configuredOverscan === 'number' &&\n      Number.isFinite(configuredOverscan)\n    ) {\n      nextOverscan = configuredOverscan;\n    }\n    return Math.max(0, nextOverscan);\n  }, [isVirtualized, virtualization]);\n\n  const thresholdPx = infiniteScroll?.thresholdPx ?? 800;\n  const autoLoad = infiniteScroll?.autoLoad ?? true;\n  const infiniteEnabled = infiniteScroll?.enabled === true;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const canLoadMore =\n    infiniteEnabled && hasNextPage && !isLoadingMore && onLoadMore != null;\n\n  const triggerLoadMore = useCallback(() => {\n    if (onLoadMore == null) {\n      return;\n    }\n    onLoadMore();\n  }, [onLoadMore]);\n\n  const [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const inlineTemplateStyle = useMemo(() => {\n    return buildDataTableInlineTemplate(columns.length, gridTemplateColumns);\n  }, [columns.length, gridTemplateColumns]);\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowId = getRowId(row, index);\n      const rowClasses = [\n        dataTableStyles.row({ kind: resolvedKind }),\n        classes?.row,\n      ];\n      if (index % 2 === 0) {\n        rowClasses.push(\n          dataTableStyles.rowEven({ kind: resolvedKind }),\n          classes?.rowEven,\n        );\n      } else {\n        rowClasses.push(\n          dataTableStyles.rowOdd({ kind: resolvedKind }),\n          classes?.rowOdd,\n        );\n      }\n      const rowStyle: CSSProperties = { ...inlineTemplateStyle };\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <div\n          key={rowId}\n          role=\"row\"\n          className={cx(...rowClasses)}\n          style={rowStyle}\n        >\n          {columns.map((column) => {\n            const cellClasses = [\n              dataTableStyles.cell({ kind: resolvedKind }),\n              styles.singleLineCell,\n              classes?.cell,\n            ];\n            const visibilityClass = getVisibilityClass(column.minVisibleAt);\n            if (visibilityClass != null) {\n              cellClasses.push(visibilityClass);\n            }\n            if (column.className != null) {\n              cellClasses.push(column.className);\n            }\n            if (column.isPrimary) {\n              cellClasses.push(\n                dataTableStyles.primaryCell,\n                classes?.primaryCell,\n              );\n            }\n            if (column.align != null) {\n              cellClasses.push(\n                dataTableStyles.alignRecipe({ align: column.align }),\n              );\n            }\n            return (\n              <div key={column.id} role=\"cell\" className={cx(...cellClasses)}>\n                {column.cell(row)}\n              </div>\n            );\n          })}\n        </div>\n      );\n    },\n    [classes, columns, getRowId, inlineTemplateStyle, resolvedKind],\n  );\n\n  const computeVirtualWindow = useCallback(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const height = rowHeightPx;\n    if (height == null) {\n      return;\n    }\n    const bodyEl = bodyRef.current;\n    if (bodyEl == null) {\n      return;\n    }\n\n    const bodyScroller = bodyScrollerRef.current;\n    const scrollParent = scrollParentRef.current;\n    let viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    let visibleTop = 0;\n    if (hasContainedBodyScroll && bodyScroller != null) {\n      viewportHeight = bodyScroller.clientHeight;\n      visibleTop = bodyScroller.scrollTop;\n    } else {\n      const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n      const bodyRectTop = bodyEl.getBoundingClientRect().top;\n      const relativeTop = bodyRectTop - parentRectTop;\n      visibleTop = Math.max(0, -relativeTop);\n    }\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const { startIndex, endIndex } = computeVirtualWindowBounds({\n      rowCount: rows.length,\n      rowHeightPx: height,\n      overscan,\n      visibleTop,\n      visibleBottom,\n    });\n\n    setWindowState((prev) => {\n      if (prev.startIndex === startIndex && prev.endIndex === endIndex) {\n        return prev;\n      }\n      return { startIndex, endIndex };\n    });\n\n    if (\n      shouldTriggerInfiniteLoad({\n        autoLoad,\n        canLoadMore,\n        totalHeight,\n        visibleBottom: clampedBottom,\n        thresholdPx,\n        isCoolingDown: loadMoreCooldownRef.current,\n      })\n    ) {\n      loadMoreCooldownRef.current = true;\n      triggerLoadMore();\n      window.setTimeout(() => {\n        loadMoreCooldownRef.current = false;\n      }, 250);\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasContainedBodyScroll,\n    isVirtualized,\n    overscan,\n    rowHeightPx,\n    rows.length,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  const scheduleCompute = useCallback(() => {\n    if (rafRef.current != null) {\n      return;\n    }\n    rafRef.current = window.requestAnimationFrame(() => {\n      rafRef.current = null;\n      computeVirtualWindow();\n    });\n  }, [computeVirtualWindow]);\n\n  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n    scheduleCompute();\n  }, [hasContainedBodyScroll, isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (!isVirtualized) {\n      return undefined;\n    }\n    const scrollParent = scrollParentRef.current;\n    const target: HTMLElement | Window = scrollParent ?? window;\n\n    const handler = () => {\n      scheduleCompute();\n    };\n\n    target.addEventListener('scroll', handler, { passive: true });\n    window.addEventListener('resize', handler);\n\n    return () => {\n      target.removeEventListener('scroll', handler);\n      window.removeEventListener('resize', handler);\n    };\n  }, [isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (isVirtualized) {\n      return undefined;\n    }\n    if (!infiniteEnabled || !autoLoad || !canLoadMore) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\n      return undefined;\n    }\n\n    const scrollParent = scrollParentRef.current;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries;\n        if (entry == null) {\n          return;\n        }\n\n        if (entry.isIntersecting && !loadMoreCooldownRef.current) {\n          loadMoreCooldownRef.current = true;\n          triggerLoadMore();\n          window.setTimeout(() => {\n            loadMoreCooldownRef.current = false;\n          }, 250);\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: `0px 0px ${thresholdPx}px 0px`,\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    infiniteEnabled,\n    isVirtualized,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    if (isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n  }, [hasContainedBodyScroll, isVirtualized]);\n\n  const headerRow = (\n    <div\n      className={cx(\n        dataTableStyles.header({ kind: resolvedKind }),\n        classes?.header,\n      )}\n      role=\"rowgroup\"\n    >\n      <div\n        className={cx(dataTableStyles.headerRow, classes?.headerRow)}\n        role=\"row\"\n        style={inlineTemplateStyle}\n      >\n        {columns.map((column) => {\n          const headerClasses = [\n            dataTableStyles.headerCell({ kind: resolvedKind }),\n            classes?.headerCell,\n          ];\n          const visibilityClass = getVisibilityClass(column.minVisibleAt);\n          if (visibilityClass != null) {\n            headerClasses.push(visibilityClass);\n          }\n          if (column.className != null) {\n            headerClasses.push(column.className);\n          }\n          if (column.isPrimary) {\n            headerClasses.push(\n              dataTableStyles.primaryHeaderCell,\n              classes?.primaryHeaderCell,\n            );\n          }\n          if (column.align != null) {\n            headerClasses.push(\n              dataTableStyles.alignRecipe({ align: column.align }),\n            );\n          }\n          return (\n            <div\n              key={column.id}\n              role=\"columnheader\"\n              className={cx(...headerClasses)}\n            >\n              {column.header}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <div\n        className={cx(dataTableStyles.emptyRow, classes?.emptyRow)}\n        role=\"row\"\n      >\n        <div role=\"cell\">\n          {emptyState ?? (\n            <div className={cx(dataTableStyles.emptyCell, classes?.emptyCell)}>\n              {t('common.table.empty')}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  } else if (isVirtualized && rowHeightPx != null) {\n    const { startIndex, endIndex } = windowState;\n    const topSpacerHeight = startIndex * rowHeightPx;\n    const bottomSpacerHeight = (rows.length - endIndex) * rowHeightPx;\n    const slice = rows.slice(startIndex, endIndex);\n    bodyRows = (\n      <div className={styles.bodyViewport} ref={bodyRef}>\n        <div className={styles.spacer} style={{ height: topSpacerHeight }} />\n        {slice.map((row, sliceIndex) => {\n          const absoluteIndex = startIndex + sliceIndex;\n          return renderRow(row, absoluteIndex, rowHeightPx);\n        })}\n        <div className={styles.spacer} style={{ height: bottomSpacerHeight }} />\n      </div>\n    );\n  } else {\n    bodyRows = (\n      <div ref={bodyRef}>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </div>\n    );\n  }\n\n  let sentinelNode: JSX.Element | null = null;\n  if (!isVirtualized && infiniteEnabled && autoLoad) {\n    sentinelNode = <div ref={sentinelRef} className={styles.sentinel} />;\n  }\n\n  let containedContainerClassName: string | null = null;\n  let containedBodyClassName: string | null = null;\n  if (hasContainedBodyScroll) {\n    containedContainerClassName = dataTableStyles.containerWithContainedBody;\n    containedBodyClassName = dataTableStyles.bodyContained;\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx(\n        dataTableStyles.container({ kind: resolvedKind }),\n        containedContainerClassName,\n        classes?.container,\n        className,\n      )}\n      role=\"table\"\n      aria-label={tableAriaLabel}\n      aria-labelledby={ariaLabelledBy}\n      data-scroll-mode={bodyScrollMode}\n    >\n      {headerRow}\n      <div\n        ref={bodyScrollerRef}\n        className={cx(\n          dataTableStyles.body({ kind: resolvedKind }),\n          containedBodyClassName,\n          classes?.body,\n        )}\n        role=\"rowgroup\"\n        data-scroll-mode={bodyScrollMode}\n      >\n        {bodyRows}\n        {sentinelNode}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/lib/esm/components/feedback/OperationFeedback.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                 */
 //#region src/components/feedback/OperationFeedback.css.ts
-var e = "_19ozap70 txvbqb9ip txvbqbai7 txvbqbaog txvbqbu7g", t = "_19ozap71 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7";
+var e = "_19ozap70 txvbqbdr8 txvbqbf6i txvbqbffj txvbqb17w0", t = "_19ozap71 txvbqbdr8 txvbqbf91 txvbqbey txvbqbff6";
 //#endregion
 export { t as row, e as stack };
 

package/lib/esm/components/feedback/OperationFeedback.js

@@ -15,7 +15,7 @@ var o = ({ errorMessage: o = null, successMessage: s = null, retryLabel: c, onRe
 	})), /* @__PURE__ */ a("div", {
 		className: r,
 		children: [o != null && /* @__PURE__ */ a("div", {
-			className: "_19ozap71 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7",
+			className: "_19ozap71 txvbqbdr8 txvbqbf91 txvbqbey txvbqbff6",
 			role: "alert",
 			children: [/* @__PURE__ */ i(t, { children: o }), u]
 		}), s != null && /* @__PURE__ */ i(n, {

package/lib/esm/components/infinite/InfiniteScrollTrigger.js

@@ -28,7 +28,7 @@ var i = ({ enabled: i, hasNext: a, isLoading: o, onTrigger: s, thresholdPx: c =
 		className: e,
 		"aria-hidden": "true",
 		children: o && /* @__PURE__ */ r("span", {
-			className: "_14q3b2q1 txvbqb8y txvbqbva1",
+			className: "_14q3b2q1 txvbqb9j txvbqb19cb",
 			children: l
 		})
 	});

package/lib/esm/components/infinite/infiniteScrollTrigger.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                     */
 //#region src/components/infinite/infiniteScrollTrigger.css.ts
-var e = "_14q3b2q0 txvbqbp6g txvbqbly7 txvbqbu7g txvbqb9ip txvbqbdoy", t = "_14q3b2q1 txvbqb8y txvbqbva1";
+var e = "_14q3b2q0 txvbqb10jb txvbqbvve txvbqb17w0 txvbqbdr8 txvbqbjtp", t = "_14q3b2q1 txvbqb9j txvbqb19cb";
 //#endregion
 export { t as loadingText, e as trigger };
 

package/lib/esm/components/layout/ActionPanel.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                           */
 //#region src/components/layout/ActionPanel.css.ts
-var e = "_13wai4x0 txvbqb9ip txvbqbai7 txvbqbaog", t = "_13wai4x1 txvbqb9ip txvbqbai7 txvbqbany", n = "_13wai4x2 txvbqbfcp txvbqb8y txvbqbamp txvbqbv9z", r = "_13wai4x3 txvbqbfcp txvbqb8y txvbqbva1", i = "_13wai4x4 txvbqb9ip txvbqbai7 txvbqbaog", a = "_13wai4x5 txvbqb9ip txvbqbajy txvbqbao7", o = "_13wai4x6 txvbqb8y txvbqbva1";
+var e = "_13wai4x0 txvbqbdr8 txvbqbf6i txvbqbffj", t = "_13wai4x1 txvbqbdr8 txvbqbf6i txvbqbfet", n = "_13wai4x2 txvbqbm9g txvbqb9j txvbqbfd0 txvbqb19c9", r = "_13wai4x3 txvbqbm9g txvbqb9j txvbqb19cb", i = "_13wai4x4 txvbqbdr8 txvbqbf6i txvbqbffj", a = "_13wai4x5 txvbqbdr8 txvbqbf91 txvbqbff6", o = "_13wai4x6 txvbqb9j txvbqb19cb";
 //#endregion
 export { a as actions, i as content, r as description, o as feedback, t as header, e as root, n as title };
 

package/lib/esm/components/layout/ActionPanel.js

@@ -14,7 +14,7 @@ var c = ({ actions: c, children: l, className: u, description: d, feedback: f, t
 					className: a,
 					children: p
 				}), d != null && /* @__PURE__ */ o("div", {
-					className: "_13wai4x3 txvbqbfcp txvbqb8y txvbqbva1",
+					className: "_13wai4x3 txvbqbm9g txvbqb9j txvbqb19cb",
 					children: d
 				})]
 			}),
@@ -23,11 +23,11 @@ var c = ({ actions: c, children: l, className: u, description: d, feedback: f, t
 				children: l
 			}),
 			c != null && /* @__PURE__ */ o("div", {
-				className: "_13wai4x5 txvbqb9ip txvbqbajy txvbqbao7",
+				className: "_13wai4x5 txvbqbdr8 txvbqbf91 txvbqbff6",
 				children: c
 			}),
 			f != null && /* @__PURE__ */ o("div", {
-				className: e("_13wai4x6 txvbqb8y txvbqbva1"),
+				className: e("_13wai4x6 txvbqb9j txvbqb19cb"),
 				children: f
 			})
 		]

package/lib/esm/components/layout/ActionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionPanel.js","names":[],"sources":["../../../../src/components/layout/ActionPanel.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../theme/tools.js';\nimport { PanelShell } from './PanelShell.js';\nimport * as styles from './ActionPanel.css.js';\n\nexport type ActionPanelProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  feedback?: ReactNode;\n  className?: string;\n};\n\nexport const ActionPanel = ({\n  actions,\n  children,\n  className,\n  description,\n  feedback,\n  title,\n}: ActionPanelProps): JSX.Element => {\n  return (\n    <PanelShell className={className}>\n      <div className={styles.root}>\n        <div className={styles.header}>\n          <h3 className={styles.title}>{title}</h3>\n          {description != null && (\n            <div className={styles.description}>{description}</div>\n          )}\n        </div>\n        <div className={styles.content}>{children}</div>\n        {actions != null && <div className={styles.actions}>{actions}</div>}\n        {feedback != null && (\n          <div className={cx(styles.feedback)}>{feedback}</div>\n        )}\n      </div>\n    </PanelShell>\n  );\n};\n\nexport default ActionPanel;\n"],"mappings":";;;;;AAeA,IAAa,KAAe,EAC1B,SAAA,GACA,aACA,cACA,aAAA,GACA,UAAA,GACA,OAAA,QAGE,kBAAC,GAAD;CAAuB;WACrB,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,MAAD;KAAI,WAAW;eAAe;KAAW,CAAA,EACxC,KAAe,QACd,kBAAC,OAAD;KAAK,WAAW;eAAqB;KAAkB,CAAA,CAErD;;GACN,kBAAC,OAAD;IAAK,WAAW;IAAiB;IAAe,CAAA;GAC/C,KAAW,QAAQ,kBAAC,OAAD;IAAK,WAAW;cAAiB;IAAc,CAAA;GAClE,KAAY,QACX,kBAAC,OAAD;IAAK,WAAW,EAAG,+BAAgB;cAAG;IAAe,CAAA;GAEnD;;CACK,CAAA"}
+{"version":3,"file":"ActionPanel.js","names":[],"sources":["../../../../src/components/layout/ActionPanel.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../theme/tools.js';\nimport { PanelShell } from './PanelShell.js';\nimport * as styles from './ActionPanel.css.js';\n\nexport type ActionPanelProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  feedback?: ReactNode;\n  className?: string;\n};\n\nexport const ActionPanel = ({\n  actions,\n  children,\n  className,\n  description,\n  feedback,\n  title,\n}: ActionPanelProps): JSX.Element => {\n  return (\n    <PanelShell className={className}>\n      <div className={styles.root}>\n        <div className={styles.header}>\n          <h3 className={styles.title}>{title}</h3>\n          {description != null && (\n            <div className={styles.description}>{description}</div>\n          )}\n        </div>\n        <div className={styles.content}>{children}</div>\n        {actions != null && <div className={styles.actions}>{actions}</div>}\n        {feedback != null && (\n          <div className={cx(styles.feedback)}>{feedback}</div>\n        )}\n      </div>\n    </PanelShell>\n  );\n};\n\nexport default ActionPanel;\n"],"mappings":";;;;;AAeA,IAAa,KAAe,EAC1B,SAAA,GACA,aACA,cACA,aAAA,GACA,UAAA,GACA,OAAA,QAGE,kBAAC,GAAD;CAAuB;WACrB,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,MAAD;KAAI,WAAW;eAAe;KAAW,CAAA,EACxC,KAAe,QACd,kBAAC,OAAD;KAAK,WAAW;eAAqB;KAAkB,CAAA,CAErD;;GACN,kBAAC,OAAD;IAAK,WAAW;IAAiB;IAAe,CAAA;GAC/C,KAAW,QAAQ,kBAAC,OAAD;IAAK,WAAW;cAAiB;IAAc,CAAA;GAClE,KAAY,QACX,kBAAC,OAAD;IAAK,WAAW,EAAG,gCAAgB;cAAG;IAAe,CAAA;GAEnD;;CACK,CAAA"}

package/lib/esm/components/layout/AppHeader.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                         */
 //#region src/components/layout/AppHeader.css.ts
-var e = "_1e6xs5y0 txvbqbnwy txvbqbok7 txvbqbp6y txvbqblyp txvbqb9ip txvbqbai7 txvbqbaog txvbqbu7g", t = "_1e6xs5y1 txvbqb9ip txvbqbai7 txvbqbai0 txvbqbcg txvbqbcr txvbqbdpp txvbqbaop", n = "_1e6xs5y2 txvbqb9ip txvbqbai7 txvbqbb9p txvbqbk5y", r = "_1e6xs5y3 txvbqbfcp txvbqb9y txvbqba9 txvbqbamy txvbqbv9z", i = "_1e6xs5y4 txvbqbfcp txvbqb8y txvbqbva1 txvbqbjay", a = "_1e6xs5y5 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbva1 txvbqb8y", o = "_1e6xs5y6 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7", s = "_1e6xs5y7 txvbqb9ip txvbqbai7 txvbqbao7";
+var e = "_1e6xs5y0 txvbqbypl txvbqbzn6 txvbqb10k1 txvbqbvw4 txvbqbdr8 txvbqbf6i txvbqbffj txvbqb17w0", t = "_1e6xs5y1 txvbqbdr8 txvbqbf6i txvbqbf67 txvbqbel txvbqbf0 txvbqbjus txvbqbffw", n = "_1e6xs5y2 txvbqbdr8 txvbqbf6i txvbqbga8 txvbqbt9i", r = "_1e6xs5y3 txvbqbm9g txvbqbaz txvbqbbe txvbqbfdd txvbqb19c9", i = "_1e6xs5y4 txvbqbm9g txvbqb9j txvbqb19cb txvbqbryx", a = "_1e6xs5y5 txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb19cb txvbqb9j", o = "_1e6xs5y6 txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6", s = "_1e6xs5y7 txvbqbdr8 txvbqbf6i txvbqbff6";
 //#endregion
 export { o as actions, n as body, a as meta, s as navStack, e as root, i as subtitle, r as title, t as top };
 

package/lib/esm/components/layout/AppHeader.js

@@ -14,20 +14,20 @@ var s = ({ actions: s, className: c, meta: l, primaryNav: u, secondaryNav: d, su
 					children: p
 				}),
 				f != null && /* @__PURE__ */ a("div", {
-					className: "_1e6xs5y4 txvbqbfcp txvbqb8y txvbqbva1 txvbqbjay",
+					className: "_1e6xs5y4 txvbqbm9g txvbqb9j txvbqb19cb txvbqbryx",
 					children: f
 				}),
 				l != null && /* @__PURE__ */ a("div", {
-					className: "_1e6xs5y5 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbva1 txvbqb8y",
+					className: "_1e6xs5y5 txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb19cb txvbqb9j",
 					children: l
 				})
 			]
 		}), s != null && /* @__PURE__ */ a("div", {
-			className: "_1e6xs5y6 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7",
+			className: "_1e6xs5y6 txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6",
 			children: s
 		})]
 	}), (u != null || d != null) && /* @__PURE__ */ o("div", {
-		className: "_1e6xs5y7 txvbqb9ip txvbqbai7 txvbqbao7",
+		className: "_1e6xs5y7 txvbqbdr8 txvbqbf6i txvbqbff6",
 		children: [u, d]
 	})]
 });

package/lib/esm/components/layout/ContentLayout.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                             */
 //#region src/components/layout/ContentLayout.css.ts
-var e = "_17ichq70 txvbqbu7g txvbqb9ip txvbqbdpg", t = "_17ichq71 txvbqbu7g txvbqb9ip txvbqbai7 txvbqbap7", n = "_17ichq72 txvbqb9ip txvbqbajy txvbqbaop txvbqbcg txvbqbdpp", r = "_17ichq73 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", i = "_17ichq74 txvbqb9y txvbqbf87 txvbqbamp txvbqbv9z txvbqbfcp", a = "_17ichq75 txvbqb97 txvbqbva1 txvbqbfcp", o = "_17ichq76 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7", s = "_17ichq77 txvbqb9ip txvbqbajy txvbqbao7 txvbqbdp7", c = "_17ichq78 txvbqb9jg", l = "_17ichq79 txvbqb9ip txvbqbai7 txvbqbap7", u = "_17ichq7a txvbqbptp txvbqbdqg txvbqb83p txvbqbu7g txvbqb9ip txvbqbdoy txvbqb2k txvbqbn97", d = "_17ichq7b txvbqb2l";
+var e = "_17ichq70 txvbqb17w0 txvbqbdr8 txvbqbjuf", t = "_17ichq71 txvbqb17w0 txvbqbdr8 txvbqbf6i txvbqbfgm", n = "_17ichq72 txvbqbdr8 txvbqbf91 txvbqbffw txvbqbel txvbqbjus", r = "_17ichq73 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", i = "_17ichq74 txvbqbaz txvbqbm2y txvbqbfd0 txvbqb19c9 txvbqbm9g", a = "_17ichq75 txvbqb9w txvbqb19cb txvbqbm9g", o = "_17ichq76 txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6", s = "_17ichq77 txvbqbdr8 txvbqbf91 txvbqbff6 txvbqbju2", c = "_17ichq78 txvbqbdsb", l = "_17ichq79 txvbqbdr8 txvbqbf6i txvbqbfgm", u = "_17ichq7a txvbqb11k5 txvbqbjxb txvbqbbnr txvbqb17w0 txvbqbdr8 txvbqbjtp txvbqb2o txvbqbxra", d = "_17ichq7b txvbqb2p";
 //#endregion
 export { s as actionCluster, c as actionClusterItem, l as body, u as bottomFloatArea, d as bottomFloatContent, n as header, r as headingGroup, t as inner, o as metaRow, e as section, a as subheader, i as title };
 

package/lib/esm/components/layout/ContentLayout.js

@@ -47,9 +47,9 @@ var p = 320, m = 48, h = (e, t) => e == null ? null : d(typeof e == "string" ||
 		children: [/* @__PURE__ */ f("div", {
 			className: e(o, y?.inner, S),
 			children: [(D != null || E != null || w != null || A) && /* @__PURE__ */ f("div", {
-				className: e("_17ichq72 txvbqb9ip txvbqbajy txvbqbaop txvbqbcg txvbqbdpp", y?.header),
+				className: e("_17ichq72 txvbqbdr8 txvbqbf91 txvbqbffw txvbqbel txvbqbjus", y?.header),
 				children: [/* @__PURE__ */ f("div", {
-					className: e("_17ichq73 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", y?.headingGroup),
+					className: e("_17ichq73 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", y?.headingGroup),
 					children: [
 						h(D, P),
 						g(E, F),

package/lib/esm/components/layout/DetailSummaryHeader.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                   */
 //#region src/components/layout/DetailSummaryHeader.css.ts
-var e = "_1baunl10 txvbqb9ip txvbqbai7 txvbqbai0 txvbqbdpp txvbqbcg txvbqbcr txvbqbaog", t = "_1baunl11 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", n = "_1baunl12 txvbqbfcp txvbqb9g txvbqbamp txvbqbv9z", r = "_1baunl13 txvbqbfcp txvbqb8y txvbqbva1", i = "_1baunl14 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7 txvbqb8y txvbqbva1", a = "_1baunl15 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7";
+var e = "_1baunl10 txvbqbdr8 txvbqbf6i txvbqbf67 txvbqbjus txvbqbel txvbqbf0 txvbqbffj", t = "_1baunl11 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", n = "_1baunl12 txvbqbm9g txvbqba9 txvbqbfd0 txvbqb19c9", r = "_1baunl13 txvbqbm9g txvbqb9j txvbqb19cb", i = "_1baunl14 txvbqbdr8 txvbqbf91 txvbqbey txvbqbff6 txvbqb9j txvbqb19cb", a = "_1baunl15 txvbqbdr8 txvbqbf91 txvbqbey txvbqbff6";
 //#endregion
 export { a as actions, t as body, i as meta, e as root, r as subtitle, n as title };
 

package/lib/esm/components/layout/DetailSummaryHeader.js

@@ -12,16 +12,16 @@ var o = ({ actions: o, className: s, meta: c, subtitle: l, title: u }) => /* @__
 				children: u
 			}),
 			l != null && /* @__PURE__ */ i("div", {
-				className: "_1baunl13 txvbqbfcp txvbqb8y txvbqbva1",
+				className: "_1baunl13 txvbqbm9g txvbqb9j txvbqb19cb",
 				children: l
 			}),
 			c != null && /* @__PURE__ */ i("div", {
-				className: "_1baunl14 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7 txvbqb8y txvbqbva1",
+				className: "_1baunl14 txvbqbdr8 txvbqbf91 txvbqbey txvbqbff6 txvbqb9j txvbqb19cb",
 				children: c
 			})
 		]
 	}), o != null && /* @__PURE__ */ i("div", {
-		className: "_1baunl15 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7",
+		className: "_1baunl15 txvbqbdr8 txvbqbf91 txvbqbey txvbqbff6",
 		children: o
 	})]
 });

package/lib/esm/components/layout/PageShell.css.js

@@ -2,12 +2,12 @@
 /* empty css                         */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/layout/PageShell.css.ts
-var t = "_1kley2d0 txvbqb9ip txvbqbu7g txvbqbv49 txvbqbv07", n = "_1kley2d1 txvbqbnvy txvbqboj7 txvbqbp6g txvbqbly7 txvbqbcx7 txvbqbcge txvbqb9my txvbqbk5y", r = "_1kley2d2 txvbqbcx7 txvbqbjh7 txvbqbl7g", i = "_1kley2d3 txvbqb9ip txvbqbc7 txvbqbanp txvbqbaon txvbqbk5y txvbqbahy txvbqbaie txvbqbcgg txvbqbcge", a = "_1kley2d4 txvbqbpty txvbqbt7y txvbqbcx7 txvbqbaj7 txvbqb9ip txvbqbl7g", o = "_1kley2d5", s = "_1kley2d6", c = "_1kley2d8 _1kley2d7 txvbqb9ip txvbqbcgg", l = "_1kley2d9", u = "_1kley2da", d = "_1kley2db txvbqb9hy txvbqb9jn txvbqbcp txvbqbdoy txvbqbtyp txvbqbc7p txvbqb1rp txvbqb1qg txvbqb1cp txvbqbwg txvbqbv41 txvbqbv9z txvbqbv txvbqbaj7", f = "_1kley2dd _1kley2dc txvbqb9jg txvbqb9i5 txvbqbcp txvbqbdoy txvbqbtyp txvbqbc7p txvbqb1rp txvbqb1qg txvbqb1cp txvbqbwg txvbqbv41 txvbqbv9z txvbqbv txvbqbaj7 txvbqb77 txvbqb6x txvbqb7k", p = "_1kley2de txvbqb9hy txvbqb9jn txvbqbpu7 txvbqbpte txvbqbpug txvbqbpve txvbqbt7y txvbqbt8w txvbqbuwg txvbqbcp txvbqbdoy txvbqbtyp txvbqbc7p txvbqb1rp txvbqb1qg txvbqb1cp txvbqbwg txvbqbv41 txvbqbv9z txvbqbv", m = "_1kley2df txvbqb9my txvbqbcgg txvbqbk5y txvbqbjh7 txvbqb9ip txvbqbai7 txvbqbv41 txvbqbl7g txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqb8qy", h = "_1kley2dg txvbqbjh7 txvbqbl7g", g = "_1kley2dh txvbqbcgg txvbqbcge", _ = "_1kley2di txvbqb9ip txvbqbai7 txvbqbjh7 txvbqbcgg txvbqbcge", v = "_1kley2dj txvbqb9np txvbqbv41 txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp", y = "_1kley2dk", b = "_1kley2dm _1kley2dl txvbqbeg txvbqbv0t txvbqbb txvbqb9np txvbqbk6y txvbqbptg txvbqbtx7", x = "_1kley2dn txvbqb9i7 txvbqb9i5", S = "_1kley2do txvbqbpty txvbqbt7y txvbqbuvp txvbqb9ip txvbqbai7 txvbqbaog txvbqbv41 txvbqb12g txvbqb1qg txvbqb62p txvbqb3ny txvbqbnwp txvbqbojy txvbqbly7 txvbqbp6p", C = "_1kley2dp txvbqb9ip txvbqbajy txvbqbcg txvbqbdpp txvbqbaop txvbqbu7g", w = "_1kley2dq txvbqb9ip txvbqbcp txvbqbaog txvbqb9my txvbqbk5y", T = "_1kley2dr txvbqb9ip txvbqbai7 txvbqbao7 txvbqbk5y", E = "_1kley2ds txvbqb9ip txvbqbajy txvbqbcp txvbqb8v7 txvbqbqhy txvbqbfby txvbqbfcp txvbqblag txvbqbva1 txvbqb8p", D = "_1kley2dt txvbqb9ip txvbqbcp txvbqbany txvbqbjd7", O = "_1kley2dv _1kley2du txvbqbv9z txvbqb3b txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", k = "_1kley2dw txvbqbv9z txvbqbamp txvbqbl7g txvbqbt7g txvbqbuxg", A = "_1kley2dx txvbqbvab txvbqb8p", j = "_1kley2dy txvbqb9ip txvbqbajy txvbqbao7 txvbqbdp7", M = "_1kley2dz txvbqb9jg", N = "_1kley2d10 txvbqbu7g txvbqb9ip txvbqbajy txvbqbao7", P = e({
-	defaultClassName: "_1kley2d15 _1kley2d12 _1kley2d11 txvbqbcp txvbqbv45 txvbqb1rp txvbqbva1 txvbqb9jg txvbqb8y txvbqbamg txvbqbn6y txvbqbn8y txvbqb3b txvbqb77 txvbqb6x txvbqb7k",
+var t = "_1kley2d0 txvbqbdr8 txvbqb17w0 txvbqb196j txvbqb191j", n = "_1kley2d1 txvbqbyo5 txvbqbzlq txvbqb10jb txvbqbvve txvbqbipm txvbqbi1c txvbqbdxd txvbqbt9i", r = "_1kley2d2 txvbqbipm txvbqbs9r txvbqbusr", i = "_1kley2d3 txvbqbdr8 txvbqbe8 txvbqbfeg txvbqbfft txvbqbt9i txvbqbf65 txvbqbf6s txvbqbi1f txvbqbi1c", a = "_1kley2d4 txvbqb11ki txvbqb16gq txvbqbipm txvbqbf7y txvbqbdr8 txvbqbusr", o = "_1kley2d5", s = "_1kley2d6", c = "_1kley2d8 _1kley2d7 txvbqbdr8 txvbqbi1f", l = "_1kley2d9", u = "_1kley2da", d = "_1kley2db txvbqbdq5 txvbqbdsl txvbqbey txvbqbjtp txvbqb17jd txvbqbhos txvbqb2gm txvbqb2et txvbqb1uy txvbqb17h txvbqb196b txvbqb19c9 txvbqbv txvbqbf7y", f = "_1kley2dd _1kley2dc txvbqbdsb txvbqbdqf txvbqbey txvbqbjtp txvbqb17jd txvbqbhos txvbqb2gm txvbqb2et txvbqb1uy txvbqb17h txvbqb196b txvbqb19c9 txvbqbv txvbqbf7y txvbqb7g txvbqb76 txvbqb7t", p = "_1kley2de txvbqbdq5 txvbqbdsl txvbqb11kv txvbqb11jp txvbqb11l8 txvbqb11ml txvbqb16gq txvbqb16i3 txvbqb18w4 txvbqbey txvbqbjtp txvbqb17jd txvbqbhos txvbqb2gm txvbqb2et txvbqb1uy txvbqb17h txvbqb196b txvbqb19c9 txvbqbv", m = "_1kley2df txvbqbdxd txvbqbi1f txvbqbt9i txvbqbs9r txvbqbdr8 txvbqbf6i txvbqb196b txvbqbusr txvbqb2gm txvbqb1uy txvbqb2et txvbqb17u txvbqbclc", h = "_1kley2dg txvbqbs9r txvbqbusr", g = "_1kley2dh txvbqbi1f txvbqbi1c", _ = "_1kley2di txvbqbdr8 txvbqbf6i txvbqbs9r txvbqbi1f txvbqbi1c", v = "_1kley2dj txvbqbdyg txvbqb196b txvbqb2gz txvbqb1uy txvbqb2et txvbqb17u", y = "_1kley2dk", b = "_1kley2dm _1kley2dl txvbqbhh txvbqb1933 txvbqbb txvbqbdyg txvbqbtay txvbqb11js txvbqb17h7", x = "_1kley2dn txvbqbdqi txvbqbdqf", S = "_1kley2do txvbqb11ki txvbqb16gq txvbqb18v1 txvbqbdr8 txvbqbf6i txvbqbffj txvbqb196b txvbqb1g5 txvbqb2et txvbqb8oi txvbqb577 txvbqbyp8 txvbqbzmt txvbqbvve txvbqb10jo", C = "_1kley2dp txvbqbdr8 txvbqbf91 txvbqbel txvbqbjus txvbqbffw txvbqb17w0", w = "_1kley2dq txvbqbdr8 txvbqbey txvbqbffj txvbqbdxd txvbqbt9i", T = "_1kley2dr txvbqbdr8 txvbqbf6i txvbqbff6 txvbqbt9i", E = "_1kley2ds txvbqbdr8 txvbqbf91 txvbqbey txvbqbcta txvbqb12j6 txvbqbm8d txvbqbm9g txvbqbux3 txvbqb19cb txvbqb96", D = "_1kley2dt txvbqbdr8 txvbqbey txvbqbfet txvbqbs26", O = "_1kley2dv _1kley2du txvbqb19c9 txvbqb3f txvbqbfcn txvbqbusr txvbqb16g0 txvbqb18xk", k = "_1kley2dw txvbqb19c9 txvbqbfd0 txvbqbusr txvbqb16g0 txvbqb18xk", A = "_1kley2dx txvbqb19cl txvbqb96", j = "_1kley2dy txvbqbdr8 txvbqbf91 txvbqbff6 txvbqbju2", M = "_1kley2dz txvbqbdsb", N = "_1kley2d10 txvbqb17w0 txvbqbdr8 txvbqbf91 txvbqbff6", P = e({
+	defaultClassName: "_1kley2d15 _1kley2d12 _1kley2d11 txvbqbey txvbqb196f txvbqb2gm txvbqb19cb txvbqbdsb txvbqb9j txvbqbfcn txvbqbxo1 txvbqbxqx txvbqb3f txvbqb7g txvbqb76 txvbqb7t",
 	variantClassNames: {
 		state: {
 			default: "_1kley2d16",
-			active: "_1kley2d17 _1kley2d13 txvbqbv2z txvbqbv6f txvbqb8pg"
+			active: "_1kley2d17 _1kley2d13 txvbqb1959 txvbqb198p txvbqbcj6"
 		},
 		mode: {
 			link: "_1kley2d18",
@@ -19,7 +19,7 @@ var t = "_1kley2d0 txvbqb9ip txvbqbu7g txvbqbv49 txvbqbv07", n = "_1kley2d1 txvb
 		mode: "link"
 	},
 	compoundVariants: []
-}), F = "_1kley2d1a txvbqb9my txvbqbjh7 txvbqb9ip txvbqbai7 txvbqbl77 txvbqblbg txvbqblbe", I = "_1kley2d1b txvbqbl7g txvbqbjh7";
+}), F = "_1kley2d1a txvbqbdxd txvbqbs9r txvbqbdr8 txvbqbf6i txvbqbuse txvbqbuyj txvbqbuyg", I = "_1kley2d1b txvbqbusr txvbqbs9r";
 //#endregion
 export { j as actionGroup, k as breadcrumbCurrent, D as breadcrumbItem, O as breadcrumbLink, E as breadcrumbList, T as breadcrumbNav, A as breadcrumbSeparator, F as content, I as contentContained, f as desktopSidebarToggle, S as header, w as headerLeading, C as headerRow, m as mainColumn, h as mainColumnContained, g as mainColumnWithSidePanel, l as mobileSidebarBackdrop, u as mobileSidebarBackdropOpen, p as mobileSidebarClose, d as mobileSidebarToggle, n as page, r as pageContained, i as pageWithSidePanel, M as secondaryAction, t as shell, _ as sidePanel, y as sidePanelResizable, b as sidePanelResizer, x as sidePanelResizerHiddenOnMobile, v as sidePanelSurface, a as sidebarColumn, o as sidebarColumnMobile, s as sidebarColumnMobileOpen, c as sidebarInner, P as tabRecipe, N as tabsRow };