@nice2dev/ui-science 1.1.10 → 1.2.1

package/dist/index.mjs

@@ -2,7 +2,7 @@ var st = Object.defineProperty;
 var at = (e, t, n) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ve = (e, t, n) => at(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as o, jsxs as u, Fragment as Ae } from "react/jsx-runtime";
-import { createContext as Ue, useContext as Ze, useState as j, useCallback as q, useMemo as K, useRef as ze, useEffect as Xe } from "react";
+import { useContext as Ue, useState as F, useCallback as q, useMemo as K, createContext as Ze, useRef as ze, useEffect as Xe } from "react";
 class lt {
   constructor(t) {
     ve(this, "config");
@@ -202,12 +202,12 @@ class lt {
     return Buffer.from(r).toString("base64").substring(0, 32);
   }
 }
-function Kt(e) {
+function Gt(e) {
   return new lt(e);
 }
-const Ke = Ue(null);
-function Te() {
-  const e = Ze(Ke);
+const Ke = /* @__PURE__ */ Ze(null);
+function Oe() {
+  const e = Ue(Ke);
   if (!e)
     throw new Error("useLabNotebook must be used within LabNotebookProvider");
   return e;
@@ -216,7 +216,7 @@ function ct({
   service: e,
   children: t
 }) {
-  const [n, r] = j([]), [i, s] = j(null), [a, l] = j(null), c = q(async () => {
+  const [n, r] = F([]), [i, s] = F(null), [a, l] = F(null), c = q(async () => {
     const $ = await e.listNotebooks();
     r($);
   }, [e]), h = K(
@@ -323,7 +323,7 @@ const P = {
   report: "REP",
   note: "NOTE"
 };
-function Jt({
+function Qt({
   service: e,
   className: t,
   style: n
@@ -334,7 +334,7 @@ function Jt({
   ] }) });
 }
 function dt() {
-  const { notebooks: e, currentNotebook: t, setCurrentNotebook: n, service: r, refresh: i } = Te(), [s, a] = j(!1), [l, c] = j(""), h = async () => {
+  const { notebooks: e, currentNotebook: t, setCurrentNotebook: n, service: r, refresh: i } = Oe(), [s, a] = F(!1), [l, c] = F(""), h = async () => {
     l.trim() && (await r.createNotebook({ name: l.trim() }), await i(), c(""), a(!1));
   };
   return /* @__PURE__ */ u("div", { style: P.sidebar, children: [
@@ -394,7 +394,7 @@ function dt() {
   ] });
 }
 function ut() {
-  const { currentNotebook: e, currentEntry: t, setCurrentEntry: n, service: r, refresh: i } = Te(), [s, a] = j(!1);
+  const { currentNotebook: e, currentEntry: t, setCurrentEntry: n, service: r, refresh: i } = Oe(), [s, a] = F(!1);
   if (!e)
     return /* @__PURE__ */ o("div", { style: { ...P.main, justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ o("div", { style: { textAlign: "center", color: "var(--nice-text-secondary, #666)" }, children: /* @__PURE__ */ o("div", { style: { fontSize: "18px" }, children: "Select a notebook to get started" }) }) });
   const l = async (c) => {
@@ -473,7 +473,7 @@ function ut() {
   ] });
 }
 function ht({ entry: e }) {
-  const { service: t, currentNotebook: n, refresh: r } = Te(), [i, s] = j(!1), [a, l] = j(e), c = e.status === "locked" || e.status === "signed", h = async () => {
+  const { service: t, currentNotebook: n, refresh: r } = Oe(), [i, s] = F(!1), [a, l] = F(e), c = e.status === "locked" || e.status === "signed", h = async () => {
     n && (await t.updateEntry(n.id, e.id, a), await r(), s(!1));
   }, p = async () => {
     n && (await t.signEntry(n.id, e.id, {
@@ -672,7 +672,7 @@ function pt({
   onSubmit: e,
   onCancel: t
 }) {
-  const [n, r] = j({
+  const [n, r] = F({
     title: "",
     type: "experiment",
     objective: ""
@@ -738,179 +738,181 @@ function pt({
     ] })
   ] });
 }
-const $e = {
-  /** Calculate mean */
-  mean(e) {
-    return e.length === 0 ? NaN : e.reduce((t, n) => t + n, 0) / e.length;
-  },
-  /** Calculate median */
-  median(e) {
-    if (e.length === 0)
-      return NaN;
-    const t = [...e].sort((r, i) => r - i), n = Math.floor(t.length / 2);
-    return t.length % 2 !== 0 ? t[n] : (t[n - 1] + t[n]) / 2;
-  },
-  /** Calculate variance */
-  variance(e, t = !1) {
-    if (e.length === 0)
-      return NaN;
-    const n = this.mean(e), r = e.map((s) => Math.pow(s - n, 2)), i = t ? e.length : e.length - 1;
-    return r.reduce((s, a) => s + a, 0) / i;
-  },
-  /** Calculate standard deviation */
-  std(e, t = !1) {
-    return Math.sqrt(this.variance(e, t));
-  },
-  /** Calculate mode */
-  mode(e) {
-    const t = /* @__PURE__ */ new Map();
-    let n = 0, r = e[0];
-    for (const i of e) {
-      const s = (t.get(i) || 0) + 1;
-      t.set(i, s), s > n && (n = s, r = i);
-    }
-    return r;
-  },
-  /** Calculate percentile */
-  percentile(e, t) {
-    if (e.length === 0)
-      return NaN;
-    const n = [...e].sort((l, c) => l - c), r = t / 100 * (n.length - 1), i = Math.floor(r), s = Math.ceil(r), a = r - i;
-    return n[i] * (1 - a) + n[s] * a;
-  },
-  /** Calculate quartiles */
-  quartiles(e) {
-    return {
-      q1: this.percentile(e, 25),
-      q2: this.percentile(e, 50),
-      q3: this.percentile(e, 75)
-    };
-  },
-  /** Calculate skewness */
-  skewness(e) {
-    const t = e.length;
-    if (t < 3)
-      return NaN;
-    const n = this.mean(e), r = this.std(e), i = e.map((s) => Math.pow((s - n) / r, 3));
-    return t / ((t - 1) * (t - 2)) * i.reduce((s, a) => s + a, 0);
-  },
-  /** Calculate kurtosis */
-  kurtosis(e) {
-    const t = e.length;
-    if (t < 4)
-      return NaN;
-    const n = this.mean(e), r = this.std(e), s = e.map((a) => Math.pow((a - n) / r, 4)).reduce((a, l) => a + l, 0);
-    return t * (t + 1) / ((t - 1) * (t - 2) * (t - 3)) * s - 3 * Math.pow(t - 1, 2) / ((t - 2) * (t - 3));
-  },
-  /** Correlation coefficient (Pearson) */
-  correlation(e, t) {
-    if (e.length !== t.length || e.length < 2)
-      return NaN;
-    const n = e.length, r = this.mean(e), i = this.mean(t);
-    let s = 0, a = 0, l = 0;
-    for (let c = 0; c < n; c++) {
-      const h = e[c] - r, p = t[c] - i;
-      s += h * p, a += h * h, l += p * p;
-    }
-    return s / Math.sqrt(a * l);
-  },
-  /** Correlation matrix */
-  correlationMatrix(e) {
-    const t = Object.keys(e), n = {};
-    for (const r of t) {
-      n[r] = {};
-      for (const i of t)
-        n[r][i] = this.correlation(e[r], e[i]);
-    }
-    return n;
-  },
-  /** Covariance */
-  covariance(e, t, n = !1) {
-    if (e.length !== t.length || e.length < 2)
-      return NaN;
-    const r = e.length, i = this.mean(e), s = this.mean(t);
-    let a = 0;
-    for (let l = 0; l < r; l++)
-      a += (e[l] - i) * (t[l] - s);
-    return a / (n ? r : r - 1);
-  },
-  /** Simple linear regression */
-  linearRegression(e, t) {
-    if (e.length !== t.length || e.length < 2)
-      throw new Error("Invalid input arrays");
-    const n = e.length, r = this.mean(e), i = this.mean(t);
-    let s = 0, a = 0;
-    for (let $ = 0; $ < n; $++)
-      s += (e[$] - r) * (t[$] - i), a += Math.pow(e[$] - r, 2);
-    const l = s / a, c = i - l * r;
-    let h = 0, p = 0;
-    for (let $ = 0; $ < n; $++) {
-      const w = l * e[$] + c;
-      h += Math.pow(t[$] - i, 2), p += Math.pow(t[$] - w, 2);
+const $e = /* @__PURE__ */ (function() {
+  return {
+    /** Calculate mean */
+    mean(e) {
+      return e.length === 0 ? NaN : e.reduce((t, n) => t + n, 0) / e.length;
+    },
+    /** Calculate median */
+    median(e) {
+      if (e.length === 0)
+        return NaN;
+      const t = [...e].sort((r, i) => r - i), n = Math.floor(t.length / 2);
+      return t.length % 2 !== 0 ? t[n] : (t[n - 1] + t[n]) / 2;
+    },
+    /** Calculate variance */
+    variance(e, t = !1) {
+      if (e.length === 0)
+        return NaN;
+      const n = this.mean(e), r = e.map((s) => Math.pow(s - n, 2)), i = t ? e.length : e.length - 1;
+      return r.reduce((s, a) => s + a, 0) / i;
+    },
+    /** Calculate standard deviation */
+    std(e, t = !1) {
+      return Math.sqrt(this.variance(e, t));
+    },
+    /** Calculate mode */
+    mode(e) {
+      const t = /* @__PURE__ */ new Map();
+      let n = 0, r = e[0];
+      for (const i of e) {
+        const s = (t.get(i) || 0) + 1;
+        t.set(i, s), s > n && (n = s, r = i);
+      }
+      return r;
+    },
+    /** Calculate percentile */
+    percentile(e, t) {
+      if (e.length === 0)
+        return NaN;
+      const n = [...e].sort((l, c) => l - c), r = t / 100 * (n.length - 1), i = Math.floor(r), s = Math.ceil(r), a = r - i;
+      return n[i] * (1 - a) + n[s] * a;
+    },
+    /** Calculate quartiles */
+    quartiles(e) {
+      return {
+        q1: this.percentile(e, 25),
+        q2: this.percentile(e, 50),
+        q3: this.percentile(e, 75)
+      };
+    },
+    /** Calculate skewness */
+    skewness(e) {
+      const t = e.length;
+      if (t < 3)
+        return NaN;
+      const n = this.mean(e), r = this.std(e), i = e.map((s) => Math.pow((s - n) / r, 3));
+      return t / ((t - 1) * (t - 2)) * i.reduce((s, a) => s + a, 0);
+    },
+    /** Calculate kurtosis */
+    kurtosis(e) {
+      const t = e.length;
+      if (t < 4)
+        return NaN;
+      const n = this.mean(e), r = this.std(e), s = e.map((a) => Math.pow((a - n) / r, 4)).reduce((a, l) => a + l, 0);
+      return t * (t + 1) / ((t - 1) * (t - 2) * (t - 3)) * s - 3 * Math.pow(t - 1, 2) / ((t - 2) * (t - 3));
+    },
+    /** Correlation coefficient (Pearson) */
+    correlation(e, t) {
+      if (e.length !== t.length || e.length < 2)
+        return NaN;
+      const n = e.length, r = this.mean(e), i = this.mean(t);
+      let s = 0, a = 0, l = 0;
+      for (let c = 0; c < n; c++) {
+        const h = e[c] - r, p = t[c] - i;
+        s += h * p, a += h * h, l += p * p;
+      }
+      return s / Math.sqrt(a * l);
+    },
+    /** Correlation matrix */
+    correlationMatrix(e) {
+      const t = Object.keys(e), n = {};
+      for (const r of t) {
+        n[r] = {};
+        for (const i of t)
+          n[r][i] = this.correlation(e[r], e[i]);
+      }
+      return n;
+    },
+    /** Covariance */
+    covariance(e, t, n = !1) {
+      if (e.length !== t.length || e.length < 2)
+        return NaN;
+      const r = e.length, i = this.mean(e), s = this.mean(t);
+      let a = 0;
+      for (let l = 0; l < r; l++)
+        a += (e[l] - i) * (t[l] - s);
+      return a / (n ? r : r - 1);
+    },
+    /** Simple linear regression */
+    linearRegression(e, t) {
+      if (e.length !== t.length || e.length < 2)
+        throw new Error("Invalid input arrays");
+      const n = e.length, r = this.mean(e), i = this.mean(t);
+      let s = 0, a = 0;
+      for (let $ = 0; $ < n; $++)
+        s += (e[$] - r) * (t[$] - i), a += Math.pow(e[$] - r, 2);
+      const l = s / a, c = i - l * r;
+      let h = 0, p = 0;
+      for (let $ = 0; $ < n; $++) {
+        const w = l * e[$] + c;
+        h += Math.pow(t[$] - i, 2), p += Math.pow(t[$] - w, 2);
+      }
+      const y = 1 - p / h, m = `y = ${l.toFixed(4)}x + ${c.toFixed(4)}`;
+      return { slope: l, intercept: c, r2: y, equation: m };
+    },
+    /** T-test (two-sample) */
+    tTest(e, t) {
+      const n = e.length, r = t.length, i = this.mean(e), s = this.mean(t), a = this.variance(e), l = this.variance(t), c = Math.sqrt(a / n + l / r), h = (i - s) / c, p = Math.pow(a / n + l / r, 2) / (Math.pow(a / n, 2) / (n - 1) + Math.pow(l / r, 2) / (r - 1)), y = 2 * (1 - this.normalCDF(Math.abs(h)));
+      return {
+        tStatistic: h,
+        pValue: y,
+        degreesOfFreedom: p,
+        meanDiff: i - s
+      };
+    },
+    /** Normal CDF approximation */
+    normalCDF(e) {
+      const t = 0.254829592, n = -0.284496736, r = 1.421413741, i = -1.453152027, s = 1.061405429, a = 0.3275911, l = e < 0 ? -1 : 1;
+      e = Math.abs(e) / Math.sqrt(2);
+      const c = 1 / (1 + a * e), h = 1 - ((((s * c + i) * c + r) * c + n) * c + t) * c * Math.exp(-e * e);
+      return 0.5 * (1 + l * h);
+    },
+    /** Chi-square test */
+    chiSquare(e, t) {
+      if (e.length !== t.length)
+        throw new Error("Arrays must have same length");
+      let n = 0;
+      for (let s = 0; s < e.length; s++)
+        n += Math.pow(e[s] - t[s], 2) / t[s];
+      const r = e.length - 1;
+      return {
+        chiSquare: n,
+        pValue: 0.05,
+        degreesOfFreedom: r
+      };
+    },
+    /** Z-score normalization */
+    zScore(e) {
+      const t = this.mean(e), n = this.std(e);
+      return e.map((r) => (r - t) / n);
+    },
+    /** Min-max normalization */
+    minMaxNormalize(e, t = 0, n = 1) {
+      const r = Math.min(...e), s = Math.max(...e) - r;
+      return e.map((a) => t + (a - r) / s * (n - t));
+    },
+    /** Describe dataset */
+    describe(e) {
+      const t = e.filter((r) => r != null && !isNaN(r)), n = this.quartiles(t);
+      return {
+        count: t.length,
+        mean: this.mean(t),
+        median: n.q2,
+        std: this.std(t),
+        min: Math.min(...t),
+        max: Math.max(...t),
+        q1: n.q1,
+        q3: n.q3,
+        skewness: this.skewness(t),
+        kurtosis: this.kurtosis(t),
+        mode: this.mode(t),
+        variance: this.variance(t)
+      };
     }
-    const y = 1 - p / h, m = `y = ${l.toFixed(4)}x + ${c.toFixed(4)}`;
-    return { slope: l, intercept: c, r2: y, equation: m };
-  },
-  /** T-test (two-sample) */
-  tTest(e, t) {
-    const n = e.length, r = t.length, i = this.mean(e), s = this.mean(t), a = this.variance(e), l = this.variance(t), c = Math.sqrt(a / n + l / r), h = (i - s) / c, p = Math.pow(a / n + l / r, 2) / (Math.pow(a / n, 2) / (n - 1) + Math.pow(l / r, 2) / (r - 1)), y = 2 * (1 - this.normalCDF(Math.abs(h)));
-    return {
-      tStatistic: h,
-      pValue: y,
-      degreesOfFreedom: p,
-      meanDiff: i - s
-    };
-  },
-  /** Normal CDF approximation */
-  normalCDF(e) {
-    const t = 0.254829592, n = -0.284496736, r = 1.421413741, i = -1.453152027, s = 1.061405429, a = 0.3275911, l = e < 0 ? -1 : 1;
-    e = Math.abs(e) / Math.sqrt(2);
-    const c = 1 / (1 + a * e), h = 1 - ((((s * c + i) * c + r) * c + n) * c + t) * c * Math.exp(-e * e);
-    return 0.5 * (1 + l * h);
-  },
-  /** Chi-square test */
-  chiSquare(e, t) {
-    if (e.length !== t.length)
-      throw new Error("Arrays must have same length");
-    let n = 0;
-    for (let s = 0; s < e.length; s++)
-      n += Math.pow(e[s] - t[s], 2) / t[s];
-    const r = e.length - 1;
-    return {
-      chiSquare: n,
-      pValue: 0.05,
-      degreesOfFreedom: r
-    };
-  },
-  /** Z-score normalization */
-  zScore(e) {
-    const t = this.mean(e), n = this.std(e);
-    return e.map((r) => (r - t) / n);
-  },
-  /** Min-max normalization */
-  minMaxNormalize(e, t = 0, n = 1) {
-    const r = Math.min(...e), s = Math.max(...e) - r;
-    return e.map((a) => t + (a - r) / s * (n - t));
-  },
-  /** Describe dataset */
-  describe(e) {
-    const t = e.filter((r) => r != null && !isNaN(r)), n = this.quartiles(t);
-    return {
-      count: t.length,
-      mean: this.mean(t),
-      median: n.q2,
-      std: this.std(t),
-      min: Math.min(...t),
-      max: Math.max(...t),
-      q1: n.q1,
-      q3: n.q3,
-      skewness: this.skewness(t),
-      kurtosis: this.kurtosis(t),
-      mode: this.mode(t),
-      variance: this.variance(t)
-    };
-  }
-};
+  };
+})();
 class ft {
   constructor(t = {}) {
     ve(this, "config");
@@ -929,16 +931,16 @@ class ft {
       throw new Error("Empty CSV content");
     const a = (m) => {
       const $ = [];
-      let w = "", F = !1;
+      let w = "", j = !1;
       for (const J of m)
-        J === '"' ? F = !F : J === r && !F ? ($.push(w.trim()), w = "") : w += J;
+        J === '"' ? j = !j : J === r && !j ? ($.push(w.trim()), w = "") : w += J;
       return $.push(w.trim()), $;
     }, l = a(s[0]), c = i ? l : l.map((m, $) => `col_${$ + 1}`), h = i ? 1 : 0, p = [];
     for (let m = h; m < s.length; m++) {
       const $ = a(s[m]), w = {};
-      for (let F = 0; F < c.length; F++) {
-        const J = $[F], te = parseFloat(J);
-        w[c[F]] = !isNaN(te) && J !== "" ? te : J;
+      for (let j = 0; j < c.length; j++) {
+        const J = $[j], te = parseFloat(J);
+        w[c[j]] = !isNaN(te) && J !== "" ? te : J;
       }
       p.push(w);
     }
@@ -1205,22 +1207,22 @@ class ft {
     return Date.now().toString(36) + Math.random().toString(36).substring(2);
   }
 }
-function Gt(e) {
+function Ht(e) {
   return new ft(e);
 }
-function Qt({
+function en({
   service: e,
   className: t,
   style: n
 }) {
-  const [r, i] = j([]), [s, a] = j(null), [l, c] = j("data"), h = q(() => {
+  const [r, i] = F([]), [s, a] = F(null), [l, c] = F("data"), h = q(() => {
     i(e.listDatasets());
   }, [e]), p = K(
     () => r.find((m) => m.id === s),
     [r, s]
   ), y = async (m) => {
-    var F;
-    const $ = (F = m.target.files) == null ? void 0 : F[0];
+    var j;
+    const $ = (j = m.target.files) == null ? void 0 : j[0];
     if (!$)
       return;
     const w = await $.text();
@@ -1330,7 +1332,7 @@ function Qt({
   );
 }
 function yt({ dataset: e }) {
-  const [t, n] = j(0), r = 50, i = Math.ceil(e.rowCount / r), s = e.data.slice(t * r, (t + 1) * r);
+  const [t, n] = F(0), r = 50, i = Math.ceil(e.rowCount / r), s = e.data.slice(t * r, (t + 1) * r);
   return /* @__PURE__ */ u("div", { children: [
     /* @__PURE__ */ o("div", { style: { overflowX: "auto", marginBottom: "16px" }, children: /* @__PURE__ */ u("table", { style: { borderCollapse: "collapse", width: "100%", fontSize: "13px" }, children: [
       /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ u("tr", { style: { backgroundColor: "var(--nice-bg-secondary, #f5f5f5)" }, children: [
@@ -1442,7 +1444,7 @@ function gt({
   dataset: e,
   service: t
 }) {
-  const [n, r] = j("descriptive"), [i, s] = j(null);
+  const [n, r] = F("descriptive"), [i, s] = F(null);
   return /* @__PURE__ */ u("div", { children: [
     /* @__PURE__ */ u("div", { style: { display: "flex", gap: "12px", marginBottom: "24px" }, children: [
       /* @__PURE__ */ u(
@@ -1501,7 +1503,7 @@ function gt({
     )
   ] });
 }
-const Oe = {
+const We = {
   apa: (e) => {
     const t = xt(e.authors), n = e.year ? ` (${e.year}).` : ".", r = e.title;
     let i = "";
@@ -1545,7 +1547,7 @@ const Oe = {
     return e.type === "article" && e.journal && (r = ` *${e.journal}*`, e.volume && (r += ` **${e.volume}**`), e.pages && (r += `, ${e.pages}`), e.year && (r += ` (${e.year})`), r += "."), `${t}, ${n}.${r}`;
   },
   bibtex: (e) => {
-    const t = St(e), n = e.type === "article" ? "article" : e.type === "book" ? "book" : "misc";
+    const t = Ct(e), n = e.type === "article" ? "article" : e.type === "book" ? "book" : "misc";
     let i = `  author = {${e.authors.map((s) => `${s.family}, ${s.given}`).join(" and ")}},
 `;
     return i += `  title = {${e.title}},
@@ -1605,12 +1607,12 @@ function Qe(e) {
 function wt(e) {
   return Qe(e);
 }
-function St(e) {
+function Ct(e) {
   var i;
   const t = ((i = e.authors[0]) == null ? void 0 : i.family.toLowerCase()) || "unknown", n = e.year || "0000", r = e.title.split(" ")[0].toLowerCase().replace(/[^a-z]/g, "");
   return `${t}${n}${r}`;
 }
-class Ct {
+class St {
   constructor(t = {}) {
     ve(this, "config");
     ve(this, "citations", /* @__PURE__ */ new Map());
@@ -1727,7 +1729,7 @@ class Ct {
     const r = this.citations.get(t);
     if (!r)
       throw new Error(`Citation not found: ${t}`);
-    return Oe[n](r);
+    return We[n](r);
   }
   /** Format multiple citations as bibliography */
   formatBibliography(t, n) {
@@ -1735,7 +1737,7 @@ class Ct {
       const a = this.citations.get(i);
       if (!a)
         return null;
-      const l = Oe[n](a);
+      const l = We[n](a);
       return n === "bibtex" ? l : ["ieee", "vancouver"].includes(n) ? `[${s + 1}] ${l}` : l;
     }).filter(Boolean).join(`
 
@@ -1786,7 +1788,7 @@ class Ct {
   }
   /** Export as BibTeX */
   exportBibtex(t) {
-    return (t ? t.map((r) => this.citations.get(r)).filter(Boolean) : Array.from(this.citations.values())).map((r) => Oe.bibtex(r)).join(`
+    return (t ? t.map((r) => this.citations.get(r)).filter(Boolean) : Array.from(this.citations.values())).map((r) => We.bibtex(r)).join(`
 
 `);
   }
@@ -1857,10 +1859,10 @@ class Ct {
         type: "article",
         title: m.title || "",
         authors: (m.authors || []).map((w) => {
-          const F = w.name.split(" ");
+          const j = w.name.split(" ");
           return {
-            family: F.pop() || "",
-            given: F.join(" ")
+            family: j.pop() || "",
+            given: j.join(" ")
           };
         }),
         year: m.pubdate ? parseInt(m.pubdate.split(" ")[0], 10) : void 0,
@@ -1922,12 +1924,12 @@ class Ct {
     return Date.now().toString(36) + Math.random().toString(36).substring(2);
   }
 }
-function Ht(e) {
-  return new Ct(e);
+function tn(e) {
+  return new St(e);
 }
-const He = Ue(null);
+const He = /* @__PURE__ */ Ze(null);
 function et() {
-  const e = Ze(He);
+  const e = Ue(He);
   if (!e)
     throw new Error("useCitation must be used within CitationProvider");
   return e;
@@ -1989,11 +1991,11 @@ const he = {
     cursor: "pointer"
   }
 };
-function en({ service: e, className: t, style: n }) {
-  const [r, i] = j([]), [s, a] = j([]), [l, c] = j("all"), [h, p] = j(null), [y, m] = j(""), [$, w] = j("apa"), F = q(() => {
+function nn({ service: e, className: t, style: n }) {
+  const [r, i] = F([]), [s, a] = F([]), [l, c] = F("all"), [h, p] = F(null), [y, m] = F(""), [$, w] = F("apa"), j = q(() => {
     i(e.listCitations(l)), a(e.listCollections());
   }, [e, l]), J = K(() => y ? e.searchCitations(y, { collection: l }) : r, [r, y, l, e]), te = K(
-    () => r.find((L) => L.id === h),
+    () => r.find((R) => R.id === h),
     [r, h]
   ), V = {
     service: e,
@@ -2007,30 +2009,30 @@ function en({ service: e, className: t, style: n }) {
     setSearchQuery: m,
     citationStyle: $,
     setCitationStyle: w,
-    refresh: F
+    refresh: j
   };
   return /* @__PURE__ */ o(He.Provider, { value: V, children: /* @__PURE__ */ u("div", { className: t, style: { ...he.container, ...n }, children: [
     /* @__PURE__ */ u("div", { style: he.sidebar, children: [
       /* @__PURE__ */ o("div", { style: { padding: "16px", fontWeight: 600 }, children: "Collections" }),
-      s.map((L) => /* @__PURE__ */ u(
+      s.map((R) => /* @__PURE__ */ u(
         "div",
         {
           onClick: () => {
-            c(L.id), F();
+            c(R.id), j();
           },
           style: {
             ...he.listItem,
-            backgroundColor: l === L.id ? "var(--nice-primary-bg, #e3f2fd)" : "transparent"
+            backgroundColor: l === R.id ? "var(--nice-primary-bg, #e3f2fd)" : "transparent"
           },
           children: [
-            /* @__PURE__ */ o("div", { children: L.name }),
+            /* @__PURE__ */ o("div", { children: R.name }),
             /* @__PURE__ */ u("div", { style: { fontSize: "12px", color: "var(--nice-text-secondary, #666)" }, children: [
-              L.citationCount,
+              R.citationCount,
               " items"
             ] })
           ]
         },
-        L.id
+        R.id
       ))
     ] }),
     /* @__PURE__ */ u("div", { style: he.main, children: [
@@ -2041,7 +2043,7 @@ function en({ service: e, className: t, style: n }) {
             type: "text",
             placeholder: "Search references...",
             value: y,
-            onChange: (L) => m(L.target.value),
+            onChange: (R) => m(R.target.value),
             style: { ...he.input, flex: 1 }
           }
         ),
@@ -2049,7 +2051,7 @@ function en({ service: e, className: t, style: n }) {
           "select",
           {
             value: $,
-            onChange: (L) => w(L.target.value),
+            onChange: (R) => w(R.target.value),
             style: he.input,
             children: [
               /* @__PURE__ */ o("option", { value: "apa", children: "APA" }),
@@ -2066,21 +2068,21 @@ function en({ service: e, className: t, style: n }) {
       ] }),
       /* @__PURE__ */ u("div", { style: { display: "flex", flex: 1, overflow: "hidden" }, children: [
         /* @__PURE__ */ u("div", { style: he.list, children: [
-          J.map((L) => /* @__PURE__ */ u(
+          J.map((R) => /* @__PURE__ */ u(
             "div",
             {
-              onClick: () => p(L.id),
+              onClick: () => p(R.id),
               style: {
                 ...he.listItem,
-                backgroundColor: h === L.id ? "var(--nice-primary-bg, #e3f2fd)" : "transparent"
+                backgroundColor: h === R.id ? "var(--nice-primary-bg, #e3f2fd)" : "transparent"
               },
               children: [
-                /* @__PURE__ */ o("div", { style: { fontWeight: 500, marginBottom: "4px" }, children: L.title }),
+                /* @__PURE__ */ o("div", { style: { fontWeight: 500, marginBottom: "4px" }, children: R.title }),
                 /* @__PURE__ */ u("div", { style: { fontSize: "12px", color: "var(--nice-text-secondary, #666)" }, children: [
-                  L.authors.map((H) => H.family).join(", "),
-                  L.year && ` (${L.year})`
+                  R.authors.map((H) => H.family).join(", "),
+                  R.year && ` (${R.year})`
                 ] }),
-                L.journal && /* @__PURE__ */ o(
+                R.journal && /* @__PURE__ */ o(
                   "div",
                   {
                     style: {
@@ -2088,12 +2090,12 @@ function en({ service: e, className: t, style: n }) {
                       color: "var(--nice-text-secondary, #888)",
                       fontStyle: "italic"
                     },
-                    children: L.journal
+                    children: R.journal
                   }
                 )
               ]
             },
-            L.id
+            R.id
           )),
           J.length === 0 && /* @__PURE__ */ o(
             "div",
@@ -2113,7 +2115,7 @@ function en({ service: e, className: t, style: n }) {
   ] }) });
 }
 function kt() {
-  const { service: e, refresh: t } = et(), [n, r] = j(!1), [i, s] = j(""), [a, l] = j(!1), c = async () => {
+  const { service: e, refresh: t } = et(), [n, r] = F(!1), [i, s] = F(""), [a, l] = F(!1), c = async () => {
     if (i.trim()) {
       l(!0);
       try {
@@ -2179,7 +2181,7 @@ function kt() {
   ] });
 }
 function Dt({ citation: e }) {
-  const { service: t, citationStyle: n } = et(), [r, i] = j(!1), s = K(
+  const { service: t, citationStyle: n } = et(), [r, i] = F(!1), s = K(
     () => t.formatCitation(e.id, n),
     [t, e.id, n]
   ), a = () => {
@@ -2278,7 +2280,7 @@ function Dt({ citation: e }) {
     ] })
   ] });
 }
-const At = {
+const At = [], zt = {
   series: [],
   xAxes: [],
   yAxes: [],
@@ -2288,30 +2290,30 @@ const At = {
   cursor: null,
   hoveredPoint: null
 };
-function Ie(e) {
+function Ne(e) {
   return e.reduce((t, n) => t + n, 0) / e.length;
 }
-function zt(e) {
+function Nt(e) {
   const t = [...e].sort((r, i) => r - i), n = Math.floor(t.length / 2);
   return t.length % 2 ? t[n] : (t[n - 1] + t[n]) / 2;
 }
-function Re(e) {
-  const t = Ie(e), n = e.map((r) => Math.pow(r - t, 2));
-  return Math.sqrt(Ie(n));
+function _e(e) {
+  const t = Ne(e), n = e.map((r) => Math.pow(r - t, 2));
+  return Math.sqrt(Ne(n));
 }
 function It(e) {
-  return Re(e) / Math.sqrt(e.length);
+  return _e(e) / Math.sqrt(e.length);
 }
-function Nt(e) {
-  const t = Ie(e), n = It(e), r = 1.96;
+function Et(e) {
+  const t = Ne(e), n = It(e), r = 1.96;
   return [t - r * n, t + r * n];
 }
-function Et(e) {
-  const t = e.length, n = e.map((w) => typeof w.x == "number" ? w.x : 0), r = e.map((w) => w.y), i = n.reduce((w, F) => w + F, 0), s = r.reduce((w, F) => w + F, 0), a = n.reduce((w, F, J) => w + F * r[J], 0), l = n.reduce((w, F) => w + F * F, 0), c = (t * a - i * s) / (t * l - i * i), h = (s - c * i) / t, p = s / t, y = r.reduce((w, F) => w + Math.pow(F - p, 2), 0), $ = 1 - r.reduce((w, F, J) => w + Math.pow(F - (c * n[J] + h), 2), 0) / y;
+function Ft(e) {
+  const t = e.length, n = e.map((w) => typeof w.x == "number" ? w.x : 0), r = e.map((w) => w.y), i = n.reduce((w, j) => w + j, 0), s = r.reduce((w, j) => w + j, 0), a = n.reduce((w, j, J) => w + j * r[J], 0), l = n.reduce((w, j) => w + j * j, 0), c = (t * a - i * s) / (t * l - i * i), h = (s - c * i) / t, p = s / t, y = r.reduce((w, j) => w + Math.pow(j - p, 2), 0), $ = 1 - r.reduce((w, j, J) => w + Math.pow(j - (c * n[J] + h), 2), 0) / y;
   return { slope: c, intercept: h, r2: $ };
 }
 function jt(e, t) {
-  const n = Ie(e), r = Ie(t), i = Re(e) ** 2, s = Re(t) ** 2, a = e.length, l = t.length, c = ((a - 1) * i + (l - 1) * s) / (a + l - 2), h = Math.sqrt(c * (1 / a + 1 / l)), p = (n - r) / h, y = Math.exp(-0.717 * Math.abs(p) - 0.416 * p * p);
+  const n = Ne(e), r = Ne(t), i = _e(e) ** 2, s = _e(t) ** 2, a = e.length, l = t.length, c = ((a - 1) * i + (l - 1) * s) / (a + l - 2), h = Math.sqrt(c * (1 / a + 1 / l)), p = (n - r) / h, y = Math.exp(-0.717 * Math.abs(p) - 0.416 * p * p);
   return { t: p, p: y, significant: y < 0.05 };
 }
 function Ye(e, t, n, r = 5) {
@@ -2321,8 +2323,8 @@ function Ye(e, t, n, r = 5) {
 function Pe(e, t) {
   return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(1) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1) + "K" : Math.abs(e) < 0.01 ? e.toExponential(2) : e.toFixed(2).replace(/\.?0+$/, "");
 }
-function tn({
-  series: e,
+function rn({
+  series: e = At,
   title: t,
   subtitle: n,
   width: r = "100%",
@@ -2337,11 +2339,11 @@ function tn({
   zoom: m = { enabled: !0, mode: "xy", wheel: !0, drag: !0, resetButton: !0 },
   export: $,
   statisticalTests: w = [],
-  gridLines: F = !0,
+  gridLines: j = !0,
   aspectRatio: J,
   animation: te = !0,
   theme: V = "light",
-  onPointClick: L,
+  onPointClick: R,
   onPointHover: H,
   onZoomChange: oe,
   onAnnotationChange: U,
@@ -2350,50 +2352,50 @@ function tn({
 }) {
   const se = ze(null);
   ze(null);
-  const [ne, Y] = j({
-    ...At,
+  const [ne, Y] = F({
+    ...zt,
     series: e,
     annotations: h
-  }), [ce, ue] = j({ width: 0, height: 0 }), [me, xe] = j({ x: null, y: null }), [X, Z] = j(
+  }), [ce, ue] = F({ width: 0, height: 0 }), [me, xe] = F({ x: null, y: null }), [X, Z] = F(
     null
-  ), [ae, G] = j(
+  ), [ae, G] = F(
     new Set(e.map((d) => d.id))
-  ), C = K(() => {
+  ), S = K(() => {
     const d = e.filter((M) => ae.has(M.id) && M.visible !== !1);
     if (d.length === 0)
       return { xMin: 0, xMax: 1, yMin: 0, yMax: 1 };
-    let x = 1 / 0, S = -1 / 0, E = 1 / 0, N = -1 / 0;
+    let x = 1 / 0, C = -1 / 0, E = 1 / 0, I = -1 / 0;
     for (const M of d)
       for (const A of M.data) {
-        const W = typeof A.x == "number" ? A.x : 0;
-        if (x = Math.min(x, W), S = Math.max(S, W), E = Math.min(E, A.y), N = Math.max(N, A.y), A.error) {
-          const [T, le] = Array.isArray(A.error) ? A.error : [-A.error, A.error];
-          E = Math.min(E, A.y + T), N = Math.max(N, A.y + le);
+        const T = typeof A.x == "number" ? A.x : 0;
+        if (x = Math.min(x, T), C = Math.max(C, T), E = Math.min(E, A.y), I = Math.max(I, A.y), A.error) {
+          const [O, le] = Array.isArray(A.error) ? A.error : [-A.error, A.error];
+          E = Math.min(E, A.y + O), I = Math.max(I, A.y + le);
         }
       }
-    const _ = (S - x) * 0.05 || 0.5, g = (N - E) * 0.05 || 0.5;
+    const L = (C - x) * 0.05 || 0.5, g = (I - E) * 0.05 || 0.5;
     return {
-      xMin: x - _,
-      xMax: S + _,
+      xMin: x - L,
+      xMax: C + L,
       yMin: E - g,
-      yMax: N + g
+      yMax: I + g
     };
   }, [e, ae]), Q = K(() => {
     const d = {};
     for (const x of e) {
       if (!ae.has(x.id))
         continue;
-      const S = x.data.map((E) => E.y);
-      c.includes("mean") && (d[`${x.id}_mean`] = Ie(S)), c.includes("median") && (d[`${x.id}_median`] = zt(S)), c.includes("std-dev") && (d[`${x.id}_std`] = Re(S)), c.includes("regression") && (d[`${x.id}_regression`] = Et(x.data)), c.includes("confidence-interval") && (d[`${x.id}_ci95`] = Nt(S));
+      const C = x.data.map((E) => E.y);
+      c.includes("mean") && (d[`${x.id}_mean`] = Ne(C)), c.includes("median") && (d[`${x.id}_median`] = Nt(C)), c.includes("std-dev") && (d[`${x.id}_std`] = _e(C)), c.includes("regression") && (d[`${x.id}_regression`] = Ft(x.data)), c.includes("confidence-interval") && (d[`${x.id}_ci95`] = Et(C));
     }
     return d;
   }, [e, ae, c]), ee = K(() => w.map((d) => {
     if (d.type === "t-test" && d.series.length === 2) {
-      const x = e.find((E) => E.id === d.series[0]), S = e.find((E) => E.id === d.series[1]);
-      if (x && S) {
+      const x = e.find((E) => E.id === d.series[0]), C = e.find((E) => E.id === d.series[1]);
+      if (x && C) {
         const E = jt(
-          x.data.map((N) => N.y),
-          S.data.map((N) => N.y)
+          x.data.map((I) => I.y),
+          C.data.map((I) => I.y)
         );
         return {
           ...d,
@@ -2409,8 +2411,8 @@ function tn({
     return d;
   }), [w, e]), re = q((d) => {
     G((x) => {
-      const S = new Set(x);
-      return S.has(d) ? S.delete(d) : S.add(d), S;
+      const C = new Set(x);
+      return C.has(d) ? C.delete(d) : C.add(d), C;
     });
   }, []), ie = q(() => {
     xe({ x: null, y: null }), oe == null || oe(null, null);
@@ -2489,59 +2491,31 @@ function tn({
         ...pe
       },
       children: [
-        t && /* @__PURE__ */ u(
-          "div",
-          {
-            className: "nice-scientific-chart__title",
-            style: {
-              textAlign: "center",
-              fontWeight: "bold",
-              fontSize: "1.25rem",
-              padding: "0.5rem"
-            },
-            children: [
-              t,
-              n && /* @__PURE__ */ o("div", { style: { fontSize: "0.875rem", fontWeight: "normal", color: k.axis }, children: n })
-            ]
-          }
-        ),
+        t && /* @__PURE__ */ u("div", { className: "nice-scientific-chart__title", children: [
+          t,
+          n && /* @__PURE__ */ o("div", { className: "nice-scientific-chart__subtitle", style: { color: k.axis }, children: n })
+        ] }),
         p.show && /* @__PURE__ */ o(
           "div",
           {
             className: "nice-scientific-chart__legend",
-            style: {
-              display: "flex",
-              flexDirection: p.orientation === "vertical" ? "column" : "row",
-              flexWrap: "wrap",
-              gap: "0.5rem",
-              padding: "0.5rem",
-              justifyContent: "center"
-            },
+            style: { flexDirection: p.orientation === "vertical" ? "column" : "row" },
             children: e.map((d, x) => /* @__PURE__ */ u(
               "button",
               {
+                type: "button",
+                className: "nice-scientific-chart__legend-item",
                 onClick: () => p.interactive && re(d.id),
                 style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "0.25rem",
-                  background: "none",
-                  border: "none",
                   cursor: p.interactive ? "pointer" : "default",
-                  opacity: ae.has(d.id) ? 1 : 0.4,
-                  color: "inherit",
-                  fontSize: "0.875rem"
+                  opacity: ae.has(d.id) ? 1 : 0.4
                 },
                 children: [
                   /* @__PURE__ */ o(
                     "span",
                     {
-                      style: {
-                        width: 12,
-                        height: 12,
-                        borderRadius: 2,
-                        backgroundColor: d.color || z[x % z.length]
-                      }
+                      className: "nice-scientific-chart__swatch",
+                      style: { backgroundColor: d.color || z[x % z.length] }
                     }
                   ),
                   d.name
@@ -2551,303 +2525,255 @@ function tn({
             ))
           }
         ),
-        /* @__PURE__ */ u(
-          "div",
-          {
-            className: "nice-scientific-chart__canvas",
-            style: { flex: 1, position: "relative", minHeight: 200 },
-            children: [
-              /* @__PURE__ */ u("svg", { width: "100%", height: "100%", style: { overflow: "visible" }, children: [
-                F && /* @__PURE__ */ u("g", { className: "nice-scientific-chart__grid", stroke: k.grid, strokeWidth: 1, children: [
-                  [0, 0.25, 0.5, 0.75, 1].map((d) => /* @__PURE__ */ o(
-                    "line",
-                    {
-                      x1: "10%",
-                      y1: `${d * 100}%`,
-                      x2: "95%",
-                      y2: `${d * 100}%`,
-                      strokeDasharray: "2,2"
-                    },
-                    `h-${d}`
-                  )),
-                  [0, 0.25, 0.5, 0.75, 1].map((d) => /* @__PURE__ */ o(
-                    "line",
-                    {
-                      x1: `${10 + d * 85}%`,
-                      y1: "5%",
-                      x2: `${10 + d * 85}%`,
-                      y2: "90%",
-                      strokeDasharray: "2,2"
-                    },
-                    `v-${d}`
-                  ))
-                ] }),
-                e.filter((d) => ae.has(d.id) && d.visible !== !1).map((d, x) => {
-                  var N, _, g;
-                  const S = d.color || z[x % z.length], E = d.type || s;
-                  return /* @__PURE__ */ o("g", { className: "nice-scientific-chart__series", children: E === "scatter" || E === "line" ? /* @__PURE__ */ u(Ae, { children: [
-                    E === "line" && d.data.length > 1 && // `points` takes plain numbers — percentages are invalid there (the
-                    // line series never rendered; the browser rejected every point). The
-                    // same 0–100 coordinates go into a stretched 100×100 viewBox instead,
-                    // with a non-scaling stroke so the width stays in pixels.
-                    /* @__PURE__ */ o(
-                      "svg",
+        /* @__PURE__ */ u("div", { className: "nice-scientific-chart__canvas", children: [
+          /* @__PURE__ */ u("svg", { width: "100%", height: "100%", children: [
+            j && /* @__PURE__ */ u("g", { className: "nice-scientific-chart__grid", stroke: k.grid, strokeWidth: 1, children: [
+              [0, 0.25, 0.5, 0.75, 1].map((d) => /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: "10%",
+                  y1: `${d * 100}%`,
+                  x2: "95%",
+                  y2: `${d * 100}%`,
+                  strokeDasharray: "2,2"
+                },
+                `h-${d}`
+              )),
+              [0, 0.25, 0.5, 0.75, 1].map((d) => /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: `${10 + d * 85}%`,
+                  y1: "5%",
+                  x2: `${10 + d * 85}%`,
+                  y2: "90%",
+                  strokeDasharray: "2,2"
+                },
+                `v-${d}`
+              ))
+            ] }),
+            e.filter((d) => ae.has(d.id) && d.visible !== !1).map((d, x) => {
+              var I, L, g;
+              const C = d.color || z[x % z.length], E = d.type || s;
+              return /* @__PURE__ */ o("g", { className: "nice-scientific-chart__series", children: E === "scatter" || E === "line" ? /* @__PURE__ */ u(Ae, { children: [
+                E === "line" && d.data.length > 1 && // `points` takes plain numbers — percentages are invalid there (the
+                // line series never rendered; the browser rejected every point). The
+                // same 0–100 coordinates go into a stretched 100×100 viewBox instead,
+                // with a non-scaling stroke so the width stays in pixels.
+                /* @__PURE__ */ o(
+                  "svg",
+                  {
+                    x: "0",
+                    y: "0",
+                    width: "100%",
+                    height: "100%",
+                    viewBox: "0 0 100 100",
+                    preserveAspectRatio: "none",
+                    style: { overflow: "visible" },
+                    children: /* @__PURE__ */ o(
+                      "polyline",
                       {
-                        x: "0",
-                        y: "0",
-                        width: "100%",
-                        height: "100%",
-                        viewBox: "0 0 100 100",
-                        preserveAspectRatio: "none",
-                        style: { overflow: "visible" },
-                        children: /* @__PURE__ */ o(
-                          "polyline",
-                          {
-                            fill: "none",
-                            stroke: S,
-                            strokeWidth: ((N = d.line) == null ? void 0 : N.width) || 2,
-                            vectorEffect: "non-scaling-stroke",
-                            strokeDasharray: ((_ = d.line) == null ? void 0 : _.style) === "dashed" ? "5,5" : ((g = d.line) == null ? void 0 : g.style) === "dotted" ? "2,2" : void 0,
-                            points: d.data.map((M, A) => {
-                              const W = 10 + ((typeof M.x == "number" ? M.x : A) - C.xMin) / (C.xMax - C.xMin) * 85, T = 90 - (M.y - C.yMin) / (C.yMax - C.yMin) * 85;
-                              return `${W},${T}`;
-                            }).join(" ")
-                          }
-                        )
+                        fill: "none",
+                        stroke: C,
+                        strokeWidth: ((I = d.line) == null ? void 0 : I.width) || 2,
+                        vectorEffect: "non-scaling-stroke",
+                        strokeDasharray: ((L = d.line) == null ? void 0 : L.style) === "dashed" ? "5,5" : ((g = d.line) == null ? void 0 : g.style) === "dotted" ? "2,2" : void 0,
+                        points: d.data.map((M, A) => {
+                          const T = 10 + ((typeof M.x == "number" ? M.x : A) - S.xMin) / (S.xMax - S.xMin) * 85, O = 90 - (M.y - S.yMin) / (S.yMax - S.yMin) * 85;
+                          return `${T},${O}`;
+                        }).join(" ")
                       }
-                    ),
-                    d.data.map((M, A) => {
-                      var fe, be, ge, ye, we;
-                      const W = 10 + ((typeof M.x == "number" ? M.x : A) - C.xMin) / (C.xMax - C.xMin) * 85, T = 90 - (M.y - C.yMin) / (C.yMax - C.yMin) * 85, le = M.size || ((fe = d.marker) == null ? void 0 : fe.size) || 6;
-                      return /* @__PURE__ */ u("g", { className: "nice-scientific-chart__point", children: [
-                        M.error && /* @__PURE__ */ o(
-                          "line",
-                          {
-                            x1: `${W}%`,
-                            y1: `${90 - (M.y + (Array.isArray(M.error) ? M.error[1] : M.error) - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                            x2: `${W}%`,
-                            y2: `${90 - (M.y - (Array.isArray(M.error) ? Math.abs(M.error[0]) : M.error) - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                            stroke: S,
-                            strokeWidth: 1
-                          }
-                        ),
-                        /* @__PURE__ */ o(
-                          "circle",
-                          {
-                            cx: `${W}%`,
-                            cy: `${T}%`,
-                            r: le / 2,
-                            fill: M.color || ((be = d.marker) == null ? void 0 : be.fillColor) || S,
-                            stroke: ((ge = d.marker) == null ? void 0 : ge.strokeColor) || S,
-                            strokeWidth: ((ye = d.marker) == null ? void 0 : ye.strokeWidth) || 1,
-                            opacity: ((we = d.marker) == null ? void 0 : we.opacity) ?? 1,
-                            style: { cursor: L ? "pointer" : void 0 },
-                            onMouseEnter: () => {
-                              Z({ seriesId: d.id, pointIndex: A }), H == null || H(M, d);
-                            },
-                            onMouseLeave: () => {
-                              Z(null), H == null || H(null, null);
-                            },
-                            onClick: (Se) => L == null ? void 0 : L(M, d, Se)
-                          }
-                        )
-                      ] }, A);
-                    }),
-                    Q[`${d.id}_regression`] && /* @__PURE__ */ o(
+                    )
+                  }
+                ),
+                d.data.map((M, A) => {
+                  var fe, be, ge, ye, we;
+                  const T = 10 + ((typeof M.x == "number" ? M.x : A) - S.xMin) / (S.xMax - S.xMin) * 85, O = 90 - (M.y - S.yMin) / (S.yMax - S.yMin) * 85, le = M.size || ((fe = d.marker) == null ? void 0 : fe.size) || 6;
+                  return /* @__PURE__ */ u("g", { className: "nice-scientific-chart__point", children: [
+                    M.error && /* @__PURE__ */ o(
                       "line",
                       {
-                        x1: "10%",
-                        y1: `${90 - (Q[`${d.id}_regression`].intercept + Q[`${d.id}_regression`].slope * C.xMin - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        x2: "95%",
-                        y2: `${90 - (Q[`${d.id}_regression`].intercept + Q[`${d.id}_regression`].slope * C.xMax - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        stroke: S,
-                        strokeWidth: 1,
-                        strokeDasharray: "5,3",
-                        opacity: 0.7
+                        x1: `${T}%`,
+                        y1: `${90 - (M.y + (Array.isArray(M.error) ? M.error[1] : M.error) - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        x2: `${T}%`,
+                        y2: `${90 - (M.y - (Array.isArray(M.error) ? Math.abs(M.error[0]) : M.error) - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        stroke: C,
+                        strokeWidth: 1
                       }
                     ),
-                    Q[`${d.id}_mean`] && /* @__PURE__ */ o(
-                      "line",
-                      {
-                        x1: "10%",
-                        y1: `${90 - (Q[`${d.id}_mean`] - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        x2: "95%",
-                        y2: `${90 - (Q[`${d.id}_mean`] - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        stroke: S,
-                        strokeWidth: 1,
-                        strokeDasharray: "10,5",
-                        opacity: 0.5
-                      }
-                    )
-                  ] }) : null }, d.id);
-                }),
-                /* @__PURE__ */ u("g", { className: "nice-scientific-chart__axes", stroke: k.axis, strokeWidth: 1, children: [
-                  /* @__PURE__ */ o("line", { x1: "10%", y1: "90%", x2: "95%", y2: "90%" }),
-                  /* @__PURE__ */ o("line", { x1: "10%", y1: "5%", x2: "10%", y2: "90%" }),
-                  Ye(C.xMin, C.xMax, "linear", 6).map((d, x) => /* @__PURE__ */ u("g", { children: [
-                    /* @__PURE__ */ o("line", { x1: `${10 + x * 17}%`, y1: "90%", x2: `${10 + x * 17}%`, y2: "92%" }),
                     /* @__PURE__ */ o(
-                      "text",
-                      {
-                        x: `${10 + x * 17}%`,
-                        y: "96%",
-                        textAnchor: "middle",
-                        fill: k.axis,
-                        fontSize: "0.75rem",
-                        children: Pe(d)
-                      }
-                    )
-                  ] }, `x-${x}`)),
-                  Ye(C.yMin, C.yMax, "linear", 6).map((d, x) => /* @__PURE__ */ u("g", { children: [
-                    /* @__PURE__ */ o("line", { x1: "8%", y1: `${90 - x * 17}%`, x2: "10%", y2: `${90 - x * 17}%` }),
-                    /* @__PURE__ */ o(
-                      "text",
-                      {
-                        x: "7%",
-                        y: `${90 - x * 17}%`,
-                        textAnchor: "end",
-                        dominantBaseline: "middle",
-                        fill: k.axis,
-                        fontSize: "0.75rem",
-                        children: Pe(d)
-                      }
-                    )
-                  ] }, `y-${x}`))
-                ] }),
-                h.filter((d) => d.visible !== !1).map((d) => {
-                  var x, S, E, N, _, g, M;
-                  return /* @__PURE__ */ u("g", { className: "nice-scientific-chart__annotation", children: [
-                    d.type === "text" && d.text && /* @__PURE__ */ o(
-                      "text",
-                      {
-                        x: `${10 + (d.position.x - C.xMin) / (C.xMax - C.xMin) * 85}%`,
-                        y: `${90 - (d.position.y - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        fill: ((x = d.style) == null ? void 0 : x.color) || k.text,
-                        fontSize: ((S = d.style) == null ? void 0 : S.fontSize) || 12,
-                        fontWeight: (E = d.style) == null ? void 0 : E.fontWeight,
-                        children: d.text
-                      }
-                    ),
-                    d.type === "line" && /* @__PURE__ */ o(
-                      "line",
+                      "circle",
                       {
-                        x1: `${10 + (d.position.x - C.xMin) / (C.xMax - C.xMin) * 85}%`,
-                        y1: `${90 - (d.position.y - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        x2: `${10 + (d.position.x2 - C.xMin) / (C.xMax - C.xMin) * 85}%`,
-                        y2: `${90 - (d.position.y2 - C.yMin) / (C.yMax - C.yMin) * 85}%`,
-                        stroke: ((N = d.style) == null ? void 0 : N.color) || k.text,
-                        strokeWidth: ((_ = d.style) == null ? void 0 : _.lineWidth) || 1,
-                        strokeDasharray: ((g = d.style) == null ? void 0 : g.lineStyle) === "dashed" ? "5,5" : ((M = d.style) == null ? void 0 : M.lineStyle) === "dotted" ? "2,2" : void 0
+                        cx: `${T}%`,
+                        cy: `${O}%`,
+                        r: le / 2,
+                        fill: M.color || ((be = d.marker) == null ? void 0 : be.fillColor) || C,
+                        stroke: ((ge = d.marker) == null ? void 0 : ge.strokeColor) || C,
+                        strokeWidth: ((ye = d.marker) == null ? void 0 : ye.strokeWidth) || 1,
+                        opacity: ((we = d.marker) == null ? void 0 : we.opacity) ?? 1,
+                        style: { cursor: R ? "pointer" : void 0 },
+                        onMouseEnter: () => {
+                          Z({ seriesId: d.id, pointIndex: A }), H == null || H(M, d);
+                        },
+                        onMouseLeave: () => {
+                          Z(null), H == null || H(null, null);
+                        },
+                        onClick: (Ce) => R == null ? void 0 : R(M, d, Ce)
                       }
                     )
-                  ] }, d.id);
-                })
-              ] }),
-              y.enabled && X && /* @__PURE__ */ o(
-                "div",
-                {
-                  className: "nice-scientific-chart__tooltip",
-                  style: {
-                    position: "absolute",
-                    padding: "0.5rem",
-                    background: k.tooltip,
-                    border: `1px solid ${k.grid}`,
-                    borderRadius: 4,
-                    boxShadow: "0 2px 4px var(--nice-overlay-10, rgba(0, 0, 0, 0.1))",
-                    pointerEvents: "none",
-                    fontSize: "0.75rem"
-                  },
-                  children: (() => {
-                    const d = e.find((S) => S.id === X.seriesId), x = d == null ? void 0 : d.data[X.pointIndex];
-                    return !d || !x ? null : y.format ? y.format(x, d) : /* @__PURE__ */ u(Ae, { children: [
-                      /* @__PURE__ */ o("div", { style: { fontWeight: "bold" }, children: d.name }),
-                      /* @__PURE__ */ u("div", { children: [
-                        "X: ",
-                        x.x instanceof Date ? x.x.toISOString() : String(x.x)
-                      ] }),
-                      /* @__PURE__ */ u("div", { children: [
-                        "Y: ",
-                        x.y.toFixed(4)
-                      ] }),
-                      x.error && /* @__PURE__ */ u("div", { children: [
-                        "Error: ±",
-                        Array.isArray(x.error) ? `${x.error[0]}, +${x.error[1]}` : x.error
-                      ] })
-                    ] });
-                  })()
-                }
-              )
-            ]
-          }
-        ),
-        ee.some((d) => d.result) && /* @__PURE__ */ u(
-          "div",
-          {
-            className: "nice-scientific-chart__stats",
-            style: {
-              padding: "0.5rem",
-              fontSize: "0.75rem",
-              borderTop: `1px solid ${k.grid}`
-            },
-            children: [
-              /* @__PURE__ */ o("strong", { children: "Statistical Tests:" }),
-              ee.filter((d) => d.result).map((d, x) => /* @__PURE__ */ u("div", { children: [
-                d.type,
-                ": ",
-                d.result.interpretation
-              ] }, x))
-            ]
-          }
-        ),
+                  ] }, A);
+                }),
+                Q[`${d.id}_regression`] && /* @__PURE__ */ o(
+                  "line",
+                  {
+                    x1: "10%",
+                    y1: `${90 - (Q[`${d.id}_regression`].intercept + Q[`${d.id}_regression`].slope * S.xMin - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    x2: "95%",
+                    y2: `${90 - (Q[`${d.id}_regression`].intercept + Q[`${d.id}_regression`].slope * S.xMax - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    stroke: C,
+                    strokeWidth: 1,
+                    strokeDasharray: "5,3",
+                    opacity: 0.7
+                  }
+                ),
+                Q[`${d.id}_mean`] && /* @__PURE__ */ o(
+                  "line",
+                  {
+                    x1: "10%",
+                    y1: `${90 - (Q[`${d.id}_mean`] - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    x2: "95%",
+                    y2: `${90 - (Q[`${d.id}_mean`] - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    stroke: C,
+                    strokeWidth: 1,
+                    strokeDasharray: "10,5",
+                    opacity: 0.5
+                  }
+                )
+              ] }) : null }, d.id);
+            }),
+            /* @__PURE__ */ u("g", { className: "nice-scientific-chart__axes", stroke: k.axis, strokeWidth: 1, children: [
+              /* @__PURE__ */ o("line", { x1: "10%", y1: "90%", x2: "95%", y2: "90%" }),
+              /* @__PURE__ */ o("line", { x1: "10%", y1: "5%", x2: "10%", y2: "90%" }),
+              Ye(S.xMin, S.xMax, "linear", 6).map((d, x) => /* @__PURE__ */ u("g", { children: [
+                /* @__PURE__ */ o("line", { x1: `${10 + x * 17}%`, y1: "90%", x2: `${10 + x * 17}%`, y2: "92%" }),
+                /* @__PURE__ */ o(
+                  "text",
+                  {
+                    x: `${10 + x * 17}%`,
+                    y: "96%",
+                    textAnchor: "middle",
+                    fill: k.axis,
+                    fontSize: "0.75rem",
+                    children: Pe(d)
+                  }
+                )
+              ] }, `x-${x}`)),
+              Ye(S.yMin, S.yMax, "linear", 6).map((d, x) => /* @__PURE__ */ u("g", { children: [
+                /* @__PURE__ */ o("line", { x1: "8%", y1: `${90 - x * 17}%`, x2: "10%", y2: `${90 - x * 17}%` }),
+                /* @__PURE__ */ o(
+                  "text",
+                  {
+                    x: "7%",
+                    y: `${90 - x * 17}%`,
+                    textAnchor: "end",
+                    dominantBaseline: "middle",
+                    fill: k.axis,
+                    fontSize: "0.75rem",
+                    children: Pe(d)
+                  }
+                )
+              ] }, `y-${x}`))
+            ] }),
+            h.filter((d) => d.visible !== !1).map((d) => {
+              var x, C, E, I, L, g, M;
+              return /* @__PURE__ */ u("g", { className: "nice-scientific-chart__annotation", children: [
+                d.type === "text" && d.text && /* @__PURE__ */ o(
+                  "text",
+                  {
+                    x: `${10 + (d.position.x - S.xMin) / (S.xMax - S.xMin) * 85}%`,
+                    y: `${90 - (d.position.y - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    fill: ((x = d.style) == null ? void 0 : x.color) || k.text,
+                    fontSize: ((C = d.style) == null ? void 0 : C.fontSize) || 12,
+                    fontWeight: (E = d.style) == null ? void 0 : E.fontWeight,
+                    children: d.text
+                  }
+                ),
+                d.type === "line" && /* @__PURE__ */ o(
+                  "line",
+                  {
+                    x1: `${10 + (d.position.x - S.xMin) / (S.xMax - S.xMin) * 85}%`,
+                    y1: `${90 - (d.position.y - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    x2: `${10 + (d.position.x2 - S.xMin) / (S.xMax - S.xMin) * 85}%`,
+                    y2: `${90 - (d.position.y2 - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                    stroke: ((I = d.style) == null ? void 0 : I.color) || k.text,
+                    strokeWidth: ((L = d.style) == null ? void 0 : L.lineWidth) || 1,
+                    strokeDasharray: ((g = d.style) == null ? void 0 : g.lineStyle) === "dashed" ? "5,5" : ((M = d.style) == null ? void 0 : M.lineStyle) === "dotted" ? "2,2" : void 0
+                  }
+                )
+              ] }, d.id);
+            })
+          ] }),
+          y.enabled && X && /* @__PURE__ */ o(
+            "div",
+            {
+              className: "nice-scientific-chart__tooltip",
+              style: { background: k.tooltip, borderColor: k.grid },
+              children: (() => {
+                const d = e.find((C) => C.id === X.seriesId), x = d == null ? void 0 : d.data[X.pointIndex];
+                return !d || !x ? null : y.format ? y.format(x, d) : /* @__PURE__ */ u(Ae, { children: [
+                  /* @__PURE__ */ o("div", { className: "nice-scientific-chart__tooltip-title", children: d.name }),
+                  /* @__PURE__ */ u("div", { children: [
+                    "X: ",
+                    x.x instanceof Date ? x.x.toISOString() : String(x.x)
+                  ] }),
+                  /* @__PURE__ */ u("div", { children: [
+                    "Y: ",
+                    x.y.toFixed(4)
+                  ] }),
+                  x.error && /* @__PURE__ */ u("div", { children: [
+                    "Error: ±",
+                    Array.isArray(x.error) ? `${x.error[0]}, +${x.error[1]}` : x.error
+                  ] })
+                ] });
+              })()
+            }
+          )
+        ] }),
+        ee.some((d) => d.result) && /* @__PURE__ */ u("div", { className: "nice-scientific-chart__stats", style: { borderTopColor: k.grid }, children: [
+          /* @__PURE__ */ o("strong", { children: "Statistical Tests:" }),
+          ee.filter((d) => d.result).map((d, x) => /* @__PURE__ */ u("div", { children: [
+            d.type,
+            ": ",
+            d.result.interpretation
+          ] }, x))
+        ] }),
         m.enabled && m.resetButton && (me.x || me.y) && /* @__PURE__ */ o(
           "button",
           {
+            type: "button",
+            className: "nice-scientific-chart__reset-zoom",
             onClick: ie,
-            style: {
-              position: "absolute",
-              top: 8,
-              right: 8,
-              padding: "0.25rem 0.5rem",
-              fontSize: "0.75rem",
-              background: k.bg,
-              border: `1px solid ${k.grid}`,
-              borderRadius: 4,
-              cursor: "pointer"
-            },
+            style: { background: k.bg, borderColor: k.grid },
             children: "Reset Zoom"
           }
         ),
-        $ && $.formats.length > 0 && /* @__PURE__ */ u(
-          "div",
-          {
-            className: "nice-scientific-chart__export",
-            style: { padding: "0.5rem", borderTop: `1px solid ${k.grid}` },
-            children: [
-              /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", marginRight: "0.5rem" }, children: "Export:" }),
-              $.formats.map((d) => /* @__PURE__ */ o(
-                "button",
-                {
-                  style: {
-                    marginRight: "0.25rem",
-                    padding: "0.25rem 0.5rem",
-                    fontSize: "0.75rem",
-                    background: "none",
-                    border: `1px solid ${k.grid}`,
-                    borderRadius: 4,
-                    cursor: "pointer"
-                  },
-                  children: d.toUpperCase()
-                },
-                d
-              ))
-            ]
-          }
-        )
+        $ && $.formats.length > 0 && /* @__PURE__ */ u("div", { className: "nice-scientific-chart__export", style: { borderTopColor: k.grid }, children: [
+          /* @__PURE__ */ o("span", { className: "nice-scientific-chart__export-label", children: "Export:" }),
+          $.formats.map((d) => /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: "nice-scientific-chart__export-btn",
+              style: { borderColor: k.grid },
+              children: d.toUpperCase()
+            },
+            d
+          ))
+        ] })
       ]
     }
   );
 }
-const qe = {
+const Bt = [], qe = {
   rotationX: 25,
   rotationY: -45,
   rotationZ: 0,
@@ -2855,7 +2781,7 @@ const qe = {
   panX: 0,
   panY: 0
 };
-function Ft(e, t) {
+function _t(e, t) {
   const n = t * Math.PI / 180, r = Math.cos(n), i = Math.sin(n);
   return {
     x: e.x,
@@ -2863,7 +2789,7 @@ function Ft(e, t) {
     z: e.y * i + e.z * r
   };
 }
-function Bt(e, t) {
+function Rt(e, t) {
   const n = t * Math.PI / 180, r = Math.cos(n), i = Math.sin(n);
   return {
     x: e.x * r + e.z * i,
@@ -2871,7 +2797,7 @@ function Bt(e, t) {
     z: -e.x * i + e.z * r
   };
 }
-function Rt(e, t) {
+function Lt(e, t) {
   const n = t * Math.PI / 180, r = Math.cos(n), i = Math.sin(n);
   return {
     x: e.x * r - e.y * i,
@@ -2880,8 +2806,8 @@ function Rt(e, t) {
   };
 }
 function Me(e, t, n) {
-  let r = Ft(e, n.rotationX);
-  r = Bt(r, n.rotationY), r = Rt(r, n.rotationZ);
+  let r = _t(e, n.rotationX);
+  r = Rt(r, n.rotationY), r = Lt(r, n.rotationZ);
   const i = r.z + t, s = t / Math.max(i, 0.1);
   return {
     x: (r.x * s * n.zoom + n.panX) * 100 + 50,
@@ -2981,14 +2907,14 @@ function ke(e, t, n, r) {
     ]
   }, a = s[r] || s.viridis, l = i * (a.length - 1), c = Math.floor(l), h = l - c;
   if (c >= a.length - 1) {
-    const F = a[a.length - 1];
-    return `rgb(${F[0]}, ${F[1]}, ${F[2]})`;
+    const j = a[a.length - 1];
+    return `rgb(${j[0]}, ${j[1]}, ${j[2]})`;
   }
   const p = a[c], y = a[c + 1], m = Math.round(p[0] + h * (y[0] - p[0])), $ = Math.round(p[1] + h * (y[1] - p[1])), w = Math.round(p[2] + h * (y[2] - p[2]));
   return `rgb(${m}, ${$}, ${w})`;
 }
-function nn({
-  data: e,
+function on({
+  data: e = Bt,
   title: t,
   width: n = "100%",
   height: r = 500,
@@ -3003,35 +2929,35 @@ function nn({
   showAxes: m = !0,
   showAxisLabels: $ = !0,
   focalLength: w = 3,
-  theme: F = "light",
+  theme: j = "light",
   onCameraChange: J,
   onPointClick: te,
   onPointHover: V,
-  className: L,
+  className: R,
   style: H
 }) {
-  const oe = ze(null), [U, de] = j(qe), [pe, se] = j(!1), [ne, Y] = j(
+  const oe = ze(null), [U, de] = F(qe), [pe, se] = F(!1), [ne, Y] = F(
     null
-  ), [ce, ue] = j(
+  ), [ce, ue] = F(
     null
-  ), [me, xe] = j(0), X = K(() => {
-    let z = 1 / 0, k = -1 / 0, d = 1 / 0, x = -1 / 0, S = 1 / 0, E = -1 / 0, N = 1 / 0, _ = -1 / 0;
+  ), [me, xe] = F(0), X = K(() => {
+    let z = 1 / 0, k = -1 / 0, d = 1 / 0, x = -1 / 0, C = 1 / 0, E = -1 / 0, I = 1 / 0, L = -1 / 0;
     for (const M of e)
       if (M.type === "scatter3d")
         for (const A of M.points)
-          z = Math.min(z, A.x), k = Math.max(k, A.x), d = Math.min(d, A.y), x = Math.max(x, A.y), S = Math.min(S, A.z), E = Math.max(E, A.z), typeof A.color == "number" && (N = Math.min(N, A.color), _ = Math.max(_, A.color));
+          z = Math.min(z, A.x), k = Math.max(k, A.x), d = Math.min(d, A.y), x = Math.max(x, A.y), C = Math.min(C, A.z), E = Math.max(E, A.z), typeof A.color == "number" && (I = Math.min(I, A.color), L = Math.max(L, A.color));
       else if (M.type === "surface" || M.type === "wireframe") {
         const A = M;
-        for (const W of A.xData)
-          z = Math.min(z, W), k = Math.max(k, W);
-        for (const W of A.yData)
-          d = Math.min(d, W), x = Math.max(x, W);
-        for (const W of A.zData)
-          for (const T of W)
-            S = Math.min(S, T), E = Math.max(E, T), N = Math.min(N, T), _ = Math.max(_, T);
+        for (const T of A.xData)
+          z = Math.min(z, T), k = Math.max(k, T);
+        for (const T of A.yData)
+          d = Math.min(d, T), x = Math.max(x, T);
+        for (const T of A.zData)
+          for (const O of T)
+            C = Math.min(C, O), E = Math.max(E, O), I = Math.min(I, O), L = Math.max(L, O);
       }
-    const g = Math.max(k - z, x - d, E - S) || 1;
-    return { xMin: z, xMax: k, yMin: d, yMax: x, zMin: S, zMax: E, colorMin: N, colorMax: _, maxRange: g };
+    const g = Math.max(k - z, x - d, E - C) || 1;
+    return { xMin: z, xMax: k, yMin: d, yMax: x, zMin: C, zMax: E, colorMin: I, colorMax: L, maxRange: g };
   }, [e]), Z = q(
     (z) => {
       const k = 2 / X.maxRange;
@@ -3063,7 +2989,7 @@ function nn({
       });
     },
     [pe, ne, h, y]
-  ), C = q(() => {
+  ), S = q(() => {
     se(!1), Y(null);
   }, []), Q = q(
     (z) => {
@@ -3078,7 +3004,7 @@ function nn({
     },
     [p]
   ), ee = K(() => {
-    switch (F) {
+    switch (j) {
       case "dark":
         return {
           bg: "var(--nice-bg, #1a1a2e)",
@@ -3101,22 +3027,22 @@ function nn({
           grid: "var(--nice-border, #e0e0e0)"
         };
     }
-  }, [F]), re = K(() => {
+  }, [j]), re = K(() => {
     var k;
     const z = [];
     for (const d of e)
       if (d.type === "scatter3d") {
-        const x = d, S = x.points.map((E) => {
-          var A, W, T, le, fe;
-          const N = Z(E), _ = Me(N, w, U);
+        const x = d, C = x.points.map((E) => {
+          var A, T, O, le, fe;
+          const I = Z(E), L = Me(I, w, U);
           let g = (A = x.marker) == null ? void 0 : A.color;
-          if (Array.isArray((W = x.marker) == null ? void 0 : W.color)) {
+          if (Array.isArray((T = x.marker) == null ? void 0 : T.color)) {
             const be = x.points.indexOf(E);
             g = ke(
               x.marker.color[be],
               X.colorMin,
               X.colorMax,
-              ((T = x.marker) == null ? void 0 : T.colorScale) || "viridis"
+              ((O = x.marker) == null ? void 0 : O.colorScale) || "viridis"
             );
           } else typeof E.color == "number" && (g = ke(
             E.color,
@@ -3126,36 +3052,36 @@ function nn({
           ));
           const M = Array.isArray(E.size) ? E.size[0] : E.size || ((fe = x.marker) == null ? void 0 : fe.size) || 5;
           return {
-            ..._,
+            ...L,
             color: g,
             size: M,
             original: E
           };
         });
-        z.push({ type: "scatter", points: S, data: d });
+        z.push({ type: "scatter", points: C, data: d });
       } else if (d.type === "surface" || d.type === "wireframe") {
-        const x = d, S = [];
+        const x = d, C = [];
         for (let E = 0; E < x.xData.length; E++)
-          for (let N = 0; N < x.yData.length; N++) {
-            const _ = {
+          for (let I = 0; I < x.yData.length; I++) {
+            const L = {
               x: x.xData[E],
-              y: x.yData[N],
-              z: x.zData[E][N]
-            }, g = Z(_), M = Me(g, w, U), A = ke(
-              ((k = x.colorData) == null ? void 0 : k[E][N]) ?? x.zData[E][N],
+              y: x.yData[I],
+              z: x.zData[E][I]
+            }, g = Z(L), M = Me(g, w, U), A = ke(
+              ((k = x.colorData) == null ? void 0 : k[E][I]) ?? x.zData[E][I],
               X.colorMin,
               X.colorMax,
               x.colorScale || "viridis"
             );
-            S.push({ ...M, color: A, size: 3, original: _ });
+            C.push({ ...M, color: A, size: 3, original: L });
           }
-        z.push({ type: d.type, points: S, data: d });
+        z.push({ type: d.type, points: C, data: d });
       }
     for (const d of z)
-      d.points.sort((x, S) => x.depth - S.depth);
+      d.points.sort((x, C) => x.depth - C.depth);
     return z;
   }, [e, U, w, Z, X]), ie = K(() => {
-    var d, x, S;
+    var d, x, C;
     if (!m)
       return null;
     const z = 1.2, k = {
@@ -3234,7 +3160,7 @@ function nn({
           y: `${k.z[1].y}%`,
           fill: "var(--nice-primary, #3498db)",
           fontSize: "12",
-          children: ((S = i.zAxis) == null ? void 0 : S.title) || "Z"
+          children: ((C = i.zAxis) == null ? void 0 : C.title) || "Z"
         }
       )
     ] });
@@ -3243,36 +3169,26 @@ function nn({
     "div",
     {
       ref: oe,
-      className: `nice-3d-plot nice-3d-plot--${F} ${L || ""}`,
+      className: `nice-3d-plot nice-3d-plot--${j}${pe ? " nice-3d-plot--dragging" : ""} ${R || ""}`,
       style: {
         width: n,
         height: r,
         backgroundColor: ee.bg,
         color: ee.text,
-        position: "relative",
-        overflow: "hidden",
-        userSelect: "none",
-        cursor: pe ? "grabbing" : "grab",
         ...H
       },
       onMouseDown: ae,
       onMouseMove: G,
-      onMouseUp: C,
-      onMouseLeave: C,
+      onMouseUp: S,
+      onMouseLeave: S,
       onWheel: Q,
       children: [
-        t && /* @__PURE__ */ o(
-          "div",
-          {
-            style: { position: "absolute", top: 8, left: 8, fontWeight: "bold", fontSize: "1.1rem" },
-            children: t
-          }
-        ),
-        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", style: { position: "absolute", top: 0, left: 0 }, children: [
+        t && /* @__PURE__ */ o("div", { className: "nice-3d-plot__title", children: t }),
+        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", className: "nice-3d-plot__canvas", children: [
           ie,
           re.map((z, k) => /* @__PURE__ */ u("g", { className: "nice-3d-plot__data", children: [
             z.type === "scatter" && z.points.map((d, x) => {
-              var S;
+              var C;
               return /* @__PURE__ */ o(
                 "circle",
                 {
@@ -3280,7 +3196,7 @@ function nn({
                   cy: `${d.y}%`,
                   r: d.size || 4,
                   fill: d.color || "var(--nice-primary, #3498db)",
-                  opacity: ((S = z.data.marker) == null ? void 0 : S.opacity) ?? 0.8,
+                  opacity: ((C = z.data.marker) == null ? void 0 : C.opacity) ?? 0.8,
                   style: { cursor: te ? "pointer" : void 0 },
                   onMouseEnter: () => {
                     ue({ point: d.original, dataIndex: k }), V == null || V(d.original, k);
@@ -3337,7 +3253,7 @@ function nn({
             ] }, z.id || k))
           }
         ),
-        s && /* @__PURE__ */ u(
+        s && Number.isFinite(X.colorMin) && Number.isFinite(X.colorMax) && /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -3365,7 +3281,7 @@ function nn({
               bottom: 8,
               left: 8,
               background: "var(--nice-overlay-80, rgba(0, 0, 0, 0.8))",
-              color: "var(--nice-text-on-primary, #fff)",
+              color: "var(--nice-color-white, #fff)",
               padding: "4px 8px",
               borderRadius: 4,
               fontSize: "0.75rem"
@@ -3452,7 +3368,7 @@ const tt = {
   Rh: "#0A7D8C",
   Os: "#266696",
   Ir: "#175487"
-}, Fe = {
+}, je = {
   H: 0.31,
   C: 0.77,
   N: 0.71,
@@ -3475,7 +3391,7 @@ const tt = {
   Zn: 1.22,
   Cu: 1.28,
   Ni: 1.24
-}, Lt = {
+}, Tt = {
   H: 1.2,
   C: 1.7,
   N: 1.55,
@@ -3509,21 +3425,21 @@ function Ve(e) {
     if (c === "HEADER")
       s = l.substring(10, 50).trim() || s;
     else if (c === "ATOM" || c === "HETATM") {
-      const h = parseInt(l.substring(6, 11).trim(), 10), p = l.substring(12, 16).trim(), y = l.substring(17, 20).trim(), m = l.substring(21, 22).trim() || "A", $ = parseInt(l.substring(22, 26).trim(), 10), w = parseFloat(l.substring(30, 38).trim()), F = parseFloat(l.substring(38, 46).trim()), J = parseFloat(l.substring(46, 54).trim()), te = parseFloat(l.substring(54, 60).trim()) || 1, V = parseFloat(l.substring(60, 66).trim()) || 0, L = l.substring(76, 78).trim() || p.replace(/\d/g, "").substring(0, 1), H = {
+      const h = parseInt(l.substring(6, 11).trim(), 10), p = l.substring(12, 16).trim(), y = l.substring(17, 20).trim(), m = l.substring(21, 22).trim() || "A", $ = parseInt(l.substring(22, 26).trim(), 10), w = parseFloat(l.substring(30, 38).trim()), j = parseFloat(l.substring(38, 46).trim()), J = parseFloat(l.substring(46, 54).trim()), te = parseFloat(l.substring(54, 60).trim()) || 1, V = parseFloat(l.substring(60, 66).trim()) || 0, R = l.substring(76, 78).trim() || p.replace(/\d/g, "").substring(0, 1), H = {
         id: t.length,
         serial: h,
         name: p,
-        element: L.toUpperCase(),
+        element: R.toUpperCase(),
         residueName: y,
         residueSeq: $,
         chainId: m,
         x: w,
-        y: F,
+        y: j,
         z: J,
         occupancy: te,
         bFactor: V,
-        color: tt[L.toUpperCase()] || "var(--nice-text-secondary, #808080)",
-        radius: Fe[L.toUpperCase()] || 1.5
+        color: tt[R.toUpperCase()] || "var(--nice-text-secondary, #808080)",
+        radius: je[R.toUpperCase()] || 1.5
       };
       t.push(H);
       const oe = `${m}_${$}_${y}`;
@@ -3538,7 +3454,7 @@ function Ve(e) {
       const h = l.substring(6).trim().split(/\s+/).map(Number), p = h[0], y = t.find((m) => m.serial === p);
       if (y)
         for (let m = 1; m < h.length; m++) {
-          const $ = h[m], w = t.find((F) => F.serial === $);
+          const $ = h[m], w = t.find((j) => j.serial === $);
           w && y.id < w.id && n.push({
             id: n.length,
             atom1: y.id,
@@ -3551,8 +3467,8 @@ function Ve(e) {
   if (n.length === 0)
     for (let l = 0; l < t.length; l++)
       for (let c = l + 1; c < t.length; c++) {
-        const h = t[l], p = t[c], y = h.x - p.x, m = h.y - p.y, $ = h.z - p.z, w = Math.sqrt(y * y + m * m + $ * $), F = (Fe[h.element] || 1.5) + (Fe[p.element] || 1.5) + 0.4;
-        w < F && w > 0.4 && n.push({
+        const h = t[l], p = t[c], y = h.x - p.x, m = h.y - p.y, $ = h.z - p.z, w = Math.sqrt(y * y + m * m + $ * $), j = (je[h.element] || 1.5) + (je[p.element] || 1.5) + 0.4;
+        w < j && w > 0.4 && n.push({
           id: n.length,
           atom1: l,
           atom2: c,
@@ -3569,19 +3485,19 @@ function Ve(e) {
     chains: Array.from(i.values())
   };
 }
-function _t(e, t, n, r, i, s) {
+function Wt(e, t, n, r, i, s) {
   const a = ($) => $ * Math.PI / 180, l = t * Math.cos(a(r)) - n * Math.sin(a(r)), c = t * Math.sin(a(r)) + n * Math.cos(a(r)), h = e * Math.cos(a(i)) + c * Math.sin(a(i)), p = -e * Math.sin(a(i)) + c * Math.cos(a(i)), y = h * Math.cos(a(s)) - l * Math.sin(a(s)), m = h * Math.sin(a(s)) + l * Math.cos(a(s));
   return [y, m, p];
 }
-function je(e, t, n, r, i, s) {
-  const a = e - i.x, l = t - i.y, c = n - i.z, [h, p, y] = _t(a, l, c, r.rotX, r.rotY, r.rotZ), m = 500, $ = m / (m + y * 50);
+function Fe(e, t, n, r, i, s) {
+  const a = e - i.x, l = t - i.y, c = n - i.z, [h, p, y] = Wt(a, l, c, r.rotX, r.rotY, r.rotZ), m = 500, $ = m / (m + y * 50);
   return {
     x: 50 + h * s * r.zoom * $ + r.panX,
     y: 50 - p * s * r.zoom * $ + r.panY,
     depth: y
   };
 }
-function rn({
+function sn({
   molecule: e,
   format: t = "pdb",
   style: n = "ball-stick",
@@ -3599,11 +3515,11 @@ function rn({
   enableZoom: m = !0,
   showControls: $ = !0,
   measurements: w = [],
-  surfaces: F = [],
+  surfaces: j = [],
   labels: J = [],
   selection: te,
   highlightColor: V = "var(--nice-warning, #ffff00)",
-  spin: L = !1,
+  spin: R = !1,
   spinSpeed: H = 0.5,
   onAtomClick: oe,
   onAtomHover: U,
@@ -3611,16 +3527,16 @@ function rn({
   className: pe,
   styleOverride: se
 }) {
-  const ne = ze(null), [Y, ce] = j(null), [ue, me] = j({
+  const ne = ze(null), [Y, ce] = F(null), [ue, me] = F({
     rotX: 0,
     rotY: 0,
     rotZ: 0,
     zoom: 1,
     panX: 0,
     panY: 0
-  }), [xe, X] = j(!1), [Z, ae] = j(
+  }), [xe, X] = F(!1), [Z, ae] = F(
     null
-  ), [G, C] = j(null), [Q, ee] = j(n);
+  ), [G, S] = F(null), [Q, ee] = F(n);
   Xe(() => {
     if (!e) {
       ce(null);
@@ -3628,40 +3544,40 @@ function rn({
     }
     typeof e == "string" ? (t === "pdb" || console.warn(`Format ${t} parsing not implemented, using PDB parser`), ce(Ve(e))) : ce(e);
   }, [e, t]), Xe(() => {
-    if (!L)
+    if (!R)
       return;
     const g = setInterval(() => {
       me((M) => ({ ...M, rotY: (M.rotY + H) % 360 }));
     }, 16);
     return () => clearInterval(g);
-  }, [L, H]);
+  }, [R, H]);
   const { center: re, scale: ie } = K(() => {
     if (!Y || Y.atoms.length === 0)
       return { center: { x: 0, y: 0, z: 0 }, scale: 1 };
-    let g = 1 / 0, M = -1 / 0, A = 1 / 0, W = -1 / 0, T = 1 / 0, le = -1 / 0;
+    let g = 1 / 0, M = -1 / 0, A = 1 / 0, T = -1 / 0, O = 1 / 0, le = -1 / 0;
     for (const ye of Y.atoms)
-      g = Math.min(g, ye.x), M = Math.max(M, ye.x), A = Math.min(A, ye.y), W = Math.max(W, ye.y), T = Math.min(T, ye.z), le = Math.max(le, ye.z);
+      g = Math.min(g, ye.x), M = Math.max(M, ye.x), A = Math.min(A, ye.y), T = Math.max(T, ye.y), O = Math.min(O, ye.z), le = Math.max(le, ye.z);
     const fe = {
       x: (g + M) / 2,
-      y: (A + W) / 2,
-      z: (T + le) / 2
-    }, be = Math.max(M - g, W - A, le - T), ge = be > 0 ? 35 / be : 1;
+      y: (A + T) / 2,
+      z: (O + le) / 2
+    }, be = Math.max(M - g, T - A, le - O), ge = be > 0 ? 35 / be : 1;
     return { center: fe, scale: ge };
   }, [Y]), z = K(() => Y ? Y.atoms.filter((g) => !i && g.element === "H" || !s && g.residueName === "HOH" ? !1 : g.visible !== !1).map((g) => ({
     atom: g,
-    ...je(g.x, g.y, g.z, ue, re, ie)
+    ...Fe(g.x, g.y, g.z, ue, re, ie)
   })).sort((g, M) => g.depth - M.depth) : [], [Y, ue, re, ie, i, s]), k = K(() => Y ? Y.bonds.filter((g) => g.visible !== !1).map((g) => {
     const M = Y.atoms[g.atom1], A = Y.atoms[g.atom2];
     if (!M || !A || !i && (M.element === "H" || A.element === "H"))
       return null;
-    const W = je(M.x, M.y, M.z, ue, re, ie), T = je(A.x, A.y, A.z, ue, re, ie);
+    const T = Fe(M.x, M.y, M.z, ue, re, ie), O = Fe(A.x, A.y, A.z, ue, re, ie);
     return {
       bond: g,
-      x1: W.x,
-      y1: W.y,
-      x2: T.x,
-      y2: T.y,
-      depth: (W.depth + T.depth) / 2,
+      x1: T.x,
+      y1: T.y,
+      x2: O.x,
+      y2: O.y,
+      depth: (T.depth + O.depth) / 2,
       color1: M.color,
       color2: A.color
     };
@@ -3686,7 +3602,7 @@ function rn({
       });
     },
     [xe, Z]
-  ), S = q(() => {
+  ), C = q(() => {
     X(!1), ae(null);
   }, []), E = q(
     (g) => {
@@ -3697,13 +3613,13 @@ function rn({
       me((A) => ({ ...A, zoom: Math.max(0.1, Math.min(10, A.zoom * M)) }));
     },
     [m]
-  ), N = q(
+  ), I = q(
     (g) => {
       switch (Q) {
         case "space-filling":
-          return (Lt[g.element] || 1.5) * 4;
+          return (Tt[g.element] || 1.5) * 4;
         case "ball-stick":
-          return (Fe[g.element] || 0.5) * 3;
+          return (je[g.element] || 0.5) * 3;
         case "stick":
         case "wireframe":
           return 2;
@@ -3712,7 +3628,7 @@ function rn({
       }
     },
     [Q]
-  ), _ = q(
+  ), L = q(
     (g) => (Q === "wireframe" ? 1 : Q === "stick" ? 3 : 2) * (g.order || 1),
     [Q]
   );
@@ -3720,23 +3636,15 @@ function rn({
     "div",
     {
       ref: ne,
-      className: `nice-molecular-viewer ${pe || ""}`,
-      style: {
-        width: c,
-        height: h,
-        backgroundColor: p,
-        position: "relative",
-        overflow: "hidden",
-        cursor: xe ? "grabbing" : "grab",
-        ...se
-      },
+      className: `nice-molecular-viewer${xe ? " nice-molecular-viewer--dragging" : ""} ${pe || ""}`,
+      style: { width: c, height: h, backgroundColor: p, ...se },
       onMouseDown: d,
       onMouseMove: x,
-      onMouseUp: S,
-      onMouseLeave: S,
+      onMouseUp: C,
+      onMouseLeave: C,
       onWheel: E,
       children: [
-        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", style: { position: "absolute" }, children: [
+        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", className: "nice-molecular-viewer__canvas", children: [
           Q !== "space-filling" && k.map((g, M) => /* @__PURE__ */ o(
             "line",
             {
@@ -3745,14 +3653,14 @@ function rn({
               x2: `${g.x2}%`,
               y2: `${g.y2}%`,
               stroke: g.bond.color || "var(--nice-text-secondary, #888888)",
-              strokeWidth: _(g.bond),
+              strokeWidth: L(g.bond),
               strokeLinecap: "round"
             },
             `bond-${M}`
           )),
           z.map(({ atom: g, x: M, y: A }) => {
             var fe;
-            const W = (fe = te == null ? void 0 : te.atoms) == null ? void 0 : fe.includes(g.id), T = (G == null ? void 0 : G.id) === g.id, le = N(g);
+            const T = (fe = te == null ? void 0 : te.atoms) == null ? void 0 : fe.includes(g.id), O = (G == null ? void 0 : G.id) === g.id, le = I(g);
             return /* @__PURE__ */ u("g", { children: [
               /* @__PURE__ */ o(
                 "circle",
@@ -3761,14 +3669,14 @@ function rn({
                   cy: `${A}%`,
                   r: le,
                   fill: g.color || tt[g.element] || "#808080",
-                  stroke: W ? V : T ? "#fff" : "none",
-                  strokeWidth: W || T ? 2 : 0,
+                  stroke: T ? V : O ? "#fff" : "none",
+                  strokeWidth: T || O ? 2 : 0,
                   style: { cursor: "pointer" },
                   onMouseEnter: () => {
-                    C(g), U == null || U(g);
+                    S(g), U == null || U(g);
                   },
                   onMouseLeave: () => {
-                    C(null), U == null || U(null);
+                    S(null), U == null || U(null);
                   },
                   onClick: () => oe == null ? void 0 : oe(g)
                 }
@@ -3778,7 +3686,7 @@ function rn({
                 {
                   x: `${M}%`,
                   y: `${A - le * 0.15}%`,
-                  fill: "var(--nice-text-on-primary, #fff)",
+                  fill: "var(--nice-color-white, #fff)",
                   fontSize: "10",
                   textAnchor: "middle",
                   dominantBaseline: "middle",
@@ -3794,15 +3702,15 @@ function rn({
             const M = Y.atoms[g.atoms[0]], A = Y.atoms[g.atoms[1]];
             if (!M || !A)
               return null;
-            const W = je(M.x, M.y, M.z, ue, re, ie), T = je(A.x, A.y, A.z, ue, re, ie);
+            const T = Fe(M.x, M.y, M.z, ue, re, ie), O = Fe(A.x, A.y, A.z, ue, re, ie);
             return /* @__PURE__ */ u("g", { children: [
               /* @__PURE__ */ o(
                 "line",
                 {
-                  x1: `${W.x}%`,
-                  y1: `${W.y}%`,
-                  x2: `${T.x}%`,
-                  y2: `${T.y}%`,
+                  x1: `${T.x}%`,
+                  y1: `${T.y}%`,
+                  x2: `${O.x}%`,
+                  y2: `${O.y}%`,
                   stroke: g.color || "var(--nice-warning, #ffff00)",
                   strokeWidth: 1,
                   strokeDasharray: "3,3"
@@ -3811,8 +3719,8 @@ function rn({
               /* @__PURE__ */ u(
                 "text",
                 {
-                  x: `${(W.x + T.x) / 2}%`,
-                  y: `${(W.y + T.y) / 2 - 1}%`,
+                  x: `${(T.x + O.x) / 2}%`,
+                  y: `${(T.y + O.y) / 2 - 1}%`,
                   fill: g.color || "var(--nice-warning, #ffff00)",
                   fontSize: "10",
                   textAnchor: "middle",
@@ -3859,7 +3767,7 @@ function rn({
               bottom: 8,
               left: 8,
               background: "var(--nice-overlay-80, rgba(0, 0, 0, 0.8))",
-              color: "var(--nice-text-on-primary, #fff)",
+              color: "var(--nice-color-white, #fff)",
               padding: "4px 8px",
               borderRadius: 4,
               fontSize: "0.75rem"
@@ -3937,21 +3845,12 @@ function rn({
     "div",
     {
       className: `nice-molecular-viewer nice-molecular-viewer--empty ${pe || ""}`,
-      style: {
-        width: c,
-        height: h,
-        backgroundColor: p,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "var(--nice-text-secondary, #666)",
-        ...se
-      },
+      style: { width: c, height: h, backgroundColor: p, ...se },
       children: "Load a molecule (PDB, MOL, SDF)"
     }
   );
 }
-function Wt(e) {
+function Ot(e) {
   let t = 0, n = 0;
   function r() {
     var l;
@@ -4021,7 +3920,7 @@ function ot(e, t, n = 0) {
     for (const i of e.children)
       ot(i, t, r);
 }
-function on({
+function an({
   tree: e,
   layout: t = "rectangular",
   branchStyle: n = "rectangular",
@@ -4037,11 +3936,11 @@ function on({
   branchColor: m = "var(--nice-text-secondary, #666666)",
   nodeColor: $ = "var(--nice-text, #333333)",
   highlightColor: w = "var(--nice-primary, #2196f3)",
-  clades: F = [],
+  clades: j = [],
   annotations: J = [],
   colorScale: te,
   width: V = "100%",
-  height: L = 500,
+  height: R = 500,
   padding: H = 40,
   enableZoom: oe = !0,
   enablePan: U = !0,
@@ -4052,7 +3951,7 @@ function on({
   className: Y,
   style: ce
 }) {
-  const ue = ze(null), [me, xe] = j(1), [X, Z] = j({ x: 0, y: 0 }), [ae, G] = j(!1), [C, Q] = j(null), [ee, re] = j(null), [ie, z] = j(t), [k, d] = j(/* @__PURE__ */ new Set()), x = K(() => e ? typeof e == "string" ? Wt(e) : e : null, [e]), S = K(() => {
+  const ue = ze(null), [me, xe] = F(1), [X, Z] = F({ x: 0, y: 0 }), [ae, G] = F(!1), [S, Q] = F(null), [ee, re] = F(null), [ie, z] = F(t), [k, d] = F(/* @__PURE__ */ new Set()), x = K(() => e ? typeof e == "string" ? Ot(e) : e : null, [e]), C = K(() => {
     if (!x)
       return null;
     const v = (D) => {
@@ -4064,15 +3963,15 @@ function on({
       };
     };
     return v(x);
-  }, [x, k]), { positions: E, leafCount: N, maxX: _ } = K(() => {
-    if (!S)
+  }, [x, k]), { positions: E, leafCount: I, maxX: L } = K(() => {
+    if (!C)
       return { positions: { x: /* @__PURE__ */ new Map(), y: /* @__PURE__ */ new Map() }, leafCount: 0, maxX: 0 };
-    const v = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), B = rt(S);
-    it(S, D, { value: 0 }), ot(S, v, 0);
+    const v = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), B = rt(C);
+    it(C, D, { value: 0 }), ot(C, v, 0);
     const f = Math.max(...Array.from(v.values()));
     return { positions: { x: v, y: D }, leafCount: B, maxX: f || 1 };
-  }, [S]), g = K(() => S ? nt(S) : [], [S]), M = typeof V == "number" ? V : 800, A = typeof L == "number" ? L : 500, W = M - H * 2, T = A - H * 2, le = (v) => H + v / _ * W * 0.7, fe = (v) => H + v / (N - 1 || 1) * T, be = (v, D) => {
-    const B = D / (N - 1 || 1) * 2 * Math.PI - Math.PI / 2, f = v / _ * Math.min(W, T) * 0.4;
+  }, [C]), g = K(() => C ? nt(C) : [], [C]), M = typeof V == "number" ? V : 800, A = typeof R == "number" ? R : 500, T = M - H * 2, O = A - H * 2, le = (v) => H + v / L * T * 0.7, fe = (v) => H + v / (I - 1 || 1) * O, be = (v, D) => {
+    const B = D / (I - 1 || 1) * 2 * Math.PI - Math.PI / 2, f = v / L * Math.min(T, O) * 0.4;
     return {
       x: M / 2 + f * Math.cos(B),
       y: A / 2 + f * Math.sin(B)
@@ -4087,15 +3986,15 @@ function on({
     [U, X]
   ), we = q(
     (v) => {
-      if (!ae || !C)
+      if (!ae || !S)
         return;
-      const D = v.clientX - C.x, B = v.clientY - C.y;
-      Z({ x: C.pan.x + D, y: C.pan.y + B });
+      const D = v.clientX - S.x, B = v.clientY - S.y;
+      Z({ x: S.pan.x + D, y: S.pan.y + B });
     },
-    [ae, C]
-  ), Se = q(() => {
+    [ae, S]
+  ), Ce = q(() => {
     G(!1), Q(null);
-  }, []), Le = q(
+  }, []), Re = q(
     (v) => {
       if (!oe)
         return;
@@ -4104,12 +4003,12 @@ function on({
       xe((B) => Math.max(0.1, Math.min(5, B * D)));
     },
     [oe]
-  ), _e = q((v) => {
+  ), Le = q((v) => {
     d((D) => {
       const B = new Set(D);
       return B.has(v) ? B.delete(v) : B.add(v), B;
     });
-  }, []), We = (v, D) => {
+  }, []), Te = (v, D) => {
     const B = ge(v.id), f = ge(D.id);
     if (ie === "radial" || ie === "circular")
       return /* @__PURE__ */ o(
@@ -4171,19 +4070,19 @@ function on({
           }
         );
     }
-  }, Ne = (v) => {
-    const D = ge(v.id), B = !v.children || v.children.length === 0 || v.collapsed, f = (ee == null ? void 0 : ee.id) === v.id, b = f ? i * 1.5 : i, O = (() => {
+  }, Ie = (v) => {
+    const D = ge(v.id), B = !v.children || v.children.length === 0 || v.collapsed, f = (ee == null ? void 0 : ee.id) === v.id, b = f ? i * 1.5 : i, W = (() => {
       switch (r) {
         case "circle":
           return /* @__PURE__ */ o("circle", { cx: D.x, cy: D.y, r: b });
         case "square":
           return /* @__PURE__ */ o("rect", { x: D.x - b, y: D.y - b, width: b * 2, height: b * 2 });
         case "triangle": {
-          const I = b * 1.5;
+          const N = b * 1.5;
           return /* @__PURE__ */ o(
             "polygon",
             {
-              points: `${D.x},${D.y - I} ${D.x - I},${D.y + I} ${D.x + I},${D.y + I}`
+              points: `${D.x},${D.y - N} ${D.x - N},${D.y + N} ${D.x + N},${D.y + N}`
             }
           );
         }
@@ -4201,7 +4100,7 @@ function on({
       }
     })();
     return /* @__PURE__ */ u("g", { children: [
-      O && /* @__PURE__ */ o(
+      W && /* @__PURE__ */ o(
         "g",
         {
           fill: v.highlighted ? w : v.color || $,
@@ -4216,9 +4115,9 @@ function on({
           },
           onClick: () => pe == null ? void 0 : pe(v),
           onDoubleClick: () => {
-            v.children && v.children.length > 0 && _e(v.id);
+            v.children && v.children.length > 0 && Le(v.id);
           },
-          children: O
+          children: W
         }
       ),
       v.collapsed && v.children && /* @__PURE__ */ o(
@@ -4267,30 +4166,20 @@ function on({
     const D = [];
     if (v.children && !v.collapsed)
       for (const B of v.children)
-        D.push(/* @__PURE__ */ o("g", { children: We(v, B) }, `branch-${v.id}-${B.id}`)), D.push(...Ee(B));
+        D.push(/* @__PURE__ */ o("g", { children: Te(v, B) }, `branch-${v.id}-${B.id}`)), D.push(...Ee(B));
     return D;
   };
-  return S ? /* @__PURE__ */ u(
+  return C ? /* @__PURE__ */ u(
     "div",
     {
       ref: ue,
-      className: `nice-phylogenetic-tree ${Y || ""}`,
-      style: {
-        width: V,
-        height: L,
-        position: "relative",
-        overflow: "hidden",
-        background: "var(--nice-bg-secondary, #fafafa)",
-        border: "1px solid var(--nice-border, #e0e0e0)",
-        borderRadius: 4,
-        cursor: ae ? "grabbing" : "grab",
-        ...ce
-      },
+      className: `nice-phylogenetic-tree${ae ? " nice-phylogenetic-tree--dragging" : ""} ${Y || ""}`,
+      style: { width: V, height: R, ...ce },
       onMouseDown: ye,
       onMouseMove: we,
-      onMouseUp: Se,
-      onMouseLeave: Se,
-      onWheel: Le,
+      onMouseUp: Ce,
+      onMouseLeave: Ce,
+      onWheel: Re,
       children: [
         /* @__PURE__ */ u(
           "svg",
@@ -4302,19 +4191,19 @@ function on({
               transformOrigin: "center center"
             },
             children: [
-              F.map((v) => {
-                const D = g.filter((R) => v.nodeIds.includes(R.id));
+              j.map((v) => {
+                const D = g.filter((_) => v.nodeIds.includes(_.id));
                 if (D.length === 0)
                   return null;
-                const B = D.map((R) => ge(R.id)), f = Math.min(...B.map((R) => R.x)) - 10, b = Math.max(...B.map((R) => R.x)) + 10, O = Math.min(...B.map((R) => R.y)) - 10, I = Math.max(...B.map((R) => R.y)) + 10;
+                const B = D.map((_) => ge(_.id)), f = Math.min(...B.map((_) => _.x)) - 10, b = Math.max(...B.map((_) => _.x)) + 10, W = Math.min(...B.map((_) => _.y)) - 10, N = Math.max(...B.map((_) => _.y)) + 10;
                 return /* @__PURE__ */ u("g", { children: [
                   /* @__PURE__ */ o(
                     "rect",
                     {
                       x: f,
-                      y: O,
+                      y: W,
                       width: b - f,
-                      height: I - O,
+                      height: N - W,
                       fill: v.background || `${v.color}20` || "var(--nice-primary-bg, #e3f2fd)",
                       stroke: v.color || "var(--nice-primary, #2196f3)",
                       strokeWidth: 1,
@@ -4326,7 +4215,7 @@ function on({
                     "text",
                     {
                       x: b + 5,
-                      y: (O + I) / 2,
+                      y: (W + N) / 2,
                       fontSize: 10,
                       fill: v.color || "var(--nice-text-secondary, #666)",
                       dominantBaseline: "middle",
@@ -4335,8 +4224,8 @@ function on({
                   )
                 ] }, v.id);
               }),
-              Ee(S),
-              g.map((v) => Ne(v)),
+              Ee(C),
+              g.map((v) => Ie(v)),
               J.map((v) => {
                 if (!g.find((b) => b.id === v.nodeId))
                   return null;
@@ -4376,7 +4265,7 @@ function on({
             children: [
               g.length,
               " nodes • ",
-              N,
+              I,
               " leaves"
             ]
           }
@@ -4463,39 +4352,28 @@ function on({
     "div",
     {
       className: `nice-phylogenetic-tree nice-phylogenetic-tree--empty ${Y || ""}`,
-      style: {
-        width: V,
-        height: L,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        background: "var(--nice-bg-secondary, #f5f5f5)",
-        color: "var(--nice-text-secondary, #666)",
-        border: "1px dashed var(--nice-border, #ccc)",
-        borderRadius: 4,
-        ...ce
-      },
+      style: { width: V, height: R, ...ce },
       children: "Load a phylogenetic tree (Newick format)"
     }
   );
 }
 const De = (e) => e * Math.PI / 180;
-function Ot(e, t, n, r) {
+function Xt(e, t, n, r) {
   const i = (t + 180) / 360 * n, s = De(e), a = Math.log(Math.tan(Math.PI / 4 + s / 2)), l = r / 2 - n * a / (2 * Math.PI);
   return { x: i, y: l };
 }
-function Tt(e, t, n, r) {
+function Yt(e, t, n, r) {
   const i = (t + 180) / 360 * n, s = (90 - e) / 180 * r;
   return { x: i, y: s };
 }
-function Xt(e, t, n, r, i, s) {
+function Pt(e, t, n, r, i, s) {
   const a = De(e), l = De(t), c = De(i), h = De(s);
   if (Math.sin(c) * Math.sin(a) + Math.cos(c) * Math.cos(a) * Math.cos(l - h) < 0)
     return { x: 0, y: 0, visible: !1 };
   const y = Math.min(n, r) / 2 - 10, m = n / 2 + y * Math.cos(a) * Math.sin(l - h), $ = r / 2 - y * (Math.cos(c) * Math.sin(a) - Math.sin(c) * Math.cos(a) * Math.cos(l - h));
   return { x: m, y: $, visible: !0 };
 }
-function Yt(e, t, n, r) {
+function qt(e, t, n, r) {
   const i = [
     [0, 1, 0],
     [5, 0.9986, 0.062],
@@ -4527,7 +4405,7 @@ function Yt(e, t, n, r) {
   const c = n / (2 * Math.PI), h = n / 2 + c * De(t) * a, p = r / 2 - c * l * 1.3523 * Math.sign(e);
   return { x: h, y: p };
 }
-const Pt = `
+const Vt = `
 M 50,30 L 55,28 60,30 65,35 60,40 55,42 50,40 Z
 M 70,25 L 80,23 85,28 87,35 85,45 78,50 72,48 68,40 70,32 Z
 M 55,55 L 58,52 65,55 68,60 65,70 58,75 52,70 50,60 Z
@@ -4535,7 +4413,7 @@ M 80,55 L 90,50 92,60 88,70 80,75 75,65 Z
 M 15,30 L 25,28 32,32 35,38 30,45 22,48 15,42 12,35 Z
 M 30,55 L 35,50 40,52 42,58 38,65 32,68 28,62 Z
 `;
-function sn({
+function ln({
   projection: e = "equirectangular",
   layers: t = [],
   markers: n = [],
@@ -4549,13 +4427,14 @@ function sn({
   graticuleInterval: p = 30,
   showCoastlines: y = !0,
   showBorders: m = !1,
+  // audit-allow: literal-color +2 — the map's default land and ocean colours
   landColor: $ = "#D4E6C3",
   oceanColor: w = "#A8D4E6",
-  borderColor: F = "var(--nice-text-muted, #999999)",
+  borderColor: j = "var(--nice-text-muted, #999999)",
   graticuleColor: J = "var(--nice-border, #cccccc)",
   width: te = "100%",
   height: V = 400,
-  enablePan: L = !0,
+  enablePan: R = !0,
   enableZoom: H = !0,
   showControls: oe = !0,
   scaleBar: U = { show: !0, position: "bottom-left" },
@@ -4570,87 +4449,87 @@ function sn({
   style: xe
 }) {
   var Ee, v, D, B;
-  const X = ze(null), [Z, ae] = j(l), [G, C] = j(c), [Q, ee] = j(!1), [re, ie] = j(null), [z, k] = j(null), [d, x] = j(e), [S, E] = j(
+  const X = ze(null), [Z, ae] = F(l), [G, S] = F(c), [Q, ee] = F(!1), [re, ie] = F(null), [z, k] = F(null), [d, x] = F(e), [C, E] = F(
     new Set(t.filter((f) => f.visible !== !1).map((f) => f.id))
-  ), N = typeof te == "number" ? te : 800, _ = typeof V == "number" ? V : 400, g = q(
+  ), I = typeof te == "number" ? te : 800, L = typeof V == "number" ? V : 400, g = q(
     (f, b) => {
       switch (d) {
         case "mercator":
-          return Ot(f, b, N, _);
+          return Xt(f, b, I, L);
         case "orthographic":
-          return Xt(f, b, N, _, Z.lat, Z.lng);
+          return Pt(f, b, I, L, Z.lat, Z.lng);
         case "robinson":
-          return Yt(f, b, N, _);
+          return qt(f, b, I, L);
         case "equirectangular":
         default:
-          return Tt(f, b, N, _);
+          return Yt(f, b, I, L);
       }
     },
-    [d, N, _, Z]
+    [d, I, L, Z]
   ), M = q(
     (f, b) => {
-      const O = f / N * 360 - 180, I = 90 - b / _ * 180;
-      return { lat: Math.max(-90, Math.min(90, I)), lng: Math.max(-180, Math.min(180, O)) };
+      const W = f / I * 360 - 180, N = 90 - b / L * 180;
+      return { lat: Math.max(-90, Math.min(90, N)), lng: Math.max(-180, Math.min(180, W)) };
     },
-    [N, _]
+    [I, L]
   ), A = K(() => {
     const f = [];
     for (let b = -90 + p; b < 90; b += p) {
-      let O = "";
-      for (let I = -180; I <= 180; I += 5) {
-        const R = g(b, I);
-        R.visible !== !1 && (O += O === "" ? `M${R.x},${R.y}` : ` L${R.x},${R.y}`);
+      let W = "";
+      for (let N = -180; N <= 180; N += 5) {
+        const _ = g(b, N);
+        _.visible !== !1 && (W += W === "" ? `M${_.x},${_.y}` : ` L${_.x},${_.y}`);
       }
-      O && f.push(O);
+      W && f.push(W);
     }
     for (let b = -180; b <= 180; b += p) {
-      let O = "";
-      for (let I = -90; I <= 90; I += 5) {
-        const R = g(I, b);
-        R.visible !== !1 && (O += O === "" ? `M${R.x},${R.y}` : ` L${R.x},${R.y}`);
+      let W = "";
+      for (let N = -90; N <= 90; N += 5) {
+        const _ = g(N, b);
+        _.visible !== !1 && (W += W === "" ? `M${_.x},${_.y}` : ` L${_.x},${_.y}`);
       }
-      O && f.push(O);
+      W && f.push(W);
     }
     return f;
-  }, [g, p]), W = K(() => {
+  }, [g, p]), T = K(() => {
     if (d === "orthographic") {
-      const f = Math.min(N, _) / 2 - 10;
-      return `M${N / 2 + f},${_ / 2} 
-              A${f},${f} 0 1,1 ${N / 2 - f},${_ / 2}
-              A${f},${f} 0 1,1 ${N / 2 + f},${_ / 2}`;
+      const f = Math.min(I, L) / 2 - 10;
+      return `M${I / 2 + f},${L / 2} 
+              A${f},${f} 0 1,1 ${I / 2 - f},${L / 2}
+              A${f},${f} 0 1,1 ${I / 2 + f},${L / 2}`;
     }
     return null;
-  }, [d, N, _]), T = K(() => {
+  }, [d, I, L]), O = K(() => {
     const f = [...n];
     for (const b of t)
-      S.has(b.id) && b.markers && f.push(...b.markers);
+      C.has(b.id) && b.markers && f.push(...b.markers);
     return f;
-  }, [n, t, S]), le = K(() => {
+  }, [n, t, C]), le = K(() => {
     const f = [...r];
     for (const b of t)
-      S.has(b.id) && b.polylines && f.push(...b.polylines);
+      C.has(b.id) && b.polylines && f.push(...b.polylines);
     return f;
-  }, [r, t, S]), fe = K(() => {
+  }, [r, t, C]), fe = K(() => {
     const f = [...i];
     for (const b of t)
-      S.has(b.id) && b.polygons && f.push(...b.polygons);
+      C.has(b.id) && b.polygons && f.push(...b.polygons);
     return f;
-  }, [i, t, S]), be = q(
+  }, [i, t, C]), be = q(
     (f) => {
-      L && (ee(!0), ie({ x: f.clientX, y: f.clientY, center: { ...Z } }));
+      R && (ee(!0), ie({ x: f.clientX, y: f.clientY, center: { ...Z } }));
     },
-    [L, Z]
+    [R, Z]
   ), ge = q(
     (f) => {
       if (!Q || !re)
         return;
-      const b = f.clientX - re.x, O = f.clientY - re.y, I = -(b / N) * 360 / G, R = O / _ * 180 / G;
+      const b = f.clientX - re.x, W = f.clientY - re.y, N = -(b / I) * 360 / G, _ = W / L * 180 / G;
       ae({
-        lat: Math.max(-85, Math.min(85, re.center.lat + R)),
-        lng: (re.center.lng + I + 180) % 360 - 180
+        lat: Math.max(-85, Math.min(85, re.center.lat + _)),
+        lng: (re.center.lng + N + 180) % 360 - 180
       });
     },
-    [Q, re, N, _, G]
+    [Q, re, I, L, G]
   ), ye = q(() => {
     ee(!1), ie(null);
   }, []), we = q(
@@ -4659,41 +4538,41 @@ function sn({
         return;
       f.preventDefault();
       const b = f.deltaY > 0 ? 0.9 : 1.1;
-      C((O) => Math.max(0.5, Math.min(20, O * b)));
+      S((W) => Math.max(0.5, Math.min(20, W * b)));
     },
     [H]
-  ), Se = q(
+  ), Ce = q(
     (f) => {
-      var R;
+      var _;
       if (!Y)
         return;
-      const b = (R = X.current) == null ? void 0 : R.getBoundingClientRect();
+      const b = (_ = X.current) == null ? void 0 : _.getBoundingClientRect();
       if (!b)
         return;
-      const O = f.clientX - b.left, I = f.clientY - b.top;
-      Y(M(O, I));
+      const W = f.clientX - b.left, N = f.clientY - b.top;
+      Y(M(W, N));
     },
     [Y, M]
-  ), Le = (f) => {
+  ), Re = (f) => {
     const b = g(f.position.lat, f.position.lng);
     if (b.visible === !1)
       return null;
-    const O = (z == null ? void 0 : z.id) === f.id, I = (f.size || 8) * (O ? 1.3 : 1), R = (() => {
+    const W = (z == null ? void 0 : z.id) === f.id, N = (f.size || 8) * (W ? 1.3 : 1), _ = (() => {
       switch (f.shape) {
         case "square":
-          return /* @__PURE__ */ o("rect", { x: b.x - I / 2, y: b.y - I / 2, width: I, height: I });
+          return /* @__PURE__ */ o("rect", { x: b.x - N / 2, y: b.y - N / 2, width: N, height: N });
         case "triangle":
           return /* @__PURE__ */ o(
             "polygon",
             {
-              points: `${b.x},${b.y - I} ${b.x - I},${b.y + I / 2} ${b.x + I},${b.y + I / 2}`
+              points: `${b.x},${b.y - N} ${b.x - N},${b.y + N / 2} ${b.x + N},${b.y + N / 2}`
             }
           );
         case "diamond":
           return /* @__PURE__ */ o(
             "polygon",
             {
-              points: `${b.x},${b.y - I} ${b.x + I},${b.y} ${b.x},${b.y + I} ${b.x - I},${b.y}`
+              points: `${b.x},${b.y - N} ${b.x + N},${b.y} ${b.x},${b.y + N} ${b.x - N},${b.y}`
             }
           );
         case "pin":
@@ -4701,22 +4580,22 @@ function sn({
             "path",
             {
               d: `M${b.x},${b.y} 
-                  c0,-${I * 1.5} -${I},-${I * 2} -${I},-${I * 2.5}
-                  a${I},${I} 0 1,1 ${I * 2},0
-                  c0,${I * 0.5} -${I},${I} -${I},${I * 2.5}`
+                  c0,-${N * 1.5} -${N},-${N * 2} -${N},-${N * 2.5}
+                  a${N},${N} 0 1,1 ${N * 2},0
+                  c0,${N * 0.5} -${N},${N} -${N},${N * 2.5}`
             }
           );
         case "circle":
         default:
-          return /* @__PURE__ */ o("circle", { cx: b.x, cy: b.y, r: I / 2 });
+          return /* @__PURE__ */ o("circle", { cx: b.x, cy: b.y, r: N / 2 });
       }
     })();
     return /* @__PURE__ */ u(
       "g",
       {
         fill: f.color || "var(--nice-color-accent-pink, #e91e63)",
-        stroke: O ? "var(--nice-text, #000)" : "var(--nice-bg, #fff)",
-        strokeWidth: O ? 2 : 1,
+        stroke: W ? "var(--nice-text, #000)" : "var(--nice-bg, #fff)",
+        strokeWidth: W ? 2 : 1,
         style: { cursor: "pointer" },
         onMouseEnter: () => {
           k(f), ne == null || ne(f);
@@ -4724,15 +4603,15 @@ function sn({
         onMouseLeave: () => {
           k(null), ne == null || ne(null);
         },
-        onClick: (Ce) => {
-          Ce.stopPropagation(), se == null || se(f);
+        onClick: (Se) => {
+          Se.stopPropagation(), se == null || se(f);
         },
         children: [
-          R,
+          _,
           f.label && /* @__PURE__ */ o(
             "text",
             {
-              x: b.x + I,
+              x: b.x + N,
               y: b.y,
               fontSize: 10,
               fill: "var(--nice-text, #333)",
@@ -4744,12 +4623,12 @@ function sn({
       },
       f.id
     );
-  }, _e = (f) => {
+  }, Le = (f) => {
     if (f.path.length < 2)
       return null;
-    const b = f.path.map((O, I) => {
-      const R = g(O.lat, O.lng);
-      return R.visible === !1 ? "" : I === 0 ? `M${R.x},${R.y}` : `L${R.x},${R.y}`;
+    const b = f.path.map((W, N) => {
+      const _ = g(W.lat, W.lng);
+      return _.visible === !1 ? "" : N === 0 ? `M${_.x},${_.y}` : `L${_.x},${_.y}`;
     }).filter(Boolean).join(" ");
     return b ? /* @__PURE__ */ o(
       "path",
@@ -4763,12 +4642,12 @@ function sn({
       },
       f.id
     ) : null;
-  }, We = (f) => {
+  }, Te = (f) => {
     if (f.path.length < 3)
       return null;
-    const b = f.path.map((O, I) => {
-      const R = g(O.lat, O.lng);
-      return R.visible === !1 ? "" : I === 0 ? `M${R.x},${R.y}` : `L${R.x},${R.y}`;
+    const b = f.path.map((W, N) => {
+      const _ = g(W.lat, W.lng);
+      return _.visible === !1 ? "" : N === 0 ? `M${_.x},${_.y}` : `L${_.x},${_.y}`;
     }).filter(Boolean).join(" ") + " Z";
     return /* @__PURE__ */ o(
       "path",
@@ -4783,15 +4662,15 @@ function sn({
       },
       f.id
     );
-  }, Ne = K(() => {
+  }, Ie = K(() => {
     if (!U.show)
       return null;
-    const f = 111, b = N / 360 * G, O = f / b, I = O * 100, R = Math.pow(10, Math.floor(Math.log10(I))), Ce = R * (I / R >= 5 ? 5 : I / R >= 2 ? 2 : 1);
+    const f = 111, b = I / 360 * G, W = f / b, N = W * 100, _ = Math.pow(10, Math.floor(Math.log10(N))), Se = _ * (N / _ >= 5 ? 5 : N / _ >= 2 ? 2 : 1);
     return {
-      width: Ce / O,
-      label: Ce >= 1e3 ? `${Ce / 1e3} km` : `${Ce} km`
+      width: Se / W,
+      label: Se >= 1e3 ? `${Se / 1e3} km` : `${Se} km`
     };
-  }, [U.show, N, G]);
+  }, [U.show, I, G]);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -4813,15 +4692,15 @@ function sn({
       onMouseUp: ye,
       onMouseLeave: ye,
       onWheel: we,
-      onClick: Se,
+      onClick: Ce,
       children: [
         /* @__PURE__ */ u("svg", { width: "100%", height: "100%", children: [
           /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("marker", { id: "arrow", markerWidth: "10", markerHeight: "10", refX: "9", refY: "3", orient: "auto", children: /* @__PURE__ */ o("path", { d: "M0,0 L0,6 L9,3 z", fill: "var(--nice-primary, #2196f3)" }) }) }),
-          d === "orthographic" && W && /* @__PURE__ */ u(Ae, { children: [
+          d === "orthographic" && T && /* @__PURE__ */ u(Ae, { children: [
             /* @__PURE__ */ o(
               "path",
               {
-                d: W,
+                d: T,
                 fill: w,
                 stroke: "var(--nice-text-muted, #999)",
                 strokeWidth: 1
@@ -4830,9 +4709,9 @@ function sn({
             /* @__PURE__ */ o(
               "circle",
               {
-                cx: N / 2,
-                cy: _ / 2,
-                r: Math.min(N, _) / 2 - 11,
+                cx: I / 2,
+                cy: L / 2,
+                r: Math.min(I, L) / 2 - 11,
                 fill: $,
                 opacity: 0.3
               }
@@ -4849,20 +4728,20 @@ function sn({
             },
             `graticule-${b}`
           )),
-          y && d !== "orthographic" && /* @__PURE__ */ o("g", { transform: `scale(${N / 100}, ${_ / 100})`, children: /* @__PURE__ */ o(
+          y && d !== "orthographic" && /* @__PURE__ */ o("g", { transform: `scale(${I / 100}, ${L / 100})`, children: /* @__PURE__ */ o(
             "path",
             {
-              d: Pt,
+              d: Vt,
               fill: $,
-              stroke: F,
+              stroke: j,
               strokeWidth: 0.2
             }
           ) }),
-          fe.map(We),
-          le.map(_e),
-          T.map(Le)
+          fe.map(Te),
+          le.map(Le),
+          O.map(Re)
         ] }),
-        Ne && /* @__PURE__ */ u(
+        Ie && /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -4881,7 +4760,7 @@ function sn({
                 "div",
                 {
                   style: {
-                    width: Ne.width,
+                    width: Ie.width,
                     height: 4,
                     // The bar is ink, drawn in the label's colour.
                     background: "currentColor",
@@ -4889,7 +4768,7 @@ function sn({
                   }
                 }
               ),
-              /* @__PURE__ */ o("div", { children: Ne.label })
+              /* @__PURE__ */ o("div", { children: Ie.label })
             ]
           }
         ),
@@ -4934,7 +4813,7 @@ function sn({
               left: g(z.position.lat, z.position.lng).x,
               transform: "translateX(-50%)",
               background: "var(--nice-overlay-80, rgba(0, 0, 0, 0.8))",
-              color: "var(--nice-text-on-primary, #fff)",
+              color: "var(--nice-color-white, #fff)",
               padding: "4px 8px",
               borderRadius: 4,
               fontSize: "0.75rem",
@@ -4989,10 +4868,10 @@ function sn({
                       "input",
                       {
                         type: "checkbox",
-                        checked: S.has(f.id),
+                        checked: C.has(f.id),
                         onChange: (b) => {
-                          const O = new Set(S);
-                          b.target.checked ? O.add(f.id) : O.delete(f.id), E(O);
+                          const W = new Set(C);
+                          b.target.checked ? W.add(f.id) : W.delete(f.id), E(W);
                         }
                       }
                     ),
@@ -5034,7 +4913,7 @@ function sn({
                 "button",
                 {
                   onClick: () => {
-                    C(1), ae({ lat: 0, lng: 0 });
+                    S(1), ae({ lat: 0, lng: 0 });
                   },
                   style: { padding: "2px 4px", fontSize: "0.75rem", cursor: "pointer" },
                   children: "Reset View"
@@ -5048,22 +4927,22 @@ function sn({
   );
 }
 export {
-  Ct as CitationService,
+  St as CitationService,
   ft as DataAnalysisService,
   ct as LabNotebookProvider,
   lt as LabNotebookService,
-  nn as Nice3DPlot,
-  en as NiceCitation,
-  Qt as NiceDataAnalysis,
-  sn as NiceGeographicMap,
-  Jt as NiceLabNotebook,
-  rn as NiceMolecularViewer,
-  on as NicePhylogeneticTree,
-  tn as NiceScientificChart,
+  on as Nice3DPlot,
+  nn as NiceCitation,
+  en as NiceDataAnalysis,
+  ln as NiceGeographicMap,
+  Qt as NiceLabNotebook,
+  sn as NiceMolecularViewer,
+  an as NicePhylogeneticTree,
+  rn as NiceScientificChart,
   $e as Stats,
-  Ht as createCitationService,
-  Gt as createDataAnalysisService,
-  Kt as createLabNotebookService,
+  tn as createCitationService,
+  Ht as createDataAnalysisService,
+  Gt as createLabNotebookService,
   et as useCitation,
-  Te as useLabNotebook
+  Oe as useLabNotebook
 };