@pstdio/ui 0.20.1 → 0.22.0

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

@@ -0,0 +1,846 @@
+import { jsx as o, jsxs as H } from "react/jsx-runtime";
+import { c as j } from "react/compiler-runtime";
+import { Popover as oe, IconButton as Z, Text as ie, Box as ne, Icon as $, Portal as qe, chakra as Ht, Flex as le, Table as L, Button as Ie, Menu as J, Stack as wt } from "@chakra-ui/react";
+import { isValidElement as Ct, useRef as ft, useEffect as ht, useState as ve } from "react";
+import { S as St } from "./browser-storage-DPtOQJx0.js";
+import { K as Pt, f as Tt, u as Mt } from "./kanban-renderer-toolbar-Bl8xXdwU.js";
+import { Settings2 as Ot, CalendarClock as Nt, Type as $t, Hash as Bt, CheckCircle2 as Vt, Check as gt, X as xt, Minus as Lt, Plus as vt, Trash2 as yt, Pencil as jt, ChevronsLeft as Kt, ChevronLeft as Ft, ChevronRight as Xt, ChevronsRight as Gt } from "lucide-react";
+import { S as Ut, C as Rt, N as Yt, a as qt } from "./lazy-markdown-editor-CCOchoJX.js";
+import { createColumnHelper as Jt } from "@tanstack/react-table";
+import { R as It, L as kt } from "./list-row-DCgdza1i.js";
+const Qt = (t) => {
+  const e = j(8), {
+    rows: l,
+    attributes: n,
+    storageKey: a,
+    columnControl: s,
+    defaultViews: i,
+    defaultActiveViewId: r
+  } = t;
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    viewMode: "list"
+  }, e[0] = d) : d = e[0];
+  let c;
+  return e[1] !== n || e[2] !== s || e[3] !== r || e[4] !== i || e[5] !== l || e[6] !== a ? (c = /* @__PURE__ */ o(Pt, { rows: l, storageKey: a, attributes: n, defaultSettings: d, defaultViews: i, defaultActiveViewId: r, displayControl: s }), e[1] = n, e[2] = s, e[3] = r, e[4] = i, e[5] = l, e[6] = a, e[7] = c) : c = e[7], c;
+}, Zt = (t) => {
+  const e = j(10), {
+    showDivider: l,
+    wrapRows: n,
+    onWrapRowsChange: a
+  } = t, i = (l === void 0 ? !1 : l) ? "1px" : void 0;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    role: "switch"
+  }, e[0] = r) : r = e[0];
+  let d;
+  e[1] !== a ? (d = (p) => a(p.checked === !0), e[1] = a, e[2] = d) : d = e[2];
+  let c;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ o(ie, { as: "span", textStyle: "label/S/regular", children: "Wrap rows" }), e[3] = c) : c = e[3];
+  let f;
+  e[4] !== d || e[5] !== n ? (f = /* @__PURE__ */ o(Ut, { checked: n, inputProps: r, width: "full", flexDirection: "row-reverse", justifyContent: "space-between", onCheckedChange: d, children: c }), e[4] = d, e[5] = n, e[6] = f) : f = e[6];
+  let g;
+  return e[7] !== i || e[8] !== f ? (g = /* @__PURE__ */ o(ne, { borderBottomWidth: i, borderColor: "border.subtle", padding: "xs", children: f }), e[7] = i, e[8] = f, e[9] = g) : g = e[9], g;
+}, en = (t) => {
+  const e = j(16), {
+    compact: l,
+    wrapRows: n,
+    onWrapRowsChange: a
+  } = t, s = l === void 0 ? !1 : l;
+  let i;
+  e[0] !== a || e[1] !== n ? (i = /* @__PURE__ */ o(oe.Positioner, { children: /* @__PURE__ */ o(oe.Content, { width: "min(240px, calc(100vw - 32px))", p: "0", bg: "bg", overflow: "hidden", children: /* @__PURE__ */ o(Zt, { wrapRows: n, onWrapRowsChange: a }) }) }), e[0] = a, e[1] = n, e[2] = i) : i = e[2];
+  const r = i, d = s ? "bottom-start" : "bottom-end";
+  let c;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+    mainAxis: 8
+  }, e[3] = c) : c = e[3];
+  let f;
+  e[4] !== d ? (f = {
+    placement: d,
+    offset: c
+  }, e[4] = d, e[5] = f) : f = e[5];
+  const g = s ? "2xs" : "sm";
+  let p;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ o($, { as: Ot, boxSize: "14px" }), e[6] = p) : p = e[6];
+  let u;
+  e[7] !== g ? (u = /* @__PURE__ */ o(oe.Trigger, { asChild: !0, children: /* @__PURE__ */ o(Z, { "aria-label": "Display settings", variant: "ghost", size: g, children: p }) }), e[7] = g, e[8] = u) : u = e[8];
+  let m;
+  e[9] !== s || e[10] !== r ? (m = s ? r : /* @__PURE__ */ o(qe, { children: r }), e[9] = s, e[10] = r, e[11] = m) : m = e[11];
+  let C;
+  return e[12] !== f || e[13] !== u || e[14] !== m ? (C = /* @__PURE__ */ H(oe.Root, { positioning: f, children: [
+    u,
+    m
+  ] }), e[12] = f, e[13] = u, e[14] = m, e[15] = C) : C = e[15], C;
+}, mt = (t) => typeof t == "object" && t !== null && "display" in t, bt = (t) => typeof t == "string" || t instanceof String, tn = (t) => typeof t == "number" || t instanceof Number, nn = (t) => typeof t == "boolean" || t instanceof Boolean, ln = (t) => {
+  const e = t.map((l) => mt(l) ? l.sortValue ?? null : l instanceof String || l instanceof Number || l instanceof Boolean ? l.valueOf() : Ct(l) ? null : l).filter((l) => l != null);
+  return e.length === 0 ? "unknown" : e.every((l) => bt(l) && !Number.isNaN(Date.parse(l.toString()))) ? "date" : e.every((l) => tn(l)) ? "number" : e.every((l) => nn(l)) ? "boolean" : e.every((l) => bt(l)) ? "string" : "unknown";
+}, Ye = {
+  boxSize: "14px",
+  marginRight: "2px"
+}, on = (t) => {
+  const e = ln(t);
+  return e === "date" ? /* @__PURE__ */ o($, { as: Nt, ...Ye }) : e === "string" ? /* @__PURE__ */ o($, { as: $t, ...Ye }) : e === "number" ? /* @__PURE__ */ o($, { as: Bt, ...Ye }) : e === "boolean" ? /* @__PURE__ */ o($, { as: Vt, ...Ye }) : null;
+};
+function Un(t) {
+  if (mt(t)) return t.display;
+  if (Ct(t)) return t;
+  switch ((t instanceof String || t instanceof Number || t instanceof Boolean) && (t = t.valueOf()), typeof t) {
+    case "boolean":
+      return t ? "TRUE" : "FALSE";
+    case "number":
+      return t;
+    case "object":
+      return t !== null ? JSON.stringify(t) : "-";
+    case "undefined":
+      return "-";
+    default:
+      return t ? String(t) : "-";
+  }
+}
+const Yn = Jt(), rn = 30, Dt = (t, e, l) => l ? l(t, e) : typeof t.id == "string" ? t.id : String(e), qn = (t) => typeof t.initialPageSize == "number" && t.initialPageSize > 0 ? t.initialPageSize : rn, Jn = (t) => t.map((e) => e.original), an = (t) => {
+  const e = [...t.selectionActions ?? []];
+  return t.onCSVDownload && e.push({
+    label: "Download CSV",
+    onSelect: (l) => {
+      t.onCSVDownload?.(l.map((n, a) => Dt(n, a, t.getRowId)));
+    }
+  }), e;
+}, sn = (t) => t.selectionMode === "multiple" || !!t.onCSVDownload || !!t.selectionActions?.length, Qn = (t) => t.enableRowActivation === !0 && t.activeRowId === t.rowId, ut = (t) => {
+  const e = mt(t) ? t.sortValue : t;
+  return typeof e == "boolean" ? String(e) : e;
+}, cn = (t, e) => {
+  const l = t.map((n) => ut(n[e])).filter((n) => n != null);
+  return l.length > 0 && l.every((n) => typeof n == "number");
+}, dn = (t, e) => cn(t, e) ? {
+  kind: "number"
+} : {
+  kind: "string"
+}, fn = (t, e, l) => e.map((n) => ({
+  id: n,
+  label: l?.[n] ?? n,
+  type: dn(t, n),
+  filterable: !0,
+  sortable: !0,
+  displayable: !0
+})), hn = (t, e, l) => t.map((n, a) => {
+  const s = Object.fromEntries(e.map((d) => [d, ut(n[d])])), i = Dt(n, a, l), r = e.length > 0 ? ut(n[e[0]]) : i;
+  return {
+    id: i,
+    title: String(r ?? i),
+    attributes: s,
+    sourceRow: n
+  };
+}), un = (t, e, l) => Tt(t, e, l), Zn = (t, e) => {
+  const l = new Set(t), n = e.filter((i) => l.has(i)), a = new Set(n), s = t.filter((i) => !a.has(i));
+  return [...n, ...s];
+}, el = (t, e, l) => {
+  const n = t.indexOf(e), a = t.indexOf(l);
+  if (n < 0 || a < 0 || n === a) return t;
+  const s = [...t], [i] = s.splice(n, 1);
+  return i ? (s.splice(a, 0, i), s) : t;
+}, gn = (t) => t.toolbarStorageKey ?? `data-table:${t.columnKeys.join("|") || "empty"}`, zt = (t) => {
+  const e = j(11), {
+    cancelLabel: l,
+    saveLabel: n,
+    onCancel: a,
+    onSave: s
+  } = t;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ o(gt, {}), e[0] = i) : i = e[0];
+  let r;
+  e[1] !== s || e[2] !== n ? (r = /* @__PURE__ */ o(Z, { type: "button", size: "2xs", variant: "ghost", "aria-label": n, onClick: s, children: i }), e[1] = s, e[2] = n, e[3] = r) : r = e[3];
+  let d;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ o(xt, {}), e[4] = d) : d = e[4];
+  let c;
+  e[5] !== l || e[6] !== a ? (c = /* @__PURE__ */ o(Z, { type: "button", size: "2xs", variant: "ghost", "aria-label": l, onClick: a, children: d }), e[5] = l, e[6] = a, e[7] = c) : c = e[7];
+  let f;
+  return e[8] !== r || e[9] !== c ? (f = /* @__PURE__ */ H(le, { gap: "2xs", flexShrink: "0", children: [
+    r,
+    c
+  ] }), e[8] = r, e[9] = c, e[10] = f) : f = e[10], f;
+}, At = (t) => {
+  const e = j(12), {
+    accessibleName: l,
+    textStyle: n,
+    value: a,
+    onCancel: s,
+    onChange: i,
+    onSave: r
+  } = t, d = ft(null), c = ft(a);
+  let f, g;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+    const h = d.current;
+    if (!h)
+      return;
+    h.textContent = c.current, h.focus();
+    const S = globalThis.getSelection(), b = document.createRange();
+    b.selectNodeContents(h), S?.removeAllRanges(), S?.addRange(b);
+  }, g = [], e[0] = f, e[1] = g) : (f = e[0], g = e[1]), ht(f, g);
+  let p;
+  e[2] !== s || e[3] !== r ? (p = (h) => {
+    h.key === "Enter" && (h.preventDefault(), r()), h.key === "Escape" && s();
+  }, e[2] = s, e[3] = r, e[4] = p) : p = e[4];
+  const u = p;
+  let m;
+  e[5] !== i ? (m = (h) => i(h.currentTarget.textContent ?? ""), e[5] = i, e[6] = m) : m = e[6];
+  let C;
+  return e[7] !== l || e[8] !== u || e[9] !== m || e[10] !== n ? (C = /* @__PURE__ */ o(Ht.div, { ref: d, role: "textbox", "aria-label": l, contentEditable: !0, suppressContentEditableWarning: !0, height: "10", width: "100%", paddingX: "xs", paddingY: "xs", overflow: "hidden", background: "transparent", border: "none", borderRadius: "0", outline: "none", textStyle: n, textOverflow: "ellipsis", whiteSpace: "nowrap", onInput: m, onKeyDown: u }), e[7] = l, e[8] = u, e[9] = m, e[10] = n, e[11] = C) : C = e[11], C;
+}, mn = (t) => {
+  const e = j(12), {
+    accessibleName: l,
+    draft: n,
+    onCancel: a,
+    onChange: s,
+    onSave: i
+  } = t, r = `Rename column ${l}`;
+  let d;
+  e[0] !== n || e[1] !== a || e[2] !== s || e[3] !== i || e[4] !== r ? (d = /* @__PURE__ */ o(At, { accessibleName: r, textStyle: "label/S/medium", value: n, onChange: s, onSave: i, onCancel: a }), e[0] = n, e[1] = a, e[2] = s, e[3] = i, e[4] = r, e[5] = d) : d = e[5];
+  let c;
+  e[6] !== a || e[7] !== i ? (c = /* @__PURE__ */ o(ne, { position: "absolute", top: "50%", right: "2xs", transform: "translateY(-50%)", background: "bg.subtle", children: /* @__PURE__ */ o(zt, { saveLabel: "Save column name", cancelLabel: "Cancel column rename", onSave: i, onCancel: a }) }), e[6] = a, e[7] = i, e[8] = c) : c = e[8];
+  let f;
+  return e[9] !== d || e[10] !== c ? (f = /* @__PURE__ */ H(ne, { position: "absolute", inset: "0", width: "100%", height: "10", background: "bg.subtle", zIndex: "1", children: [
+    d,
+    c
+  ] }), e[9] = d, e[10] = c, e[11] = f) : f = e[11], f;
+}, bn = (t) => {
+  const e = j(22), {
+    anchorRef: l,
+    customEditor: n,
+    draft: a,
+    onCancel: s,
+    onChange: i,
+    onSave: r
+  } = t;
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    mainAxis: -40
+  }, e[0] = d) : d = e[0];
+  let c;
+  e[1] !== l ? (c = {
+    placement: "bottom-start",
+    offset: d,
+    getAnchorElement: () => l.current
+  }, e[1] = l, e[2] = c) : c = e[2];
+  let f, g;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    minHeight: "10"
+  }, g = {
+    maxHeight: "48",
+    overscrollBehavior: "contain"
+  }, e[3] = f, e[4] = g) : (f = e[3], g = e[4]);
+  let p;
+  e[5] !== n || e[6] !== a || e[7] !== s || e[8] !== i || e[9] !== r ? (p = n ?? /* @__PURE__ */ o(At, { accessibleName: "Edit cell", textStyle: "paragraph/S/regular", value: a, onChange: i, onSave: r, onCancel: s }), e[5] = n, e[6] = a, e[7] = s, e[8] = i, e[9] = r, e[10] = p) : p = e[10];
+  let u;
+  e[11] !== p ? (u = /* @__PURE__ */ o(St, { "data-table-cell-editor-body": !0, width: "100%", minHeight: "10", maxHeight: "48", contentProps: f, viewportProps: g, children: p }), e[11] = p, e[12] = u) : u = e[12];
+  let m;
+  e[13] !== s || e[14] !== r ? (m = /* @__PURE__ */ o(le, { "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__ */ o(zt, { saveLabel: "Save cell", cancelLabel: "Cancel cell edit", onSave: r, onCancel: s }) }), e[13] = s, e[14] = r, e[15] = m) : m = e[15];
+  let C;
+  e[16] !== u || e[17] !== m ? (C = /* @__PURE__ */ o(qe, { children: /* @__PURE__ */ o(oe.Positioner, { children: /* @__PURE__ */ H(oe.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: [
+    u,
+    m
+  ] }) }) }), e[16] = u, e[17] = m, e[18] = C) : C = e[18];
+  let h;
+  return e[19] !== c || e[20] !== C ? (h = /* @__PURE__ */ o(oe.Root, { open: !0, closeOnInteractOutside: !1, positioning: c, children: C }), e[19] = c, e[20] = C, e[21] = h) : h = e[21], h;
+}, pn = (t) => t ? {
+  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"
+}, wn = (t) => {
+  const e = j(45), {
+    activeDraft: l,
+    column: n,
+    context: a,
+    editMode: s,
+    isActive: i,
+    isReadOnly: r,
+    wrapRows: d,
+    onActivate: c,
+    onCancel: f,
+    onDraftChange: g,
+    onSave: p
+  } = t, u = l === void 0 ? "" : l, m = ft(null);
+  let C;
+  e[0] !== a || e[1] !== s || e[2] !== r ? (C = !r && (s.isCellEditable?.(a) ?? !0), e[0] = a, e[1] = s, e[2] = r, e[3] = C) : C = e[3];
+  const h = C;
+  let S;
+  e[4] !== d ? (S = pn(d), e[4] = d, e[5] = S) : S = e[5];
+  const b = S;
+  let A;
+  if (i) {
+    let y;
+    e[6] !== u || e[7] !== a || e[8] !== s || e[9] !== g ? (y = s.renderCellEditor?.({
+      context: a,
+      value: u,
+      onChange: g
+    }), e[6] = u, e[7] = a, e[8] = s, e[9] = g, e[10] = y) : y = e[10];
+    const P = y;
+    let O;
+    e[11] !== u || e[12] !== P || e[13] !== f || e[14] !== g || e[15] !== p ? (O = /* @__PURE__ */ o(bn, { anchorRef: m, draft: u, customEditor: P, onChange: g, onSave: p, onCancel: f }), e[11] = u, e[12] = P, e[13] = f, e[14] = g, e[15] = p, e[16] = O) : O = e[16], A = O;
+  } else {
+    let y;
+    e[17] !== a || e[18] !== s ? (y = s.renderCell?.(a) ?? String(a.value ?? ""), e[17] = a, e[18] = s, e[19] = y) : y = e[19];
+    let P;
+    e[20] !== b.overflowWrap || e[21] !== b.whiteSpace || e[22] !== y ? (P = /* @__PURE__ */ o(ne, { width: "100%", minHeight: "5", textAlign: "inherit", overflowWrap: b.overflowWrap, whiteSpace: b.whiteSpace, children: y }), e[20] = b.overflowWrap, e[21] = b.whiteSpace, e[22] = y, e[23] = P) : P = e[23], A = P;
+  }
+  let k;
+  e[24] !== i || e[25] !== h || e[26] !== c ? (k = (y) => {
+    !h || i || y.key !== "Enter" && y.key !== " " || (y.preventDefault(), c());
+  }, e[24] = i, e[25] = h, e[26] = c, e[27] = k) : k = e[27];
+  const W = k, D = n.id, x = String(h), z = i ? "true" : void 0, R = i ? "0" : "xs", I = i ? "visible" : "hidden", E = n.alignment ?? "left", M = h && !i ? "text" : void 0, N = h && !i ? 0 : void 0, w = h && !i ? c : void 0;
+  let B;
+  return e[28] !== n.id || e[29] !== A || e[30] !== W || e[31] !== b.height || e[32] !== b.maxHeight || e[33] !== b.textOverflow || e[34] !== b.verticalAlign || e[35] !== b.whiteSpace || e[36] !== M || e[37] !== N || e[38] !== w || e[39] !== x || e[40] !== z || e[41] !== R || e[42] !== I || e[43] !== E ? (B = /* @__PURE__ */ o(L.Cell, { ref: m, "data-column-id": D, "data-editable": x, "data-editing": z, padding: R, height: b.height, maxHeight: b.maxHeight, position: "relative", overflow: I, background: "bg", textAlign: E, textStyle: "paragraph/S/regular", textOverflow: b.textOverflow, verticalAlign: b.verticalAlign, whiteSpace: b.whiteSpace, borderRightWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", cursor: M, tabIndex: N, onClick: w, onKeyDown: W, children: A }), e[28] = n.id, e[29] = A, e[30] = W, e[31] = b.height, e[32] = b.maxHeight, e[33] = b.textOverflow, e[34] = b.verticalAlign, e[35] = b.whiteSpace, e[36] = M, e[37] = N, e[38] = w, e[39] = x, e[40] = z, e[41] = R, e[42] = I, e[43] = E, e[44] = B) : B = e[44], B;
+}, _t = (t) => {
+  t.stopPropagation();
+}, Cn = (t) => {
+  const e = j(8), {
+    checked: l,
+    indeterminate: n,
+    onChange: a
+  } = t, s = l ? !0 : n ? "indeterminate" : !1, i = n ? Lt : gt;
+  let r;
+  e[0] !== i ? (r = /* @__PURE__ */ o($, { as: i, boxSize: "12px", strokeWidth: "3" }), e[0] = i, e[1] = r) : r = e[1];
+  let d;
+  e[2] !== a ? (d = (f) => a(f.checked === !0), e[2] = a, e[3] = d) : d = e[3];
+  let c;
+  return e[4] !== s || e[5] !== r || e[6] !== d ? (c = /* @__PURE__ */ o(Rt, { checked: s, "aria-label": "Select all", icon: r, onClick: _t, onCheckedChange: d }), e[4] = s, e[5] = r, e[6] = d, e[7] = c) : c = e[7], c;
+}, Sn = (t) => {
+  const e = j(6), {
+    checked: l,
+    onChange: n
+  } = t;
+  let a;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ o($, { as: gt, boxSize: "12px", strokeWidth: "3" }), e[0] = a) : a = e[0];
+  let s;
+  e[1] !== n ? (s = (r) => n(r.checked === !0), e[1] = n, e[2] = s) : s = e[2];
+  let i;
+  return e[3] !== l || e[4] !== s ? (i = /* @__PURE__ */ o(L.Cell, { "data-column-id": "rowSelection", height: "10", padding: "xs", textAlign: "center", background: "bg", borderRightWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", children: /* @__PURE__ */ o(Rt, { checked: l, "aria-label": "Select row", icon: a, onClick: _t, onCheckedChange: s }) }), e[3] = l, e[4] = s, e[5] = i) : i = e[5], i;
+}, xn = (t) => {
+  const e = j(46), {
+    activeCell: l,
+    columns: n,
+    data: a,
+    editMode: s,
+    enableSelection: i,
+    isReadOnly: r,
+    pageIndex: d,
+    pageRows: c,
+    pageSize: f,
+    selectedRowIds: g,
+    showNewRow: p,
+    wrapRows: u,
+    onActivateCell: m,
+    onAddRow: C,
+    onCancelCell: h,
+    onCommitCell: S,
+    onDraftChange: b,
+    onRemoveRow: A,
+    onToggleRowSelection: k,
+    rowIdFor: W
+  } = t;
+  let D;
+  if (e[0] !== l || e[1] !== n || e[2] !== a || e[3] !== s || e[4] !== i || e[5] !== r || e[6] !== m || e[7] !== h || e[8] !== S || e[9] !== b || e[10] !== A || e[11] !== k || e[12] !== d || e[13] !== c || e[14] !== f || e[15] !== W || e[16] !== g || e[17] !== u) {
+    let R;
+    e[19] !== l || e[20] !== n || e[21] !== a || e[22] !== s || e[23] !== i || e[24] !== r || e[25] !== m || e[26] !== h || e[27] !== S || e[28] !== b || e[29] !== A || e[30] !== k || e[31] !== d || e[32] !== f || e[33] !== W || e[34] !== g || e[35] !== u ? (R = (I, E) => {
+      const M = d * f + E, N = a.indexOf(I), w = W(I, N), B = /* @__PURE__ */ H(L.Row, { "data-document-row": "true", "data-selected": g.has(w) ? "true" : void 0, "aria-selected": g.has(w), height: u ? void 0 : "10", background: "bg", children: [
+        /* @__PURE__ */ o(L.Cell, { "data-column-id": "rowIndex", height: u ? void 0 : "10", padding: "xs", textAlign: "center", textStyle: "paragraph/S/regular", background: "bg.subtle", borderRightWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", verticalAlign: u ? "top" : "middle", children: M + 1 }),
+        i ? /* @__PURE__ */ o(Sn, { checked: g.has(w), onChange: (y) => k(w, y) }) : null,
+        n.map((y) => {
+          const P = {
+            row: I,
+            rowId: w,
+            columnId: y.id,
+            value: I[y.id] ?? ""
+          }, O = l?.rowId === w && l.columnId === y.id;
+          return /* @__PURE__ */ o(wn, { activeDraft: O ? l?.draft : void 0, column: y, context: P, editMode: s, isActive: O, isReadOnly: r, wrapRows: u, onActivate: () => m({
+            rowId: w,
+            columnId: y.id,
+            draft: String(P.value ?? "")
+          }), onDraftChange: (Y) => b({
+            rowId: w,
+            columnId: y.id,
+            draft: Y
+          }), onSave: S, onCancel: h }, y.id);
+        }),
+        r ? null : /* @__PURE__ */ o(L.Cell, { "data-column-id": "editControl", width: "min-content", height: u ? void 0 : "10", position: "sticky", right: "0", zIndex: "1", background: "bg", borderLeftWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", verticalAlign: u ? "top" : "middle" })
+      ] }, w);
+      return r ? B : /* @__PURE__ */ o(It, { contentMinWidth: "12rem", actions: [{
+        key: "delete-row",
+        label: "Delete row",
+        icon: /* @__PURE__ */ o($, { as: yt, boxSize: "14px" }),
+        onClick: () => A(w)
+      }], children: B }, w);
+    }, e[19] = l, e[20] = n, e[21] = a, e[22] = s, e[23] = i, e[24] = r, e[25] = m, e[26] = h, e[27] = S, e[28] = b, e[29] = A, e[30] = k, e[31] = d, e[32] = f, e[33] = W, e[34] = g, e[35] = u, e[36] = R) : R = e[36], D = c.map(R), e[0] = l, e[1] = n, e[2] = a, e[3] = s, e[4] = i, e[5] = r, e[6] = m, e[7] = h, e[8] = S, e[9] = b, e[10] = A, e[11] = k, e[12] = d, e[13] = c, e[14] = f, e[15] = W, e[16] = g, e[17] = u, e[18] = D;
+  } else
+    D = e[18];
+  let x;
+  e[37] !== n || e[38] !== i || e[39] !== r || e[40] !== C || e[41] !== p ? (x = !r && p ? /* @__PURE__ */ o(L.Row, { children: /* @__PURE__ */ o(L.Cell, { colSpan: n.length + 2 + (i ? 1 : 0), padding: "0", children: /* @__PURE__ */ H(Ie, { size: "xs", variant: "ghost-static", width: "100%", justifyContent: "flex-start", paddingX: "xs", color: "fg.muted", onClick: C, children: [
+    /* @__PURE__ */ o($, { as: vt }),
+    "New row"
+  ] }) }) }) : null, e[37] = n, e[38] = i, e[39] = r, e[40] = C, e[41] = p, e[42] = x) : x = e[42];
+  let z;
+  return e[43] !== D || e[44] !== x ? (z = /* @__PURE__ */ H(L.Body, { children: [
+    D,
+    x
+  ] }), e[43] = D, e[44] = x, e[45] = z) : z = e[45], z;
+}, vn = (t) => {
+  const e = j(37), {
+    activeHeader: l,
+    columnIcons: n,
+    columns: a,
+    data: s,
+    editMode: i,
+    isReadOnly: r,
+    rowDisplayControl: d,
+    selectionHeader: c,
+    onAddColumn: f,
+    onCancelHeaderEdit: g,
+    onDeleteColumn: p,
+    onHeaderDraftChange: u,
+    onHeaderEdit: m,
+    onSaveHeader: C
+  } = t, h = d ? "2xs" : "xs";
+  let S;
+  e[0] !== d || e[1] !== h ? (S = /* @__PURE__ */ o(L.ColumnHeader, { "data-column-id": "rowIndex", width: "fit-content", padding: h, background: "bg.subtle", borderRightWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", children: d }), e[0] = d, e[1] = h, e[2] = S) : S = e[2];
+  let b;
+  e[3] !== c ? (b = c ? /* @__PURE__ */ o(L.ColumnHeader, { "data-column-id": "rowSelection", padding: "xs", textAlign: "center", background: "bg.subtle", borderRightWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", children: c }) : null, e[3] = c, e[4] = b) : b = e[4];
+  let A;
+  if (e[5] !== l || e[6] !== n || e[7] !== a || e[8] !== s || e[9] !== i || e[10] !== r || e[11] !== g || e[12] !== p || e[13] !== u || e[14] !== m || e[15] !== C) {
+    let D;
+    e[17] !== l || e[18] !== n || e[19] !== a.length || e[20] !== s || e[21] !== i || e[22] !== r || e[23] !== g || e[24] !== p || e[25] !== u || e[26] !== m || e[27] !== C ? (D = (x) => {
+      const z = l?.columnId === x.id, R = n?.[x.id] ?? on(s.map((E) => E[x.id])), I = /* @__PURE__ */ o(L.ColumnHeader, { "data-column-id": x.id, "data-data-column": "true", height: "10", padding: z ? "0" : "xs", position: "relative", overflow: "hidden", background: "bg.subtle", textAlign: x.alignment ?? "left", borderRightWidth: "1px", borderBottomWidth: "1px", borderColor: "border.subtle", cursor: r ? "default" : "context-menu", children: z ? /* @__PURE__ */ o(mn, { accessibleName: x.label || "empty", draft: l.draft, onChange: u, onSave: C, onCancel: g }) : /* @__PURE__ */ H(le, { alignItems: "center", gap: "1", minWidth: "0", overflow: "hidden", children: [
+        R,
+        /* @__PURE__ */ o(ie, { as: "div", textStyle: "label/S/medium", truncate: !0, children: i.renderHeader?.(x) ?? x.label })
+      ] }) }, x.id);
+      return r ? I : /* @__PURE__ */ o(It, { contentMinWidth: "12rem", actions: [{
+        key: "edit-header",
+        label: "Rename column",
+        icon: /* @__PURE__ */ o($, { as: jt, boxSize: "14px" }),
+        onClick: () => m(x)
+      }, {
+        key: "delete-column",
+        label: "Delete column",
+        icon: /* @__PURE__ */ o($, { as: yt, boxSize: "14px" }),
+        isDisabled: a.length === 1,
+        separatorBefore: !0,
+        onClick: () => p(x.id)
+      }], children: I }, x.id);
+    }, e[17] = l, e[18] = n, e[19] = a.length, e[20] = s, e[21] = i, e[22] = r, e[23] = g, e[24] = p, e[25] = u, e[26] = m, e[27] = C, e[28] = D) : D = e[28], A = a.map(D), e[5] = l, e[6] = n, e[7] = a, e[8] = s, e[9] = i, e[10] = r, e[11] = g, e[12] = p, e[13] = u, e[14] = m, e[15] = C, e[16] = A;
+  } else
+    A = e[16];
+  let k;
+  e[29] !== r || e[30] !== f ? (k = r ? null : /* @__PURE__ */ o(L.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__ */ o(Z, { size: "xs", variant: "ghost", "aria-label": "Insert column", onClick: f, children: /* @__PURE__ */ o(vt, {}) }) }), e[29] = r, e[30] = f, e[31] = k) : k = e[31];
+  let W;
+  return e[32] !== S || e[33] !== b || e[34] !== A || e[35] !== k ? (W = /* @__PURE__ */ o(L.Header, { children: /* @__PURE__ */ H(L.Row, { height: "10", background: "bg.subtle", children: [
+    S,
+    b,
+    A,
+    k
+  ] }) }), e[32] = S, e[33] = b, e[34] = A, e[35] = k, e[36] = W) : W = e[36], W;
+};
+function yn(t) {
+  const e = j(68), {
+    pageCount: l,
+    pageIndex: n,
+    pageSize: a,
+    pageSizeOptions: s,
+    totalRows: i,
+    onPageChange: r,
+    onPageSizeChange: d
+  } = t, c = Math.max(l, 1), f = n > 0, g = n < c - 1;
+  let p;
+  e[0] !== i ? (p = /* @__PURE__ */ H(ie, { textStyle: "label/S/regular", children: [
+    i,
+    " rows"
+  ] }), e[0] = i, e[1] = p) : p = e[1];
+  let u;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ o(ie, { textStyle: "label/S/regular", children: "Rows per page" }), e[2] = u) : u = e[2];
+  let m;
+  e[3] !== a ? (m = /* @__PURE__ */ o(J.Trigger, { asChild: !0, children: /* @__PURE__ */ o(Ie, { size: "xs", variant: "outline", children: a }) }), e[3] = a, e[4] = m) : m = e[4];
+  let C;
+  if (e[5] !== d || e[6] !== a || e[7] !== s) {
+    let U;
+    e[9] !== d || e[10] !== a ? (U = (K) => /* @__PURE__ */ o(J.Item, { value: `${K}`, asChild: !0, children: /* @__PURE__ */ o(kt, { asChild: !0, variant: "full-width", label: `${K}`, isSelected: K === a, onActivate: () => d(K) }) }, K), e[9] = d, e[10] = a, e[11] = U) : U = e[11], C = s.map(U), e[5] = d, e[6] = a, e[7] = s, e[8] = C;
+  } else
+    C = e[8];
+  let h;
+  e[12] !== C ? (h = /* @__PURE__ */ o(qe, { children: /* @__PURE__ */ o(J.Positioner, { children: /* @__PURE__ */ o(J.Content, { bg: "bg", children: C }) }) }), e[12] = C, e[13] = h) : h = e[13];
+  let S;
+  e[14] !== m || e[15] !== h ? (S = /* @__PURE__ */ H(le, { alignItems: "center", gap: "xs", marginRight: "sm", children: [
+    u,
+    /* @__PURE__ */ H(J.Root, { children: [
+      m,
+      h
+    ] })
+  ] }), e[14] = m, e[15] = h, e[16] = S) : S = e[16];
+  let b;
+  e[17] !== r ? (b = () => r(0), e[17] = r, e[18] = b) : b = e[18];
+  const A = !f;
+  let k;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ o($, { as: Kt, boxSize: "14px" }), e[19] = k) : k = e[19];
+  let W;
+  e[20] !== b || e[21] !== A ? (W = /* @__PURE__ */ o(Z, { size: "xs", "aria-label": "Go to first page", onClick: b, disabled: A, children: k }), e[20] = b, e[21] = A, e[22] = W) : W = e[22];
+  let D;
+  e[23] !== r || e[24] !== n ? (D = () => r(n - 1), e[23] = r, e[24] = n, e[25] = D) : D = e[25];
+  const x = !f;
+  let z;
+  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ o($, { as: Ft, boxSize: "14px" }), e[26] = z) : z = e[26];
+  let R;
+  e[27] !== D || e[28] !== x ? (R = /* @__PURE__ */ o(Z, { size: "xs", "aria-label": "Go to previous page", onClick: D, disabled: x, children: z }), e[27] = D, e[28] = x, e[29] = R) : R = e[29];
+  let I;
+  e[30] !== r || e[31] !== n ? (I = () => r(n + 1), e[30] = r, e[31] = n, e[32] = I) : I = e[32];
+  const E = !g;
+  let M;
+  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ o($, { as: Xt, boxSize: "14px" }), e[33] = M) : M = e[33];
+  let N;
+  e[34] !== I || e[35] !== E ? (N = /* @__PURE__ */ o(Z, { size: "xs", "aria-label": "Go to next page", onClick: I, disabled: E, children: M }), e[34] = I, e[35] = E, e[36] = N) : N = e[36];
+  let w;
+  e[37] !== r || e[38] !== c ? (w = () => r(c - 1), e[37] = r, e[38] = c, e[39] = w) : w = e[39];
+  const B = !g;
+  let y;
+  e[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ o($, { as: Gt, boxSize: "14px" }), e[40] = y) : y = e[40];
+  let P;
+  e[41] !== w || e[42] !== B ? (P = /* @__PURE__ */ o(Z, { size: "xs", "aria-label": "Go to last page", onClick: w, disabled: B, children: y }), e[41] = w, e[42] = B, e[43] = P) : P = e[43];
+  let O;
+  e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ o(ie, { children: "Page" }), e[44] = O) : O = e[44];
+  const Y = `${n + 1}`;
+  let G;
+  e[45] !== r || e[46] !== c ? (G = (U) => {
+    const K = Number.isNaN(U.valueAsNumber) ? 1 : U.valueAsNumber, re = Math.min(c, Math.max(1, K));
+    r(re - 1);
+  }, e[45] = r, e[46] = c, e[47] = G) : G = e[47];
+  let ye;
+  e[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ye = /* @__PURE__ */ o(Yt, { className: "nodrag" }), e[48] = ye) : ye = e[48];
+  let ee;
+  e[49] !== Y || e[50] !== G || e[51] !== c ? (ee = /* @__PURE__ */ o(qt, { margin: "2xs", width: "3rem", size: "xs", min: 1, max: c, value: Y, onValueChange: G, children: ye }), e[49] = Y, e[50] = G, e[51] = c, e[52] = ee) : ee = e[52];
+  let _;
+  e[53] !== c ? (_ = /* @__PURE__ */ H(ie, { children: [
+    "of ",
+    c
+  ] }), e[53] = c, e[54] = _) : _ = e[54];
+  let q;
+  e[55] !== ee || e[56] !== _ ? (q = /* @__PURE__ */ H(le, { alignItems: "center", height: "100%", marginLeft: "sm", marginRight: "md", gap: "xs", children: [
+    O,
+    ee,
+    _
+  ] }), e[55] = ee, e[56] = _, e[57] = q) : q = e[57];
+  let te;
+  e[58] !== R || e[59] !== N || e[60] !== P || e[61] !== q || e[62] !== S || e[63] !== W ? (te = /* @__PURE__ */ H(wt, { alignItems: "center", direction: "row", justifyContent: "flex-end", paddingY: "xs", children: [
+    S,
+    W,
+    R,
+    N,
+    P,
+    q
+  ] }), e[58] = R, e[59] = N, e[60] = P, e[61] = q, e[62] = S, e[63] = W, e[64] = te) : te = e[64];
+  let V;
+  return e[65] !== p || e[66] !== te ? (V = /* @__PURE__ */ H(le, { alignItems: "center", justifyContent: "space-between", borderTop: "1px solid", borderColor: "border.subtle", paddingX: "xs", children: [
+    p,
+    te
+  ] }), e[65] = p, e[66] = te, e[67] = V) : V = e[67], V;
+}
+function Rn(t) {
+  const e = j(24), {
+    selectedCount: l,
+    totalCount: n,
+    onClearSelection: a,
+    onSelectAll: s,
+    actions: i,
+    selectedRows: r
+  } = t, d = i.length === 1 ? i[0]?.label : "Actions";
+  let c;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ o($, { as: xt, boxSize: "16px" }), e[0] = c) : c = e[0];
+  let f;
+  e[1] !== a ? (f = /* @__PURE__ */ o(Z, { "aria-label": "clear-selection", onClick: a, size: "xs", children: c }), e[1] = a, e[2] = f) : f = e[2];
+  let g;
+  e[3] !== l ? (g = /* @__PURE__ */ H(ie, { children: [
+    l,
+    " rows selected"
+  ] }), e[3] = l, e[4] = g) : g = e[4];
+  let p;
+  e[5] !== s || e[6] !== l || e[7] !== n ? (p = l !== n && /* @__PURE__ */ H(Ie, { size: "xs", onClick: s, children: [
+    "Select all ",
+    n,
+    " rows"
+  ] }), e[5] = s, e[6] = l, e[7] = n, e[8] = p) : p = e[8];
+  let u;
+  e[9] !== d || e[10] !== i[0] || e[11] !== i.length || e[12] !== r ? (u = i.length === 1 && i[0] ? /* @__PURE__ */ o(Ie, { size: "xs", onClick: () => i[0]?.onSelect(r), children: d }) : null, e[9] = d, e[10] = i[0], e[11] = i.length, e[12] = r, e[13] = u) : u = e[13];
+  let m;
+  e[14] !== d || e[15] !== i || e[16] !== r ? (m = i.length > 1 ? /* @__PURE__ */ H(J.Root, { children: [
+    /* @__PURE__ */ o(J.Trigger, { asChild: !0, children: /* @__PURE__ */ o(Ie, { size: "xs", children: d }) }),
+    /* @__PURE__ */ o(qe, { children: /* @__PURE__ */ o(J.Positioner, { children: /* @__PURE__ */ o(J.Content, { bg: "bg", children: i.map((h) => /* @__PURE__ */ o(J.Item, { value: h.label, asChild: !0, children: /* @__PURE__ */ o(kt, { asChild: !0, variant: "full-width", tone: h.destructive ? "danger" : "default", label: h.label, icon: h.icon, onActivate: () => h.onSelect(r) }) }, h.label)) }) }) })
+  ] }) : null, e[14] = d, e[15] = i, e[16] = r, e[17] = m) : m = e[17];
+  let C;
+  return e[18] !== f || e[19] !== g || e[20] !== p || e[21] !== u || e[22] !== m ? (C = /* @__PURE__ */ o(le, { position: "absolute", insetX: "sm", bottom: "sm", zIndex: "popover", justifyContent: "center", pointerEvents: "none", children: /* @__PURE__ */ H(wt, { role: "toolbar", "aria-label": "Selection actions", direction: "row", alignItems: "center", layerStyle: "floatingBar", pointerEvents: "auto", maxWidth: "100%", overflowX: "auto", children: [
+    f,
+    g,
+    p,
+    u,
+    m
+  ] }) }), e[18] = f, e[19] = g, e[20] = p, e[21] = u, e[22] = m, e[23] = C) : C = e[23], C;
+}
+const pt = (t) => {
+  const e = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`;
+  return `${t}-${e}`;
+}, In = (t) => ({
+  settings: {
+    viewMode: "list"
+  },
+  views: t.defaultViews,
+  activeViewId: t.defaultActiveViewId
+}), tl = (t) => {
+  const e = j(151), {
+    data: l,
+    editMode: n,
+    fullWidth: a,
+    initialPageSize: s,
+    pageSizeOptions: i,
+    isReadOnly: r,
+    getRowId: d,
+    columnIcons: c,
+    toolbarStorageKey: f,
+    defaultViews: g,
+    defaultActiveViewId: p
+  } = t, u = a === void 0 ? !1 : a, m = s === void 0 ? 30 : s, C = i === void 0 ? [10, 20, 30, 50] : i, h = r === void 0 ? !0 : r, [S, b] = ve(0);
+  let A;
+  e[0] !== m ? (A = () => Math.min(Math.max(m, 1), 50), e[0] = m, e[1] = A) : A = e[1];
+  const [k, W] = ve(A), [D, x] = ve(null), [z, R] = ve(null), [I, E] = ve(kn), [M, N] = ve(!1), w = n?.columns ?? [], B = w.map(Dn), y = Object.fromEntries(w.map(zn)), P = fn(l, B, y), O = hn(l, B, d), Y = gn({
+    toolbarStorageKey: f,
+    columnKeys: B
+  });
+  let G;
+  e[2] !== t ? (G = In(t), e[2] = t, e[3] = G) : G = e[3];
+  const ee = Mt(Y, An, G), _ = un(O, ee, P), q = _.map(_n), te = [...new Set(C.filter(Wn))], V = Math.max(Math.ceil(q.length / k), 1), U = q.slice(S * k, (S + 1) * k);
+  let K = "fit-content";
+  u && (K = h ? "100%" : "calc(100% + var(--chakra-spacing-10))");
+  let re;
+  e[4] !== t ? (re = sn(t), e[4] = t, e[5] = re) : re = e[5];
+  const F = re;
+  let ke;
+  e[6] !== t ? (ke = an(t), e[6] = t, e[7] = ke) : ke = e[7];
+  const Je = ke;
+  let De;
+  e[8] !== V || e[9] !== S || e[10] !== b ? (De = () => {
+    S < V || b(V - 1);
+  }, e[8] = V, e[9] = S, e[10] = b, e[11] = De) : De = e[11];
+  let ze;
+  e[12] !== V || e[13] !== S ? (ze = [V, S], e[12] = V, e[13] = S, e[14] = ze) : ze = e[14], ht(De, ze);
+  let Ae;
+  e[15] !== _ || e[16] !== E ? (Ae = () => {
+    const v = new Set(_.map(En));
+    E((T) => {
+      const X = new Set([...T].filter((dt) => v.has(dt)));
+      return X.size === T.size && [...X].every((dt) => T.has(dt)) ? T : X;
+    });
+  }, e[15] = _, e[16] = E, e[17] = Ae) : Ae = e[17];
+  let _e;
+  if (e[18] !== _ ? (_e = [_], e[18] = _, e[19] = _e) : _e = e[19], ht(Ae, _e), !n)
+    return null;
+  let We;
+  e[20] !== d ? (We = (v, T) => d?.(v, T) ?? String(v.id ?? T), e[20] = d, e[21] = We) : We = e[21];
+  const Q = We;
+  let Ee;
+  e[22] !== D || e[23] !== l || e[24] !== n || e[25] !== Q || e[26] !== x ? (Ee = () => {
+    D && (n.onDataChange(l.map((v, T) => Q(v, T) === D.rowId ? {
+      ...v,
+      [D.columnId]: D.draft
+    } : v)), x(null));
+  }, e[22] = D, e[23] = l, e[24] = n, e[25] = Q, e[26] = x, e[27] = Ee) : Ee = e[27];
+  const Qe = Ee;
+  let He;
+  e[28] !== w || e[29] !== n ? (He = (v, T) => {
+    n.onColumnsChange(w.map((X) => X.id === v ? {
+      ...X,
+      ...T,
+      id: X.id
+    } : X));
+  }, e[28] = w, e[29] = n, e[30] = He) : He = e[30];
+  const Ze = He;
+  let Pe;
+  e[31] !== z || e[32] !== R || e[33] !== Ze ? (Pe = () => {
+    z && (Ze(z.columnId, {
+      label: z.draft
+    }), R(null));
+  }, e[31] = z, e[32] = R, e[33] = Ze, e[34] = Pe) : Pe = e[34];
+  const et = Pe;
+  let Te;
+  e[35] !== w || e[36] !== n ? (Te = () => {
+    const v = pt("column");
+    n.onColumnsChange([...w, {
+      id: v,
+      label: `Column ${w.length + 1}`,
+      alignment: null
+    }]);
+  }, e[35] = w, e[36] = n, e[37] = Te) : Te = e[37];
+  const tt = Te;
+  let Me;
+  e[38] !== z?.columnId || e[39] !== w || e[40] !== n || e[41] !== R ? (Me = (v) => {
+    w.length !== 1 && (n.onColumnsChange(w.filter((T) => T.id !== v)), z?.columnId === v && R(null));
+  }, e[38] = z?.columnId, e[39] = w, e[40] = n, e[41] = R, e[42] = Me) : Me = e[42];
+  const nt = Me;
+  let Oe;
+  e[43] !== w || e[44] !== l || e[45] !== n ? (Oe = () => {
+    const v = Object.fromEntries(w.map(Hn));
+    v.id = pt("row"), n.onDataChange([...l, v]);
+  }, e[43] = w, e[44] = l, e[45] = n, e[46] = Oe) : Oe = e[46];
+  const lt = Oe;
+  let Ne;
+  e[47] !== b || e[48] !== W ? (Ne = (v) => {
+    W(Math.min(v, 50)), b(0);
+  }, e[47] = b, e[48] = W, e[49] = Ne) : Ne = e[49];
+  const Wt = Ne;
+  let $e;
+  e[50] !== l || e[51] !== n || e[52] !== Q ? ($e = (v) => {
+    n.onDataChange(l.filter((T, X) => Q(T, X) !== v));
+  }, e[50] = l, e[51] = n, e[52] = Q, e[53] = $e) : $e = e[53];
+  const ot = $e;
+  let Be;
+  e[54] !== E ? (Be = (v, T) => {
+    E((X) => {
+      const Ue = new Set(X);
+      return T ? Ue.add(v) : Ue.delete(v), Ue;
+    });
+  }, e[54] = E, e[55] = Be) : Be = e[55];
+  const it = Be, Ve = _.length > 0 && I.size === _.length;
+  let Le;
+  if (e[56] !== _ || e[57] !== I) {
+    let v;
+    e[59] !== I ? (v = (T) => I.has(T.id), e[59] = I, e[60] = v) : v = e[60], Le = _.filter(v).map(Pn), e[56] = _, e[57] = I, e[58] = Le;
+  } else
+    Le = e[58];
+  const Re = Le, rt = !f;
+  let je;
+  e[61] !== N || e[62] !== rt || e[63] !== M ? (je = /* @__PURE__ */ o(en, { compact: rt, wrapRows: M, onWrapRowsChange: N }), e[61] = N, e[62] = rt, e[63] = M, e[64] = je) : je = e[64];
+  const Ke = je;
+  let ae;
+  e[65] !== p || e[66] !== g || e[67] !== P || e[68] !== O || e[69] !== Y || e[70] !== Ke || e[71] !== f ? (ae = f ? /* @__PURE__ */ o(Qt, { rows: O, storageKey: Y, attributes: P, columnControl: Ke, defaultViews: g, defaultActiveViewId: p }) : null, e[65] = p, e[66] = g, e[67] = P, e[68] = O, e[69] = Y, e[70] = Ke, e[71] = f, e[72] = ae) : ae = e[72];
+  let Fe;
+  e[73] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Fe = {
+    overflowY: "hidden"
+  }, e[73] = Fe) : Fe = e[73];
+  const Et = K;
+  let Xe;
+  e[74] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Xe = /* @__PURE__ */ o(ne, { as: "col", width: "9" }), e[74] = Xe) : Xe = e[74];
+  let se;
+  e[75] !== F ? (se = F ? /* @__PURE__ */ o(ne, { as: "col", width: "9" }) : null, e[75] = F, e[76] = se) : se = e[76];
+  let ce;
+  e[77] !== w ? (ce = w.map(Tn), e[77] = w, e[78] = ce) : ce = e[78];
+  let de;
+  e[79] !== h ? (de = h ? null : /* @__PURE__ */ o(ne, { as: "col", width: "10" }), e[79] = h, e[80] = de) : de = e[80];
+  let fe;
+  e[81] !== se || e[82] !== ce || e[83] !== de ? (fe = /* @__PURE__ */ H("colgroup", { children: [
+    Xe,
+    se,
+    ce,
+    de
+  ] }), e[81] = se, e[82] = ce, e[83] = de, e[84] = fe) : fe = e[84];
+  const at = f ? void 0 : Ke;
+  let he;
+  e[85] !== R ? (he = () => R(null), e[85] = R, e[86] = he) : he = e[86];
+  let ue, ge;
+  e[87] !== R ? (ue = (v) => R((T) => T && {
+    ...T,
+    draft: v
+  }), ge = (v) => R({
+    columnId: v.id,
+    draft: v.label
+  }), e[87] = R, e[88] = ue, e[89] = ge) : (ue = e[88], ge = e[89]);
+  let me;
+  e[90] !== Ve || e[91] !== F || e[92] !== _ || e[93] !== I || e[94] !== E ? (me = F ? /* @__PURE__ */ o(Cn, { checked: Ve, indeterminate: I.size > 0 && !Ve, onChange: (v) => E(v ? new Set(_.map(Mn)) : /* @__PURE__ */ new Set()) }) : void 0, e[90] = Ve, e[91] = F, e[92] = _, e[93] = I, e[94] = E, e[95] = me) : me = e[95];
+  let be;
+  e[96] !== z || e[97] !== tt || e[98] !== c || e[99] !== w || e[100] !== et || e[101] !== l || e[102] !== n || e[103] !== h || e[104] !== nt || e[105] !== at || e[106] !== he || e[107] !== ue || e[108] !== ge || e[109] !== me ? (be = /* @__PURE__ */ o(vn, { activeHeader: z, columnIcons: c, columns: w, data: l, editMode: n, isReadOnly: h, rowDisplayControl: at, onAddColumn: tt, onCancelHeaderEdit: he, onDeleteColumn: nt, onHeaderDraftChange: ue, onHeaderEdit: ge, onSaveHeader: et, selectionHeader: me }), e[96] = z, e[97] = tt, e[98] = c, e[99] = w, e[100] = et, e[101] = l, e[102] = n, e[103] = h, e[104] = nt, e[105] = at, e[106] = he, e[107] = ue, e[108] = ge, e[109] = me, e[110] = be) : be = e[110];
+  const st = S === V - 1;
+  let pe;
+  e[111] !== x ? (pe = () => x(null), e[111] = x, e[112] = pe) : pe = e[112];
+  let we;
+  e[113] !== D || e[114] !== lt || e[115] !== w || e[116] !== Qe || e[117] !== l || e[118] !== n || e[119] !== F || e[120] !== h || e[121] !== S || e[122] !== U || e[123] !== k || e[124] !== ot || e[125] !== Q || e[126] !== I || e[127] !== x || e[128] !== st || e[129] !== pe || e[130] !== it || e[131] !== M ? (we = /* @__PURE__ */ o(xn, { activeCell: D, columns: w, data: l, editMode: n, enableSelection: F, isReadOnly: h, pageIndex: S, pageRows: U, pageSize: k, selectedRowIds: I, showNewRow: st, wrapRows: M, onActivateCell: x, onAddRow: lt, onCancelCell: pe, onCommitCell: Qe, onDraftChange: x, onRemoveRow: ot, onToggleRowSelection: it, rowIdFor: Q }), e[113] = D, e[114] = lt, e[115] = w, e[116] = Qe, e[117] = l, e[118] = n, e[119] = F, e[120] = h, e[121] = S, e[122] = U, e[123] = k, e[124] = ot, e[125] = Q, e[126] = I, e[127] = x, e[128] = st, e[129] = pe, e[130] = it, e[131] = M, e[132] = we) : we = e[132];
+  let Ce;
+  e[133] !== fe || e[134] !== be || e[135] !== we || e[136] !== K ? (Ce = /* @__PURE__ */ o(St, { "data-table-scroll-area": !0, maxWidth: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, viewportProps: Fe, children: /* @__PURE__ */ H(L.Root, { "data-edit-mode": "true", size: "sm", tableLayout: "fixed", width: Et, borderWidth: "1px", borderColor: "border.subtle", children: [
+    fe,
+    be,
+    we
+  ] }) }), e[133] = fe, e[134] = be, e[135] = we, e[136] = K, e[137] = Ce) : Ce = e[137];
+  let Se;
+  e[138] !== F || e[139] !== _ || e[140] !== Re || e[141] !== Je || e[142] !== E ? (Se = F && Re.length > 0 ? /* @__PURE__ */ o(Rn, { selectedCount: Re.length, totalCount: _.length, onClearSelection: () => E(/* @__PURE__ */ new Set()), onSelectAll: () => E(new Set(_.map(On))), actions: Je, selectedRows: Re }) : null, e[138] = F, e[139] = _, e[140] = Re, e[141] = Je, e[142] = E, e[143] = Se) : Se = e[143];
+  let xe;
+  e[144] !== Ce || e[145] !== Se ? (xe = /* @__PURE__ */ H(ne, { position: "relative", width: "100%", children: [
+    Ce,
+    Se
+  ] }), e[144] = Ce, e[145] = Se, e[146] = xe) : xe = e[146];
+  const ct = V > 1 ? /* @__PURE__ */ o(yn, { pageCount: V, pageIndex: S, pageSize: k, pageSizeOptions: te, totalRows: q.length, onPageChange: b, onPageSizeChange: Wt }) : null;
+  let Ge;
+  return e[147] !== ae || e[148] !== xe || e[149] !== ct ? (Ge = /* @__PURE__ */ H(le, { direction: "column", width: "100%", gap: "2xs", children: [
+    ae,
+    xe,
+    ct
+  ] }), e[147] = ae, e[148] = xe, e[149] = ct, e[150] = Ge) : Ge = e[150], Ge;
+};
+function kn() {
+  return /* @__PURE__ */ new Set();
+}
+function Dn(t) {
+  return t.id;
+}
+function zn(t) {
+  return [t.id, t.label];
+}
+function An(t) {
+  return t.filters;
+}
+function _n(t) {
+  return t.sourceRow;
+}
+function Wn(t) {
+  return t > 0 && t <= 50;
+}
+function En(t) {
+  return t.id;
+}
+function Hn(t) {
+  return [t.id, ""];
+}
+function Pn(t) {
+  return t.sourceRow;
+}
+function Tn(t) {
+  return /* @__PURE__ */ o("col", {}, t.id);
+}
+function Mn(t) {
+  return t.id;
+}
+function On(t) {
+  return t.id;
+}
+export {
+  Zt as D,
+  tl as E,
+  yn as P,
+  Rn as S,
+  Zn as a,
+  an as b,
+  Yn as c,
+  fn as d,
+  hn as e,
+  Un as f,
+  on as g,
+  gn as h,
+  mt as i,
+  un as j,
+  Dt as k,
+  Jn as l,
+  el as m,
+  Qt as n,
+  Qn as o,
+  qn as r,
+  sn as s
+};
+//# sourceMappingURL=edit-mode-data-table-DGgRuSW3.js.map