@lembryo/voxsheet 0.0.1

package/dist/index.js

@@ -0,0 +1,1226 @@
+import { jsx as v, jsxs as oe } from "react/jsx-runtime";
+import { useRef as E, useState as V, useCallback as a, useEffect as I, useMemo as Se, forwardRef as Sn, useImperativeHandle as kn } from "react";
+const De = 200, Nn = 80, Tn = (n) => {
+  const {
+    fetchRows: d,
+    totalRows: r,
+    columns: i,
+    sort: h,
+    filters: u,
+    search: m,
+    queryKey: b,
+    frozenRows: p,
+    startRow: R,
+    endRow: Y,
+    onError: W
+  } = n, w = E(/* @__PURE__ */ new Map()), A = E(/* @__PURE__ */ new Set()), G = E(/* @__PURE__ */ new Set()), [ye, re] = V(/* @__PURE__ */ new Map()), [P, le] = V(r), [de, g] = V("idle"), y = JSON.stringify({
+    columns: i.map((F) => F.name),
+    sort: h,
+    filters: u,
+    search: m ?? null
+  }), C = a(() => {
+    for (const F of G.current) F.abort();
+    G.current.clear(), w.current.clear(), A.current.clear(), re(/* @__PURE__ */ new Map());
+  }, []);
+  I(() => {
+    C();
+  }, [y, b, C]);
+  const j = a(() => {
+    const F = /* @__PURE__ */ new Map();
+    for (const [se, ke] of w.current)
+      ke.forEach((Ne, he) => F.set(se + he, Ne));
+    re(F);
+  }, []), T = a(async () => {
+    const F = P > 0 ? P : r, se = [];
+    p > 0 && se.push(0);
+    const ke = Math.floor(R / De) * De, Ne = Math.ceil(Y / De) * De;
+    for (let k = ke; k < Ne; k += De)
+      k >= 0 && se.push(k);
+    const he = se.filter(
+      (k) => k < F && !w.current.has(k) && !A.current.has(k)
+    );
+    if (he.length === 0) return;
+    g("loading");
+    const Te = he.map(async (k) => {
+      A.current.add(k);
+      const me = new AbortController();
+      G.current.add(me);
+      const $e = De;
+      try {
+        const B = await d(
+          { offset: k, limit: $e, sort: h, filters: u, search: m },
+          me.signal
+        ), Le = B.data.map((pe, $) => ({
+          values: pe,
+          id: B.ids[$] ?? k + $ + 1,
+          ordinal: B.ordinals[$] ?? k + $ + 1
+        }));
+        w.current.set(k, Le), typeof B.total == "number" && le(B.total);
+      } catch (B) {
+        me.signal.aborted || (W?.(B, { phase: "fetch" }), g("error"));
+      } finally {
+        A.current.delete(k), G.current.delete(me);
+      }
+    });
+    await Promise.all(Te), j(), g((k) => k === "error" ? k : "idle");
+  }, [
+    d,
+    h,
+    u,
+    m,
+    R,
+    Y,
+    p,
+    P,
+    r,
+    W,
+    j
+  ]);
+  I(() => {
+    const F = setTimeout(() => {
+      T();
+    }, Nn);
+    return () => clearTimeout(F);
+  }, [T]), I(() => {
+    le(r);
+  }, [r]);
+  const fe = a(() => {
+    C(), T();
+  }, [C, T]);
+  return { rows: ye, total: P > 0 ? P : r, status: de, invalidate: fe };
+}, Ln = 200, at = (n, d) => `${n}:${d}`, An = ({ onCellChange: n, onDirtyChange: d }) => {
+  const r = E(/* @__PURE__ */ new Map()), i = E(/* @__PURE__ */ new Map()), h = E([]), u = E([]), [m, b] = V(0), p = a(() => {
+    d?.(r.current.size > 0);
+  }, [d]), R = a(
+    (g, y, C, j) => {
+      const T = at(g, y);
+      i.current.has(T) || i.current.set(T, j(g, y));
+      const fe = i.current.get(T) ?? null;
+      C === fe ? (r.current.delete(T), i.current.delete(T)) : r.current.set(T, C), n?.({ row: g, col: y, oldValue: fe, newValue: C });
+    },
+    [n]
+  ), Y = a(
+    (g, y) => {
+      if (g.length !== 0) {
+        for (const C of g) R(C.row, C.col, C.newValue, y);
+        h.current.push(g), h.current.length > Ln && h.current.shift(), u.current = [], b((C) => C + 1), p();
+      }
+    },
+    [R, p]
+  ), W = a(() => null, []), w = a(() => {
+    const g = h.current.pop();
+    if (g) {
+      for (let y = g.length - 1; y >= 0; y--) {
+        const C = g[y];
+        R(C.row, C.col, C.oldValue, W);
+      }
+      u.current.push(g), b((y) => y + 1), p();
+    }
+  }, [R, W, p]), A = a(() => {
+    const g = u.current.pop();
+    if (g) {
+      for (const y of g) R(y.row, y.col, y.newValue, W);
+      h.current.push(g), b((y) => y + 1), p();
+    }
+  }, [R, W, p]), G = a((g, y) => {
+    const C = at(g, y);
+    return r.current.has(C) ? r.current.get(C) : void 0;
+  }, []), ye = a(
+    (g, y) => r.current.has(at(g, y)),
+    []
+  ), re = a(() => {
+    const g = [];
+    for (const [y, C] of r.current) {
+      const [j, T] = y.split(":");
+      g.push({
+        row: Number(j),
+        col: Number(T),
+        oldValue: i.current.get(y) ?? null,
+        newValue: C
+      });
+    }
+    return g;
+  }, []), P = a(() => {
+    r.current.clear(), i.current.clear(), h.current = [], u.current = [], b((g) => g + 1), d?.(!1);
+  }, [d]), le = a(() => h.current.length > 0, []), de = a(() => u.current.length > 0, []);
+  return Se(
+    () => ({
+      version: m,
+      applyEdits: Y,
+      undo: w,
+      redo: A,
+      getEditedValue: G,
+      isDirty: ye,
+      getLocalEdits: re,
+      clear: P,
+      canUndo: le,
+      canRedo: de
+    }),
+    [
+      m,
+      Y,
+      w,
+      A,
+      G,
+      ye,
+      re,
+      P,
+      le,
+      de
+    ]
+  );
+}, Hn = (n) => n === "number" || n === "date" ? "right" : n === "boolean" ? "center" : "left", zt = (n) => {
+  if (n === null || n === "") return null;
+  const d = typeof n == "number" ? new Date(n) : new Date(String(n));
+  return Number.isNaN(d.getTime()) ? null : d;
+}, Vn = (n, d, r) => {
+  const i = d.format;
+  if (typeof i == "function") return i(n, { column: d, row: r });
+  if (n === null) return "";
+  if (i && i.kind === "number" && typeof n == "number")
+    return new Intl.NumberFormat(void 0, i.options).format(n);
+  if (i && i.kind === "date") {
+    const h = zt(n);
+    if (h) return new Intl.DateTimeFormat(void 0, i.options).format(h);
+  }
+  switch (d.type) {
+    case "boolean":
+      return n ? "✓" : "";
+    case "date": {
+      const h = zt(n);
+      return typeof n == "string" ? n : h ? h.toISOString().slice(0, 10) : "";
+    }
+    case "number":
+      return String(n);
+    default:
+      return String(n);
+  }
+}, Ft = (n, d) => {
+  if (n === "") return d === "string" || d === void 0 ? "" : null;
+  switch (d) {
+    case "number": {
+      const r = Number(n.replace(/,/g, ""));
+      return Number.isNaN(r) ? n : r;
+    }
+    case "boolean": {
+      const r = n.trim().toLowerCase();
+      return ["true", "1", "yes", "y", "✓"].includes(r) ? !0 : ["false", "0", "no", "n", ""].includes(r) ? !1 : n;
+    }
+    case "date":
+      return n;
+    default:
+      return n;
+  }
+}, zn = (n) => {
+  if (typeof n == "number") return n;
+  if (typeof n == "string" && n.trim() !== "") {
+    const d = Number(n.replace(/,/g, ""));
+    return Number.isNaN(d) ? null : d;
+  }
+  return null;
+}, Fn = (n) => ({
+  r1: Math.min(n.start.row, n.end.row),
+  r2: Math.max(n.start.row, n.end.row),
+  c1: Math.min(n.start.col, n.end.col),
+  c2: Math.max(n.start.col, n.end.col)
+}), Kn = (n) => n.map(Fn), $n = (n, d, r) => d >= n.r1 && d <= n.r2 && r >= n.c1 && r <= n.c2, On = (n, d, r) => n.some((i) => $n(i, d, r)), ut = (n) => n.reduce((d, r) => d + (r.r2 - r.r1 + 1) * (r.c2 - r.c1 + 1), 0), Kt = (n) => /[\t\n\r"]/.test(n) ? `"${n.replace(/"/g, '""')}"` : n, Pn = (n, d) => {
+  if (n.length === 0) return "";
+  const r = (i) => {
+    const h = [];
+    for (let u = i.r1; u <= i.r2; u++) {
+      const m = [];
+      for (let b = i.c1; b <= i.c2; b++) m.push(Kt(d(u, b)));
+      h.push(m.join("	"));
+    }
+    return h;
+  };
+  if (n.length > 1) {
+    const i = n[0];
+    if (n.every((m) => m.r1 === i.r1 && m.r2 === i.r2)) {
+      const m = [...n].sort((p, R) => p.c1 - R.c1), b = [];
+      for (let p = i.r1; p <= i.r2; p++) {
+        const R = [];
+        for (const Y of m)
+          for (let W = Y.c1; W <= Y.c2; W++) R.push(Kt(d(p, W)));
+        b.push(R.join("	"));
+      }
+      return b.join(`
+`);
+    }
+    if (n.every((m) => m.c1 === i.c1 && m.c2 === i.c2))
+      return [...n].sort((b, p) => b.r1 - p.r1).flatMap(r).join(`
+`);
+  }
+  return r(n[n.length - 1]).join(`
+`);
+}, Un = (n) => {
+  const d = [];
+  let r = [], i = "", h = !1, u = 0;
+  const m = () => {
+    r.push(i), i = "";
+  }, b = () => {
+    m(), d.push(r), r = [];
+  };
+  for (; u < n.length; ) {
+    const p = n[u];
+    if (h) {
+      if (p === '"') {
+        if (n[u + 1] === '"') {
+          i += '"', u += 2;
+          continue;
+        }
+        h = !1, u++;
+        continue;
+      }
+      i += p, u++;
+      continue;
+    }
+    if (p === '"') {
+      h = !0, u++;
+      continue;
+    }
+    if (p === "	") {
+      m(), u++;
+      continue;
+    }
+    if (p === `
+` || p === "\r") {
+      p === "\r" && n[u + 1] === `
+` && u++, b(), u++;
+      continue;
+    }
+    i += p, u++;
+  }
+  return (i !== "" || r.length > 0) && b(), d;
+}, Ke = (n) => ({
+  width: n.size ?? 14,
+  height: n.size ?? 14,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.6,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  className: n.className,
+  "aria-hidden": !0
+}), Wn = (n) => /* @__PURE__ */ v("svg", { ...Ke(n), children: /* @__PURE__ */ v("path", { d: "M8 12V4M8 4l-3 3M8 4l3 3" }) }), Bn = (n) => /* @__PURE__ */ v("svg", { ...Ke(n), children: /* @__PURE__ */ v("path", { d: "M8 4v8M8 12l-3-3M8 12l3-3" }) }), _n = (n) => /* @__PURE__ */ v("svg", { ...Ke(n), opacity: 0.45, children: /* @__PURE__ */ v("path", { d: "M5 6l3-3 3 3M5 10l3 3 3-3" }) }), In = (n) => /* @__PURE__ */ v("svg", { ...Ke(n), children: /* @__PURE__ */ v("path", { d: "M2.5 3.5h11l-4.2 5v4l-2.6 1.3v-5.3z" }) }), jn = (n) => /* @__PURE__ */ v("svg", { ...Ke(n), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ v("path", { d: "M2.5 3.5h11l-4.2 5v4l-2.6 1.3v-5.3z" }) }), $t = {
+  sortAscending: Wn,
+  sortDescending: Bn,
+  sortUnsorted: _n,
+  filter: In,
+  filterActive: jn
+}, Xn = (n) => n ? { ...$t, ...n } : $t, Ot = {
+  loading: "Loading…",
+  empty: "No rows",
+  contextCut: "Cut",
+  contextCopy: "Copy",
+  contextPaste: "Paste",
+  contextInsertRowAbove: "Insert row above",
+  contextInsertRowBelow: "Insert row below",
+  contextDeleteRows: "Delete rows",
+  contextUndo: "Undo",
+  contextRedo: "Redo",
+  confirmLargeCopyTitle: "Copy a large selection",
+  confirmLargeCopyMessage: "The selection is large and copying may take a while. Continue?",
+  confirmOk: "OK",
+  confirmCancel: "Cancel"
+}, qn = (n) => n ? { ...Ot, ...n } : Ot, ft = () => typeof document < "u", Yn = async () => typeof navigator < "u" && navigator.clipboard ? navigator.clipboard.readText() : "", Jn = async (n) => {
+  typeof navigator < "u" && navigator.clipboard && await navigator.clipboard.writeText(n);
+};
+let Qn = 0;
+const Gn = () => {
+  if (!ft()) return null;
+  let n = document.querySelector(".vox-toast-container");
+  return n || (n = document.createElement("div"), n.className = "vox-toast-container", document.body.appendChild(n)), n;
+}, Zn = (n, d, r) => {
+  const i = Gn(), h = r?.id ?? `vox-toast-${++Qn}`;
+  if (!i) return h;
+  let u = document.getElementById(h);
+  u || (u = document.createElement("div"), u.id = h, i.appendChild(u)), u.className = `vox-toast vox-toast--${n}`, u.textContent = d;
+  const m = r?.durationMs ?? (n === "loading" ? 0 : 3e3);
+  return m > 0 && window.setTimeout(() => u?.remove(), m), h;
+}, eo = (n) => ft() ? new Promise((d) => {
+  const r = document.createElement("div");
+  r.className = "vox-modal-backdrop";
+  const i = document.createElement("div");
+  i.className = "vox-modal", i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true");
+  const h = (R) => {
+    r.remove(), d(R);
+  };
+  if (n.title) {
+    const R = document.createElement("div");
+    R.className = "vox-modal-title", R.textContent = n.title, i.appendChild(R);
+  }
+  const u = document.createElement("div");
+  u.className = "vox-modal-body", u.textContent = n.message, i.appendChild(u);
+  const m = document.createElement("div");
+  m.className = "vox-modal-footer";
+  const b = document.createElement("button");
+  b.className = "vox-btn", b.textContent = n.cancelLabel ?? "Cancel", b.onclick = () => h(!1);
+  const p = document.createElement("button");
+  p.className = "vox-btn vox-btn--primary", p.textContent = n.confirmLabel ?? "OK", p.onclick = () => h(!0), m.append(b, p), i.appendChild(m), r.appendChild(i), r.onclick = (R) => {
+    R.target === r && h(!1);
+  }, document.body.appendChild(r), p.focus();
+}) : Promise.resolve(!1), to = async (n) => {
+  if (!ft()) return;
+  const d = typeof n.data == "string" ? new Blob([n.data], { type: n.mimeType ?? "text/plain" }) : n.data, r = URL.createObjectURL(d), i = document.createElement("a");
+  i.href = r, i.download = n.suggestedName, document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(r);
+}, no = (n) => ({
+  readText: n?.clipboard?.readText ?? Yn,
+  writeText: n?.clipboard?.writeText ?? Jn,
+  notify: n?.notify ?? Zn,
+  confirm: n?.confirm ?? eo,
+  saveFile: n?.saveFile ?? to
+}), Pt = {
+  compact: { rowHeight: 22, fontSize: 12 },
+  normal: { rowHeight: 28, fontSize: 13 },
+  comfortable: { rowHeight: 34, fontSize: 15 }
+}, Fe = 52, Ut = 8, oo = 40, ro = 600, dt = 1e5, lo = (n) => n === null ? "" : String(n), so = (n, d) => {
+  const {
+    columns: r,
+    totalRows: i,
+    fetchRows: h,
+    queryKey: u,
+    density: m = "normal",
+    defaultColumnWidth: b = 120,
+    frozenRows: p = 0,
+    theme: R = "system",
+    className: Y,
+    style: W,
+    readOnly: w = !1,
+    sort: A = [],
+    filters: G = [],
+    search: ye,
+    searchHighlights: re,
+    currentSearchHit: P,
+    renderLoading: le,
+    renderEmpty: de,
+    labels: g,
+    icons: y,
+    platform: C,
+    onSortChange: j,
+    onFilterButtonClick: T,
+    onColumnResize: fe,
+    onColumnRename: F,
+    onAddColumn: se,
+    onCellChange: ke,
+    onDirtyChange: Ne,
+    onAppendRow: he,
+    onInsertRow: Te,
+    onDeleteRows: k,
+    onAutoFill: me,
+    onSelectionChange: $e,
+    onSelectionStats: B,
+    onCellKeyDown: Le,
+    onError: pe
+  } = n, $ = Se(() => qn(g), [g]), Ae = Se(() => Xn(y), [y]), ge = Se(() => no(C), [C]), D = n.rowHeight ?? Pt[m].rowHeight, Xe = Pt[m].fontSize, ht = E(null), X = E(null), qe = E(null), mt = E(null), [pt, Wt] = V(0), [Oe, Bt] = V(600), [_t, It] = V(0), [gt, vt] = V([]), wt = E(/* @__PURE__ */ new Map()), yt = E(null);
+  I(() => {
+    const e = wt.current, t = yt.current;
+    t && t.length === r.length && t.forEach((o, s) => {
+      const c = r[s]?.name;
+      c && c !== o && e.has(o) && (e.set(c, e.get(o)), e.delete(o));
+    }), yt.current = r.map((o) => o.name), vt(r.map((o) => e.get(o.name) ?? o.width ?? b));
+  }, [r, b]);
+  const Z = a(
+    (e) => gt[e] ?? r[e]?.width ?? b,
+    [gt, r, b]
+  ), Ye = a(
+    (e) => {
+      let t = Fe;
+      for (let o = 0; o < e; o++) t += Z(o);
+      return t;
+    },
+    [Z]
+  ), Pe = a(
+    (e, t) => {
+      const o = Math.max(oo, Math.round(t));
+      vt((c) => {
+        const l = [...c];
+        return l[e] = o, l;
+      });
+      const s = r[e]?.name;
+      s && wt.current.set(s, o), fe?.(e, o);
+    },
+    [r, fe]
+  );
+  I(() => {
+    const e = X.current;
+    if (!e) return;
+    const t = () => {
+      Bt(e.clientHeight), It(e.offsetWidth - e.clientWidth);
+    };
+    t();
+    const o = new ResizeObserver(() => t());
+    return o.observe(e), () => o.disconnect();
+  }, []);
+  const ee = 0, bt = Math.max(0, Math.floor(pt / D) - Ut), xt = Math.ceil((pt + Oe) / D) + Ut, { rows: be, total: L, status: Ct, invalidate: Rt } = Tn({
+    fetchRows: h,
+    totalRows: i,
+    columns: r,
+    sort: A,
+    filters: G,
+    search: ye,
+    queryKey: u,
+    frozenRows: p,
+    startRow: bt,
+    endRow: xt,
+    onError: pe
+  }), jt = Math.min(bt, Math.max(0, L - 1)), Xt = Math.min(L, xt), H = An({ onCellChange: ke, onDirtyChange: Ne }), Ue = a(
+    (e, t) => be.get(e)?.values[t] ?? null,
+    [be]
+  ), z = a(
+    (e, t) => {
+      const o = H.getEditedValue(e, t);
+      return o !== void 0 ? o : Ue(e, t);
+    },
+    [H, Ue]
+  ), He = a(
+    (e, t) => {
+      const o = r[t];
+      return o ? Vn(z(e, t), o, e) : "";
+    },
+    [r, z]
+  ), ce = a(
+    (e) => H.applyEdits(e, Ue),
+    [H, Ue]
+  ), [ne, We] = V([]), [x, te] = V(null), S = Se(() => Kn(ne), [ne]), J = S.length > 0 ? S[S.length - 1] : null, _ = ne.length > 0 ? ne[ne.length - 1] : null, K = a((e) => {
+    We(e ? [e] : []);
+  }, []), U = a((e) => {
+    We((t) => t.length > 0 ? [...t.slice(0, -1), e] : [e]);
+  }, []), xe = a((e) => {
+    We((t) => [...t, e]);
+  }, []), Je = E(!1), Be = E(!1), Qe = E(!1), ie = E(null), Ce = E(null), [M, _e] = V(null), [Ge, Mt] = V(""), Ie = E(null), Ze = E(!1), [Q, et] = V(null), [tt, Et] = V(""), je = E(null), [Re, Dt] = V(!1), [ve, St] = V(null), [nt, kt] = V(null), Nt = E(0), Tt = E(0), [ot, Me] = V(null), ae = a(
+    (e, t) => {
+      if (w) return !1;
+      const o = r[e]?.editable;
+      return o === void 0 ? !0 : typeof o == "function" ? o({ row: t }) : o;
+    },
+    [r, w]
+  ), qt = Se(() => {
+    const e = /* @__PURE__ */ new Set();
+    return re?.forEach((t) => e.add(`${t.row}:${t.col}`)), e;
+  }, [re]);
+  I(() => {
+    const e = X.current;
+    if (!P || !e) return;
+    const t = Math.max(0, (P.row - ee) * D), o = e.clientHeight, s = e.scrollTop;
+    (t < s || t > s + o - D) && (e.scrollTop = Math.max(0, t - o / 3));
+  }, [P, D, ee]), I(() => {
+    $e?.(ne);
+  }, [ne, $e]), I(() => {
+    if (!B) return;
+    if (S.length === 0) {
+      B(null);
+      return;
+    }
+    const e = ut(S);
+    if (e > dt) {
+      B({ count: e, numericCount: 0, sum: null, average: null });
+      return;
+    }
+    let t = 0, o = 0;
+    for (const s of S)
+      for (let c = s.r1; c <= s.r2; c++)
+        for (let l = s.c1; l <= s.c2; l++) {
+          const f = zn(z(c, l));
+          f !== null && (o += f, t++);
+        }
+    B({
+      count: e,
+      numericCount: t,
+      sum: t > 0 ? o : null,
+      average: t > 0 ? o / t : null
+    });
+  }, [S, be, H.version, B, z]);
+  const Yt = a(() => {
+    const e = X.current;
+    e && (qe.current && (qe.current.scrollLeft = e.scrollLeft), mt.current && (mt.current.scrollLeft = e.scrollLeft), Wt(e.scrollTop));
+  }, []), we = a(
+    (e, t, o) => {
+      ae(t, e) && (Me(null), _e({ row: e, col: t }), Mt(o ?? lo(z(e, t))));
+    },
+    [ae, z]
+  ), Lt = a(() => _e(null), []), q = a(() => {
+    if (!M) return;
+    const { row: e, col: t } = M, o = r[t];
+    if (_e(null), !o) return;
+    const s = z(e, t), c = Ft(Ge, o.type);
+    if (o.validate) {
+      const l = o.validate(c, { row: e });
+      if (l === !1 || typeof l == "string") {
+        ge.notify("error", typeof l == "string" ? l : "Invalid value");
+        return;
+      }
+    }
+    c !== s && ce([{ row: e, col: t, oldValue: s, newValue: c }]);
+  }, [M, r, Ge, z, ce, ge]);
+  I(() => {
+    M && Ie.current && (Ie.current.focus(), Ie.current.select());
+  }, [M]);
+  const Jt = a(
+    (e, t, o) => {
+      M && M.row === e && M.col === t || (M && q(), Me(null), o.shiftKey && x ? U({ start: x, end: { row: e, col: t } }) : o.ctrlKey || o.metaKey ? (te({ row: e, col: t }), xe({ start: { row: e, col: t }, end: { row: e, col: t } })) : (te({ row: e, col: t }), K({ start: { row: e, col: t }, end: { row: e, col: t } })), Je.current = !0);
+    },
+    [x, M, q, K, U, xe]
+  ), Qt = a(
+    (e, t) => {
+      Je.current && x && U({ start: x, end: { row: e, col: t } }), Be.current && ie.current !== null && U({
+        start: { row: ie.current, col: 0 },
+        end: { row: e, col: r.length - 1 }
+      }), Re && St(e);
+    },
+    [x, Re, r.length, U]
+  ), At = a(() => {
+    if (!_ || ve === null) return;
+    const e = Math.min(_.start.row, _.end.row), t = Math.max(_.start.row, _.end.row), o = Math.min(_.start.col, _.end.col), s = Math.max(_.start.col, _.end.col), c = Math.max(t, ve);
+    if (c <= t) return;
+    const l = [];
+    for (let f = t + 1; f <= c; f++) {
+      const N = e + (f - e) % (t - e + 1);
+      for (let ue = o; ue <= s; ue++)
+        ae(ue, f) && l.push({
+          row: f,
+          col: ue,
+          oldValue: z(f, ue),
+          newValue: z(N, ue)
+        });
+    }
+    ce(l), K({ start: { row: e, col: o }, end: { row: c, col: s } }), me?.({
+      sourceRange: { start: { row: e, col: o }, end: { row: t, col: s } },
+      direction: "down",
+      toEnd: !1
+    });
+  }, [_, ve, ae, z, ce, K, me]);
+  I(() => {
+    const e = () => {
+      Je.current = !1, Be.current = !1, Qe.current = !1, Re && ve !== null && At(), Dt(!1), St(null);
+    };
+    return window.addEventListener("mouseup", e), () => window.removeEventListener("mouseup", e);
+  }, [Re, ve, At]);
+  const Gt = a((e) => {
+    e.preventDefault(), e.stopPropagation(), Dt(!0);
+  }, []), Ve = a(
+    (e, t) => ({
+      start: { row: e, col: 0 },
+      end: { row: t, col: r.length - 1 }
+    }),
+    [r.length]
+  ), Zt = a(
+    (e, t) => {
+      M && q(), Me(null), t.shiftKey && ie.current !== null ? U(Ve(ie.current, e)) : t.ctrlKey || t.metaKey ? (ie.current = e, te({ row: e, col: 0 }), xe(Ve(e, e))) : (ie.current = e, te({ row: e, col: 0 }), K(Ve(e, e))), Be.current = !0;
+    },
+    [M, q, Ve, K, U, xe]
+  ), Ee = a(
+    (e, t) => ({
+      start: { row: 0, col: e },
+      end: { row: L - 1, col: t }
+    }),
+    [L]
+  ), en = a(
+    (e, t) => {
+      Q === null && (M && q(), Me(null), t.shiftKey && Ce.current !== null ? U(Ee(Ce.current, e)) : t.ctrlKey || t.metaKey ? (Ce.current = e, te({ row: 0, col: e }), xe(Ee(e, e))) : (Ce.current = e, te({ row: 0, col: e }), K(Ee(e, e))), Qe.current = !0);
+    },
+    [
+      Q,
+      M,
+      q,
+      Ee,
+      K,
+      U,
+      xe
+    ]
+  ), tn = a(
+    (e) => {
+      Qe.current && Ce.current !== null && U(Ee(Ce.current, e));
+    },
+    [Ee, U]
+  ), rt = a(() => {
+    M && q(), te({ row: 0, col: 0 }), K({
+      start: { row: 0, col: 0 },
+      end: { row: L - 1, col: r.length - 1 }
+    });
+  }, [M, q, L, r.length, K]), nn = a(
+    (e) => {
+      F && (_e(null), K(null), te(null), et(e), Et(r[e]?.name ?? ""));
+    },
+    [F, r, K]
+  ), Ht = a(() => {
+    if (Q === null) return;
+    const e = tt.trim();
+    e && e !== r[Q]?.name && F?.(Q, e), et(null);
+  }, [Q, tt, r, F]);
+  I(() => {
+    Q !== null && je.current && (je.current.focus(), je.current.select());
+  }, [Q]);
+  const on = a(
+    (e) => {
+      const t = r[e]?.name;
+      if (!t || !j) return;
+      const o = A.find((c) => c.column === t);
+      let s;
+      o ? o.direction === "asc" ? s = A.map((c) => c.column === t ? { ...c, direction: "desc" } : c) : s = A.filter((c) => c.column !== t) : s = [...A, { column: t, direction: "asc" }], j(s);
+    },
+    [r, j, A]
+  ), rn = a(
+    (e, t) => {
+      if (t.stopPropagation(), !T) return;
+      const o = t.currentTarget.getBoundingClientRect();
+      T(e, o);
+    },
+    [T]
+  ), ln = a(
+    (e, t) => {
+      t.preventDefault(), t.stopPropagation(), kt(e), Nt.current = t.clientX, Tt.current = Z(e);
+    },
+    [Z]
+  );
+  I(() => {
+    if (nt === null) return;
+    const e = (o) => {
+      Pe(
+        nt,
+        Tt.current + (o.clientX - Nt.current)
+      );
+    }, t = () => kt(null);
+    return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+    };
+  }, [nt, Pe]);
+  const lt = E(null), sn = a(
+    (e) => {
+      lt.current || (lt.current = document.createElement("canvas"));
+      const t = lt.current.getContext("2d");
+      if (!t) return;
+      const o = X.current?.querySelector(".vox-cell");
+      if (o) {
+        const c = getComputedStyle(o);
+        t.font = `${c.fontWeight} ${c.fontSize} ${c.fontFamily}`;
+      } else
+        t.font = `${Xe}px sans-serif`;
+      let s = t.measureText(r[e]?.name ?? "").width + 48;
+      be.forEach((c, l) => {
+        const f = He(l, e);
+        f && (s = Math.max(s, t.measureText(f).width));
+      }), Pe(e, Math.min(ro, s + 16));
+    },
+    [r, be, He, Pe, Xe]
+  ), ze = a(async () => {
+    if (S.length !== 0) {
+      if (ut(S) > dt) {
+        ge.notify("error", "Selection is too large to copy");
+        return;
+      }
+      try {
+        await ge.writeText(Pn(S, He));
+      } catch (e) {
+        pe?.(e, { phase: "commit" });
+      }
+    }
+  }, [S, ge, He, pe]), st = a(async () => {
+    if (w || (await ze(), S.length === 0 || ut(S) > dt)) return;
+    const e = [], t = /* @__PURE__ */ new Set();
+    for (const o of S)
+      for (let s = o.r1; s <= o.r2; s++)
+        for (let c = o.c1; c <= o.c2; c++) {
+          const l = `${s}:${c}`;
+          t.has(l) || !ae(c, s) || (t.add(l), e.push({ row: s, col: c, oldValue: z(s, c), newValue: null }));
+        }
+    ce(e);
+  }, [w, ze, S, ae, z, ce]), ct = a(async () => {
+    if (!(w || !x))
+      try {
+        const e = await ge.readText(), t = Un(e), o = [];
+        for (let s = 0; s < t.length; s++) {
+          const c = t[s];
+          for (let l = 0; l < c.length; l++) {
+            const f = x.row + s, N = x.col + l;
+            f >= L || N >= r.length || !ae(N, f) || o.push({
+              row: f,
+              col: N,
+              oldValue: z(f, N),
+              newValue: Ft(c[l] ?? "", r[N]?.type)
+            });
+          }
+        }
+        ce(o);
+      } catch (e) {
+        pe?.(e, { phase: "commit" });
+      }
+  }, [
+    w,
+    x,
+    ge,
+    L,
+    r,
+    ae,
+    z,
+    ce,
+    pe
+  ]), O = a(
+    (e, t, o) => {
+      const s = Math.max(0, Math.min(L - 1, e)), c = Math.max(0, Math.min(r.length - 1, t));
+      te({ row: s, col: c }), o && _ ? U({ start: _.start, end: { row: s, col: c } }) : K({ start: { row: s, col: c }, end: { row: s, col: c } });
+      const l = X.current;
+      if (l) {
+        const f = (s - ee) * D;
+        f < l.scrollTop ? l.scrollTop = f : f + D > l.scrollTop + l.clientHeight && (l.scrollTop = f + D - l.clientHeight);
+      }
+    },
+    [
+      L,
+      r.length,
+      _,
+      U,
+      K,
+      ee,
+      D
+    ]
+  ), cn = a(
+    (e) => {
+      if (Q !== null) return;
+      if (x && Le) {
+        const l = r[x.col];
+        if (l && (Le(e, {
+          row: x.row,
+          col: x.col,
+          value: z(x.row, x.col),
+          column: l
+        }), e.defaultPrevented))
+          return;
+      }
+      const t = e.ctrlKey || e.metaKey;
+      if (t && !M) {
+        if (e.key === "a") {
+          e.preventDefault(), rt();
+          return;
+        }
+        if (e.key === "c") {
+          e.preventDefault(), ze();
+          return;
+        }
+        if (!w && e.key === "x") {
+          e.preventDefault(), st();
+          return;
+        }
+        if (!w && e.key === "v") {
+          e.preventDefault(), ct();
+          return;
+        }
+        if (!w && e.key === "z") {
+          e.preventDefault(), H.undo();
+          return;
+        }
+        if (!w && e.key === "y") {
+          e.preventDefault(), H.redo();
+          return;
+        }
+      }
+      if (M) {
+        e.key === "Enter" && !Ze.current ? (e.preventDefault(), q(), O(M.row + 1, M.col, !1)) : e.key === "Escape" ? (e.preventDefault(), Lt()) : e.key === "Tab" && (e.preventDefault(), q(), O(M.row, M.col + (e.shiftKey ? -1 : 1), !1));
+        return;
+      }
+      if (!x || w && !e.key.startsWith("Arrow") && e.key !== "Tab") return;
+      const { row: o, col: s } = x, c = e.shiftKey && e.key.startsWith("Arrow");
+      e.key === "ArrowDown" ? (e.preventDefault(), O(o + 1, s, c)) : e.key === "ArrowUp" ? (e.preventDefault(), O(o - 1, s, c)) : e.key === "ArrowRight" ? (e.preventDefault(), O(o, s + 1, c)) : e.key === "ArrowLeft" ? (e.preventDefault(), O(o, s - 1, c)) : e.key === "Tab" ? (e.preventDefault(), O(o, s + (e.shiftKey ? -1 : 1), !1)) : e.key === "Enter" ? (e.preventDefault(), o >= L - 1 ? he?.(L) : O(o + 1, s, !1)) : e.key === "Home" ? (e.preventDefault(), O(o, 0, c), t && O(0, 0, c)) : e.key === "End" ? (e.preventDefault(), O(t ? L - 1 : o, r.length - 1, c)) : e.key === "PageDown" ? (e.preventDefault(), O(o + Math.floor(Oe / D), s, c)) : e.key === "PageUp" ? (e.preventDefault(), O(o - Math.floor(Oe / D), s, c)) : !w && (e.key === "Delete" || e.key === "Backspace") ? (e.preventDefault(), we(o, s, "")) : !w && e.key === "F2" ? (e.preventDefault(), we(o, s)) : !w && e.key.length === 1 && !t && !e.altKey && we(o, s, e.key);
+    },
+    [
+      Q,
+      x,
+      Le,
+      r,
+      z,
+      M,
+      w,
+      rt,
+      ze,
+      st,
+      ct,
+      H,
+      q,
+      Lt,
+      O,
+      L,
+      he,
+      Oe,
+      D,
+      we
+    ]
+  ), an = a(
+    (e) => {
+      if (w) {
+        e.preventDefault();
+        return;
+      }
+      e.preventDefault(), Me({ x: e.clientX, y: e.clientY });
+    },
+    [w]
+  ), un = a(() => {
+    if (S.length === 0) return;
+    const e = /* @__PURE__ */ new Set();
+    for (const t of S) for (let o = t.r1; o <= t.r2; o++) e.add(o);
+    k?.(Array.from(e).sort((t, o) => t - o));
+  }, [S, k]);
+  kn(
+    d,
+    () => ({
+      scrollToRow: (e) => {
+        X.current && (X.current.scrollTop = Math.max(0, (e - ee) * D));
+      },
+      scrollToCell: (e, t) => {
+        X.current && (X.current.scrollTop = Math.max(0, (e - ee) * D));
+        let o = 0;
+        for (let s = 0; s < t; s++) o += Z(s);
+        X.current && (X.current.scrollLeft = o);
+      },
+      focusCell: (e, t) => {
+        te({ row: e, col: t }), K({ start: { row: e, col: t }, end: { row: e, col: t } }), ht.current?.focus();
+      },
+      getSelection: () => ne,
+      setSelection: (e) => We(e),
+      startEdit: (e, t) => we(e, t),
+      getLocalEdits: () => H.getLocalEdits(),
+      clearLocalEdits: () => H.clear(),
+      undo: () => H.undo(),
+      redo: () => H.redo(),
+      invalidate: () => Rt()
+    }),
+    [
+      ee,
+      D,
+      Z,
+      ne,
+      K,
+      we,
+      H,
+      Rt
+    ]
+  );
+  const dn = Fe + r.reduce((e, t, o) => e + Z(o), 0), fn = Math.max(0, L - ee) * D, hn = J ? J.r2 : null, mn = J ? J.c2 : null, pn = (e) => {
+    if (w || !j && !T) return null;
+    const t = r[e]?.name ?? "", o = A.findIndex((N) => N.column === t), s = o >= 0 ? A[o] : void 0, c = G.some((N) => N.column === t), l = s ? s.direction === "asc" ? Ae.sortAscending : Ae.sortDescending : Ae.sortUnsorted, f = c ? Ae.filterActive : Ae.filter;
+    return /* @__PURE__ */ oe("span", { className: "vox-header-actions", onMouseDown: (N) => N.stopPropagation(), children: [
+      T && /* @__PURE__ */ v(
+        "button",
+        {
+          type: "button",
+          className: "vox-header-btn",
+          title: "Filter",
+          "aria-label": `Filter ${t}`,
+          onClick: (N) => rn(e, N),
+          children: /* @__PURE__ */ v(f, { size: 13 })
+        }
+      ),
+      j && /* @__PURE__ */ oe(
+        "button",
+        {
+          type: "button",
+          className: "vox-header-btn",
+          title: "Sort",
+          "aria-label": `Sort ${t}`,
+          onClick: (N) => {
+            N.stopPropagation(), on(e);
+          },
+          children: [
+            /* @__PURE__ */ v(l, { size: 13 }),
+            s && A.length > 1 && /* @__PURE__ */ v("sup", { children: o + 1 })
+          ]
+        }
+      )
+    ] });
+  }, gn = (e, t) => {
+    const o = be.get(e), s = S.some(
+      (l) => e >= l.r1 && e <= l.r2 && l.c1 === 0 && l.c2 === r.length - 1
+    ), c = o ? Math.floor(o.ordinal) : e + 1;
+    return /* @__PURE__ */ oe(
+      "div",
+      {
+        className: "vox-row",
+        style: { top: t, height: D },
+        "aria-rowindex": e + 1,
+        children: [
+          /* @__PURE__ */ v(
+            "div",
+            {
+              className: `vox-row-header${s ? " vox-row-header--selected" : ""}`,
+              style: { width: Fe, height: D },
+              onMouseDown: (l) => Zt(e, l),
+              onMouseEnter: () => Be.current && ie.current !== null && U(Ve(ie.current, e)),
+              children: c.toLocaleString()
+            }
+          ),
+          r.map((l, f) => {
+            const N = On(S, e, f), ue = x?.row === e && x?.col === f, yn = M?.row === e && M?.col === f, bn = H.isDirty(e, f), xn = qt.has(`${e}:${f}`), Cn = P?.row === e && P?.col === f, Rn = !Re && e === hn && f === mn && J !== null && !w, Mn = Re && ve !== null && J !== null && e > J.r2 && e <= ve && f >= J.c1 && f <= J.c2, En = l.align ?? Hn(l.type), Dn = "vox-cell" + (N ? " vox-cell--selected" : "") + (ue ? " vox-cell--active" : "") + (bn ? " vox-cell--dirty" : "") + (Mn ? " vox-cell--selected" : "") + (xn ? " vox-cell--search-hit" : "") + (Cn ? " vox-cell--search-current" : "");
+            return /* @__PURE__ */ oe(
+              "div",
+              {
+                className: Dn,
+                role: "gridcell",
+                "aria-selected": N,
+                "aria-colindex": f + 1,
+                style: {
+                  width: Z(f),
+                  height: D,
+                  justifyContent: co(En)
+                },
+                onMouseDown: (it) => Jt(e, f, it),
+                onMouseEnter: () => Qt(e, f),
+                onDoubleClick: () => we(e, f),
+                onContextMenu: an,
+                children: [
+                  yn ? /* @__PURE__ */ v(
+                    "input",
+                    {
+                      ref: Ie,
+                      className: "vox-cell-input",
+                      value: Ge,
+                      onChange: (it) => Mt(it.target.value),
+                      onBlur: q,
+                      onCompositionStart: () => Ze.current = !0,
+                      onCompositionEnd: () => Ze.current = !1
+                    }
+                  ) : He(e, f),
+                  Rn && /* @__PURE__ */ v(
+                    "div",
+                    {
+                      className: "vox-fill-handle",
+                      onMouseDown: Gt
+                    }
+                  )
+                ]
+              },
+              f
+            );
+          })
+        ]
+      },
+      e
+    );
+  }, Vt = [];
+  for (let e = jt; e < Xt; e++)
+    Vt.push(gn(e, (e - ee) * D));
+  const vn = {
+    "--vox-row-height": `${D}px`,
+    "--vox-font-size": `${Xe}px`,
+    "--vox-row-header-width": `${Fe}px`,
+    ...W
+  }, wn = L === 0 && Ct !== "loading";
+  return /* @__PURE__ */ oe(
+    "div",
+    {
+      ref: ht,
+      className: `vox-sheet${Y ? ` ${Y}` : ""}`,
+      "data-vox-theme": R === "system" ? void 0 : R,
+      role: "grid",
+      "aria-rowcount": L,
+      "aria-colcount": r.length,
+      "aria-readonly": w,
+      tabIndex: 0,
+      style: vn,
+      onKeyDown: cn,
+      onContextMenu: w ? (e) => e.preventDefault() : void 0,
+      children: [
+        /* @__PURE__ */ oe("div", { className: "vox-header-wrap", style: { paddingRight: _t }, children: [
+          /* @__PURE__ */ v(
+            "div",
+            {
+              className: "vox-corner",
+              style: { width: Fe },
+              onClick: rt
+            }
+          ),
+          /* @__PURE__ */ oe("div", { className: "vox-header", ref: qe, role: "row", children: [
+            r.map((e, t) => {
+              const o = S.some(
+                (l) => t >= l.c1 && t <= l.c2 && l.r1 === 0 && l.r2 === L - 1
+              ), s = e.name, c = A.find((l) => l.column === s);
+              return /* @__PURE__ */ oe(
+                "div",
+                {
+                  className: "vox-header-cell",
+                  role: "columnheader",
+                  "aria-colindex": t + 1,
+                  "aria-sort": c ? c.direction === "asc" ? "ascending" : "descending" : "none",
+                  style: {
+                    width: Z(t),
+                    background: o ? "var(--vox-color-selection-bg)" : void 0
+                  },
+                  onMouseDown: (l) => en(t, l),
+                  onMouseEnter: () => tn(t),
+                  children: [
+                    Q === t ? /* @__PURE__ */ v(
+                      "input",
+                      {
+                        ref: je,
+                        className: "vox-cell-input",
+                        value: tt,
+                        onChange: (l) => Et(l.target.value),
+                        onBlur: Ht,
+                        onMouseDown: (l) => l.stopPropagation(),
+                        onKeyDown: (l) => {
+                          l.key === "Enter" ? (l.preventDefault(), Ht()) : l.key === "Escape" && (l.preventDefault(), et(null));
+                        }
+                      }
+                    ) : /* @__PURE__ */ v(
+                      "span",
+                      {
+                        className: "vox-header-label",
+                        onDoubleClick: F ? (l) => {
+                          l.stopPropagation(), nn(t);
+                        } : void 0,
+                        children: e.name
+                      }
+                    ),
+                    pn(t),
+                    /* @__PURE__ */ v(
+                      "div",
+                      {
+                        className: "vox-resize-handle",
+                        onMouseDown: (l) => ln(t, l),
+                        onDoubleClick: (l) => {
+                          l.preventDefault(), l.stopPropagation(), sn(t);
+                        }
+                      }
+                    )
+                  ]
+                },
+                t
+              );
+            }),
+            se && /* @__PURE__ */ v(
+              "button",
+              {
+                type: "button",
+                className: "vox-add-column",
+                title: "Add column",
+                onClick: () => se(r.length),
+                children: "+"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ v("div", { className: "vox-body", ref: X, onScroll: Yt, children: /* @__PURE__ */ oe(
+          "div",
+          {
+            className: "vox-scroll-spacer",
+            style: { height: fn, width: dn },
+            children: [
+              Vt,
+              S.map((e, t) => /* @__PURE__ */ v(
+                "div",
+                {
+                  className: "vox-selection-outline",
+                  style: {
+                    left: Ye(e.c1),
+                    top: (e.r1 - ee) * D,
+                    width: Ye(e.c2) + Z(e.c2) - Ye(e.c1),
+                    height: (e.r2 - e.r1 + 1) * D
+                  }
+                },
+                `sel-${t}`
+              ))
+            ]
+          }
+        ) }),
+        Ct === "loading" && L === 0 && /* @__PURE__ */ v("div", { className: "vox-overlay", children: le ? le() : $.loading }),
+        wn && /* @__PURE__ */ v("div", { className: "vox-overlay", children: de ? de() : $.empty }),
+        ot && /* @__PURE__ */ v(
+          io,
+          {
+            x: ot.x,
+            y: ot.y,
+            onClose: () => Me(null),
+            items: [
+              {
+                label: $.contextCut,
+                action: () => {
+                  st();
+                },
+                disabled: !J
+              },
+              {
+                label: $.contextCopy,
+                action: () => {
+                  ze();
+                },
+                disabled: !J
+              },
+              {
+                label: $.contextPaste,
+                action: () => {
+                  ct();
+                },
+                disabled: !x
+              },
+              ...Te ? [
+                "sep",
+                {
+                  label: $.contextInsertRowAbove,
+                  action: () => x && Te(x.row, "above"),
+                  disabled: !x
+                },
+                {
+                  label: $.contextInsertRowBelow,
+                  action: () => x && Te(x.row, "below"),
+                  disabled: !x
+                }
+              ] : [],
+              ...k ? [
+                "sep",
+                {
+                  label: $.contextDeleteRows,
+                  action: un,
+                  disabled: S.length === 0
+                }
+              ] : [],
+              "sep",
+              {
+                label: $.contextUndo,
+                action: () => H.undo(),
+                disabled: !H.canUndo()
+              },
+              {
+                label: $.contextRedo,
+                action: () => H.redo(),
+                disabled: !H.canRedo()
+              }
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, co = (n) => n === "right" ? "flex-end" : n === "center" ? "center" : "flex-start", io = ({
+  x: n,
+  y: d,
+  items: r,
+  onClose: i
+}) => {
+  const h = E(null);
+  return I(() => {
+    const u = (m) => {
+      h.current && !h.current.contains(m.target) && i();
+    };
+    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
+  }, [i]), /* @__PURE__ */ v("div", { ref: h, className: "vox-context-menu", style: { left: n, top: d }, role: "menu", children: r.map(
+    (u, m) => u === "sep" ? /* @__PURE__ */ v("div", { className: "vox-context-separator" }, m) : /* @__PURE__ */ v(
+      "button",
+      {
+        type: "button",
+        className: "vox-context-item",
+        role: "menuitem",
+        disabled: u.disabled,
+        onClick: () => {
+          u.action(), i();
+        },
+        children: u.label
+      },
+      m
+    )
+  ) });
+}, fo = Sn(so);
+export {
+  $t as DEFAULT_ICONS,
+  Ot as DEFAULT_LABELS,
+  fo as VoxSheet
+};
+//# sourceMappingURL=index.js.map