@pstdio/ui 0.40.0 → 0.42.0

package/dist/edit-mode-data-table-DnMB2jiy.js

@@ -0,0 +1,1449 @@
+import { n as e, t } from "./scroll-area-Cr1lNXAr.js";
+import { a as n, t as r, u as i } from "./list-row-Z4SHkseA.js";
+import { n as a } from "./prism-OG4H7Hu4.js";
+import { a as o, c as s, i as c, m as l, n as u, r as d } from "./collection-view-search-CpjJy76w.js";
+import { n as f, t as p } from "./number-input-7K66wnSC.js";
+import { a as m, i as h, r as g } from "./collection-view-grouping-D4nZk8-3.js";
+import { n as _ } from "./param-editor-Dnix-fJo.js";
+import { Box as v, Button as y, Flex as b, Icon as x, IconButton as S, Menu as C, Popover as w, Portal as T, Stack as E, Table as D, Text as O, chakra as k } from "@chakra-ui/react";
+import { c as A } from "react/compiler-runtime";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { isValidElement as N, useDeferredValue as P, useEffect as F, useRef as I, useState as L } from "react";
+import { CalendarClock as R, Check as z, CheckCircle2 as B, ChevronLeft as V, ChevronRight as H, ChevronsLeft as ee, ChevronsRight as te, Hash as U, Minus as ne, Pencil as re, Plus as W, Settings2 as G, Trash2 as K, Type as ie, X as q } from "lucide-react";
+import { DEFAULT_DATA_TABLE_SETTINGS as J, resolveDataTableComparableValue as Y, resolveDataTableFieldKind as X } from "@pstdio/sdk/extensions";
+import { createColumnHelper as Z } from "@tanstack/react-table";
+//#region src/components/data-table/data-table-header.tsx
+var ae = (e) => [], oe = (e) => {
+	let t = A(12), { view: n, viewsSource: r, displayControl: i, actions: a } = e, o = n.deferredSearch.trim() === "" ? void 0 : `${n.shownRows.length} of ${n.filteredRows.length}`, s;
+	return t[0] !== a || t[1] !== i || t[2] !== e.itemLabel || t[3] !== o || t[4] !== n.attributes || t[5] !== n.initialState || t[6] !== n.search || t[7] !== n.setSearch || t[8] !== n.storageKey || t[9] !== n.views.views || t[10] !== r ? (s = /* @__PURE__ */ j(d, {
+		itemLabel: e.itemLabel,
+		storageKey: n.storageKey,
+		initialState: n.initialState,
+		views: n.views.views,
+		viewsSource: r,
+		fields: n.attributes,
+		optionsFor: ae,
+		search: n.search,
+		onSearchChange: n.setSearch,
+		searchResultLabel: o,
+		displayControl: i,
+		actions: a
+	}), t[0] = a, t[1] = i, t[2] = e.itemLabel, t[3] = o, t[4] = n.attributes, t[5] = n.initialState, t[6] = n.search, t[7] = n.setSearch, t[8] = n.storageKey, t[9] = n.views.views, t[10] = r, t[11] = s) : s = t[11], s;
+}, se = (e) => {
+	let t = A(10), { showDivider: n, wrapRows: r, onWrapRowsChange: i } = e, o = n !== void 0 && n ? "1px" : void 0, s;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { role: "switch" }, t[0] = s) : s = t[0];
+	let c;
+	t[1] === i ? c = t[2] : (c = (e) => i(e.checked === !0), t[1] = i, t[2] = c);
+	let l;
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ j(O, {
+		as: "span",
+		textStyle: "label/S/regular",
+		children: "Wrap rows"
+	}), t[3] = l) : l = t[3];
+	let u;
+	t[4] !== c || t[5] !== r ? (u = /* @__PURE__ */ j(a, {
+		checked: r,
+		inputProps: s,
+		width: "full",
+		flexDirection: "row-reverse",
+		justifyContent: "space-between",
+		onCheckedChange: c,
+		children: l
+	}), t[4] = c, t[5] = r, t[6] = u) : u = t[6];
+	let d;
+	return t[7] !== o || t[8] !== u ? (d = /* @__PURE__ */ j(v, {
+		borderBottomWidth: o,
+		borderColor: "border.subtle",
+		padding: "xs",
+		children: u
+	}), t[7] = o, t[8] = u, t[9] = d) : d = t[9], d;
+}, ce = (e) => {
+	let t = A(16), { compact: n, wrapRows: r, onWrapRowsChange: i } = e, a = n !== void 0 && n, o;
+	t[0] !== i || t[1] !== r ? (o = /* @__PURE__ */ j(w.Positioner, { children: /* @__PURE__ */ j(w.Content, {
+		width: "min(240px, calc(100vw - 32px))",
+		p: "0",
+		bg: "bg",
+		overflow: "hidden",
+		children: /* @__PURE__ */ j(se, {
+			wrapRows: r,
+			onWrapRowsChange: i
+		})
+	}) }), t[0] = i, t[1] = r, t[2] = o) : o = t[2];
+	let s = o, c = a ? "bottom-start" : "bottom-end", l;
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (l = { mainAxis: 8 }, t[3] = l) : l = t[3];
+	let u;
+	t[4] === c ? u = t[5] : (u = {
+		placement: c,
+		offset: l
+	}, t[4] = c, t[5] = u);
+	let d = a ? "2xs" : "sm", f;
+	t[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ j(x, {
+		as: G,
+		boxSize: "14px"
+	}), t[6] = f) : f = t[6];
+	let p;
+	t[7] === d ? p = t[8] : (p = /* @__PURE__ */ j(w.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ j(S, {
+			"aria-label": "Display settings",
+			variant: "ghost",
+			size: d,
+			children: f
+		})
+	}), t[7] = d, t[8] = p);
+	let m;
+	t[9] !== a || t[10] !== s ? (m = a ? s : /* @__PURE__ */ j(T, { children: s }), t[9] = a, t[10] = s, t[11] = m) : m = t[11];
+	let h;
+	return t[12] !== u || t[13] !== p || t[14] !== m ? (h = /* @__PURE__ */ M(w.Root, {
+		positioning: u,
+		children: [p, m]
+	}), t[12] = u, t[13] = p, t[14] = m, t[15] = h) : h = t[15], h;
+}, le = (e) => typeof e == "object" && !!e && typeof e.additions == "number" && typeof e.deletions == "number", Q = [
+	{
+		unit: "year",
+		seconds: 31536e3
+	},
+	{
+		unit: "month",
+		seconds: 2592e3
+	},
+	{
+		unit: "day",
+		seconds: 86400
+	},
+	{
+		unit: "hour",
+		seconds: 3600
+	},
+	{
+		unit: "minute",
+		seconds: 60
+	}
+], ue = (e) => {
+	if (typeof e != "string") return null;
+	let t = Date.parse(e);
+	return Number.isNaN(t) ? null : new Date(t);
+}, de = (e, t = /* @__PURE__ */ new Date(), n) => {
+	let r = ue(e);
+	if (!r) return null;
+	let i = new Intl.RelativeTimeFormat(n, { numeric: "auto" }), a = (r.getTime() - t.getTime()) / 1e3, o = Q.find((e) => Math.abs(a) >= e.seconds);
+	return o ? i.format(Math.round(a / o.seconds), o.unit) : i.format(0, "second");
+}, fe = (t) => {
+	let n = A(13), { value: r, search: i } = t, a = i === void 0 ? "" : i, [o, s] = L(pe), c, l;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+		let e = setInterval(() => s(/* @__PURE__ */ new Date()), 6e4);
+		return () => clearInterval(e);
+	}, l = [], n[0] = c, n[1] = l) : (c = n[0], l = n[1]), F(c, l);
+	let u;
+	n[2] !== o || n[3] !== r ? (u = de(r, o), n[2] = o, n[3] = r, n[4] = u) : u = n[4];
+	let d = u, f;
+	n[5] === r ? f = n[6] : (f = new Date(r).toLocaleString(void 0, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}), n[5] = r, n[6] = f);
+	let p = f, h = d ?? "", g;
+	n[7] !== a || n[8] !== h ? (g = /* @__PURE__ */ j(O, {
+		as: "span",
+		tabIndex: 0,
+		textStyle: "paragraph/S/regular",
+		color: "fg.muted",
+		whiteSpace: "nowrap",
+		children: /* @__PURE__ */ j(m, {
+			text: h,
+			query: a
+		})
+	}), n[7] = a, n[8] = h, n[9] = g) : g = n[9];
+	let _;
+	return n[10] !== p || n[11] !== g ? (_ = /* @__PURE__ */ j(e, {
+		content: p,
+		openDelay: 300,
+		children: g
+	}), n[10] = p, n[11] = g, n[12] = _) : _ = n[12], _;
+};
+function pe() {
+	return /* @__PURE__ */ new Date();
+}
+//#endregion
+//#region src/components/data-table/friendly-json-display.tsx
+var me = /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i, he = /(^|\s)(avatar|image|logo|photo|picture|thumbnail)(\s|$)/i, ge = (e) => {
+	let t = e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().toLowerCase();
+	return t ? `${t[0]?.toUpperCase()}${t.slice(1)}` : "Details";
+}, _e = (e) => e.map((e) => /^\d+$/.test(e) ? e : ge(e)).join(" / "), ve = (e) => e.every((e) => typeof e != "object" || !e), ye = (e, t, n) => {
+	if (Array.isArray(e)) {
+		if (e.length === 0 || ve(e)) {
+			n.push({
+				label: _e(t),
+				value: e
+			});
+			return;
+		}
+		e.forEach((e, r) => {
+			ye(e, [...t, String(r + 1)], n);
+		});
+		return;
+	}
+	if (typeof e == "object" && e) {
+		let r = Object.entries(e);
+		if (r.length === 0) {
+			n.push({
+				label: _e(t),
+				value: null
+			});
+			return;
+		}
+		r.forEach(([e, r]) => {
+			ye(r, [...t, e], n);
+		});
+		return;
+	}
+	n.push({
+		label: _e(t),
+		value: e
+	});
+}, be = (e) => {
+	if (typeof e != "string") return e;
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}, xe = (e) => {
+	let t = [];
+	return ye(be(e), [], t), t.map((e) => ({
+		...e,
+		label: e.label || "Value"
+	}));
+}, Se = (e, t) => {
+	if (typeof e != "string") return !1;
+	if (e.startsWith("data:image/")) return !0;
+	try {
+		let n = new URL(e);
+		return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : me.test(n.pathname) || he.test(t);
+	} catch {
+		return !1;
+	}
+}, Ce = (e, t) => Array.isArray(e) && e.length > 0 && e.every((e) => Se(e, t)), we = (e) => e == null || e === "" ? "Not provided" : typeof e == "boolean" ? e ? "Yes" : "No" : String(e), Te = (e) => Array.isArray(e) ? e.length === 0 ? "None" : e.map(we).join(", ") : we(e), Ee = (e) => {
+	let t = be(e);
+	if (Array.isArray(t) && t.length === 0 || typeof t == "object" && t && Object.keys(t).length === 0) return "No details";
+	let n = xe(e).filter((e) => !Se(e.value, e.label) && !Ce(e.value, e.label));
+	if (n.length === 0) return "No details";
+	let r = n.slice(0, 2).map((e) => Te(e.value)), i = n.length - r.length;
+	return [...r, i > 0 ? `${i} more` : null].filter(Boolean).join(" · ");
+}, De = (e) => {
+	let { label: t, value: n } = e;
+	return Se(n, t) ? {
+		type: "image",
+		src: String(n),
+		alt: `${t} preview`
+	} : Array.isArray(n) && Ce(n, t) ? {
+		type: "image-gallery",
+		images: n.map((e, n) => ({
+			src: String(e),
+			alt: `${t} ${n + 1} preview`
+		}))
+	} : Array.isArray(n) ? n : n === void 0 ? null : n;
+}, Oe = (e) => xe(e).map((e, t) => ({
+	id: `friendly-json-${t}`,
+	name: e.label,
+	type: "readOnly",
+	value: De(e)
+})), ke = (e) => {
+	let t = A(4), { value: n } = e, r;
+	t[0] === n ? r = t[1] : (r = Oe(n), t[0] = n, t[1] = r);
+	let i;
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ j(_, {
+		params: r,
+		readOnly: !0,
+		fullWidth: !0
+	}), t[2] = r, t[3] = i), i;
+}, Ae = (e) => typeof e == "object" && !!e && "display" in e, je = (e) => typeof e == "string" || e instanceof String, Me = (e) => typeof e == "number" || e instanceof Number, Ne = (e) => typeof e == "boolean" || e instanceof Boolean, Pe = (e) => {
+	let t = e.map((e) => Ae(e) ? e.sortValue ?? null : e instanceof String || e instanceof Number || e instanceof Boolean ? e.valueOf() : N(e) ? null : e).filter((e) => e != null);
+	return t.length === 0 ? "unknown" : t.every((e) => je(e) && !Number.isNaN(Date.parse(e.toString()))) ? "date" : t.every((e) => Me(e)) ? "number" : t.every((e) => Ne(e)) ? "boolean" : t.every((e) => je(e)) ? "string" : "unknown";
+}, Fe = {
+	boxSize: "14px",
+	marginRight: "2px"
+}, Ie = (e) => {
+	let t = Pe(e);
+	return t === "date" ? /* @__PURE__ */ j(x, {
+		as: R,
+		...Fe
+	}) : t === "string" ? /* @__PURE__ */ j(x, {
+		as: ie,
+		...Fe
+	}) : t === "number" ? /* @__PURE__ */ j(x, {
+		as: U,
+		...Fe
+	}) : t === "boolean" ? /* @__PURE__ */ j(x, {
+		as: B,
+		...Fe
+	}) : null;
+};
+function Le(e) {
+	if (Ae(e)) return e.display;
+	if (N(e)) return e;
+	switch ((e instanceof String || e instanceof Number || e instanceof Boolean) && (e = e.valueOf()), typeof e) {
+		case "boolean": return e ? "TRUE" : "FALSE";
+		case "number": return e;
+		case "object": return e === null ? "-" : JSON.stringify(e);
+		case "undefined": return "-";
+		default: return e ? String(e) : "-";
+	}
+}
+var Re = Z(), ze = (e, t, n) => n ? n(e, t) : typeof e.id == "string" ? e.id : String(t), Be = (e) => typeof e.initialPageSize == "number" && e.initialPageSize > 0 ? e.initialPageSize : 30, Ve = (e) => e.map((e) => e.original), He = (e) => {
+	let t = [...e.selectionActions ?? []];
+	return e.onCSVDownload && t.push({
+		label: "Download CSV",
+		onSelect: (t) => {
+			e.onCSVDownload?.(t.map((t, n) => ze(t, n, e.getRowId)));
+		}
+	}), t;
+}, Ue = (e) => e.selectionMode === "multiple" || !!e.onCSVDownload || !!e.selectionActions?.length, We = (e) => e.enableRowActivation === !0 && e.activeRowId === e.rowId, Ge = (e, t) => Y(e, t), Ke = (e, t, n) => ({ kind: X(e.map((e) => e[t]), {
+	type: n.columnTypes?.[t],
+	renderer: n.columnRenderers?.[t]
+}) }), qe = (e, t, n = {}) => t.map((t) => ({
+	id: t,
+	label: n.compactHeaders?.[t] ?? t,
+	type: Ke(e, t, n),
+	filterable: n.filterableColumns?.includes(t) ?? !0,
+	sortable: !0,
+	groupable: n.groupableColumns?.includes(t) ?? !1,
+	displayable: !0
+})), Je = (e, t, n, r) => e.map((e, i) => {
+	let a = Object.fromEntries(t.map((t) => [t, Ge(e[t], r?.[t])])), o = ze(e, i, n), s = t.length > 0 ? a[t[0]] : o;
+	return {
+		id: o,
+		title: String(s ?? o),
+		attributes: a,
+		sourceRow: e
+	};
+}), Ye = (e, t) => {
+	let n = new Set(e), r = t.filter((e) => n.has(e)), i = new Set(r), a = e.filter((e) => !i.has(e));
+	return [...r, ...a];
+}, Xe = (e, t, n) => n ? e.filter((e) => e !== t) : [.../* @__PURE__ */ new Set([...e, t])], $ = (e) => typeof e == "string" || typeof e == "number" ? [String(e)] : Array.isArray(e) ? e.flatMap($) : N(e) ? $(e.props.children) : [], Ze = (e, t, n = /* @__PURE__ */ new Date()) => {
+	if (t?.type === "json") return [Ee(e)];
+	if (t?.type === "badge" && [
+		"string",
+		"number",
+		"boolean"
+	].includes(typeof e)) return [String(e)];
+	if (t?.type === "date") {
+		let t = de(e, n);
+		if (t) return [t];
+	}
+	return t?.type === "diff" && le(e) ? [`+${e.additions}`, `-${e.deletions}`] : $(Le(e));
+}, Qe = (e, t, n) => {
+	let r = e.indexOf(t), i = e.indexOf(n);
+	if (r < 0 || i < 0 || r === i) return e;
+	let a = [...e], [o] = a.splice(r, 1);
+	return o ? (a.splice(i, 0, o), a) : e;
+}, $e = (e) => e.toolbarStorageKey ?? `data-table:${e.columnKeys.join("|") || "empty"}`, et = (e) => {
+	let t = A(11), { cancelLabel: n, saveLabel: r, onCancel: i, onSave: a } = e, o;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ j(z, {}), t[0] = o) : o = t[0];
+	let s;
+	t[1] !== a || t[2] !== r ? (s = /* @__PURE__ */ j(S, {
+		type: "button",
+		size: "2xs",
+		variant: "ghost",
+		"aria-label": r,
+		onClick: a,
+		children: o
+	}), t[1] = a, t[2] = r, t[3] = s) : s = t[3];
+	let c;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ j(q, {}), t[4] = c) : c = t[4];
+	let l;
+	t[5] !== n || t[6] !== i ? (l = /* @__PURE__ */ j(S, {
+		type: "button",
+		size: "2xs",
+		variant: "ghost",
+		"aria-label": n,
+		onClick: i,
+		children: c
+	}), t[5] = n, t[6] = i, t[7] = l) : l = t[7];
+	let u;
+	return t[8] !== s || t[9] !== l ? (u = /* @__PURE__ */ M(b, {
+		gap: "2xs",
+		flexShrink: "0",
+		children: [s, l]
+	}), t[8] = s, t[9] = l, t[10] = u) : u = t[10], u;
+}, tt = (e) => {
+	let t = A(12), { accessibleName: n, textStyle: r, value: i, onCancel: a, onChange: o, onSave: s } = e, c = I(null), l = I(i), u, d;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+		let e = c.current;
+		if (!e) return;
+		e.textContent = l.current, e.focus();
+		let t = globalThis.getSelection(), n = document.createRange();
+		n.selectNodeContents(e), t?.removeAllRanges(), t?.addRange(n);
+	}, d = [], t[0] = u, t[1] = d) : (u = t[0], d = t[1]), F(u, d);
+	let f;
+	t[2] !== a || t[3] !== s ? (f = (e) => {
+		e.key === "Enter" && (e.preventDefault(), s()), e.key === "Escape" && a();
+	}, t[2] = a, t[3] = s, t[4] = f) : f = t[4];
+	let p = f, m;
+	t[5] === o ? m = t[6] : (m = (e) => o(e.currentTarget.textContent ?? ""), t[5] = o, t[6] = m);
+	let h;
+	return t[7] !== n || t[8] !== p || t[9] !== m || t[10] !== r ? (h = /* @__PURE__ */ j(k.div, {
+		ref: c,
+		role: "textbox",
+		"aria-label": n,
+		contentEditable: !0,
+		suppressContentEditableWarning: !0,
+		height: "10",
+		width: "100%",
+		paddingX: "xs",
+		paddingY: "xs",
+		overflow: "hidden",
+		background: "transparent",
+		border: "none",
+		borderRadius: "0",
+		outline: "none",
+		textStyle: r,
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap",
+		onInput: m,
+		onKeyDown: p
+	}), t[7] = n, t[8] = p, t[9] = m, t[10] = r, t[11] = h) : h = t[11], h;
+}, nt = (e) => {
+	let t = A(12), { accessibleName: n, draft: r, onCancel: i, onChange: a, onSave: o } = e, s = `Rename column ${n}`, c;
+	t[0] !== r || t[1] !== i || t[2] !== a || t[3] !== o || t[4] !== s ? (c = /* @__PURE__ */ j(tt, {
+		accessibleName: s,
+		textStyle: "label/S/medium",
+		value: r,
+		onChange: a,
+		onSave: o,
+		onCancel: i
+	}), t[0] = r, t[1] = i, t[2] = a, t[3] = o, t[4] = s, t[5] = c) : c = t[5];
+	let l;
+	t[6] !== i || t[7] !== o ? (l = /* @__PURE__ */ j(v, {
+		position: "absolute",
+		top: "50%",
+		right: "2xs",
+		transform: "translateY(-50%)",
+		background: "bg.subtle",
+		children: /* @__PURE__ */ j(et, {
+			saveLabel: "Save column name",
+			cancelLabel: "Cancel column rename",
+			onSave: o,
+			onCancel: i
+		})
+	}), t[6] = i, t[7] = o, t[8] = l) : l = t[8];
+	let u;
+	return t[9] !== c || t[10] !== l ? (u = /* @__PURE__ */ M(v, {
+		position: "absolute",
+		inset: "0",
+		width: "100%",
+		height: "10",
+		background: "bg.subtle",
+		zIndex: "1",
+		children: [c, l]
+	}), t[9] = c, t[10] = l, t[11] = u) : u = t[11], u;
+}, rt = (e) => {
+	let n = A(22), { anchorRef: r, customEditor: i, draft: a, onCancel: o, onChange: s, onSave: c } = e, l;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (l = { mainAxis: -40 }, n[0] = l) : l = n[0];
+	let u;
+	n[1] === r ? u = n[2] : (u = {
+		placement: "bottom-start",
+		offset: l,
+		getAnchorElement: () => r.current
+	}, n[1] = r, n[2] = u);
+	let d, f;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (d = { minHeight: "10" }, f = {
+		maxHeight: "48",
+		overscrollBehavior: "contain"
+	}, n[3] = d, n[4] = f) : (d = n[3], f = n[4]);
+	let p;
+	n[5] !== i || n[6] !== a || n[7] !== o || n[8] !== s || n[9] !== c ? (p = i ?? /* @__PURE__ */ j(tt, {
+		accessibleName: "Edit cell",
+		textStyle: "paragraph/S/regular",
+		value: a,
+		onChange: s,
+		onSave: c,
+		onCancel: o
+	}), n[5] = i, n[6] = a, n[7] = o, n[8] = s, n[9] = c, n[10] = p) : p = n[10];
+	let m;
+	n[11] === p ? m = n[12] : (m = /* @__PURE__ */ j(t, {
+		"data-table-cell-editor-body": !0,
+		width: "100%",
+		minHeight: "10",
+		maxHeight: "48",
+		contentProps: d,
+		viewportProps: f,
+		children: p
+	}), n[11] = p, n[12] = m);
+	let h;
+	n[13] !== o || n[14] !== c ? (h = /* @__PURE__ */ j(b, {
+		"data-table-cell-editor-footer": !0,
+		height: "8",
+		flexShrink: "0",
+		alignItems: "center",
+		justifyContent: "flex-end",
+		paddingX: "xs",
+		borderTopWidth: "1px",
+		borderColor: "border.subtle",
+		background: "bg.subtle",
+		children: /* @__PURE__ */ j(et, {
+			saveLabel: "Save cell",
+			cancelLabel: "Cancel cell edit",
+			onSave: c,
+			onCancel: o
+		})
+	}), n[13] = o, n[14] = c, n[15] = h) : h = n[15];
+	let g;
+	n[16] !== m || n[17] !== h ? (g = /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(w.Positioner, { children: /* @__PURE__ */ M(w.Content, {
+		"data-table-cell-editor": !0,
+		width: "calc(var(--reference-width) + 3rem)",
+		minWidth: "calc(var(--reference-width) + 3rem)",
+		maxWidth: "calc(100vw - 2rem)",
+		padding: "0",
+		overflow: "hidden",
+		background: "bg",
+		animation: "none",
+		zIndex: "popover",
+		children: [m, h]
+	}) }) }), n[16] = m, n[17] = h, n[18] = g) : g = n[18];
+	let _;
+	return n[19] !== u || n[20] !== g ? (_ = /* @__PURE__ */ j(w.Root, {
+		open: !0,
+		closeOnInteractOutside: !1,
+		positioning: u,
+		children: g
+	}), n[19] = u, n[20] = g, n[21] = _) : _ = n[21], _;
+}, it = (e) => e ? {
+	height: void 0,
+	maxHeight: void 0,
+	overflowWrap: "anywhere",
+	textOverflow: void 0,
+	verticalAlign: "top",
+	whiteSpace: "normal"
+} : {
+	height: "10",
+	maxHeight: "10",
+	overflowWrap: void 0,
+	textOverflow: "ellipsis",
+	verticalAlign: "middle",
+	whiteSpace: "nowrap"
+}, at = (e) => {
+	let t = A(45), { activeDraft: n, column: r, context: i, editMode: a, isActive: o, isReadOnly: s, wrapRows: c, onActivate: l, onCancel: u, onDraftChange: d, onSave: f } = e, p = n === void 0 ? "" : n, m = I(null), h;
+	t[0] !== i || t[1] !== a || t[2] !== s ? (h = !s && (a.isCellEditable?.(i) ?? !0), t[0] = i, t[1] = a, t[2] = s, t[3] = h) : h = t[3];
+	let g = h, _;
+	t[4] === c ? _ = t[5] : (_ = it(c), t[4] = c, t[5] = _);
+	let y = _, b;
+	if (o) {
+		let e;
+		t[6] !== p || t[7] !== i || t[8] !== a || t[9] !== d ? (e = a.renderCellEditor?.({
+			context: i,
+			value: p,
+			onChange: d
+		}), t[6] = p, t[7] = i, t[8] = a, t[9] = d, t[10] = e) : e = t[10];
+		let n = e, r;
+		t[11] !== p || t[12] !== n || t[13] !== u || t[14] !== d || t[15] !== f ? (r = /* @__PURE__ */ j(rt, {
+			anchorRef: m,
+			draft: p,
+			customEditor: n,
+			onChange: d,
+			onSave: f,
+			onCancel: u
+		}), t[11] = p, t[12] = n, t[13] = u, t[14] = d, t[15] = f, t[16] = r) : r = t[16], b = r;
+	} else {
+		let e;
+		t[17] !== i || t[18] !== a ? (e = a.renderCell?.(i) ?? String(i.value ?? ""), t[17] = i, t[18] = a, t[19] = e) : e = t[19];
+		let n;
+		t[20] !== y.overflowWrap || t[21] !== y.whiteSpace || t[22] !== e ? (n = /* @__PURE__ */ j(v, {
+			width: "100%",
+			minHeight: "5",
+			textAlign: "inherit",
+			overflowWrap: y.overflowWrap,
+			whiteSpace: y.whiteSpace,
+			children: e
+		}), t[20] = y.overflowWrap, t[21] = y.whiteSpace, t[22] = e, t[23] = n) : n = t[23], b = n;
+	}
+	let x;
+	t[24] !== o || t[25] !== g || t[26] !== l ? (x = (e) => {
+		!g || o || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), l());
+	}, t[24] = o, t[25] = g, t[26] = l, t[27] = x) : x = t[27];
+	let S = x, C = r.id, w = String(g), T = o ? "true" : void 0, E = o ? "0" : "xs", O = o ? "visible" : "hidden", k = r.alignment ?? "left", M = g && !o ? "text" : void 0, N = g && !o ? 0 : void 0, P = g && !o ? l : void 0, F;
+	return t[28] !== r.id || t[29] !== b || t[30] !== S || t[31] !== y.height || t[32] !== y.maxHeight || t[33] !== y.textOverflow || t[34] !== y.verticalAlign || t[35] !== y.whiteSpace || t[36] !== M || t[37] !== N || t[38] !== P || t[39] !== w || t[40] !== T || t[41] !== E || t[42] !== O || t[43] !== k ? (F = /* @__PURE__ */ j(D.Cell, {
+		ref: m,
+		"data-column-id": C,
+		"data-editable": w,
+		"data-editing": T,
+		padding: E,
+		height: y.height,
+		maxHeight: y.maxHeight,
+		position: "relative",
+		overflow: O,
+		background: "bg",
+		textAlign: k,
+		textStyle: "paragraph/S/regular",
+		textOverflow: y.textOverflow,
+		verticalAlign: y.verticalAlign,
+		whiteSpace: y.whiteSpace,
+		borderRightWidth: "1px",
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		cursor: M,
+		tabIndex: N,
+		onClick: P,
+		onKeyDown: S,
+		children: b
+	}), t[28] = r.id, t[29] = b, t[30] = S, t[31] = y.height, t[32] = y.maxHeight, t[33] = y.textOverflow, t[34] = y.verticalAlign, t[35] = y.whiteSpace, t[36] = M, t[37] = N, t[38] = P, t[39] = w, t[40] = T, t[41] = E, t[42] = O, t[43] = k, t[44] = F) : F = t[44], F;
+}, ot = (e) => {
+	e.stopPropagation();
+}, st = (e) => {
+	let t = A(8), { checked: r, indeterminate: i, onChange: a } = e, o = r || (i ? "indeterminate" : !1), s = i ? ne : z, c;
+	t[0] === s ? c = t[1] : (c = /* @__PURE__ */ j(x, {
+		as: s,
+		boxSize: "12px",
+		strokeWidth: "3"
+	}), t[0] = s, t[1] = c);
+	let l;
+	t[2] === a ? l = t[3] : (l = (e) => a(e.checked === !0), t[2] = a, t[3] = l);
+	let u;
+	return t[4] !== o || t[5] !== c || t[6] !== l ? (u = /* @__PURE__ */ j(n, {
+		checked: o,
+		"aria-label": "Select all",
+		icon: c,
+		onClick: ot,
+		onCheckedChange: l
+	}), t[4] = o, t[5] = c, t[6] = l, t[7] = u) : u = t[7], u;
+}, ct = (e) => {
+	let t = A(6), { checked: r, onChange: i } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ j(x, {
+		as: z,
+		boxSize: "12px",
+		strokeWidth: "3"
+	}), t[0] = a) : a = t[0];
+	let o;
+	t[1] === i ? o = t[2] : (o = (e) => i(e.checked === !0), t[1] = i, t[2] = o);
+	let s;
+	return t[3] !== r || t[4] !== o ? (s = /* @__PURE__ */ j(D.Cell, {
+		"data-column-id": "rowSelection",
+		height: "10",
+		padding: "xs",
+		textAlign: "center",
+		background: "bg",
+		borderRightWidth: "1px",
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		children: /* @__PURE__ */ j(n, {
+			checked: r,
+			"aria-label": "Select row",
+			icon: a,
+			onClick: ot,
+			onCheckedChange: o
+		})
+	}), t[3] = r, t[4] = o, t[5] = s) : s = t[5], s;
+}, lt = (e) => {
+	let t = A(46), { activeCell: n, columns: r, data: a, editMode: o, enableSelection: s, isReadOnly: c, pageIndex: l, pageRows: u, pageSize: d, selectedRowIds: f, showNewRow: p, wrapRows: m, onActivateCell: h, onAddRow: g, onCancelCell: _, onCommitCell: v, onDraftChange: b, onRemoveRow: S, onToggleRowSelection: C, rowIdFor: w } = e, T;
+	if (t[0] !== n || t[1] !== r || t[2] !== a || t[3] !== o || t[4] !== s || t[5] !== c || t[6] !== h || t[7] !== _ || t[8] !== v || t[9] !== b || t[10] !== S || t[11] !== C || t[12] !== l || t[13] !== u || t[14] !== d || t[15] !== w || t[16] !== f || t[17] !== m) {
+		let e;
+		t[19] !== n || t[20] !== r || t[21] !== a || t[22] !== o || t[23] !== s || t[24] !== c || t[25] !== h || t[26] !== _ || t[27] !== v || t[28] !== b || t[29] !== S || t[30] !== C || t[31] !== l || t[32] !== d || t[33] !== w || t[34] !== f || t[35] !== m ? (e = (e, t) => {
+			let u = l * d + t, p = a.indexOf(e), g = w(e, p), y = /* @__PURE__ */ M(D.Row, {
+				"data-document-row": "true",
+				"data-selected": f.has(g) ? "true" : void 0,
+				"aria-selected": f.has(g),
+				height: m ? void 0 : "10",
+				background: "bg",
+				children: [
+					/* @__PURE__ */ j(D.Cell, {
+						"data-column-id": "rowIndex",
+						height: m ? void 0 : "10",
+						padding: "xs",
+						textAlign: "center",
+						textStyle: "paragraph/S/regular",
+						background: "bg.subtle",
+						borderRightWidth: "1px",
+						borderBottomWidth: "1px",
+						borderColor: "border.subtle",
+						verticalAlign: m ? "top" : "middle",
+						children: u + 1
+					}),
+					s ? /* @__PURE__ */ j(ct, {
+						checked: f.has(g),
+						onChange: (e) => C(g, e)
+					}) : null,
+					r.map((t) => {
+						let r = {
+							row: e,
+							rowId: g,
+							columnId: t.id,
+							value: e[t.id] ?? ""
+						}, i = n?.rowId === g && n.columnId === t.id;
+						return /* @__PURE__ */ j(at, {
+							activeDraft: i ? n?.draft : void 0,
+							column: t,
+							context: r,
+							editMode: o,
+							isActive: i,
+							isReadOnly: c,
+							wrapRows: m,
+							onActivate: () => h({
+								rowId: g,
+								columnId: t.id,
+								draft: String(r.value ?? "")
+							}),
+							onDraftChange: (e) => b({
+								rowId: g,
+								columnId: t.id,
+								draft: e
+							}),
+							onSave: v,
+							onCancel: _
+						}, t.id);
+					}),
+					c ? null : /* @__PURE__ */ j(D.Cell, {
+						"data-column-id": "editControl",
+						width: "min-content",
+						height: m ? void 0 : "10",
+						position: "sticky",
+						right: "0",
+						zIndex: "1",
+						background: "bg",
+						borderLeftWidth: "1px",
+						borderBottomWidth: "1px",
+						borderColor: "border.subtle",
+						verticalAlign: m ? "top" : "middle"
+					})
+				]
+			}, g);
+			return c ? y : /* @__PURE__ */ j(i, {
+				contentMinWidth: "12rem",
+				actions: [{
+					key: "delete-row",
+					label: "Delete row",
+					icon: /* @__PURE__ */ j(x, {
+						as: K,
+						boxSize: "14px"
+					}),
+					onClick: () => S(g)
+				}],
+				children: y
+			}, g);
+		}, t[19] = n, t[20] = r, t[21] = a, t[22] = o, t[23] = s, t[24] = c, t[25] = h, t[26] = _, t[27] = v, t[28] = b, t[29] = S, t[30] = C, t[31] = l, t[32] = d, t[33] = w, t[34] = f, t[35] = m, t[36] = e) : e = t[36], T = u.map(e), t[0] = n, t[1] = r, t[2] = a, t[3] = o, t[4] = s, t[5] = c, t[6] = h, t[7] = _, t[8] = v, t[9] = b, t[10] = S, t[11] = C, t[12] = l, t[13] = u, t[14] = d, t[15] = w, t[16] = f, t[17] = m, t[18] = T;
+	} else T = t[18];
+	let E;
+	t[37] !== r || t[38] !== s || t[39] !== c || t[40] !== g || t[41] !== p ? (E = !c && p ? /* @__PURE__ */ j(D.Row, { children: /* @__PURE__ */ j(D.Cell, {
+		colSpan: r.length + 2 + +!!s,
+		padding: "0",
+		children: /* @__PURE__ */ M(y, {
+			size: "xs",
+			variant: "ghost-static",
+			width: "100%",
+			justifyContent: "flex-start",
+			paddingX: "xs",
+			color: "fg.muted",
+			onClick: g,
+			children: [/* @__PURE__ */ j(x, { as: W }), "New row"]
+		})
+	}) }) : null, t[37] = r, t[38] = s, t[39] = c, t[40] = g, t[41] = p, t[42] = E) : E = t[42];
+	let O;
+	return t[43] !== T || t[44] !== E ? (O = /* @__PURE__ */ M(D.Body, { children: [T, E] }), t[43] = T, t[44] = E, t[45] = O) : O = t[45], O;
+}, ut = (e) => {
+	let t = A(37), { activeHeader: n, columnIcons: r, columns: a, data: o, editMode: s, isReadOnly: c, rowDisplayControl: l, selectionHeader: u, onAddColumn: d, onCancelHeaderEdit: f, onDeleteColumn: p, onHeaderDraftChange: m, onHeaderEdit: h, onSaveHeader: g } = e, _ = l ? "2xs" : "xs", v;
+	t[0] !== l || t[1] !== _ ? (v = /* @__PURE__ */ j(D.ColumnHeader, {
+		"data-column-id": "rowIndex",
+		width: "fit-content",
+		padding: _,
+		background: "bg.subtle",
+		borderRightWidth: "1px",
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		children: l
+	}), t[0] = l, t[1] = _, t[2] = v) : v = t[2];
+	let y;
+	t[3] === u ? y = t[4] : (y = u ? /* @__PURE__ */ j(D.ColumnHeader, {
+		"data-column-id": "rowSelection",
+		padding: "xs",
+		textAlign: "center",
+		background: "bg.subtle",
+		borderRightWidth: "1px",
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		children: u
+	}) : null, t[3] = u, t[4] = y);
+	let C;
+	if (t[5] !== n || t[6] !== r || t[7] !== a || t[8] !== o || t[9] !== s || t[10] !== c || t[11] !== f || t[12] !== p || t[13] !== m || t[14] !== h || t[15] !== g) {
+		let e;
+		t[17] !== n || t[18] !== r || t[19] !== a.length || t[20] !== o || t[21] !== s || t[22] !== c || t[23] !== f || t[24] !== p || t[25] !== m || t[26] !== h || t[27] !== g ? (e = (e) => {
+			let t = n?.columnId === e.id, l = r?.[e.id] ?? Ie(o.map((t) => t[e.id])), u = /* @__PURE__ */ j(D.ColumnHeader, {
+				"data-column-id": e.id,
+				"data-data-column": "true",
+				height: "10",
+				padding: t ? "0" : "xs",
+				position: "relative",
+				overflow: "hidden",
+				background: "bg.subtle",
+				textAlign: e.alignment ?? "left",
+				borderRightWidth: "1px",
+				borderBottomWidth: "1px",
+				borderColor: "border.subtle",
+				cursor: c ? "default" : "context-menu",
+				children: t ? /* @__PURE__ */ j(nt, {
+					accessibleName: e.label || "empty",
+					draft: n.draft,
+					onChange: m,
+					onSave: g,
+					onCancel: f
+				}) : /* @__PURE__ */ M(b, {
+					alignItems: "center",
+					gap: "1",
+					minWidth: "0",
+					overflow: "hidden",
+					children: [l, /* @__PURE__ */ j(O, {
+						as: "div",
+						textStyle: "label/S/medium",
+						truncate: !0,
+						children: s.renderHeader?.(e) ?? e.label
+					})]
+				})
+			}, e.id);
+			return c ? u : /* @__PURE__ */ j(i, {
+				contentMinWidth: "12rem",
+				actions: [{
+					key: "edit-header",
+					label: "Rename column",
+					icon: /* @__PURE__ */ j(x, {
+						as: re,
+						boxSize: "14px"
+					}),
+					onClick: () => h(e)
+				}, {
+					key: "delete-column",
+					label: "Delete column",
+					icon: /* @__PURE__ */ j(x, {
+						as: K,
+						boxSize: "14px"
+					}),
+					isDisabled: a.length === 1,
+					separatorBefore: !0,
+					onClick: () => p(e.id)
+				}],
+				children: u
+			}, e.id);
+		}, t[17] = n, t[18] = r, t[19] = a.length, t[20] = o, t[21] = s, t[22] = c, t[23] = f, t[24] = p, t[25] = m, t[26] = h, t[27] = g, t[28] = e) : e = t[28], C = a.map(e), t[5] = n, t[6] = r, t[7] = a, t[8] = o, t[9] = s, t[10] = c, t[11] = f, t[12] = p, t[13] = m, t[14] = h, t[15] = g, t[16] = C;
+	} else C = t[16];
+	let w;
+	t[29] !== c || t[30] !== d ? (w = c ? null : /* @__PURE__ */ j(D.ColumnHeader, {
+		"data-column-id": "editControl",
+		width: "min-content",
+		padding: "2xs",
+		textAlign: "center",
+		position: "sticky",
+		right: "0",
+		zIndex: "3",
+		background: "bg.subtle",
+		borderLeftWidth: "1px",
+		borderBottomWidth: "1px",
+		borderColor: "border.subtle",
+		children: /* @__PURE__ */ j(S, {
+			size: "xs",
+			variant: "ghost",
+			"aria-label": "Insert column",
+			onClick: d,
+			children: /* @__PURE__ */ j(W, {})
+		})
+	}), t[29] = c, t[30] = d, t[31] = w) : w = t[31];
+	let T;
+	return t[32] !== v || t[33] !== y || t[34] !== C || t[35] !== w ? (T = /* @__PURE__ */ j(D.Header, { children: /* @__PURE__ */ M(D.Row, {
+		height: "10",
+		background: "bg.subtle",
+		children: [
+			v,
+			y,
+			C,
+			w
+		]
+	}) }), t[32] = v, t[33] = y, t[34] = C, t[35] = w, t[36] = T) : T = t[36], T;
+};
+//#endregion
+//#region src/components/data-table/pagination-footer.tsx
+function dt(e) {
+	let t = A(63), { pageCount: n, pageIndex: i, pageSize: a, pageSizeOptions: o, onPageChange: s, onPageSizeChange: c } = e, l = Math.max(n, 1), u = i > 0, d = i < l - 1, m;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ j(O, {
+		textStyle: "label/S/regular",
+		children: "Rows per page"
+	}), t[0] = m) : m = t[0];
+	let h;
+	t[1] === a ? h = t[2] : (h = /* @__PURE__ */ j(C.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ j(y, {
+			size: "xs",
+			variant: "outline",
+			children: a
+		})
+	}), t[1] = a, t[2] = h);
+	let g;
+	if (t[3] !== c || t[4] !== a || t[5] !== o) {
+		let e;
+		t[7] !== c || t[8] !== a ? (e = (e) => /* @__PURE__ */ j(C.Item, {
+			value: `${e}`,
+			asChild: !0,
+			children: /* @__PURE__ */ j(r, {
+				asChild: !0,
+				variant: "full-width",
+				label: `${e}`,
+				isSelected: e === a,
+				onActivate: () => c(e)
+			})
+		}, e), t[7] = c, t[8] = a, t[9] = e) : e = t[9], g = o.map(e), t[3] = c, t[4] = a, t[5] = o, t[6] = g;
+	} else g = t[6];
+	let _;
+	t[10] === g ? _ = t[11] : (_ = /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(C.Positioner, { children: /* @__PURE__ */ j(C.Content, {
+		bg: "bg",
+		children: g
+	}) }) }), t[10] = g, t[11] = _);
+	let v;
+	t[12] !== h || t[13] !== _ ? (v = /* @__PURE__ */ M(b, {
+		alignItems: "center",
+		gap: "xs",
+		marginRight: "sm",
+		children: [m, /* @__PURE__ */ M(C.Root, { children: [h, _] })]
+	}), t[12] = h, t[13] = _, t[14] = v) : v = t[14];
+	let w;
+	t[15] === s ? w = t[16] : (w = () => s(0), t[15] = s, t[16] = w);
+	let D = !u, k;
+	t[17] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ j(x, {
+		as: ee,
+		boxSize: "14px"
+	}), t[17] = k) : k = t[17];
+	let N;
+	t[18] !== w || t[19] !== D ? (N = /* @__PURE__ */ j(S, {
+		size: "xs",
+		"aria-label": "Go to first page",
+		onClick: w,
+		disabled: D,
+		children: k
+	}), t[18] = w, t[19] = D, t[20] = N) : N = t[20];
+	let P;
+	t[21] !== s || t[22] !== i ? (P = () => s(i - 1), t[21] = s, t[22] = i, t[23] = P) : P = t[23];
+	let F = !u, I;
+	t[24] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ j(x, {
+		as: V,
+		boxSize: "14px"
+	}), t[24] = I) : I = t[24];
+	let L;
+	t[25] !== F || t[26] !== P ? (L = /* @__PURE__ */ j(S, {
+		size: "xs",
+		"aria-label": "Go to previous page",
+		onClick: P,
+		disabled: F,
+		children: I
+	}), t[25] = F, t[26] = P, t[27] = L) : L = t[27];
+	let R;
+	t[28] !== s || t[29] !== i ? (R = () => s(i + 1), t[28] = s, t[29] = i, t[30] = R) : R = t[30];
+	let z = !d, B;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ j(x, {
+		as: H,
+		boxSize: "14px"
+	}), t[31] = B) : B = t[31];
+	let U;
+	t[32] !== R || t[33] !== z ? (U = /* @__PURE__ */ j(S, {
+		size: "xs",
+		"aria-label": "Go to next page",
+		onClick: R,
+		disabled: z,
+		children: B
+	}), t[32] = R, t[33] = z, t[34] = U) : U = t[34];
+	let ne;
+	t[35] !== s || t[36] !== l ? (ne = () => s(l - 1), t[35] = s, t[36] = l, t[37] = ne) : ne = t[37];
+	let re = !d, W;
+	t[38] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ j(x, {
+		as: te,
+		boxSize: "14px"
+	}), t[38] = W) : W = t[38];
+	let G;
+	t[39] !== ne || t[40] !== re ? (G = /* @__PURE__ */ j(S, {
+		size: "xs",
+		"aria-label": "Go to last page",
+		onClick: ne,
+		disabled: re,
+		children: W
+	}), t[39] = ne, t[40] = re, t[41] = G) : G = t[41];
+	let K;
+	t[42] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ j(O, { children: "Page" }), t[42] = K) : K = t[42];
+	let ie = `${i + 1}`, q;
+	t[43] !== s || t[44] !== l ? (q = (e) => {
+		let t = Number.isNaN(e.valueAsNumber) ? 1 : e.valueAsNumber;
+		s(Math.min(l, Math.max(1, t)) - 1);
+	}, t[43] = s, t[44] = l, t[45] = q) : q = t[45];
+	let J;
+	t[46] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ j(p, { className: "nodrag" }), t[46] = J) : J = t[46];
+	let Y;
+	t[47] !== ie || t[48] !== q || t[49] !== l ? (Y = /* @__PURE__ */ j(f, {
+		margin: "2xs",
+		width: "3rem",
+		size: "xs",
+		min: 1,
+		max: l,
+		value: ie,
+		onValueChange: q,
+		children: J
+	}), t[47] = ie, t[48] = q, t[49] = l, t[50] = Y) : Y = t[50];
+	let X;
+	t[51] === l ? X = t[52] : (X = /* @__PURE__ */ M(O, { children: ["of ", l] }), t[51] = l, t[52] = X);
+	let Z;
+	t[53] !== Y || t[54] !== X ? (Z = /* @__PURE__ */ M(b, {
+		alignItems: "center",
+		height: "100%",
+		marginLeft: "sm",
+		marginRight: "md",
+		gap: "xs",
+		children: [
+			K,
+			Y,
+			X
+		]
+	}), t[53] = Y, t[54] = X, t[55] = Z) : Z = t[55];
+	let ae;
+	return t[56] !== L || t[57] !== U || t[58] !== G || t[59] !== Z || t[60] !== v || t[61] !== N ? (ae = /* @__PURE__ */ j(b, {
+		alignItems: "center",
+		justifyContent: "flex-end",
+		borderTop: "1px solid",
+		borderColor: "border.subtle",
+		paddingX: "xs",
+		children: /* @__PURE__ */ M(E, {
+			alignItems: "center",
+			direction: "row",
+			justifyContent: "flex-end",
+			paddingY: "xs",
+			children: [
+				v,
+				N,
+				L,
+				U,
+				G,
+				Z
+			]
+		})
+	}), t[56] = L, t[57] = U, t[58] = G, t[59] = Z, t[60] = v, t[61] = N, t[62] = ae) : ae = t[62], ae;
+}
+//#endregion
+//#region src/components/data-table/selection-toolbar.tsx
+function ft(e) {
+	let t = A(24), { selectedCount: n, totalCount: i, onClearSelection: a, onSelectAll: o, actions: s, selectedRows: c } = e, l = s.length === 1 ? s[0]?.label : "Actions", u;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ j(x, {
+		as: q,
+		boxSize: "16px"
+	}), t[0] = u) : u = t[0];
+	let d;
+	t[1] === a ? d = t[2] : (d = /* @__PURE__ */ j(S, {
+		"aria-label": "clear-selection",
+		onClick: a,
+		size: "xs",
+		children: u
+	}), t[1] = a, t[2] = d);
+	let f;
+	t[3] === n ? f = t[4] : (f = /* @__PURE__ */ M(O, { children: [n, " rows selected"] }), t[3] = n, t[4] = f);
+	let p;
+	t[5] !== o || t[6] !== n || t[7] !== i ? (p = n !== i && /* @__PURE__ */ M(y, {
+		size: "xs",
+		onClick: o,
+		children: [
+			"Select all ",
+			i,
+			" rows"
+		]
+	}), t[5] = o, t[6] = n, t[7] = i, t[8] = p) : p = t[8];
+	let m;
+	t[9] !== l || t[10] !== s[0] || t[11] !== s.length || t[12] !== c ? (m = s.length === 1 && s[0] ? /* @__PURE__ */ j(y, {
+		size: "xs",
+		onClick: () => s[0]?.onSelect(c),
+		children: l
+	}) : null, t[9] = l, t[10] = s[0], t[11] = s.length, t[12] = c, t[13] = m) : m = t[13];
+	let h;
+	t[14] !== l || t[15] !== s || t[16] !== c ? (h = s.length > 1 ? /* @__PURE__ */ M(C.Root, { children: [/* @__PURE__ */ j(C.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ j(y, {
+			size: "xs",
+			children: l
+		})
+	}), /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(C.Positioner, { children: /* @__PURE__ */ j(C.Content, {
+		bg: "bg",
+		children: s.map((e) => /* @__PURE__ */ j(C.Item, {
+			value: e.label,
+			asChild: !0,
+			children: /* @__PURE__ */ j(r, {
+				asChild: !0,
+				variant: "full-width",
+				tone: e.destructive ? "danger" : "default",
+				label: e.label,
+				icon: e.icon,
+				onActivate: () => e.onSelect(c)
+			})
+		}, e.label))
+	}) }) })] }) : null, t[14] = l, t[15] = s, t[16] = c, t[17] = h) : h = t[17];
+	let g;
+	return t[18] !== d || t[19] !== f || t[20] !== p || t[21] !== m || t[22] !== h ? (g = /* @__PURE__ */ j(b, {
+		position: "absolute",
+		insetX: "sm",
+		bottom: "sm",
+		zIndex: "popover",
+		justifyContent: "center",
+		pointerEvents: "none",
+		children: /* @__PURE__ */ M(E, {
+			role: "toolbar",
+			"aria-label": "Selection actions",
+			direction: "row",
+			alignItems: "center",
+			layerStyle: "floatingBar",
+			pointerEvents: "auto",
+			maxWidth: "100%",
+			overflowX: "auto",
+			children: [
+				d,
+				f,
+				p,
+				m,
+				h
+			]
+		})
+	}), t[18] = d, t[19] = f, t[20] = p, t[21] = m, t[22] = h, t[23] = g) : g = t[23], g;
+}
+//#endregion
+//#region src/components/data-table/use-data-table-view.ts
+var pt = (e) => ({
+	settings: {
+		...J,
+		...e.defaultSettings
+	},
+	filter: e.defaultFilter,
+	sorts: e.defaultSorts
+}), mt = (e, t, n) => {
+	let r = A(4), i;
+	r[0] === n ? i = r[1] : (i = n === void 0 ? {} : n, r[0] = n, r[1] = i);
+	let a = i, s;
+	return r[2] === a ? s = r[3] : (s = pt(a), r[2] = a, r[3] = s), o(e, s, t);
+}, ht = (e) => {
+	let t = A(17), { data: n, hiddenColumns: r, getRowId: i, compactHeaders: a, columnRenderers: d, columnTypes: f, groupableColumns: p, filterableColumns: m } = e, _ = new Set(r ?? []), v = Object.keys(n[0] || {}).filter((e) => !_.has(e)), y = $e({
+		toolbarStorageKey: e.toolbarStorageKey,
+		columnKeys: v
+	}), b = pt(e), x = c({
+		storageKey: y,
+		initialState: b,
+		viewsSource: e.viewsSource,
+		defaultViews: e.defaultViews,
+		defaultActiveViewId: e.defaultActiveViewId
+	}), S = o(y, b, gt), { settings: C, filter: w, sorts: T } = S, [E, D] = L(""), O = P(E), k = Ye(v, C.columnOrder), j;
+	t[0] === C.hiddenColumns ? j = t[1] : (j = (e) => !C.hiddenColumns.includes(e), t[0] = C.hiddenColumns, t[1] = j);
+	let M = k.filter(j), N = qe(n, k, {
+		compactHeaders: a,
+		columnRenderers: d,
+		columnTypes: f,
+		groupableColumns: p,
+		filterableColumns: m
+	}), F = Je(n, k, i, d), I = s(F, w, N), R = h(I, T, N), z = u(R, O, (e) => M.flatMap((t) => Ze(e.sourceRow[t], d?.[t]))), B = l(N, C.grouping), V = B?.groupable ? g(z, B, g(F, B).map(_t)) : void 0, H;
+	return t[2] !== N || t[3] !== O || t[4] !== I || t[5] !== V || t[6] !== b || t[7] !== k || t[8] !== F || t[9] !== E || t[10] !== D || t[11] !== z || t[12] !== y || t[13] !== S || t[14] !== x || t[15] !== M ? (H = {
+		...S,
+		storageKey: y,
+		initialState: b,
+		views: x,
+		search: E,
+		deferredSearch: O,
+		setSearch: D,
+		attributes: N,
+		rows: F,
+		filteredRows: I,
+		shownRows: z,
+		groups: V,
+		orderedColumnKeys: k,
+		visibleColumnKeys: M
+	}, t[2] = N, t[3] = O, t[4] = I, t[5] = V, t[6] = b, t[7] = k, t[8] = F, t[9] = E, t[10] = D, t[11] = z, t[12] = y, t[13] = S, t[14] = x, t[15] = M, t[16] = H) : H = t[16], H;
+};
+function gt(e) {
+	return e;
+}
+function _t(e) {
+	return e.key;
+}
+//#endregion
+//#region src/components/data-table/edit-mode-data-table.tsx
+var vt = (e) => `${e}-${globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`}`, yt = (e) => {
+	let n = A(160), { data: r, editMode: i, fullWidth: a, initialPageSize: o, pageSizeOptions: s, isReadOnly: c, getRowId: l, columnIcons: u, toolbarStorageKey: d } = e, f = a !== void 0 && a, p = o === void 0 ? 30 : o, m = s === void 0 ? [
+		10,
+		20,
+		30,
+		50
+	] : s, h = c === void 0 || c, [g, _] = L(0), y;
+	n[0] === p ? y = n[1] : (y = () => Math.min(Math.max(p, 1), 50), n[0] = p, n[1] = y);
+	let [x, S] = L(y), [C, w] = L(null), [T, E] = L(null), [O, k] = L(bt), N, P, I, R, z;
+	if (n[2] !== r[0] || n[3] !== i?.columns || n[4] !== e) {
+		N = i?.columns ?? [];
+		let t = N.map(xt);
+		z = ht, P = e, I = Object.fromEntries(N.map(St)), R = Object.keys(r[0] ?? {}).filter((e) => !t.includes(e)), n[2] = r[0], n[3] = i?.columns, n[4] = e, n[5] = N, n[6] = P, n[7] = I, n[8] = R, n[9] = z;
+	} else N = n[5], P = n[6], I = n[7], R = n[8], z = n[9];
+	let B;
+	n[10] !== P || n[11] !== I || n[12] !== R ? (B = {
+		...P,
+		compactHeaders: I,
+		hiddenColumns: R
+	}, n[10] = P, n[11] = I, n[12] = R, n[13] = B) : B = n[13];
+	let V = z(B), H = V.settings.wrapRows, ee;
+	n[14] === V ? ee = n[15] : (ee = (e) => V.setSettings({ wrapRows: e }), n[14] = V, n[15] = ee);
+	let te = ee, U = V.shownRows, ne = U.map(Ct), re = [...new Set(m.filter(wt))], W = Math.max(Math.ceil(ne.length / x), 1), G = ne.slice(g * x, (g + 1) * x), K = "fit-content";
+	f && (K = h ? "100%" : "calc(100% + var(--chakra-spacing-10))");
+	let ie;
+	n[16] === e ? ie = n[17] : (ie = Ue(e), n[16] = e, n[17] = ie);
+	let q = ie, J;
+	n[18] === e ? J = n[19] : (J = He(e), n[18] = e, n[19] = J);
+	let Y = J, X;
+	n[20] !== W || n[21] !== g || n[22] !== _ ? (X = () => {
+		g < W || _(W - 1);
+	}, n[20] = W, n[21] = g, n[22] = _, n[23] = X) : X = n[23];
+	let Z;
+	n[24] !== W || n[25] !== g ? (Z = [W, g], n[24] = W, n[25] = g, n[26] = Z) : Z = n[26], F(X, Z);
+	let ae;
+	n[27] !== U || n[28] !== k ? (ae = () => {
+		let e = new Set(U.map(Tt));
+		k((t) => {
+			let n = new Set([...t].filter((t) => e.has(t)));
+			return n.size === t.size && [...n].every((e) => t.has(e)) ? t : n;
+		});
+	}, n[27] = U, n[28] = k, n[29] = ae) : ae = n[29];
+	let se;
+	if (n[30] === U ? se = n[31] : (se = [U], n[30] = U, n[31] = se), F(ae, se), !i) return null;
+	let le;
+	n[32] === l ? le = n[33] : (le = (e, t) => l?.(e, t) ?? String(e.id ?? t), n[32] = l, n[33] = le);
+	let Q = le, ue;
+	n[34] !== C || n[35] !== r || n[36] !== i || n[37] !== Q || n[38] !== w ? (ue = () => {
+		C && (i.onDataChange(r.map((e, t) => Q(e, t) === C.rowId ? {
+			...e,
+			[C.columnId]: C.draft
+		} : e)), w(null));
+	}, n[34] = C, n[35] = r, n[36] = i, n[37] = Q, n[38] = w, n[39] = ue) : ue = n[39];
+	let de = ue, fe;
+	n[40] !== N || n[41] !== i ? (fe = (e, t) => {
+		i.onColumnsChange(N.map((n) => n.id === e ? {
+			...n,
+			...t,
+			id: n.id
+		} : n));
+	}, n[40] = N, n[41] = i, n[42] = fe) : fe = n[42];
+	let pe = fe, me;
+	n[43] !== T || n[44] !== E || n[45] !== pe ? (me = () => {
+		T && (pe(T.columnId, { label: T.draft }), E(null));
+	}, n[43] = T, n[44] = E, n[45] = pe, n[46] = me) : me = n[46];
+	let he = me, ge;
+	n[47] !== N || n[48] !== i ? (ge = () => {
+		let e = vt("column");
+		i.onColumnsChange([...N, {
+			id: e,
+			label: `Column ${N.length + 1}`,
+			alignment: null
+		}]);
+	}, n[47] = N, n[48] = i, n[49] = ge) : ge = n[49];
+	let _e = ge, ve;
+	n[50] !== T?.columnId || n[51] !== N || n[52] !== i || n[53] !== E ? (ve = (e) => {
+		N.length !== 1 && (i.onColumnsChange(N.filter((t) => t.id !== e)), T?.columnId === e && E(null));
+	}, n[50] = T?.columnId, n[51] = N, n[52] = i, n[53] = E, n[54] = ve) : ve = n[54];
+	let ye = ve, be;
+	n[55] !== N || n[56] !== r || n[57] !== i ? (be = () => {
+		let e = Object.fromEntries(N.map(Et));
+		e.id = vt("row"), i.onDataChange([...r, e]);
+	}, n[55] = N, n[56] = r, n[57] = i, n[58] = be) : be = n[58];
+	let xe = be, Se;
+	n[59] !== _ || n[60] !== S ? (Se = (e) => {
+		S(Math.min(e, 50)), _(0);
+	}, n[59] = _, n[60] = S, n[61] = Se) : Se = n[61];
+	let Ce = Se, we;
+	n[62] !== r || n[63] !== i || n[64] !== Q ? (we = (e) => {
+		i.onDataChange(r.filter((t, n) => Q(t, n) !== e));
+	}, n[62] = r, n[63] = i, n[64] = Q, n[65] = we) : we = n[65];
+	let Te = we, Ee;
+	n[66] === k ? Ee = n[67] : (Ee = (e, t) => {
+		k((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, n[66] = k, n[67] = Ee);
+	let De = Ee, Oe = U.length > 0 && O.size === U.length, ke;
+	if (n[68] !== U || n[69] !== O) {
+		let e;
+		n[71] === O ? e = n[72] : (e = (e) => O.has(e.id), n[71] = O, n[72] = e), ke = U.filter(e).map(Dt), n[68] = U, n[69] = O, n[70] = ke;
+	} else ke = n[70];
+	let Ae = ke, je = !d, Me;
+	n[73] !== te || n[74] !== je || n[75] !== H ? (Me = /* @__PURE__ */ j(ce, {
+		compact: je,
+		wrapRows: H,
+		onWrapRowsChange: te
+	}), n[73] = te, n[74] = je, n[75] = H, n[76] = Me) : Me = n[76];
+	let Ne = Me, Pe;
+	n[77] !== e.viewsSource || n[78] !== Ne || n[79] !== d || n[80] !== V ? (Pe = d ? /* @__PURE__ */ j(oe, {
+		view: V,
+		viewsSource: e.viewsSource,
+		displayControl: Ne
+	}) : null, n[77] = e.viewsSource, n[78] = Ne, n[79] = d, n[80] = V, n[81] = Pe) : Pe = n[81];
+	let Fe;
+	n[82] === Symbol.for("react.memo_cache_sentinel") ? (Fe = { overflowY: "hidden" }, n[82] = Fe) : Fe = n[82];
+	let Ie = K, Le;
+	n[83] === Symbol.for("react.memo_cache_sentinel") ? (Le = /* @__PURE__ */ j(v, {
+		as: "col",
+		width: "9"
+	}), n[83] = Le) : Le = n[83];
+	let Re;
+	n[84] === q ? Re = n[85] : (Re = q ? /* @__PURE__ */ j(v, {
+		as: "col",
+		width: "9"
+	}) : null, n[84] = q, n[85] = Re);
+	let ze;
+	n[86] === N ? ze = n[87] : (ze = N.map(Ot), n[86] = N, n[87] = ze);
+	let Be;
+	n[88] === h ? Be = n[89] : (Be = h ? null : /* @__PURE__ */ j(v, {
+		as: "col",
+		width: "10"
+	}), n[88] = h, n[89] = Be);
+	let Ve;
+	n[90] !== Re || n[91] !== ze || n[92] !== Be ? (Ve = /* @__PURE__ */ M("colgroup", { children: [
+		Le,
+		Re,
+		ze,
+		Be
+	] }), n[90] = Re, n[91] = ze, n[92] = Be, n[93] = Ve) : Ve = n[93];
+	let We = d ? void 0 : Ne, Ge;
+	n[94] === E ? Ge = n[95] : (Ge = () => E(null), n[94] = E, n[95] = Ge);
+	let Ke, qe;
+	n[96] === E ? (Ke = n[97], qe = n[98]) : (Ke = (e) => E((t) => t && {
+		...t,
+		draft: e
+	}), qe = (e) => E({
+		columnId: e.id,
+		draft: e.label
+	}), n[96] = E, n[97] = Ke, n[98] = qe);
+	let Je;
+	n[99] !== Oe || n[100] !== q || n[101] !== U || n[102] !== O || n[103] !== k ? (Je = q ? /* @__PURE__ */ j(st, {
+		checked: Oe,
+		indeterminate: O.size > 0 && !Oe,
+		onChange: (e) => k(e ? new Set(U.map(kt)) : /* @__PURE__ */ new Set())
+	}) : void 0, n[99] = Oe, n[100] = q, n[101] = U, n[102] = O, n[103] = k, n[104] = Je) : Je = n[104];
+	let Ye;
+	n[105] !== T || n[106] !== _e || n[107] !== u || n[108] !== N || n[109] !== he || n[110] !== r || n[111] !== i || n[112] !== h || n[113] !== ye || n[114] !== We || n[115] !== Ge || n[116] !== Ke || n[117] !== qe || n[118] !== Je ? (Ye = /* @__PURE__ */ j(ut, {
+		activeHeader: T,
+		columnIcons: u,
+		columns: N,
+		data: r,
+		editMode: i,
+		isReadOnly: h,
+		rowDisplayControl: We,
+		onAddColumn: _e,
+		onCancelHeaderEdit: Ge,
+		onDeleteColumn: ye,
+		onHeaderDraftChange: Ke,
+		onHeaderEdit: qe,
+		onSaveHeader: he,
+		selectionHeader: Je
+	}), n[105] = T, n[106] = _e, n[107] = u, n[108] = N, n[109] = he, n[110] = r, n[111] = i, n[112] = h, n[113] = ye, n[114] = We, n[115] = Ge, n[116] = Ke, n[117] = qe, n[118] = Je, n[119] = Ye) : Ye = n[119];
+	let Xe = g === W - 1, $;
+	n[120] === w ? $ = n[121] : ($ = () => w(null), n[120] = w, n[121] = $);
+	let Ze;
+	n[122] !== C || n[123] !== xe || n[124] !== N || n[125] !== de || n[126] !== r || n[127] !== i || n[128] !== q || n[129] !== h || n[130] !== g || n[131] !== G || n[132] !== x || n[133] !== Te || n[134] !== Q || n[135] !== O || n[136] !== w || n[137] !== Xe || n[138] !== $ || n[139] !== De || n[140] !== H ? (Ze = /* @__PURE__ */ j(lt, {
+		activeCell: C,
+		columns: N,
+		data: r,
+		editMode: i,
+		enableSelection: q,
+		isReadOnly: h,
+		pageIndex: g,
+		pageRows: G,
+		pageSize: x,
+		selectedRowIds: O,
+		showNewRow: Xe,
+		wrapRows: H,
+		onActivateCell: w,
+		onAddRow: xe,
+		onCancelCell: $,
+		onCommitCell: de,
+		onDraftChange: w,
+		onRemoveRow: Te,
+		onToggleRowSelection: De,
+		rowIdFor: Q
+	}), n[122] = C, n[123] = xe, n[124] = N, n[125] = de, n[126] = r, n[127] = i, n[128] = q, n[129] = h, n[130] = g, n[131] = G, n[132] = x, n[133] = Te, n[134] = Q, n[135] = O, n[136] = w, n[137] = Xe, n[138] = $, n[139] = De, n[140] = H, n[141] = Ze) : Ze = n[141];
+	let Qe;
+	n[142] !== Ve || n[143] !== Ye || n[144] !== Ze || n[145] !== K ? (Qe = /* @__PURE__ */ j(t, {
+		"data-table-scroll-area": !0,
+		maxWidth: "100%",
+		showHorizontalScrollbar: !0,
+		showVerticalScrollbar: !1,
+		viewportProps: Fe,
+		children: /* @__PURE__ */ M(D.Root, {
+			"data-edit-mode": "true",
+			size: "sm",
+			tableLayout: "fixed",
+			width: Ie,
+			borderWidth: "1px",
+			borderColor: "border.subtle",
+			children: [
+				Ve,
+				Ye,
+				Ze
+			]
+		})
+	}), n[142] = Ve, n[143] = Ye, n[144] = Ze, n[145] = K, n[146] = Qe) : Qe = n[146];
+	let $e;
+	n[147] !== q || n[148] !== U || n[149] !== Ae || n[150] !== Y || n[151] !== k ? ($e = q && Ae.length > 0 ? /* @__PURE__ */ j(ft, {
+		selectedCount: Ae.length,
+		totalCount: U.length,
+		onClearSelection: () => k(/* @__PURE__ */ new Set()),
+		onSelectAll: () => k(new Set(U.map(At))),
+		actions: Y,
+		selectedRows: Ae
+	}) : null, n[147] = q, n[148] = U, n[149] = Ae, n[150] = Y, n[151] = k, n[152] = $e) : $e = n[152];
+	let et;
+	n[153] !== Qe || n[154] !== $e ? (et = /* @__PURE__ */ M(v, {
+		position: "relative",
+		width: "100%",
+		children: [Qe, $e]
+	}), n[153] = Qe, n[154] = $e, n[155] = et) : et = n[155];
+	let tt = W > 1 ? /* @__PURE__ */ j(dt, {
+		pageCount: W,
+		pageIndex: g,
+		pageSize: x,
+		pageSizeOptions: re,
+		onPageChange: _,
+		onPageSizeChange: Ce
+	}) : null, nt;
+	return n[156] !== Pe || n[157] !== et || n[158] !== tt ? (nt = /* @__PURE__ */ M(b, {
+		direction: "column",
+		width: "100%",
+		gap: "2xs",
+		children: [
+			Pe,
+			et,
+			tt
+		]
+	}), n[156] = Pe, n[157] = et, n[158] = tt, n[159] = nt) : nt = n[159], nt;
+};
+function bt() {
+	return /* @__PURE__ */ new Set();
+}
+function xt(e) {
+	return e.id;
+}
+function St(e) {
+	return [e.id, e.label];
+}
+function Ct(e) {
+	return e.sourceRow;
+}
+function wt(e) {
+	return e > 0 && e <= 50;
+}
+function Tt(e) {
+	return e.id;
+}
+function Et(e) {
+	return [e.id, ""];
+}
+function Dt(e) {
+	return e.sourceRow;
+}
+function Ot(e) {
+	return /* @__PURE__ */ j("col", {}, e.id);
+}
+function kt(e) {
+	return e.id;
+}
+function At(e) {
+	return e.id;
+}
+//#endregion
+export { de as C, fe as S, oe as T, ke as _, dt as a, Ce as b, Be as c, We as d, Xe as f, Ae as g, Ie as h, ft as i, He as l, Le as m, ht as n, Ve as o, Re as p, mt as r, Qe as s, yt as t, Ue as u, xe as v, le as w, Se as x, Ee as y };
+
+//# sourceMappingURL=edit-mode-data-table-DnMB2jiy.js.map