@umriss-ui/charts 0.3.0-rc.1 → 0.3.0

package/dist/charts.js

@@ -1,15 +1,15 @@
 import "./charts.css";
-var me = Object.defineProperty;
-var pe = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var g = (n, t, e) => pe(n, typeof t != "symbol" ? t + "" : t, e);
+var ye = Object.defineProperty;
+var ge = (n, t, e) => t in n ? ye(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var g = (n, t, e) => ge(n, typeof t != "symbol" ? t + "" : t, e);
 import { jsx as I, jsxs as _, Fragment as Nt } from "react/jsx-runtime";
-import { useRef as X, useEffect as D, createContext as ye, useContext as ge, useSyncExternalStore as Et, useCallback as be, useState as xe, useMemo as E } from "react";
-function ve() {
+import { useRef as X, useEffect as D, createContext as be, useContext as xe, useSyncExternalStore as Et, useCallback as ve, useState as ke, useMemo as E } from "react";
+function Ne() {
   var t;
   const n = import.meta;
   return typeof ((t = n.env) == null ? void 0 : t.DEV) == "boolean" ? n.env.DEV : typeof process < "u" && (process != null && process.env) ? process.env.NODE_ENV !== "production" : !1;
 }
-const it = ve();
+const it = Ne();
 function ct(n, t) {
   if (it && !n)
     throw new Error(`@umriss-ui/charts: ${t}`);
@@ -37,18 +37,28 @@ function bt(n, t, e) {
   const i = n.getPropertyValue(t).trim();
   return i === "" ? e : i;
 }
-function ke(n) {
-  const t = getComputedStyle(n), e = n.ownerDocument.createElement("span");
+function ne(n, t) {
+  const e = n.ownerDocument.createElement("span");
   e.setAttribute("aria-hidden", "true"), e.style.position = "absolute", e.style.visibility = "hidden", n.appendChild(e);
-  const i = (r, s) => {
-    const o = bt(t, r, s);
-    if (o === s) return s;
-    e.style.color = `var(${r})`;
-    const a = getComputedStyle(e).color;
-    return a === "" || a.startsWith("var(") ? o : a;
-  };
   try {
-    const r = [];
+    return t((i) => {
+      e.style.color = "", e.style.color = i;
+      const r = getComputedStyle(e).color;
+      return r === "" || r.startsWith("var(") ? i : r;
+    });
+  } finally {
+    e.remove();
+  }
+}
+function we(n) {
+  const t = getComputedStyle(n);
+  return ne(n, (e) => {
+    const i = (s, o) => {
+      const a = bt(t, s, o);
+      if (a === o) return o;
+      const l = e(`var(${s})`);
+      return l === `var(${s})` ? a : l;
+    }, r = [];
     for (let s = 1; s <= 6; s++)
       r.push(i(`--uc-series-${s}`, W.series[s - 1] ?? "#2563eb"));
     return {
@@ -63,32 +73,37 @@ function ke(n) {
       fontMono: bt(t, "--uc-font-mono", W.fontMono),
       series: r
     };
-  } finally {
-    e.remove();
-  }
+  });
 }
-function Ne() {
+function ie() {
   var n, t;
   gt === null && (typeof MutationObserver > "u" || typeof document > "u" || (gt = new MutationObserver(() => Rt()), gt.observe(document.documentElement, { attributes: !0 }), typeof window < "u" && typeof window.matchMedia == "function" && ((t = (n = window.matchMedia("(prefers-color-scheme: dark)")).addEventListener) == null || t.call(n, "change", () => Rt()))));
 }
-function we(n) {
-  Ne();
+function Xn(n, t) {
+  return ie(), ne(n, (e) => {
+    const i = {};
+    for (const r of Object.keys(t)) i[r] = e(t[r]);
+    return i;
+  });
+}
+function Ie(n) {
+  ie();
   const t = Ht.get(n);
   if (t !== void 0 && t.generation === wt) return t.theme;
-  const e = ke(n);
+  const e = we(n);
   return Ht.set(n, { generation: wt, theme: e }), e;
 }
 function Rt() {
   wt++;
   for (const n of It) n();
 }
-function Ie(n) {
+function Se(n) {
   return It.add(n), () => {
     It.delete(n);
   };
 }
-const Se = { width: 0, height: 0 };
-class Me {
+const Me = { width: 0, height: 0 };
+class Te {
   constructor(t) {
     g(this, "span", null);
     g(this, "root");
@@ -106,7 +121,7 @@ class Me {
     const i = `${e}|${t}`, r = this.cache.get(i);
     if (r !== void 0) return r;
     const s = this.ensure();
-    if (s === null) return Se;
+    if (s === null) return Me;
     s.className = `uc-measure ${e}`, s.textContent = t;
     const o = s.getBoundingClientRect(), a = { width: o.width, height: o.height };
     return this.cache.set(i, a), a;
@@ -140,7 +155,7 @@ function Dt(n) {
 function Mt(n, t) {
   return t <= 0 || !Number.isFinite(n) || Math.abs(n) >= 1e21 ? St(n) : St(Number(n.toFixed(Math.min(20, t))));
 }
-function Te(n, t, e) {
+function Ae(n, t, e) {
   if (!Number.isFinite(n) || !Number.isFinite(t)) return [0, 1];
   if (n === t) return [n - 1, t + 1];
   const i = mt(t - n, e), r = Dt(i);
@@ -152,7 +167,7 @@ function Te(n, t, e) {
 function Vt(n, t) {
   return !Number.isFinite(n) || !Number.isFinite(t) ? [0, 1] : n === t ? [n - 1, t + 1] : [n, t];
 }
-function ne(n, t, e) {
+function re(n, t, e) {
   if (!Number.isFinite(n) || !Number.isFinite(t)) return [];
   if (n === t) return [St(n)];
   const [i, r] = n < t ? [n, t] : [t, n], s = mt(r - i, e), o = Dt(s), a = s * 1e-9, l = Math.ceil((i - a) / s), c = Math.floor((r + a) / s);
@@ -180,18 +195,18 @@ class _t {
     return this.m === 0 ? this.domain[0] : (t - this.b) / this.m;
   }
   ticks(t) {
-    return ne(this.domain[0], this.domain[1], t);
+    return re(this.domain[0], this.domain[1], t);
   }
 }
 let ot = null;
-function ie() {
+function se() {
   if (ot !== null) return ot;
   const n = typeof navigator > "u" ? void 0 : navigator.language;
   return ot = typeof n == "string" && n !== "" ? n : "en-US", ot;
 }
 const ht = /* @__PURE__ */ new Map();
-function Ae(n) {
-  const t = ie(), e = `${t}|${n}`;
+function Le(n) {
+  const t = se(), e = `${t}|${n}`;
   let i = ht.get(e);
   return i === void 0 && (i = new Intl.NumberFormat(t, {
     minimumFractionDigits: n,
@@ -199,17 +214,17 @@ function Ae(n) {
     useGrouping: !0
   }), ht.set(e, i)), i;
 }
-function Le(n, t) {
-  return Ae(Math.min(6, Dt(t))).format(n);
+function Fe(n, t) {
+  return Le(Math.min(6, Dt(t))).format(n);
 }
 function Bt(n) {
   if (!Number.isFinite(n)) return "–";
-  const t = ie(), e = `${t}|value`;
+  const t = se(), e = `${t}|value`;
   let i = ht.get(e);
   return i === void 0 && (i = new Intl.NumberFormat(t, { maximumFractionDigits: 3, useGrouping: !0 }), ht.set(e, i)), i.format(n);
 }
-const q = 1e3, K = 60 * q, j = 60 * K, U = 24 * j;
-function Fe(n) {
+const q = 1e3, K = 60 * q, J = 60 * K, U = 24 * J;
+function Pe(n) {
   const t = n.filter((s) => Number.isFinite(s.from) && Number.isFinite(s.to) && s.to > s.from).sort((s, o) => s.from - o.from), e = [];
   for (const s of t) {
     const o = e[e.length - 1];
@@ -226,10 +241,10 @@ function z(n) {
   if (!Array.isArray(n)) return n;
   const t = n, e = Yt.get(t);
   if (e !== void 0) return e;
-  const i = Fe(t);
+  const i = Pe(t);
   return Yt.set(t, i), i;
 }
-function Pe(n, t) {
+function Ee(n, t) {
   const e = n.intervals;
   let i = 0, r = e.length - 1, s = -1;
   for (; i <= r; ) {
@@ -241,7 +256,7 @@ function Pe(n, t) {
 function pt(n, t) {
   const e = z(t);
   if (e.intervals.length === 0) return n;
-  const i = Pe(e, n);
+  const i = Ee(e, n);
   return i < 0 ? Number.NaN : e.offsets[i] + (n - e.intervals[i].from);
 }
 function dt(n, t) {
@@ -257,12 +272,12 @@ function dt(n, t) {
   }
   return i[o].from + (n - e.offsets[o]);
 }
-function Un(n, t, e, i) {
+function Zn(n, t, e, i) {
   const r = z(n);
   for (let s = 0; s < e; s++)
     i[s] = pt(t[s], r);
 }
-function Ee(n, t) {
+function De(n, t) {
   const e = z(t);
   if (e.intervals.length === 0) return n;
   const i = pt(n, e);
@@ -274,11 +289,11 @@ function Ee(n, t) {
   }
   return e.total;
 }
-function De(n, t) {
+function $e(n, t) {
   const e = z(t);
   return e.intervals.length === 0 ? !1 : Number.isNaN(pt(n, e));
 }
-function $e(n) {
+function Ce(n) {
   const t = z(n), e = [];
   for (let i = 1; i < t.intervals.length; i++)
     e.push({
@@ -288,8 +303,8 @@ function $e(n) {
     });
   return e;
 }
-function Ce(n, t, e) {
-  return $e(n).map((i) => i.operatingTime).filter((i) => i >= t && i <= e);
+function We(n, t, e) {
+  return Ce(n).map((i) => i.operatingTime).filter((i) => i >= t && i <= e);
 }
 const zt = [
   q,
@@ -304,25 +319,25 @@ const zt = [
   10 * K,
   15 * K,
   30 * K,
-  j,
-  2 * j,
-  3 * j,
-  6 * j,
-  12 * j,
+  J,
+  2 * J,
+  3 * J,
+  6 * J,
+  12 * J,
   U,
   2 * U,
   7 * U,
   14 * U,
   28 * U
 ];
-function We(n, t) {
+function Oe(n, t) {
   const e = zt[0];
   if (!Number.isFinite(n) || n <= 0) return e;
   const i = n / Math.max(1, Math.floor(t));
   for (const r of zt) if (r >= i) return r;
   return U * mt(i / U, 1);
 }
-function Oe(n, t, e, i, r = 0) {
+function He(n, t, e, i, r = 0) {
   const s = z(n), o = [];
   if (!Number.isFinite(t) || !Number.isFinite(e) || !(i > 0)) return o;
   const a = Math.ceil((t - r) / i), l = Math.floor((e - r) / i);
@@ -334,11 +349,11 @@ function Oe(n, t, e, i, r = 0) {
   }
   return o;
 }
-function He(n, t, e, i, r = 0) {
+function Re(n, t, e, i, r = 0) {
   const s = z(n);
   if (s.intervals.length === 0 || !(e > t)) return [];
-  const o = Math.max(0, Math.min(s.total, t)), a = Math.max(0, Math.min(s.total, e)), l = We(e - t, i);
-  return Oe(
+  const o = Math.max(0, Math.min(s.total, t)), a = Math.max(0, Math.min(s.total, e)), l = Oe(e - t, i);
+  return He(
     s,
     dt(o, s),
     dt(a, s),
@@ -346,7 +361,7 @@ function He(n, t, e, i, r = 0) {
     r
   ).map((u) => u.operatingTime).filter((u) => u >= t && u <= e);
 }
-const Tt = 5, At = 4, xt = 8, Gt = 4, Re = 8, ut = "uc-tick-label", at = "uc-axis-title", re = {
+const Tt = 5, At = 4, xt = 8, Gt = 4, Ve = 8, ut = "uc-tick-label", at = "uc-axis-title", oe = {
   width: 0,
   height: 0,
   plot: { x: 0, y: 0, width: 0, height: 0 },
@@ -354,7 +369,7 @@ const Tt = 5, At = 4, xt = 8, Gt = 4, Re = 8, ut = "uc-tick-label", at = "uc-axi
 };
 function qt(n, t, e) {
   const i = Math.ceil(t), r = e.get(n);
-  return r === void 0 || i > r || r - i >= Re ? (e.set(n, i), i) : r;
+  return r === void 0 || i > r || r - i >= Ve ? (e.set(n, i), i) : r;
 }
 function Kt(n, t) {
   const e = n.domainMode;
@@ -363,9 +378,9 @@ function Kt(n, t) {
     return s[0] === s[1] ? [s[0] - 1, s[1] + 1] : s;
   }
   const [i, r] = n.extent;
-  return n.calendar !== void 0 && n.calendar.length > 0 || e === "data" ? Vt(i, r) : Te(i, r, t);
+  return n.calendar !== void 0 && n.calendar.length > 0 || e === "data" ? Vt(i, r) : Ae(i, r, t);
 }
-function Ve(n) {
+function _e(n) {
   if (!Number.isFinite(n)) return "";
   const t = new Date(n), e = (i) => String(i).padStart(2, "0");
   return `${e(t.getDate())}.${e(t.getMonth() + 1)}. ${e(t.getHours())}:${e(t.getMinutes())}`;
@@ -374,19 +389,19 @@ function Ut(n, t, e) {
   if (n.tickValues !== void 0)
     return n.tickValues.filter((r) => r >= t[0] && r <= t[1]);
   const i = n.calendar;
-  return i !== void 0 && i.length > 0 ? He(i, t[0], t[1], e) : ne(t[0], t[1], e);
+  return i !== void 0 && i.length > 0 ? Re(i, t[0], t[1], e) : re(t[0], t[1], e);
 }
 function Xt(n, t, e) {
   const i = n.calendar;
   if (i !== void 0 && i.length > 0) {
     const s = n.tickFormat;
-    return s === void 0 ? (o) => Ve(dt(o, i)) : (o) => s(dt(o, i));
+    return s === void 0 ? (o) => _e(dt(o, i)) : (o) => s(dt(o, i));
   }
   if (n.tickFormat !== void 0) return n.tickFormat;
   const r = mt(Math.abs(t[1] - t[0]), e);
-  return (s) => Le(s, r);
+  return (s) => Fe(s, r);
 }
-function _e(n) {
+function Be(n) {
   const { width: t, height: e, padding: i, axes: r, measure: s, hysteresis: o } = n, a = r.filter((v) => v.position === "left"), l = r.filter((v) => v.position === "right"), c = r.filter((v) => v.position === "top"), u = r.filter((v) => v.position === "bottom"), h = Math.ceil(s("0", ut).height) || 14, p = /* @__PURE__ */ new Map();
   for (const v of [...c, ...u]) {
     const M = v.label === void 0 || v.label === "" ? 0 : Math.ceil(s(v.label, at).height) + Gt;
@@ -426,10 +441,10 @@ function _e(n) {
     v.forEach((x, A) => {
       const $ = k.get(x.key) ?? 0, T = b.get(x.key), O = P(x, A, M, $);
       M += $ + xt;
-      const C = (T == null ? void 0 : T.domain) ?? [0, 1], tt = (T == null ? void 0 : T.format) ?? ((J) => String(J)), V = new _t(C, [m + f, m]), et = ((T == null ? void 0 : T.values) ?? []).map((J, B) => ({
-        value: J,
+      const C = (T == null ? void 0 : T.domain) ?? [0, 1], tt = (T == null ? void 0 : T.format) ?? ((j) => String(j)), V = new _t(C, [m + f, m]), et = ((T == null ? void 0 : T.values) ?? []).map((j, B) => ({
+        value: j,
         label: (T == null ? void 0 : T.labels[B]) ?? "",
-        px: V.toPx(J),
+        px: V.toPx(j),
         labelLeft: 0,
         labelWidth: (T == null ? void 0 : T.widths[B]) ?? 0
       }));
@@ -458,9 +473,9 @@ function _e(n) {
     v.forEach((x, A) => {
       const $ = p.get(x.key) ?? 0, T = P(x, A, M, $);
       M += $ + xt;
-      const O = x.tickCount ?? Math.max(2, Math.round(L / 80)), C = Kt(x, O), tt = Ut(x, C, O), V = Xt(x, C, O), et = new _t(C, [N, N + L]), J = tt.map((B) => {
-        const Ct = V(B), yt = s(Ct, ut).width, Wt = et.toPx(B), de = Wt - yt / 2, fe = Math.min(Math.max(de, 0), Math.max(0, t - yt));
-        return { value: B, label: Ct, px: Wt, labelLeft: fe, labelWidth: yt };
+      const O = x.tickCount ?? Math.max(2, Math.round(L / 80)), C = Kt(x, O), tt = Ut(x, C, O), V = Xt(x, C, O), et = new _t(C, [N, N + L]), j = tt.map((B) => {
+        const Ct = V(B), yt = s(Ct, ut).width, Wt = et.toPx(B), me = Wt - yt / 2, pe = Math.min(Math.max(me, 0), Math.max(0, t - yt));
+        return { value: B, label: Ct, px: Wt, labelLeft: pe, labelWidth: yt };
       });
       S.push({
         key: x.key,
@@ -474,16 +489,16 @@ function _e(n) {
         stack: A,
         domain: C,
         scale: et,
-        ticks: J,
+        ticks: j,
         format: V,
         titleSize: x.label === void 0 || x.label === "" ? 0 : Math.ceil(s(x.label, at).height),
-        breaks: x.calendar === void 0 || x.calendar.length === 0 ? [] : Ce(x.calendar, C[0], C[1]).map((B) => et.toPx(B))
+        breaks: x.calendar === void 0 || x.calendar.length === 0 ? [] : We(x.calendar, C[0], C[1]).map((B) => et.toPx(B))
       });
     });
   };
   return R(c), R(u), { width: t, height: e, plot: F, axes: S };
 }
-function Be(n, t, e) {
+function Ye(n, t, e) {
   if (t <= 0 || !(e >= n[0])) return -1;
   let i = 0, r = t - 1;
   if (n[r] <= e) return r;
@@ -493,19 +508,19 @@ function Be(n, t, e) {
   }
   return i;
 }
-function se(n, t, e, i) {
+function ae(n, t, e, i) {
   return e + 1 < t ? n[e + 1] : i;
 }
 function rt(n, t) {
   return Number.isFinite(n) ? n : t;
 }
-function oe(n) {
+function le(n) {
   return !Number.isFinite(n);
 }
 function Zt(n, t) {
   return n < t;
 }
-function Ye(n, t, e, i) {
+function ze(n, t, e, i) {
   const r = new Int32Array(e);
   for (let s = 0; s < e; s++) {
     const o = n[s], a = rt(t[s], i);
@@ -519,7 +534,7 @@ function Ye(n, t, e, i) {
   }
   return r;
 }
-function ze(n, t, e, i, r, s, o, a) {
+function Ge(n, t, e, i, r, s, o, a) {
   const l = o / 2;
   for (let c = i - 1; c >= 0; c--) {
     const u = e[c];
@@ -532,7 +547,7 @@ function ze(n, t, e, i, r, s, o, a) {
 function st(n) {
   return Math.round(n) + 0.5;
 }
-function Ge(n, t) {
+function qe(n, t) {
   const { plot: e, axes: i, theme: r } = t, s = e.x, o = e.x + e.width, a = e.y, l = e.y + e.height;
   n.lineWidth = 1;
   for (const c of i)
@@ -553,7 +568,7 @@ function Ge(n, t) {
         p && (n.strokeStyle = h ? r.colorAxis : r.colorGrid, n.stroke());
       }
 }
-function qe(n, t) {
+function Ke(n, t) {
   const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = new Path2D();
   let u = !1;
   for (let h = 0; h < e; h++) {
@@ -576,7 +591,7 @@ function qe(n, t) {
     n.fillStyle = t.color, n.fill(p);
   }
 }
-function Ke(n, t) {
+function Ue(n, t) {
   const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.y0, u = t.baseline * s + o, h = new Path2D(), p = new Path2D();
   let d = 0;
   for (; d < e; ) {
@@ -600,7 +615,7 @@ function Ke(n, t) {
   }
   n.globalAlpha = t.alpha * t.fillOpacity, n.fillStyle = t.color, n.fill(h), t.strokeWidth > 0 && (n.globalAlpha = t.alpha, n.strokeStyle = t.color, n.lineWidth = t.strokeWidth, n.setLineDash([]), n.stroke(p));
 }
-function Ue(n, t) {
+function Xe(n, t) {
   const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.baseline * s + o, u = t.offset * i, h = t.width * i, p = new Path2D();
   for (let d = 0; d < e; d++) {
     const m = l[d];
@@ -610,7 +625,7 @@ function Ue(n, t) {
   }
   n.fillStyle = t.color, n.fill(p);
 }
-function Xe(n, t) {
+function Ze(n, t) {
   const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.radius, u = new Path2D();
   for (let h = 0; h < e; h++) {
     const p = l[h];
@@ -620,7 +635,7 @@ function Xe(n, t) {
   }
   n.fillStyle = t.color, n.fill(u);
 }
-function Ze(n, t) {
+function je(n, t) {
   const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.x, o = t.y, a = t.laneTop, l = t.laneBottom - t.laneTop, c = t.colors.length;
   if (c === 0 || l <= 0) return;
   const u = [];
@@ -631,7 +646,7 @@ function Ze(n, t) {
     if (Number.isNaN(d)) continue;
     const m = d | 0, y = u[m];
     if (y === void 0) continue;
-    const f = s[p], b = se(s, e, p, t.domainEnd);
+    const f = s[p], b = ae(s, e, p, t.domainEnd);
     b > f && (y.rect(f * i + r, a, (b - f) * i, l), h = !0);
   }
   if (h)
@@ -654,7 +669,7 @@ function Je(n, t) {
   for (let m = 0; m < u; m++)
     n.fillStyle = t.colors[m], n.fill(d[m]);
 }
-function je(n, t) {
+function Qe(n, t) {
   const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.x1, u = t.depth, h = Math.abs(t.height * s), p = h * 0.28, d = new Path2D(), m = new Path2D();
   for (let y = 0; y < e; y++) {
     const f = l[y];
@@ -664,11 +679,11 @@ function je(n, t) {
     const k = c[y], N = rt(k, t.domainEnd);
     if (!(N >= b)) continue;
     const w = b * i + r, L = Math.max(1, (N - b) * i), F = f * s + o + u[y] * p;
-    (oe(k) ? m : d).rect(w, F - h / 2, L, h);
+    (le(k) ? m : d).rect(w, F - h / 2, L, h);
   }
   n.fillStyle = t.color, n.fill(d), n.save(), n.globalAlpha = n.globalAlpha * 0.45, n.fill(m), n.restore(), n.strokeStyle = t.color, n.lineWidth = 1, n.setLineDash([3, 2]), n.stroke(m), n.setLineDash([]);
 }
-function Jt(n, t, e) {
+function jt(n, t, e) {
   for (const i of e) {
     if (i.band) {
       const r = Math.min(i.fromPx, i.toPx), s = Math.max(i.fromPx, i.toPx);
@@ -685,39 +700,39 @@ function Jt(n, t, e) {
     n.strokeStyle = i.color, n.lineWidth = 1, n.setLineDash(i.dash), n.stroke(), n.setLineDash([]);
   }
 }
-function Qe(n, t) {
+function tn(n, t) {
   const { width: e, height: i, plot: r, series: s } = t;
   if (n.clearRect(0, 0, e, i), !(r.width <= 0 || r.height <= 0)) {
-    Ge(n, t), n.save(), n.beginPath(), n.rect(r.x, r.y, r.width, r.height), n.clip(), n.lineJoin = "round", n.lineCap = "round", n.globalAlpha = 1, Jt(n, r, t.limitBands);
+    qe(n, t), n.save(), n.beginPath(), n.rect(r.x, r.y, r.width, r.height), n.clip(), n.lineJoin = "round", n.lineCap = "round", n.globalAlpha = 1, jt(n, r, t.limitBands);
     for (const o of s)
       if (o.length !== 0)
         switch (n.globalAlpha = o.alpha, o.kind) {
           case "line":
-            qe(n, o);
+            Ke(n, o);
             break;
           case "area":
-            Ke(n, o);
+            Ue(n, o);
             break;
           case "bar":
-            Ue(n, o);
+            Xe(n, o);
             break;
           case "scatter":
-            Xe(n, o);
+            Ze(n, o);
             break;
           case "state":
-            Ze(n, o);
+            je(n, o);
             break;
           case "matrix":
             Je(n, o);
             break;
           case "span":
-            je(n, o);
+            Qe(n, o);
             break;
         }
-    n.globalAlpha = 1, Jt(n, r, t.limitLines), n.restore();
+    n.globalAlpha = 1, jt(n, r, t.limitLines), n.restore();
   }
 }
-function tn(n, t) {
+function en(n, t) {
   const { width: e, height: i, plot: r, theme: s, hover: o } = t;
   if (n.clearRect(0, 0, e, i), o === null || r.width <= 0 || r.height <= 0) return;
   const a = st(o.hit.xPx);
@@ -725,7 +740,7 @@ function tn(n, t) {
   for (const l of o.marker)
     n.beginPath(), n.arc(l.x, l.y, 5.5, 0, Math.PI * 2), n.fillStyle = s.colorBg, n.fill(), n.beginPath(), n.arc(l.x, l.y, 3.5, 0, Math.PI * 2), n.fillStyle = l.color, n.fill();
 }
-function en(n, t, e) {
+function nn(n, t, e) {
   if (t <= 0) return -1;
   if (t === 1) return 0;
   let i = 0, r = t - 1;
@@ -738,7 +753,7 @@ function en(n, t, e) {
   const s = e - n[i];
   return n[r] - e < s ? r : i;
 }
-function jt(n, t) {
+function Jt(n, t) {
   if (t < 2) return 0;
   const e = n.slice(0, t).sort();
   let i = Number.POSITIVE_INFINITY;
@@ -751,7 +766,7 @@ function jt(n, t) {
 function lt(n, t) {
   return n > 0 ? n : t;
 }
-function nn(n, t, e, i, r, s, o) {
+function rn(n, t, e, i, r, s, o) {
   const a = s / 2, l = o / 2;
   for (let c = 0; c < e; c++) {
     const u = i - n[c];
@@ -762,17 +777,17 @@ function nn(n, t, e, i, r, s, o) {
   }
   return -1;
 }
-const rn = {
+const sn = {
   ok: 0,
   unknown: 1,
   warning: 2,
   alarm: 3
 };
-function Xn(n) {
-  return rn[n];
+function jn(n) {
+  return sn[n];
 }
 const Qt = { warning: 2, alarm: 3 };
-function sn(n, t = {}) {
+function on(n, t = {}) {
   if (n == null || !Number.isFinite(n))
     return { verdict: "unknown" };
   const e = t.target, i = e !== void 0 && Number.isFinite(e) ? n - e : void 0;
@@ -790,7 +805,7 @@ function sn(n, t = {}) {
   };
   return i === void 0 ? o : { ...o, deviation: i };
 }
-function on(n, t, e, i, r) {
+function an(n, t, e, i, r) {
   const s = n.length, o = new Float64Array(s), a = new Float64Array(s), l = typeof i == "function" ? i : null, c = l === null ? null : new Float64Array(s), u = (r == null ? void 0 : r.value) ?? null, h = u === null ? null : new Float64Array(s), p = (r == null ? void 0 : r.xEnd) ?? null, d = p === null ? null : new Float64Array(s), m = (r == null ? void 0 : r.xMap) ?? null, y = (r == null ? void 0 : r.xGap) ?? null;
   let f = Number.POSITIVE_INFINITY, b = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, N = Number.NEGATIVE_INFINITY;
   typeof i == "number" && s > 0 && (k = i, N = i);
@@ -814,12 +829,12 @@ function on(n, t, e, i, r) {
   }
   return { series: { x: o, y: a, y0: c, w: h, x1: d, length: s }, extent: { xMin: f, xMax: b, yMin: k, yMax: N } };
 }
-function an(n, t) {
+function ln(n, t) {
   for (let e = 1; e < t; e++)
     if (n[e] < n[e - 1]) return e;
   return -1;
 }
-function ln(n, t, e, i) {
+function cn(n, t, e, i) {
   let r = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY;
   for (const o of e) {
     const a = o.extent;
@@ -832,7 +847,7 @@ function ln(n, t, e, i) {
       Number.isFinite(o) && (o < r && (r = o), o > s && (s = o));
   return !Number.isFinite(r) || !Number.isFinite(s) ? [0, 1] : [r, s];
 }
-function cn(n, t) {
+function un(n, t) {
   let e = Number.POSITIVE_INFINITY;
   for (let i = 1; i < t; i++) {
     const r = n[i] - n[i - 1];
@@ -840,14 +855,14 @@ function cn(n, t) {
   }
   return Number.isFinite(e) ? e : 0;
 }
-function un(n, t) {
+function hn(n, t) {
   return n > 0 ? n : t;
 }
-function hn(n, t, e, i) {
+function dn(n, t, e, i) {
   const r = n * t, s = r / i;
   return { offset: -r / 2 + e * s, width: s };
 }
-function dn(n) {
+function fn(n) {
   const t = /* @__PURE__ */ new Map();
   for (const i of n) {
     if (i.kind !== "bar") continue;
@@ -873,7 +888,7 @@ function dn(n) {
 }
 const te = {
   version: 0,
-  layout: re,
+  layout: oe,
   legend: null,
   series: [],
   limits: []
@@ -882,9 +897,9 @@ const te = {
   hover: null,
   tooltip: null,
   xLabel: ""
-}, fn = 4, mn = 60;
+}, mn = 4, pn = 60;
 let vt = 0;
-const pn = new Float64Array(0), yn = new Int32Array(0);
+const yn = new Float64Array(0), gn = new Int32Array(0);
 function Y(n, t) {
   return n === t ? !0 : typeof n != "function" || typeof t != "function" ? !1 : String(n) === String(t);
 }
@@ -894,7 +909,7 @@ function ft(n, t) {
   for (let e = 0; e < n.length; e++) if (n[e] !== t[e]) return !1;
   return !0;
 }
-function gn(n, t) {
+function bn(n, t) {
   return n.kind === t.kind && Y(n.accessor, t.accessor) && n.data === t.data && Y(Pt(n), Pt(t)) && Y(Lt(n), Lt(t)) && Y(Ft(n), Ft(t));
 }
 function Lt(n) {
@@ -918,7 +933,7 @@ function Pt(n) {
       return;
   }
 }
-function bn(n, t) {
+function xn(n, t) {
   if (n.kind !== t.kind) return !1;
   switch (t.kind) {
     case "line": {
@@ -935,15 +950,15 @@ function bn(n, t) {
       return n.radius === t.radius;
     case "state": {
       const e = n;
-      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && xn(e.states, t.states);
+      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && vn(e.states, t.states);
     }
     case "matrix":
-      return vn(n.coloring, t.coloring);
+      return kn(n.coloring, t.coloring);
     case "span":
       return n.height === t.height;
   }
 }
-function xn(n, t) {
+function vn(n, t) {
   var e, i, r, s;
   if (n === t) return !0;
   if (n.length !== t.length) return !1;
@@ -951,20 +966,20 @@ function xn(n, t) {
     if (((e = n[o]) == null ? void 0 : e.label) !== ((i = t[o]) == null ? void 0 : i.label) || ((r = n[o]) == null ? void 0 : r.color) !== ((s = t[o]) == null ? void 0 : s.color)) return !1;
   return !0;
 }
-function vn(n, t) {
+function kn(n, t) {
   return n === t ? !0 : n.kind !== t.kind ? !1 : n.kind === "assessment" && t.kind === "assessment" ? n.limits === t.limits : n.kind === "gradient" && t.kind === "gradient" ? ft(n.stops, t.stops) && ft(n.range, t.range) : !1;
 }
-function kn(n, t) {
+function Nn(n, t) {
   return n.kind === "assessment" ? [t.colorOk, t.colorWarning, t.colorAlarm] : n.stops;
 }
-function Nn(n, t, e) {
+function wn(n, t, e) {
   var c, u;
   const i = n.length, r = new Int32Array(i), s = n.w;
   if (s === null || e === 0)
     return r.fill(-1), r;
   if (t.kind === "assessment") {
     for (let h = 0; h < i; h++) {
-      const p = sn(s[h], t.limits);
+      const p = on(s[h], t.limits);
       r[h] = p.verdict === "alarm" ? 2 : p.verdict === "warning" ? 1 : p.verdict === "ok" ? 0 : -1;
     }
     return r;
@@ -989,10 +1004,10 @@ function Nn(n, t, e) {
   }
   return r;
 }
-function wn(n, t) {
+function In(n, t) {
   return n === t ? !0 : Array.isArray(n) && Array.isArray(t) ? n[0] === t[0] && n[1] === t[1] : !1;
 }
-class ae {
+class ce {
   constructor() {
     /* ---------- Registration ---------- */
     g(this, "series", /* @__PURE__ */ new Map());
@@ -1031,7 +1046,7 @@ class ae {
     g(this, "theme", null);
     g(this, "unsubscribeTheme", null);
     /* ---------- Layout and interaction ---------- */
-    g(this, "layout", re);
+    g(this, "layout", oe);
     g(this, "hysteresis", /* @__PURE__ */ new Map());
     g(this, "hover", null);
     g(this, "hoverKey", "");
@@ -1104,7 +1119,7 @@ class ae {
   updateSeries(t, e) {
     const i = this.series.get(t);
     if (i === void 0) return;
-    const r = i.config, s = gn(r, e), o = s && r.xAxisId === e.xAxisId && r.yAxisId === e.yAxisId && r.name === e.name && r.color === e.color && r.tone === e.tone && bn(r, e);
+    const r = i.config, s = bn(r, e), o = s && r.xAxisId === e.xAxisId && r.yAxisId === e.yAxisId && r.name === e.name && r.color === e.color && r.tone === e.tone && xn(r, e);
     if (r.name !== e.name && e.name !== void 0) {
       const a = this.slotsByName.get(e.name);
       a === void 0 ? this.slotsByName.set(e.name, i.slot) : this.slotTaken(a, i) || (i.slot = a);
@@ -1121,7 +1136,7 @@ class ae {
   updateAxis(t, e) {
     const i = this.axes.get(t);
     if (i === void 0) return;
-    const r = i.config, s = Y(r.accessor, e.accessor) && r.calendar === e.calendar, o = s && r.id === e.id && r.orientation === e.orientation && r.position === e.position && r.label === e.label && r.tickCount === e.tickCount && r.grid === e.grid && ft(r.ticks, e.ticks) && wn(r.domain, e.domain) && Y(r.tickFormat, e.tickFormat);
+    const r = i.config, s = Y(r.accessor, e.accessor) && r.calendar === e.calendar, o = s && r.id === e.id && r.orientation === e.orientation && r.position === e.position && r.label === e.label && r.tickCount === e.tickCount && r.grid === e.grid && ft(r.ticks, e.ticks) && In(r.domain, e.domain) && Y(r.tickFormat, e.tickFormat);
     if (i.config = e, !o) {
       if (!s || r.id !== e.id) {
         for (const a of this.series.values())
@@ -1254,7 +1269,7 @@ class ae {
       }
       const r = i.config, s = r.data ?? this.data, o = this.findXAxis(r.xAxisId);
       if (o === null) continue;
-      const a = on(
+      const a = an(
         s,
         o.accessor,
         r.accessor,
@@ -1267,7 +1282,7 @@ class ae {
         }
       );
       if (i.materialized = a.series, e += a.series.length, r.kind === "bar") {
-        const l = cn(a.series.x, a.series.length);
+        const l = un(a.series.x, a.series.length);
         i.step = l;
         const c = l / 2;
         i.extent = {
@@ -1276,7 +1291,7 @@ class ae {
           xMax: a.extent.xMax + c
         };
       } else if (r.kind === "matrix") {
-        const l = jt(a.series.x, a.series.length), c = jt(a.series.y, a.series.length);
+        const l = Jt(a.series.x, a.series.length), c = Jt(a.series.y, a.series.length);
         i.step = l, i.cellHeight = c, i.extent = {
           xMin: a.extent.xMin - l / 2,
           xMax: a.extent.xMax + l / 2,
@@ -1290,7 +1305,7 @@ class ae {
           yMax: Number.NEGATIVE_INFINITY
         };
       else if (r.kind === "span") {
-        i.depth = Ye(
+        i.depth = ze(
           a.series.x,
           a.series.x1 ?? new Float64Array(a.series.length),
           a.series.length,
@@ -1309,7 +1324,7 @@ class ae {
         i.step = null, i.extent = a.extent;
       if (!this.sortednessChecked && it) {
         this.sortednessChecked = !0;
-        const l = an(a.series.x, a.series.length);
+        const l = ln(a.series.x, a.series.length);
         l >= 0 && G(
           "x-unsorted",
           `X values are not sorted ascending (index ${l}). Binary search and path building assume sortedness; there is no automatic sorting (R-2.6).`
@@ -1320,7 +1335,7 @@ class ae {
   }
   /* ================= DOM binding, DPR, resize ================= */
   bind(t, e, i, r) {
-    this.container = t, this.themeRoot = r, this.seriesCanvas = e, this.overlayCanvas = i, this.seriesCtx = e.getContext("2d"), this.overlayCtx = i.getContext("2d"), this.measurer = new Me(r), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = Ie(() => {
+    this.container = t, this.themeRoot = r, this.seriesCanvas = e, this.overlayCanvas = i, this.seriesCtx = e.getContext("2d"), this.overlayCtx = i.getContext("2d"), this.measurer = new Te(r), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = Se(() => {
       var s;
       this.theme = null, (s = this.measurer) == null || s.clear(), this.markLayoutDirty();
     }), this.theme = null, this.markLayoutDirty();
@@ -1369,7 +1384,7 @@ class ae {
     }));
   }
   frame() {
-    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = we(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
+    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = Ie(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
       this.layoutDirty && this.pushLayoutSnapshot();
       return;
     }
@@ -1399,7 +1414,7 @@ class ae {
       yAxisId: r.config.yAxisId,
       extent: r.extent
     }));
-    return ln(t, e, i, this.limitValues(t, e));
+    return cn(t, e, i, this.limitValues(t, e));
   }
   /** The values of the limits that are to pull this axis along. */
   limitValues(t, e) {
@@ -1415,12 +1430,12 @@ class ae {
   mapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (i) => Ee(i, e);
+      return (i) => De(i, e);
   }
   gapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (i) => De(i, e);
+      return (i) => $e(i, e);
   }
   extentFor(t) {
     return this.axisExtent(t.orientation, t.id);
@@ -1444,7 +1459,7 @@ class ae {
         calendar: o.calendar
       });
     }
-    this.layout = _e({
+    this.layout = Be({
       width: this.cssWidth,
       height: this.cssHeight,
       padding: this.padding,
@@ -1575,7 +1590,7 @@ class ae {
   }
   /* ================= Drawing ================= */
   drawItems() {
-    const t = [], e = this.seriesInOrder(), i = dn(
+    const t = [], e = this.seriesInOrder(), i = fn(
       e.map((r) => ({
         order: r.order,
         kind: r.config.kind,
@@ -1605,7 +1620,7 @@ class ae {
             kind: "line",
             strokeWidth: h.strokeWidth,
             dash: h.dash,
-            marker: h.markers === "always" || h.markers === "auto" && o.length <= mn
+            marker: h.markers === "always" || h.markers === "auto" && o.length <= pn
           });
           break;
         case "area":
@@ -1624,8 +1639,8 @@ class ae {
             size: 1,
             step: r.step ?? 0,
             fraction: h.barWidth
-          }, d = a.scale.domain, m = hn(
-            un(p.step, d[1] - d[0]),
+          }, d = a.scale.domain, m = dn(
+            hn(p.step, d[1] - d[0]),
             p.fraction,
             p.index,
             p.size
@@ -1655,11 +1670,11 @@ class ae {
           break;
         }
         case "matrix": {
-          const p = kn(h.coloring, this.theme ?? W);
+          const p = Nn(h.coloring, this.theme ?? W);
           t.push({
             ...u,
             kind: "matrix",
-            buckets: Nn(o, h.coloring, p.length),
+            buckets: wn(o, h.coloring, p.length),
             colors: p,
             width: lt(
               r.step ?? 0,
@@ -1676,11 +1691,11 @@ class ae {
           t.push({
             ...u,
             kind: "span",
-            x1: o.x1 ?? pn,
+            x1: o.x1 ?? yn,
             // Computed once per materialisation, not per frame: the calculation
             // is quadratic, and a schedule with five hundred spans is pushed and
             // pulled like any other chart.
-            depth: r.depth ?? yn,
+            depth: r.depth ?? gn,
             height: h.height ?? 0.6,
             domainEnd: a.scale.domain[1]
           });
@@ -1701,7 +1716,7 @@ class ae {
     const t = this.seriesCtx, e = this.theme;
     if (!t || !e) return;
     const i = typeof performance > "u" ? 0 : performance.now();
-    Qe(t, {
+    tn(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -1714,7 +1729,7 @@ class ae {
   }
   drawOverlayLayer() {
     const t = this.overlayCtx, e = this.theme;
-    !t || !e || (tn(t, {
+    !t || !e || (en(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -1790,7 +1805,7 @@ class ae {
       // An area is always included: it covers the pointer, otherwise it
       // would not have reported a hit at all. Only points have to share the
       // x position.
-      (f) => f.areal || Math.abs(f.px - a.px) <= fn
+      (f) => f.areal || Math.abs(f.px - a.px) <= mn
     ), c = l.map((f) => ({
       seriesName: f.name,
       color: f.color,
@@ -1823,11 +1838,11 @@ class ae {
     if (l.kind === "state") {
       const d = this.lanePx(l, r);
       if (s < d.top || s > d.bottom) return null;
-      const m = Be(e.x, c, o);
+      const m = Ye(e.x, c, o);
       if (m < 0) return null;
       const y = e.y[m];
       if (Number.isNaN(y)) return null;
-      const f = e.x[m], b = se(e.x, c, m, i.scale.domain[1]), k = l.states[y | 0];
+      const f = e.x[m], b = ae(e.x, c, m, i.scale.domain[1]), k = l.states[y | 0];
       return {
         index: m,
         px: i.scale.toPx(f),
@@ -1843,7 +1858,7 @@ class ae {
     if (l.kind === "span") {
       const d = e.x1;
       if (d === null) return null;
-      const m = i.scale.domain[1], y = l.height ?? 0.6, f = ze(
+      const m = i.scale.domain[1], y = l.height ?? 0.6, f = Ge(
         e.x,
         d,
         e.y,
@@ -1867,12 +1882,12 @@ class ae {
           from: b,
           to: rt(N, m),
           label: "",
-          open: oe(N)
+          open: le(N)
         }
       };
     }
     if (l.kind === "matrix") {
-      const d = nn(
+      const d = rn(
         e.x,
         e.y,
         c,
@@ -1899,7 +1914,7 @@ class ae {
         areal: !0
       };
     }
-    const u = en(e.x, c, o);
+    const u = nn(e.x, c, o);
     if (u < 0) return null;
     const h = e.y[u];
     if (Number.isNaN(h)) return null;
@@ -1953,10 +1968,10 @@ class ae {
 }
 /** Class name of the measuring span for tick labels - keeps the CSS and the
     layout in step. */
-g(ae, "classTick", ut);
-const le = ye(null);
+g(ce, "classTick", ut);
+const ue = be(null);
 function Q(n) {
-  const t = ge(le);
+  const t = xe(ue);
   if (t === null && it)
     throw new Error(
       `@umriss-ui/charts: <${n}> must be used inside a <Chart>.`
@@ -1974,7 +1989,7 @@ function Z(n, t) {
     e !== null && i.current !== null && e.updateSeries(i.current, t);
   });
 }
-function ce(n, t) {
+function he(n, t) {
   const e = Q(n), i = X(null);
   D(() => {
     if (e !== null)
@@ -1985,7 +2000,7 @@ function ce(n, t) {
     e !== null && i.current !== null && e.updateAxis(i.current, t);
   });
 }
-function ue(n, t) {
+function de(n, t) {
   const e = Q(n), i = X(null);
   D(() => {
     if (e !== null)
@@ -1996,7 +2011,7 @@ function ue(n, t) {
     e !== null && i.current !== null && e.updateLimit(i.current, t);
   });
 }
-function In(n, t) {
+function Sn(n, t) {
   const e = Q(n);
   D(() => {
     if (e !== null)
@@ -2005,7 +2020,7 @@ function In(n, t) {
     e == null || e.updateLegend(t);
   });
 }
-function Sn(n, t) {
+function Mn(n, t) {
   const e = Q(n);
   D(() => {
     if (e !== null)
@@ -2014,7 +2029,7 @@ function Sn(n, t) {
     e == null || e.updateTooltip(t);
   });
 }
-function Mn(n, t) {
+function Tn(n, t) {
   const { band: e, position: i, orientation: r } = n, s = {
     left: `${e.x}px`,
     top: `${e.y}px`,
@@ -2101,30 +2116,30 @@ function Mn(n, t) {
     n.key
   );
 }
-function Tn({ scene: n }) {
+function An({ scene: n }) {
   const t = Et(
     n.subscribeLayout,
     n.getLayoutSnapshot,
     n.getLayoutServerSnapshot
   ), { layout: e } = t;
   return e.plot.width <= 0 || e.plot.height <= 0 ? null : /* @__PURE__ */ I("div", { className: "uc-axes", children: e.axes.map(
-    (i) => Mn(
+    (i) => Tn(
       i,
       t.limits.filter((r) => r.axisKey === i.key)
     )
   ) });
 }
-function An(n) {
+function Ln(n) {
   var e;
   const t = (e = n.segment) == null ? void 0 : e.label;
   return t !== void 0 && t !== "" ? t : n.value !== void 0 ? Bt(n.value) : Bt(n.yValue);
 }
-function Ln({ scene: n }) {
+function Fn({ scene: n }) {
   const t = Et(
     n.subscribeHover,
     n.getHoverSnapshot,
     n.getHoverServerSnapshot
-  ), e = be(
+  ), e = ve(
     (r) => {
       n.bindTooltip(r);
     },
@@ -2139,11 +2154,11 @@ function Ln({ scene: n }) {
     /* @__PURE__ */ I("div", { className: "uc-tooltip-list", children: i.hit.points.map((r) => /* @__PURE__ */ _("div", { className: "uc-tooltip-row", children: [
       /* @__PURE__ */ I("span", { className: "uc-tooltip-chip", style: { background: r.color } }),
       /* @__PURE__ */ I("span", { className: "uc-tooltip-name", children: r.seriesName }),
-      /* @__PURE__ */ I("span", { className: "uc-tooltip-value", children: An(r) })
+      /* @__PURE__ */ I("span", { className: "uc-tooltip-value", children: Ln(r) })
     ] }, `${r.seriesName}-${r.index}`)) })
   ] }) });
 }
-function Zn(n) {
+function Jn(n) {
   const {
     data: t,
     width: e = "100%",
@@ -2154,7 +2169,7 @@ function Zn(n) {
     style: a,
     onPerf: l,
     children: c
-  } = n, [u] = xe(() => new ae()), h = X(null), p = X(null), d = X(null), m = X(null), y = typeof r == "number" ? void 0 : r, f = typeof r == "number" ? r : void 0, b = f ?? (y == null ? void 0 : y.top), k = f ?? (y == null ? void 0 : y.right), N = f ?? (y == null ? void 0 : y.bottom), w = f ?? (y == null ? void 0 : y.left), L = E(
+  } = n, [u] = ke(() => new ce()), h = X(null), p = X(null), d = X(null), m = X(null), y = typeof r == "number" ? void 0 : r, f = typeof r == "number" ? r : void 0, b = f ?? (y == null ? void 0 : y.top), k = f ?? (y == null ? void 0 : y.right), N = f ?? (y == null ? void 0 : y.bottom), w = f ?? (y == null ? void 0 : y.left), L = E(
     () => ({
       top: b ?? 8,
       right: k ?? 8,
@@ -2200,7 +2215,7 @@ function Zn(n) {
   }, P = (S) => {
     u.pointerMove(S.nativeEvent.offsetX, S.nativeEvent.offsetY);
   };
-  return /* @__PURE__ */ I(le.Provider, { value: u, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ I(ue.Provider, { value: u, children: /* @__PURE__ */ _(
     "div",
     {
       ref: h,
@@ -2219,8 +2234,8 @@ function Zn(n) {
             children: [
               /* @__PURE__ */ I("canvas", { ref: d, className: "uc-layer-series", "aria-hidden": "true" }),
               /* @__PURE__ */ I("canvas", { ref: m, className: "uc-layer-overlay", "aria-hidden": "true" }),
-              /* @__PURE__ */ I(Tn, { scene: u }),
-              /* @__PURE__ */ I(Ln, { scene: u })
+              /* @__PURE__ */ I(An, { scene: u }),
+              /* @__PURE__ */ I(Fn, { scene: u })
             ]
           }
         ),
@@ -2229,7 +2244,7 @@ function Zn(n) {
     }
   ) });
 }
-function Jn(n) {
+function Qn(n) {
   const {
     accessor: t,
     baseline: e,
@@ -2257,7 +2272,7 @@ function Jn(n) {
   );
   return Z("Area", u), null;
 }
-function jn(n) {
+function ti(n) {
   const {
     accessor: t,
     xAxisId: e = "x",
@@ -2281,7 +2296,7 @@ function jn(n) {
   );
   return Z("Bar", l), null;
 }
-function Fn(n) {
+function Pn(n) {
   const {
     accessor: t,
     xAxisId: e = "x",
@@ -2311,7 +2326,7 @@ function Fn(n) {
   );
   return Z("Line", h), null;
 }
-function Pn(n) {
+function En(n) {
   const {
     accessor: t,
     xAxisId: e = "x",
@@ -2337,7 +2352,7 @@ function Pn(n) {
   );
   return Z("Scatter", c), null;
 }
-function Qn(n) {
+function ei(n) {
   const {
     accessor: t,
     states: e,
@@ -2363,7 +2378,7 @@ function Qn(n) {
   );
   return Z("StateBand", c), null;
 }
-const En = [
+const Dn = [
   "#eef2ff",
   "#c7d2fe",
   "#a5b4fc",
@@ -2372,7 +2387,7 @@ const En = [
   "#4f46e5",
   "#4338ca"
 ];
-function ti(n) {
+function ni(n) {
   const {
     accessor: t,
     value: e,
@@ -2382,7 +2397,7 @@ function ti(n) {
     data: o,
     name: a
   } = n, l = E(
-    () => i ?? { kind: "gradient", stops: En },
+    () => i ?? { kind: "gradient", stops: Dn },
     [i]
   ), c = E(
     () => ({
@@ -2399,7 +2414,7 @@ function ti(n) {
   );
   return Z("Matrix", c), null;
 }
-function ei(n) {
+function ii(n) {
   const {
     accessor: t,
     to: e,
@@ -2449,9 +2464,9 @@ function nt(n) {
     }),
     [t, e, i, r, l, s, o, a]
   );
-  return ue("LimitLine", c), null;
+  return de("LimitLine", c), null;
 }
-function ni(n) {
+function ri(n) {
   const {
     from: t,
     to: e,
@@ -2477,9 +2492,9 @@ function ni(n) {
     }),
     [t, e, i, r, s, c, o, a, l]
   );
-  return ue("LimitBand", u), null;
+  return de("LimitBand", u), null;
 }
-const Dn = 1.128;
+const $n = 1.128;
 function kt(n, t) {
   return {
     center: n,
@@ -2488,10 +2503,10 @@ function kt(n, t) {
     lower: n - 3 * t
   };
 }
-function ii(n, t) {
+function si(n, t) {
   return (t - n) / 3;
 }
-function $n(n, t) {
+function Cn(n, t) {
   if (t.kind === "given")
     return kt(t.center, t.sigma);
   const e = Math.max(0, Math.trunc(t.from)), i = Math.min(n.length, Math.trunc(t.to));
@@ -2505,20 +2520,20 @@ function $n(n, t) {
     r += h, s++, Number.isFinite(l) && (o += Math.abs(h - l), a++), l = h;
   }
   if (s === 0) return kt(Number.NaN, Number.NaN);
-  const c = a === 0 ? 0 : o / a / Dn;
+  const c = a === 0 ? 0 : o / a / $n;
   return kt(r / s, c);
 }
-function Cn(n, t = [1, 2]) {
+function Wn(n, t = [1, 2]) {
   return t.map((e) => ({
     k: e,
     upper: n.center + e * n.sigma,
     lower: n.center - e * n.sigma
   }));
 }
-function Wn(n, t) {
+function On(n, t) {
   return Number.isFinite(n) ? n > t ? 1 : n < t ? -1 : 0 : 0;
 }
-function he(n, t) {
+function fe(n, t) {
   const e = [];
   if (t < 1) return e;
   let i = 0;
@@ -2540,7 +2555,7 @@ const $t = {
   runLength: 9,
   trendLength: 6
 };
-function On(n, t) {
+function Hn(n, t) {
   const e = [];
   for (let i = 0; i < n.length; i++) {
     const r = n[i];
@@ -2548,24 +2563,24 @@ function On(n, t) {
   }
   return e;
 }
-function Hn(n, t, e = $t.runLength) {
-  return he(
-    n.map((i) => Wn(i, t.center)),
+function Rn(n, t, e = $t.runLength) {
+  return fe(
+    n.map((i) => On(i, t.center)),
     e
   );
 }
-function Rn(n, t = $t.trendLength) {
+function Vn(n, t = $t.trendLength) {
   const e = [];
   for (let r = 1; r < n.length; r++) {
     const s = n[r - 1], o = n[r];
     e.push(Number.isFinite(s) && Number.isFinite(o) ? Math.sign(o - s) : 0);
   }
   const i = [];
-  for (const r of he(e, Math.max(1, t - 1)))
+  for (const r of fe(e, Math.max(1, t - 1)))
     i[i.length - 1] !== r && i.push(r), i.push(r + 1);
   return i;
 }
-function Vn(n, t) {
+function _n(n, t) {
   const e = t.center + 2 * t.sigma, i = t.center - 2 * t.sigma, r = /* @__PURE__ */ new Set();
   for (let s = 0; s + 2 < n.length; s++)
     for (const o of [
@@ -2575,18 +2590,18 @@ function Vn(n, t) {
       if (o.length >= 2) for (const a of o) r.add(a);
   return [...r].sort((s, o) => s - o);
 }
-function _n(n, t, e = {}) {
+function Bn(n, t, e = {}) {
   const i = { ...$t, ...e }, r = [], s = (o, a) => {
     a.length > 0 && r.push({ rule: o, indices: a });
   };
-  return i.outlier && s("outlier", On(n, t)), i.run && s("run", Hn(n, t, i.runLength)), i.trend && s("trend", Rn(n, i.trendLength)), i.twoOfThree && s("twoOfThree", Vn(n, t)), r;
+  return i.outlier && s("outlier", Hn(n, t)), i.run && s("run", Rn(n, t, i.runLength)), i.trend && s("trend", Vn(n, i.trendLength)), i.twoOfThree && s("twoOfThree", _n(n, t)), r;
 }
-function Bn(n) {
+function Yn(n) {
   const t = /* @__PURE__ */ new Set();
   for (const e of n) for (const i of e.indices) t.add(i);
   return [...t].sort((e, i) => e - i);
 }
-function ri(n) {
+function oi(n) {
   const {
     accessor: t,
     data: e,
@@ -2608,10 +2623,10 @@ function ri(n) {
       F.push(S ?? Number.NaN);
     }
     return F;
-  }, [e, t]), y = E(() => $n(m, i), [m, i]), f = E(
-    () => _n(m, y, l ?? {}),
+  }, [e, t]), y = E(() => Cn(m, i), [m, i]), f = E(
+    () => Bn(m, y, l ?? {}),
     [m, y, l]
-  ), b = E(() => new Set(Bn(f)), [f]);
+  ), b = E(() => new Set(Yn(f)), [f]);
   D(() => {
     d == null || d(f);
   }, [f, d]);
@@ -2622,11 +2637,11 @@ function ri(n) {
     () => b.size === 0 ? e : e.slice(),
     [e, b]
   ), w = E(
-    () => c ? Cn(y, [1, 2]) : [],
+    () => c ? Wn(y, [1, 2]) : [],
     [c, y]
   ), L = Number.isFinite(y.center);
   return /* @__PURE__ */ _(Nt, { children: [
-    /* @__PURE__ */ I(Fn, { accessor: t, data: e, xAxisId: r, yAxisId: s, name: o, color: a }),
+    /* @__PURE__ */ I(Pn, { accessor: t, data: e, xAxisId: r, yAxisId: s, name: o, color: a }),
     L && /* @__PURE__ */ _(Nt, { children: [
       w.map((F) => /* @__PURE__ */ I(
         nt,
@@ -2653,7 +2668,7 @@ function ri(n) {
       /* @__PURE__ */ I(nt, { value: y.lower, axisId: s, role: "control", label: h })
     ] }),
     /* @__PURE__ */ I(
-      Pn,
+      En,
       {
         accessor: k,
         data: N,
@@ -2666,7 +2681,7 @@ function ri(n) {
     )
   ] });
 }
-function si(n) {
+function ai(n) {
   const {
     id: t = "x",
     position: e = "bottom",
@@ -2694,9 +2709,9 @@ function si(n) {
     }),
     [t, e, i, r, s, o, a, l, c, u]
   );
-  return ce("XAxis", h), null;
+  return he("XAxis", h), null;
 }
-function oi(n) {
+function li(n) {
   const {
     id: t = "y",
     position: e = "left",
@@ -2722,13 +2737,13 @@ function oi(n) {
     }),
     [t, e, i, r, s, o, a, l, c]
   );
-  return ce("YAxis", u), null;
+  return he("YAxis", u), null;
 }
-function Yn({
+function zn({
   scene: n,
   placement: t
 }) {
-  In("Legend", { placement: t });
+  Sn("Legend", { placement: t });
   const e = Et(
     n.subscribeLayout,
     n.getLayoutSnapshot,
@@ -2748,23 +2763,23 @@ function Yn({
     i.id
   )) });
 }
-function ai({ placement: n = "top" }) {
+function ci({ placement: n = "top" }) {
   const t = Q("Legend");
-  return t === null ? null : /* @__PURE__ */ I(Yn, { scene: t, placement: n });
+  return t === null ? null : /* @__PURE__ */ I(zn, { scene: t, placement: n });
 }
-function li(n) {
+function ui(n) {
   const { mode: t = "x", render: e } = n, i = E(
     () => ({ mode: t, render: e }),
     [t, e]
   );
-  return Sn("Tooltip", i), null;
+  return Mn("Tooltip", i), null;
 }
-const zn = {
+const Gn = {
   cutoff: 0.8,
   collectRank: Number.POSITIVE_INFINITY
 };
-function ci(n, t = {}) {
-  const e = { ...zn, ...t };
+function hi(n, t = {}) {
+  const e = { ...Gn, ...t };
   ct(
     !Number.isFinite(e.collectRank) || e.remainderName !== void 0,
     "pareto: a collect rank needs `remainderName` - the package brings no name for the remainder."
@@ -2786,50 +2801,53 @@ function ci(n, t = {}) {
   return { entries: c, total: l, cutoffIndex: p };
 }
 export {
-  Jn as Area,
-  jn as Bar,
-  Zn as Chart,
-  ri as ControlChart,
+  Qn as Area,
+  ti as Bar,
+  Jn as Chart,
+  oi as ControlChart,
   U as DAY,
-  En as DEFAULT_GRADIENT,
-  j as HOUR,
-  ai as Legend,
-  ni as LimitBand,
+  Dn as DEFAULT_GRADIENT,
+  J as HOUR,
+  ci as Legend,
+  ri as LimitBand,
   nt as LimitLine,
-  Fn as Line,
+  Pn as Line,
   _t as LinearScale,
   K as MINUTE,
-  ti as Matrix,
+  ni as Matrix,
   q as SECOND,
-  Pn as Scatter,
-  ei as Span,
-  Qn as StateBand,
-  li as Tooltip,
-  si as XAxis,
-  oi as YAxis,
-  sn as assess,
-  Ce as breaks,
+  En as Scatter,
+  ii as Span,
+  ei as StateBand,
+  ui as Tooltip,
+  ai as XAxis,
+  li as YAxis,
+  on as assess,
+  We as breaks,
   z as calendarFrom,
-  $n as controlLimits,
+  Cn as controlLimits,
   $t as defaultRules,
   Rt as invalidateTheme,
-  Un as mapSeries,
-  Fe as operatingCalendar,
-  He as operatingTicks,
-  Oe as operatingTimeTicks,
-  ci as pareto,
-  zn as paretoDefaults,
-  $e as removedIntervals,
-  On as ruleOutlier,
-  Hn as ruleRun,
-  Rn as ruleTrend,
-  Vn as ruleTwoOfThree,
-  ii as sigmaFromLimit,
-  We as timeStep,
+  Zn as mapSeries,
+  Pe as operatingCalendar,
+  Re as operatingTicks,
+  He as operatingTimeTicks,
+  hi as pareto,
+  Gn as paretoDefaults,
+  Ce as removedIntervals,
+  Xn as resolveColours,
+  Hn as ruleOutlier,
+  Rn as ruleRun,
+  Vn as ruleTrend,
+  _n as ruleTwoOfThree,
+  si as sigmaFromLimit,
+  Se as subscribeTheme,
+  Oe as timeStep,
   pt as toOperatingTime,
+  De as toOperatingTimeClamped,
   dt as toWallClock,
-  Xn as verdictWeight,
-  Bn as violatedIndices,
-  _n as violations,
-  Cn as zones
+  jn as verdictWeight,
+  Yn as violatedIndices,
+  Bn as violations,
+  Wn as zones
 };