@graphysdk/theme-gamma 0.0.0-stage → 0.1.1-beta.1791459323341

package/dist/index.mjs

@@ -0,0 +1,1872 @@
+import { useCallback as ee, useEffect as re, useId as ne, useMemo as C, useState as oe } from "react";
+import { GROUP_VARIABLES as ae, IntroFade as ie, IntroWipeClip as se, buildPolarBarArcPath as Ht, createAreaPathGenerators as Et, createLinePathGenerator as bt, createStableKeyGenerator as _, defineGeomRenderer as W, getAngleExtent as de, getBarRectBounds as le, getRadiusExtent as pt, getStackRole as Ot, getX as V, getXMax as he, getXMin as ce, getY as X, getYMax as Pt, getYMin as ue, polarToUnit as Mt, prepareAreaObservations as Lt, prepareLineObservations as _t, readMainAxis as et, style as l, toPaintColor as ge, toStrokeDasharray as pe, toViewBoxX as fe, toViewBoxY as me, useGeomStyleReader as ot } from "@graphysdk/react";
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
+var ve = /^#([0-9a-f]{6})$/iu, Ae = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/iu, At = (t) => {
+  const r = ve.exec(t);
+  if (r?.[1] !== void 0) {
+    const n = Number.parseInt(r[1], 16);
+    return [
+      n >> 16 & 255,
+      n >> 8 & 255,
+      n & 255
+    ];
+  }
+  const e = Ae.exec(t);
+  return e?.[1] !== void 0 && e[2] !== void 0 && e[3] !== void 0 ? [
+    Number(e[1]),
+    Number(e[2]),
+    Number(e[3])
+  ] : null;
+}, M = (t, r, e) => {
+  const n = At(t), o = At(r);
+  if (n === null || o === null) return t;
+  const [a, s, h] = n.map((c, d) => Math.round(c + ((o[d] ?? 0) - c) * e));
+  return `rgb(${a}, ${s}, ${h})`;
+}, H = (t) => `${t}-${ne().replace(/[^a-zA-Z0-9]/gu, "")}`, Y = (t) => {
+  const r = H(t);
+  return (e) => `${r}-${e.replace(/[^a-zA-Z0-9]/gu, "")}`;
+}, It = (t) => {
+  let r = t || 1;
+  return () => {
+    r = r + 1831565813 | 0;
+    let e = Math.imul(r ^ r >>> 15, 1 | r);
+    return e = e + Math.imul(e ^ e >>> 7, 61 | e) ^ e, ((e ^ e >>> 14) >>> 0) / 4294967296;
+  };
+}, ke = 1.70158, Se = (t) => 1 + 2.70158 * (t - 1) ** 3 + ke * (t - 1) ** 2, $e = (t) => Math.sqrt(1 - (t - 1) ** 2), ye = (t) => t.type === "grow" ? Math.max(0, ...Object.values(t.delayByKey)) : 0, Re = (t) => {
+  const [r, e] = oe({
+    intro: t,
+    seconds: 0
+  });
+  return re(() => {
+    if (!t) return;
+    const n = ye(t) + t.durationSeconds;
+    let o = null, a = 0;
+    const s = (h) => {
+      o ??= h;
+      const c = Math.max(0, (h - o) / 1e3), d = c >= n;
+      e({
+        intro: t,
+        seconds: d ? 1 / 0 : c
+      }), d || (a = requestAnimationFrame(s));
+    };
+    return a = requestAnimationFrame(s), () => cancelAnimationFrame(a);
+  }, [t]), t ? r.intro === t ? r.seconds : 0 : 1 / 0;
+}, K = (t) => {
+  const r = t?.type === "grow" ? t : null, e = Re(r), n = ee((o) => {
+    if (r === null || e === 1 / 0) return 1;
+    const a = r.delayByKey[o] ?? 0, s = Math.min(1, Math.max(0, (e - a) / r.durationSeconds));
+    return r.growAxis === "angle" ? $e(s) : Se(s);
+  }, [r, e]);
+  return {
+    plan: e === 1 / 0 ? null : r,
+    readGrowth: n
+  };
+}, z = (t, r, e) => t + (r - t) * e, U = ({ intro: t, children: r }) => t?.type === "wipe" ? /* @__PURE__ */ i(se, {
+  intro: t,
+  children: r
+}) : t?.type === "fade" ? /* @__PURE__ */ i(ie, {
+  intro: t,
+  children: r
+}) : r, E = (t) => {
+  const r = ot(t);
+  return (e, n) => ({
+    color: ge(r.get("fill", e, n)),
+    opacity: r.get("alpha", e, n),
+    fillOpacity: r.get("fillAlpha", e, n),
+    edge: r.get("stroke", e, n),
+    edgeWidth: r.get("strokeWidth", e, n)
+  });
+}, at = (t) => {
+  const r = ot(t);
+  return (e, n) => {
+    const o = r.get("strokeWidth", e, n);
+    return {
+      color: r.get("stroke", e, n),
+      opacity: r.get("alpha", e, n) * r.get("strokeAlpha", e, n),
+      width: o,
+      dashArray: pe(r.get("dashArray", e, n), o)
+    };
+  };
+}, j = (t, r) => {
+  const e = V(t), n = X(t) ?? Pt(t);
+  return e === null || n === null ? null : {
+    x: fe(e) * r.width,
+    y: me(n) * r.height
+  };
+}, T = (t, r) => {
+  const e = V(t), n = X(t) ?? pt(t).outerRadius;
+  if (e === null || n === null) return null;
+  const o = Mt(e, n), a = Math.min(r.width, r.height) / 2;
+  return {
+    x: r.width / 2 + o.x * a,
+    y: r.height / 2 - o.y * a
+  };
+}, we = (t) => `${t.map((r, e) => `${e === 0 ? "M" : "L"}${r.x},${r.y}`).join(" ")} Z`, L = (t, r) => {
+  const e = _(t.data, t.mapping, t.id), n = [];
+  return t.data.groupBy(ae.group).forEach((o) => {
+    const a = [...o], [s] = a, h = r(a);
+    s === void 0 || h === null || n.push({
+      key: e(s),
+      observation: s,
+      path: h
+    });
+  }), n;
+}, xe = (t, r) => t.flatMap((e) => {
+  const n = V(e), o = T(e, r);
+  return n === null || o === null ? [] : [{
+    angle: n,
+    point: o
+  }];
+}).sort((e, n) => e.angle - n.angle).map(({ point: e }) => e), it = (t, r) => {
+  const e = xe(t, r);
+  return e.length === 0 ? null : we(e);
+}, Tt = (t, r, e) => {
+  const n = _(t.data, t.mapping, t.id);
+  return Array.from(t.data, (o) => ({
+    observation: o,
+    point: e(o, r)
+  })).flatMap(({ observation: o, point: a }) => a === null ? [] : [{
+    key: n(o),
+    observation: o,
+    point: a
+  }]);
+}, Ce = /[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu, We = /^[a-zA-Z]$/u, Fe = (t, r) => t === "H" ? "x" : t === "V" ? "y" : r % 2 === 0 ? "x" : "y", N = (t, r) => {
+  let e = "", n = 0;
+  return (t.match(Ce) ?? []).map((o) => {
+    if (We.test(o))
+      return e = o.toUpperCase(), n = 0, o;
+    const a = Fe(e, n);
+    return n += 1, String(Number(o) * (a === "x" ? r.width : r.height));
+  }).join(" ");
+}, Z = 26, tt = {
+  shade: "#138F6E",
+  body: "#2FB27A",
+  sunlit: "#C2DC5E",
+  stipple: "#0B6B50"
+}, rt = {
+  underside: "#F8CCD8",
+  gill: "#DE8FAA"
+}, He = "#6A4BD8", Bt = "#FFFFFF", Gt = ({ id: t, color: r, opacity: e, count: n, seed: o, largest: a }) => {
+  const s = It(o);
+  return /* @__PURE__ */ i("pattern", {
+    id: t,
+    patternUnits: "userSpaceOnUse",
+    width: Z,
+    height: Z,
+    children: Array.from({ length: n }, (h, c) => /* @__PURE__ */ i("circle", {
+      cx: s() * Z,
+      cy: s() * Z,
+      r: 0.35 + s() ** 2 * (a - 0.35),
+      fill: r,
+      fillOpacity: e * (0.5 + s() * 0.5)
+    }, c))
+  });
+}, zt = ({ id: t }) => /* @__PURE__ */ i(Gt, {
+  id: t,
+  color: Bt,
+  opacity: 0.75,
+  count: 16,
+  seed: 5,
+  largest: 1.1
+}), Dt = ({ id: t }) => /* @__PURE__ */ i(Gt, {
+  id: t,
+  color: tt.stipple,
+  opacity: 0.55,
+  count: 34,
+  seed: 9,
+  largest: 1.4
+}), Ee = ({ id: t, color: r }) => /* @__PURE__ */ k("linearGradient", {
+  id: t,
+  x1: 0,
+  y1: 0,
+  x2: 0.35,
+  y2: 1,
+  children: [
+    /* @__PURE__ */ i("stop", {
+      offset: 0,
+      stopColor: M(r, Bt, 0.18)
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 0.55,
+      stopColor: r
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 1,
+      stopColor: M(r, He, 0.4)
+    })
+  ]
+}), Nt = ({ id: t }) => /* @__PURE__ */ k("linearGradient", {
+  id: t,
+  x1: 0,
+  y1: 0,
+  x2: 1,
+  y2: 0.2,
+  children: [
+    /* @__PURE__ */ i("stop", {
+      offset: 0,
+      stopColor: tt.shade
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 0.55,
+      stopColor: tt.body
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 1,
+      stopColor: tt.sunlit
+    })
+  ]
+}), be = "#6A4BD8", Oe = "#FFFFFF", st = ({ cx: t, cy: r, width: e, color: n, opacity: o = 1, edge: a }) => {
+  const s = e / 2, h = e * 0.55, c = r + h / 2, d = r - h / 2, u = `M${t - s},${c} C${t - s},${d + h * 0.4} ${t - s * 0.56},${d} ${t},${d} C${t + s * 0.56},${d} ${t + s},${d + h * 0.4} ${t + s},${c} Q${t},${c + h * 0.22} ${t - s},${c} Z`;
+  return /* @__PURE__ */ k("g", {
+    opacity: o,
+    children: [
+      /* @__PURE__ */ i("path", {
+        d: `M${t - s * 0.92},${c + h * 0.04} Q${t},${c + h * 0.22} ${t + s * 0.92},${c + h * 0.04} Q${t},${c + h * 0.55} ${t - s * 0.92},${c + h * 0.04} Z`,
+        fill: rt.underside,
+        stroke: rt.gill,
+        strokeWidth: 0.5
+      }),
+      /* @__PURE__ */ i("path", {
+        d: u,
+        fill: n,
+        ...a
+      }),
+      /* @__PURE__ */ i("path", {
+        d: `M${t - s * 0.55},${d + h * 0.3} Q${t - s * 0.2},${d + h * 0.08} ${t + s * 0.1},${d + h * 0.12}`,
+        fill: "none",
+        stroke: M(n, Oe, 0.55),
+        strokeWidth: Math.max(0.8, e * 0.07),
+        strokeLinecap: "round"
+      }),
+      /* @__PURE__ */ i("path", {
+        d: u,
+        fill: "none",
+        stroke: M(n, be, 0.35),
+        strokeWidth: 0.6
+      })
+    ]
+  });
+}, Pe = 2, Me = 24, Le = "#6A4BD8", Kt = ({ layer: t, coordSystem: r, panel: e }) => {
+  const n = E(t), o = H("speckle"), a = C(() => {
+    if (r === void 0) return L(t, (d) => it(d, e)).map((d) => ({
+      ...d,
+      fill: d.path,
+      edge: d.path
+    }));
+    const { areaGenerator: s, lineGenerator: h } = Et(r, t.params), c = /* @__PURE__ */ new Map();
+    return L(t, (d) => {
+      const u = Lt(d, t.params.missingValues), g = s(u), p = h(u);
+      if (!g) return null;
+      const f = N(g, e);
+      return p && c.set(f, N(p, e)), f;
+    }).map((d) => ({
+      ...d,
+      fill: d.path,
+      edge: c.get(d.path) ?? ""
+    }));
+  }, [
+    t,
+    r,
+    e
+  ]);
+  return e.width <= 0 || e.height <= 0 ? null : /* @__PURE__ */ k("g", {
+    "data-geom": "area",
+    children: [/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i(zt, { id: o }) }), a.map(({ key: s, observation: h, fill: c, edge: d }) => {
+      const u = n(h);
+      return /* @__PURE__ */ k("g", {
+        opacity: u.opacity,
+        children: [
+          /* @__PURE__ */ i("path", {
+            d: c,
+            fill: u.color,
+            fillOpacity: u.fillOpacity
+          }),
+          /* @__PURE__ */ i("path", {
+            d: c,
+            fill: `url(#${o})`
+          }),
+          /* @__PURE__ */ i("path", {
+            d,
+            fill: "none",
+            stroke: M(u.color, Le, 0.3),
+            strokeWidth: Pe,
+            strokeLinejoin: "round"
+          })
+        ]
+      }, s);
+    })]
+  });
+}, Ut = ({ layer: t, observation: r, panel: e, project: n }) => {
+  const o = E(t)(r, "hovered"), a = n(r, e);
+  return a === null ? null : /* @__PURE__ */ i("g", {
+    "data-geom": "area",
+    children: /* @__PURE__ */ i(st, {
+      cx: a.x,
+      cy: a.y,
+      width: Me,
+      color: o.color,
+      opacity: o.opacity
+    })
+  });
+}, _e = W("area", {
+  coord: "cartesian",
+  guideMode: "crosshair",
+  swatchShape: "area",
+  render: ({ layer: t, coordSystem: r, panelRect: e, intro: n }) => r.type !== "cartesian" ? null : /* @__PURE__ */ i(U, {
+    intro: n,
+    children: /* @__PURE__ */ i(Kt, {
+      layer: t,
+      coordSystem: r,
+      panel: e
+    })
+  }),
+  renderHover: ({ layer: t, primary: r, panelRect: e }) => /* @__PURE__ */ i(Ut, {
+    layer: t,
+    observation: r.observation,
+    panel: e,
+    project: j
+  }),
+  renderHoverCompanions: () => null
+}), Ie = W("area", {
+  coord: "polar",
+  guideMode: "crosshair",
+  swatchShape: "area",
+  render: ({ layer: t, panelRect: r, intro: e }) => /* @__PURE__ */ i(U, {
+    intro: e,
+    children: /* @__PURE__ */ i(Kt, {
+      layer: t,
+      panel: r
+    })
+  }),
+  renderHover: ({ layer: t, primary: r, panelRect: e }) => /* @__PURE__ */ i(Ut, {
+    layer: t,
+    observation: r.observation,
+    panel: e,
+    project: T
+  }),
+  renderHoverCompanions: () => null
+}), Te = {
+  solo: {
+    base: !0,
+    value: !0
+  },
+  floor: {
+    base: !0,
+    value: !1
+  },
+  ceiling: {
+    base: !1,
+    value: !0
+  },
+  middle: {
+    base: !1,
+    value: !1
+  }
+}, Be = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, Ge = (t, r) => r === "x" ? (Pt(t) ?? X(t) ?? 0) >= (ue(t) ?? 0) ? "top" : "bottom" : (he(t) ?? 0) >= (ce(t) ?? 0) ? "right" : "left", ze = (t, r, e) => {
+  const n = Math.max(0, t.width - e), o = Math.max(0, t.height - e);
+  return r === "top" ? {
+    ...t,
+    y: t.y + t.height - o,
+    height: o
+  } : r === "bottom" ? {
+    ...t,
+    height: o
+  } : r === "left" ? {
+    ...t,
+    x: t.x + t.width - n,
+    width: n
+  } : {
+    ...t,
+    width: n
+  };
+}, De = (t, r, { baseline: e, growth: n }) => {
+  const o = r === "x", a = o ? t.y : t.x, s = o ? t.height : t.width, h = z(e, a, n), c = z(e, a + s, n), d = {
+    start: Math.min(h, c),
+    span: Math.abs(c - h)
+  };
+  return o ? {
+    ...t,
+    y: d.start,
+    height: d.span
+  } : {
+    ...t,
+    x: d.start,
+    width: d.span
+  };
+}, jt = (t, r, e, n, o) => {
+  const a = le(r, t);
+  if (!a) return null;
+  const s = o === void 0 ? a : De(a, r, o);
+  if (s.width <= 0 || s.height <= 0) return null;
+  const h = Te[Ot(t)], c = Ge(t, r), d = {
+    x: s.x * e.width,
+    y: s.y * e.height,
+    width: s.width * e.width,
+    height: s.height * e.height
+  }, u = [h.value ? [] : [c], h.base ? [] : [Be[c]]].flat().reduce((R, b) => ze(R, b, n / 2), d), g = c === "top" || c === "bottom", p = g ? u.width : u.height, f = g ? u.height : u.width;
+  if (p <= 0 || f <= 0) return null;
+  const { x: S, y: w, width: v, height: y } = u, $ = (R, b) => c === "top" ? {
+    x: S + R,
+    y: w + y - b
+  } : c === "bottom" ? {
+    x: S + R,
+    y: w + b
+  } : c === "right" ? {
+    x: S + b,
+    y: w + R
+  } : {
+    x: S + v - b,
+    y: w + R
+  };
+  return {
+    breadth: p,
+    length: f,
+    endsStack: h.value,
+    at: $
+  };
+}, Ne = ({ x: t, y: r }) => `${Math.round(t * 100) / 100},${Math.round(r * 100) / 100}`, D = (t, r) => `${r.map((e, n) => {
+  const o = e.map(([a, s]) => Ne(t.at(a, s)));
+  return n === 0 ? `M${o.join(" ")}` : e.length === 3 ? `C${o.join(" ")}` : `L${o.join(" ")}`;
+}).join(" ")} Z`, Ke = 3, Ue = 0.62, je = 0.6, Ve = 0.22, Q = 0.48, q = 0.34, Xe = 3.2, Ye = 4, Ze = (t, r) => {
+  const { breadth: e, length: n } = t, o = Math.min(e * Ue, n * je), a = n - o, s = o * Ve, h = e / 2, c = D(t, [
+    [[0, a]],
+    [
+      [0, a + o * 0.62],
+      [e * 0.2, n],
+      [h, n]
+    ],
+    [
+      [e * 0.8, n],
+      [e, a + o * 0.62],
+      [e, a]
+    ],
+    [
+      [e * 0.75, a - s * 0.5],
+      [e * 0.25, a - s * 0.5],
+      [0, a]
+    ]
+  ]), d = D(t, [
+    [[0, a]],
+    [
+      [e * 0.25, a - s * 0.5],
+      [e * 0.75, a - s * 0.5],
+      [e, a]
+    ],
+    [
+      [e * 0.85, a - s * 1.9],
+      [e * 0.15, a - s * 1.9],
+      [0, a]
+    ]
+  ]), u = t.at(h, a - s * 1.3), g = Math.max(6, Math.floor(e / Xe)), p = Array.from({ length: g + 1 }, (S, w) => {
+    const v = t.at(e * w / g, a);
+    return `M${u.x},${u.y} L${v.x},${v.y}`;
+  }).join(" "), f = a - s * 1.1;
+  return {
+    rim: a,
+    cap: c,
+    underside: d,
+    gills: p,
+    stalk: r && f > 0 ? D(t, [
+      [[h - e * Q / 2, 0]],
+      [
+        [h - e * Q / 2, f * 0.4],
+        [h - e * q / 2, f * 0.7],
+        [h - e * q / 2, f]
+      ],
+      [[h + e * q / 2, f]],
+      [
+        [h + e * q / 2, f * 0.7],
+        [h + e * Q / 2, f * 0.4],
+        [h + e * Q / 2, 0]
+      ]
+    ]) : null
+  };
+}, Qe = (t, r) => {
+  const { breadth: e } = t, n = Math.min(Ye, e / 2, r / 2);
+  return D(t, [
+    [[0, n]],
+    [[0, r - n]],
+    [
+      [0, r],
+      [0, r],
+      [n, r]
+    ],
+    [[e - n, r]],
+    [
+      [e, r],
+      [e, r],
+      [e, r - n]
+    ],
+    [[e, n]],
+    [
+      [e, 0],
+      [e, 0],
+      [e - n, 0]
+    ],
+    [[n, 0]],
+    [
+      [0, 0],
+      [0, 0],
+      [0, n]
+    ]
+  ]);
+}, kt = ({ layer: t, observations: r, mainAxis: e, panel: n, state: o, intro: a }) => {
+  const s = E(t), h = Y("cap"), c = H("speckle"), d = H("stipple"), u = H("stalk"), g = H("gills"), p = C(() => _(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), { plan: f, readGrowth: S } = K(a);
+  if (n.width <= 0 || n.height <= 0) return null;
+  const w = [...r].map((v, y) => ({
+    key: p(v),
+    index: y,
+    paint: s(v, o),
+    frame: jt(v, e, n, Ke, f === null ? void 0 : {
+      baseline: f.baseline,
+      growth: S(p(v))
+    }),
+    isSolo: Ot(v) === "solo"
+  }));
+  return /* @__PURE__ */ k("g", {
+    "data-geom": "bar",
+    children: [/* @__PURE__ */ k("defs", { children: [
+      /* @__PURE__ */ i(zt, { id: c }),
+      /* @__PURE__ */ i(Dt, { id: d }),
+      /* @__PURE__ */ i(Nt, { id: u }),
+      [...new Set(w.map(({ paint: v }) => v.color))].map((v) => /* @__PURE__ */ i(Ee, {
+        id: h(v),
+        color: v
+      }, v))
+    ] }), w.map(({ key: v, index: y, paint: $, frame: R, isSolo: b }) => {
+      if (R === null) return null;
+      const ft = `url(#${h($.color)})`, mt = o === "hovered" ? {
+        stroke: $.edge,
+        strokeWidth: $.edgeWidth
+      } : {}, x = R.endsStack ? Ze(R, b) : null, ht = b ? null : Qe(R, x === null ? R.length : x.rim), vt = `${g}-${y}`;
+      return /* @__PURE__ */ k("g", {
+        opacity: $.opacity,
+        children: [
+          ht !== null && /* @__PURE__ */ k("g", { children: [/* @__PURE__ */ i("path", {
+            d: ht,
+            fill: ft,
+            fillOpacity: $.fillOpacity,
+            ...mt
+          }), /* @__PURE__ */ i("path", {
+            d: ht,
+            fill: `url(#${c})`
+          })] }),
+          x !== null && x.stalk !== null && /* @__PURE__ */ k("g", { children: [/* @__PURE__ */ i("path", {
+            d: x.stalk,
+            fill: `url(#${u})`
+          }), /* @__PURE__ */ i("path", {
+            d: x.stalk,
+            fill: `url(#${d})`
+          })] }),
+          x !== null && /* @__PURE__ */ k("g", { children: [
+            /* @__PURE__ */ i("clipPath", {
+              id: vt,
+              children: /* @__PURE__ */ i("path", { d: x.underside })
+            }),
+            /* @__PURE__ */ i("path", {
+              d: x.underside,
+              fill: rt.underside
+            }),
+            /* @__PURE__ */ i("path", {
+              d: x.gills,
+              stroke: rt.gill,
+              strokeWidth: 0.6,
+              clipPath: `url(#${vt})`
+            }),
+            /* @__PURE__ */ i("path", {
+              d: x.cap,
+              fill: ft,
+              fillOpacity: $.fillOpacity,
+              ...mt
+            }),
+            /* @__PURE__ */ i("path", {
+              d: x.cap,
+              fill: `url(#${c})`
+            })
+          ] })
+        ]
+      }, v);
+    })]
+  });
+}, qe = W("bar", {
+  coord: "cartesian",
+  guideMode: "band",
+  swatchShape: "square",
+  render: ({ layer: t, coordSystem: r, panelRect: e, intro: n }) => /* @__PURE__ */ i(kt, {
+    layer: t,
+    observations: t.data,
+    mainAxis: et(r),
+    panel: e,
+    intro: n
+  }),
+  renderHover: ({ layer: t, coordSystem: r, primary: e, panelRect: n }) => /* @__PURE__ */ i(kt, {
+    layer: t,
+    observations: [e.observation],
+    mainAxis: et(r),
+    panel: n,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), Je = 15, tr = 18, er = 24, rr = ({ layer: t, panel: r, coord: e, project: n }) => {
+  const o = at(t), a = C(() => {
+    if (e === "polar") return L(t, (u) => it(u, r));
+    const d = bt(t.params);
+    return L(t, (u) => {
+      const g = d(_t(u, t.params.missingValues));
+      return g ? N(g, r) : null;
+    });
+  }, [
+    t,
+    r,
+    e
+  ]), s = C(() => Tt(t, r, n), [
+    t,
+    r,
+    n
+  ]), h = s.length / Math.max(1, a.length), c = r.width / Math.max(1, h) >= tr;
+  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ k("g", {
+    "data-geom": "line",
+    children: [a.map(({ key: d, path: u, observation: g }) => {
+      const p = o(g);
+      return /* @__PURE__ */ i("path", {
+        d: u,
+        fill: "none",
+        stroke: p.color,
+        strokeWidth: p.width,
+        strokeDasharray: p.dashArray,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        opacity: p.opacity
+      }, d);
+    }), c && s.map(({ key: d, observation: u, point: g }) => /* @__PURE__ */ i(st, {
+      cx: g.x,
+      cy: g.y,
+      width: Je,
+      color: o(u).color
+    }, d))]
+  });
+}, nr = ({ layer: t, observation: r, panel: e, project: n }) => {
+  const o = at(t)(r, "hovered"), a = n(r, e);
+  return a === null ? null : /* @__PURE__ */ i("g", {
+    "data-geom": "line",
+    children: /* @__PURE__ */ i(st, {
+      cx: a.x,
+      cy: a.y,
+      width: er,
+      color: o.color,
+      opacity: o.opacity
+    })
+  });
+}, Vt = (t, r) => W("line", {
+  coord: t,
+  guideMode: "crosshair",
+  swatchShape: "line",
+  render: ({ layer: e, panelRect: n, intro: o }) => /* @__PURE__ */ i(U, {
+    intro: o,
+    children: /* @__PURE__ */ i(rr, {
+      layer: e,
+      panel: n,
+      coord: t,
+      project: r
+    })
+  }),
+  renderHover: ({ layer: e, primary: n, panelRect: o }) => /* @__PURE__ */ i(nr, {
+    layer: e,
+    observation: n.observation,
+    panel: o,
+    project: r
+  }),
+  renderHoverCompanions: () => null,
+  getOverlayAnchor: ({ observation: e }) => {
+    const n = V(e), o = X(e);
+    return n === null || o === null ? null : {
+      x: n,
+      y: o
+    };
+  }
+}), or = Vt("cartesian", j), ar = Vt("polar", T), ir = 2.6, sr = 5, St = ({ layer: t, observations: r, panel: e, project: n, state: o, intro: a }) => {
+  const s = ot(t), h = E(t), c = C(() => _(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), d = o === "hovered" ? sr : 0, { readGrowth: u } = K(a);
+  return /* @__PURE__ */ i("g", {
+    "data-geom": "point",
+    children: Array.from(r, (g) => {
+      const p = n(g, e);
+      if (p === null) return null;
+      const f = h(g, o), S = c(g);
+      return /* @__PURE__ */ i(st, {
+        cx: p.x,
+        cy: p.y,
+        width: (s.get("size", g, o) + d) * u(S) * ir,
+        color: f.color,
+        opacity: f.opacity,
+        edge: o === "hovered" ? {
+          stroke: f.edge,
+          strokeWidth: f.edgeWidth
+        } : void 0
+      }, S);
+    })
+  });
+}, Xt = (t, r) => W("point", {
+  coord: t,
+  swatchShape: "circle",
+  render: ({ layer: e, panelRect: n, intro: o }) => /* @__PURE__ */ i(St, {
+    layer: e,
+    observations: e.data,
+    panel: n,
+    project: r,
+    intro: o
+  }),
+  renderHover: ({ layer: e, primary: n, panelRect: o }) => /* @__PURE__ */ i(St, {
+    layer: e,
+    observations: [n.observation],
+    panel: o,
+    project: r,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), dr = Xt("cartesian", j), lr = Xt("polar", T), Yt = (t, r, e) => {
+  const { startAngle: n, endAngle: o } = de(t), { innerRadius: a, outerRadius: s } = pt(t);
+  return n === null || o === null || a === null || s === null ? null : r?.growAxis === "angle" ? {
+    startAngle: z(r.baseline, n, e),
+    endAngle: z(r.baseline, o, e),
+    innerRadius: a,
+    outerRadius: s
+  } : r?.growAxis === "radius" ? {
+    startAngle: n,
+    endAngle: o,
+    innerRadius: z(r.baseline, a, e),
+    outerRadius: z(r.baseline, s, e)
+  } : {
+    startAngle: n,
+    endAngle: o,
+    innerRadius: a,
+    outerRadius: s
+  };
+}, hr = 2, cr = 3, ct = Math.PI / 80, ur = 0.2, $t = 0.17, yt = "#FFFFFF", gr = "#3A2466", Rt = (t, r, e) => {
+  const n = Mt(r, 1);
+  return `${(t.width / 2 + n.x * e).toFixed(2)},${(t.height / 2 - n.y * e).toFixed(2)}`;
+}, pr = (t, r) => {
+  if (t === null) return null;
+  const { startAngle: e, endAngle: n, innerRadius: o, outerRadius: a } = t, s = Math.min(r.width, r.height) / 2, h = a * s, c = o * s;
+  if (h <= 0) return null;
+  const d = Math.max(0, n - e), u = d >= 2 * Math.PI - 1e-6 ? 0 : Math.min(hr / 2 / h, d / 4), g = e + u, p = n - u, f = Ht({
+    startAngle: g,
+    endAngle: p,
+    innerRadius: o,
+    outerRadius: a
+  }, {
+    centerX: r.width / 2,
+    centerY: r.height / 2,
+    radius: s,
+    digits: cr
+  });
+  if (f === void 0) return null;
+  const S = Math.max(c, s * ur * a) + 1, w = h - 1, v = [];
+  for (let y = Math.ceil(g / ct); y * ct < p; y += 1) {
+    const $ = y * ct;
+    $ > g && w > S && v.push(`M${Rt(r, $, S)} L${Rt(r, $, w)}`);
+  }
+  return {
+    path: f,
+    gills: v.join(" ")
+  };
+}, wt = ({ layer: t, observations: r, panel: e, state: n, intro: o }) => {
+  const a = E(t), s = H("underside"), h = H("stalk"), c = H("stipple"), d = C(() => _(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), { plan: u, readGrowth: g } = K(o);
+  if (e.width <= 0 || e.height <= 0) return null;
+  const p = Math.min(e.width, e.height) / 2, f = [...r].map((v, y) => {
+    const $ = d(v);
+    return {
+      key: $,
+      index: y,
+      observation: v,
+      paint: a(v, n),
+      slice: pr(Yt(v, u, g($)), e)
+    };
+  }), S = f.map(({ observation: v }) => pt(v)), w = n === void 0 && f.length > 1 && S.every(({ innerRadius: v, outerRadius: y }) => v === 0 && y === S[0]?.outerRadius);
+  return /* @__PURE__ */ k("g", {
+    "data-geom": "bar",
+    children: [
+      /* @__PURE__ */ k("defs", { children: [
+        /* @__PURE__ */ i(Nt, { id: h }),
+        /* @__PURE__ */ i(Dt, { id: c }),
+        f.map(({ index: v, paint: y }) => /* @__PURE__ */ k("radialGradient", {
+          id: `${s}-${v}`,
+          gradientUnits: "userSpaceOnUse",
+          cx: e.width / 2,
+          cy: e.height / 2,
+          r: p,
+          children: [
+            /* @__PURE__ */ i("stop", {
+              offset: 0,
+              stopColor: M(y.color, yt, 0.5)
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 0.75,
+              stopColor: y.color
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 1,
+              stopColor: M(y.color, gr, 0.25)
+            })
+          ]
+        }, v))
+      ] }),
+      f.map(({ key: v, index: y, paint: $, slice: R }) => R === null ? null : /* @__PURE__ */ k("g", {
+        opacity: $.opacity,
+        children: [/* @__PURE__ */ i("path", {
+          d: R.path,
+          fill: `url(#${s}-${y})`,
+          fillOpacity: $.fillOpacity,
+          stroke: n === "hovered" ? $.edge : "none",
+          strokeWidth: $.edgeWidth
+        }), /* @__PURE__ */ i("path", {
+          d: R.gills,
+          stroke: M($.color, yt, 0.6),
+          strokeWidth: 0.7,
+          strokeOpacity: 0.85
+        })]
+      }, v)),
+      w && /* @__PURE__ */ k("g", { children: [/* @__PURE__ */ i("circle", {
+        cx: e.width / 2,
+        cy: e.height / 2,
+        r: p * $t,
+        fill: `url(#${h})`
+      }), /* @__PURE__ */ i("circle", {
+        cx: e.width / 2,
+        cy: e.height / 2,
+        r: p * $t,
+        fill: `url(#${c})`
+      })] })
+    ]
+  });
+}, fr = W("bar", {
+  coord: "polar",
+  guideMode: "band",
+  swatchShape: "slice",
+  render: ({ layer: t, panelRect: r, intro: e }) => /* @__PURE__ */ i(wt, {
+    layer: t,
+    observations: t.data,
+    panel: r,
+    intro: e
+  }),
+  renderHover: ({ layer: t, primary: r, panelRect: e }) => /* @__PURE__ */ i(wt, {
+    layer: t,
+    observations: [r.observation],
+    panel: e,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), mr = [
+  qe,
+  fr,
+  or,
+  ar,
+  _e,
+  Ie,
+  dr,
+  lr
+], Zt = "'ESBuild', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif", nt = "'PPMori', 'Inter', ui-sans-serif, system-ui, sans-serif", A = {
+  sky: "#84C1FA",
+  haze: "#AFE7FC",
+  mist: "#E8EEFC",
+  ground: "#FFFFFF",
+  raised: "#FFFFFF",
+  text: "#002253",
+  secondary: "#4B5A78",
+  accent: "#0540AD",
+  rule: "rgba(0, 34, 83, 0.55)",
+  grid: "rgba(255, 255, 255, 0.75)"
+}, I = {
+  coral: "#FF5D73",
+  violet: "#6B5BE2",
+  pink: "#F26DB5",
+  orange: "#FF9A3C",
+  purple: "#B05CE0",
+  teal: "#1FA88A"
+}, vr = [
+  I.coral,
+  I.violet,
+  I.pink,
+  I.orange,
+  I.purple,
+  I.teal
+], Ar = [
+  "#FBD7E1",
+  "#FF5D73",
+  "#6B5BE2"
+], O = { textColor: A.text }, B = { textColor: A.secondary }, ut = { fontFamily: Zt }, kr = {
+  tokens: {
+    graphBackground: A.mist,
+    graphBorder: A.rule,
+    geom: I.coral,
+    geomBorder: A.secondary,
+    textPrimary: A.text,
+    textSecondary: A.secondary,
+    ruleLine: A.text,
+    gridLine: A.grid,
+    hoverAffordance: A.text,
+    hoverGuideFill: "rgba(255, 255, 255, 0.35)",
+    hoverGuideLine: A.rule,
+    tooltipBackground: A.raised,
+    tooltipBorder: "rgba(0, 34, 83, 0.15)",
+    tooltipPrimaryRow: "rgba(5, 64, 173, 0.08)",
+    annotationShape: A.accent,
+    annotationArrow: A.text,
+    differenceLabelBackground: A.raised
+  },
+  defaults: [
+    l.graph({
+      fill: {
+        gradient: "linear",
+        angle: 180,
+        stops: [
+          {
+            offset: 0,
+            color: A.sky
+          },
+          {
+            offset: 0.45,
+            color: A.haze
+          },
+          {
+            offset: 0.85,
+            color: A.mist
+          },
+          {
+            offset: 1,
+            color: A.ground
+          }
+        ]
+      },
+      strokeWidth: 0,
+      cornerRadius: 16,
+      fontFamily: nt,
+      padding: 28
+    }),
+    l.geom({ shadow: "none" }, { state: "hovered" }),
+    l.geom.bar({
+      stroke: A.text,
+      strokeWidth: 0
+    }),
+    l.geom.bar({ strokeWidth: 1.5 }, { state: "hovered" }),
+    l.geom.line({
+      strokeWidth: 3,
+      dashArray: [],
+      lineCap: "round",
+      lineJoin: "round"
+    }),
+    l.geom.area({
+      fillAlpha: 0.8,
+      strokeWidth: 2,
+      dashArray: []
+    }),
+    l.geom.point({
+      size: 10,
+      stroke: A.text
+    }),
+    l.geom.tile({
+      cornerRadius: 8,
+      stroke: A.ground,
+      strokeWidth: 2
+    }),
+    l.geom.tile({
+      stroke: A.text,
+      strokeWidth: 1.5
+    }, { state: "hovered" }),
+    l.geom.rule({
+      strokeWidth: 1.5,
+      dashArray: [5, 4]
+    }),
+    l.geom.rule.label({
+      ...O,
+      fontWeight: 600,
+      fontSize: 13
+    }),
+    l.gridLine({ dashArray: [] }),
+    l.gridLine.x({ strokeWidth: 0 }),
+    l.gridLine.y({ strokeWidth: 1.5 }),
+    l.panelBorder({ strokeWidth: 0 }),
+    l.panelBorder.bottom({
+      stroke: A.text,
+      strokeWidth: 1.5,
+      dashArray: []
+    }),
+    l.tickLine({ strokeWidth: 0 }),
+    l.tickLabel({
+      ...B,
+      fontWeight: 500,
+      fontSize: 13,
+      lineHeight: 1
+    }),
+    l.axisLabel({
+      ...B,
+      fontWeight: 600,
+      fontSize: 13,
+      lineHeight: 1
+    }),
+    l.heading({
+      ...O,
+      ...ut
+    }),
+    l.heading.h1({
+      fontWeight: 800,
+      fontSize: 30,
+      lineHeight: 1.1,
+      letterSpacing: -0.8
+    }),
+    l.heading.h2({
+      ...B,
+      fontFamily: nt,
+      fontWeight: 400,
+      fontSize: 16,
+      lineHeight: 1.35
+    }),
+    l.caption({
+      ...B,
+      fontWeight: 400,
+      fontSize: 13
+    }),
+    l.source({
+      ...B,
+      fontWeight: 400,
+      fontSize: 12
+    }),
+    l.dataLabel({
+      ...O,
+      fontWeight: 600,
+      fontSize: 13,
+      fill: "transparent"
+    }),
+    l.legendItem({
+      ...O,
+      fontWeight: 500,
+      fontSize: 13,
+      fill: "transparent",
+      stroke: "transparent"
+    }),
+    l.directLabel({
+      fontWeight: 600,
+      fontSize: 13
+    }),
+    l.headlineItem.number({
+      ...ut,
+      fontWeight: 800,
+      fontSize: 32,
+      lineHeight: 1.1
+    }),
+    l.tooltip({
+      strokeWidth: 1,
+      cornerRadius: 12,
+      paddingInline: 12,
+      paddingBlock: 9
+    }),
+    l.tooltip.heading({
+      ...O,
+      ...ut,
+      fontWeight: 700,
+      fontSize: 14,
+      lineHeight: 1.3
+    }),
+    l.tooltip.label({
+      ...B,
+      fontWeight: 400,
+      fontSize: 13,
+      lineHeight: 1.35
+    }),
+    l.tooltip.value({
+      ...O,
+      fontWeight: 600,
+      fontSize: 13,
+      lineHeight: 1.35
+    }),
+    l.legend.popover({ cornerRadius: 12 }),
+    l.annotation.text({
+      ...O,
+      fill: A.raised,
+      stroke: "rgba(0, 34, 83, 0.15)",
+      strokeWidth: 1,
+      cornerRadius: 10,
+      paddingInline: 10,
+      paddingBlock: 5,
+      fontSize: 13,
+      lineHeight: 1.3
+    }),
+    l.annotation.shape({
+      fillAlpha: 0.12,
+      stroke: A.accent,
+      strokeWidth: 1
+    }),
+    l.annotation.arrow({
+      strokeWidth: 1.5,
+      dashArray: []
+    }),
+    l.annotation.differenceArrow({
+      stroke: A.accent,
+      strokeWidth: 1.5
+    }),
+    l.annotation.differenceArrow.label({
+      ...O,
+      fill: A.raised,
+      stroke: "rgba(0, 34, 83, 0.15)",
+      strokeWidth: 1,
+      cornerRadius: 10,
+      fontWeight: 600,
+      fontSize: 13
+    }),
+    l.panelBorder.bottom({ strokeWidth: 0 }, { coord: "polar" }),
+    l.tickLabel({
+      ...O,
+      fontWeight: 700,
+      textOutlineColor: A.ground,
+      textOutlineWidth: 3
+    }, { coord: "polar" })
+  ]
+}, on = {
+  name: "gamma-mushroom",
+  styles: kr,
+  palette: vr,
+  colormap: Ar,
+  colorScheme: "light",
+  plugins: mr
+}, Sr = 0.92, $r = 0.38, dt = ({ idFor: t, colors: r, panel: e, fall: n, strength: o = 1 }) => /* @__PURE__ */ i("defs", { children: [...new Set(r)].map((a) => /* @__PURE__ */ k("linearGradient", {
+  id: t(a),
+  gradientUnits: "userSpaceOnUse",
+  x1: n === "left" ? e.width : 0,
+  y1: 0,
+  x2: 0,
+  y2: n === "down" ? e.height : 0,
+  children: [/* @__PURE__ */ i("stop", {
+    offset: 0,
+    stopColor: a,
+    stopOpacity: Sr * o
+  }), /* @__PURE__ */ i("stop", {
+    offset: 1,
+    stopColor: a,
+    stopOpacity: $r * o
+  })]
+}, a)) }), yr = 0.18, Rr = 2.2, wr = 0.35, xt = "#FFFFFF", xr = (t, r, e) => {
+  const n = e * yr;
+  return [
+    `M${t},${r - e}`,
+    `Q${t + n},${r - n} ${t + e},${r}`,
+    `Q${t + n},${r + n} ${t},${r + e}`,
+    `Q${t - n},${r + n} ${t - e},${r}`,
+    `Q${t - n},${r - n} ${t},${r - e}`,
+    "Z"
+  ].join(" ");
+}, lt = ({ cx: t, cy: r, reach: e, color: n, opacity: o = 1 }) => {
+  const a = H("halo");
+  return /* @__PURE__ */ k("g", {
+    opacity: o,
+    children: [
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ k("radialGradient", {
+        id: a,
+        children: [/* @__PURE__ */ i("stop", {
+          offset: 0,
+          stopColor: n,
+          stopOpacity: wr
+        }), /* @__PURE__ */ i("stop", {
+          offset: 1,
+          stopColor: n,
+          stopOpacity: 0
+        })]
+      }) }),
+      /* @__PURE__ */ i("circle", {
+        cx: t,
+        cy: r,
+        r: e * Rr,
+        fill: `url(#${a})`
+      }),
+      /* @__PURE__ */ i("path", {
+        d: xr(t, r, e),
+        fill: M(n, xt, 0.55)
+      }),
+      /* @__PURE__ */ i("circle", {
+        cx: t,
+        cy: r,
+        r: Math.max(0.8, e * 0.16),
+        fill: xt
+      })
+    ]
+  });
+}, Cr = 1.5, Wr = 10, Qt = ({ layer: t, coordSystem: r, panel: e }) => {
+  const n = E(t), o = Y("night-area"), a = C(() => {
+    if (r === void 0) return L(t, (d) => it(d, e)).map((d) => ({
+      ...d,
+      fill: d.path,
+      edge: d.path
+    }));
+    const { areaGenerator: s, lineGenerator: h } = Et(r, t.params), c = /* @__PURE__ */ new Map();
+    return L(t, (d) => {
+      const u = Lt(d, t.params.missingValues), g = s(u), p = h(u);
+      if (!g) return null;
+      const f = N(g, e);
+      return p && c.set(f, N(p, e)), f;
+    }).map((d) => ({
+      ...d,
+      fill: d.path,
+      edge: c.get(d.path) ?? ""
+    }));
+  }, [
+    t,
+    r,
+    e
+  ]);
+  return e.width <= 0 || e.height <= 0 ? null : /* @__PURE__ */ k("g", {
+    "data-geom": "area",
+    children: [/* @__PURE__ */ i(dt, {
+      idFor: o,
+      colors: a.map(({ observation: s }) => n(s).color),
+      panel: e,
+      fall: r?.mainAxis === "y" ? "left" : "down"
+    }), a.map(({ key: s, observation: h, fill: c, edge: d }) => {
+      const u = n(h);
+      return /* @__PURE__ */ k("g", {
+        opacity: u.opacity,
+        children: [/* @__PURE__ */ i("path", {
+          d: c,
+          fill: `url(#${o(u.color)})`,
+          fillOpacity: u.fillOpacity
+        }), /* @__PURE__ */ i("path", {
+          d,
+          fill: "none",
+          stroke: u.color,
+          strokeWidth: Cr,
+          strokeLinejoin: "round"
+        })]
+      }, s);
+    })]
+  });
+}, qt = ({ layer: t, observation: r, panel: e, project: n }) => {
+  const o = E(t)(r, "hovered"), a = n(r, e);
+  return a === null ? null : /* @__PURE__ */ i("g", {
+    "data-geom": "area",
+    children: /* @__PURE__ */ i(lt, {
+      cx: a.x,
+      cy: a.y,
+      reach: Wr,
+      color: o.color,
+      opacity: o.opacity
+    })
+  });
+}, Fr = W("area", {
+  coord: "cartesian",
+  guideMode: "crosshair",
+  swatchShape: "area",
+  render: ({ layer: t, coordSystem: r, panelRect: e, intro: n }) => r.type !== "cartesian" ? null : /* @__PURE__ */ i(U, {
+    intro: n,
+    children: /* @__PURE__ */ i(Qt, {
+      layer: t,
+      coordSystem: r,
+      panel: e
+    })
+  }),
+  renderHover: ({ layer: t, primary: r, panelRect: e }) => /* @__PURE__ */ i(qt, {
+    layer: t,
+    observation: r.observation,
+    panel: e,
+    project: j
+  }),
+  renderHoverCompanions: () => null
+}), Hr = W("area", {
+  coord: "polar",
+  guideMode: "crosshair",
+  swatchShape: "area",
+  render: ({ layer: t, panelRect: r, intro: e }) => /* @__PURE__ */ i(U, {
+    intro: e,
+    children: /* @__PURE__ */ i(Qt, {
+      layer: t,
+      panel: r
+    })
+  }),
+  renderHover: ({ layer: t, primary: r, panelRect: e }) => /* @__PURE__ */ i(qt, {
+    layer: t,
+    observation: r.observation,
+    panel: e,
+    project: T
+  }),
+  renderHoverCompanions: () => null
+}), Er = 3, J = 0.5523, br = (t) => {
+  const { breadth: r, length: e, endsStack: n } = t, o = n ? Math.min(6, r / 2, e) : 0;
+  return o === 0 ? D(t, [
+    [[0, 0]],
+    [[0, e]],
+    [[r, e]],
+    [[r, 0]]
+  ]) : D(t, [
+    [[0, 0]],
+    [[0, e - o]],
+    [
+      [0, e - o + o * J],
+      [o - o * J, e],
+      [o, e]
+    ],
+    [[r - o, e]],
+    [
+      [r - o + o * J, e],
+      [r, e - o + o * J],
+      [r, e - o]
+    ],
+    [[r, 0]]
+  ]);
+}, Ct = ({ layer: t, observations: r, mainAxis: e, panel: n, state: o, intro: a }) => {
+  const s = E(t), h = Y("night-bar"), c = C(() => _(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), { plan: d, readGrowth: u } = K(a);
+  if (n.width <= 0 || n.height <= 0) return null;
+  const g = [...r].map((p) => ({
+    key: c(p),
+    paint: s(p, o),
+    frame: jt(p, e, n, Er, d === null ? void 0 : {
+      baseline: d.baseline,
+      growth: u(c(p))
+    })
+  }));
+  return /* @__PURE__ */ k("g", {
+    "data-geom": "bar",
+    children: [/* @__PURE__ */ i(dt, {
+      idFor: h,
+      colors: g.map(({ paint: p }) => p.color),
+      panel: n,
+      fall: e === "x" ? "down" : "left"
+    }), g.map(({ key: p, paint: f, frame: S }) => S === null ? null : /* @__PURE__ */ i("path", {
+      d: br(S),
+      fill: `url(#${h(f.color)})`,
+      fillOpacity: f.fillOpacity,
+      opacity: f.opacity,
+      stroke: o === "hovered" ? f.edge : "none",
+      strokeWidth: f.edgeWidth
+    }, p))]
+  });
+}, Or = W("bar", {
+  coord: "cartesian",
+  guideMode: "band",
+  swatchShape: "square",
+  render: ({ layer: t, coordSystem: r, panelRect: e, intro: n }) => /* @__PURE__ */ i(Ct, {
+    layer: t,
+    observations: t.data,
+    mainAxis: et(r),
+    panel: e,
+    intro: n
+  }),
+  renderHover: ({ layer: t, coordSystem: r, primary: e, panelRect: n }) => /* @__PURE__ */ i(Ct, {
+    layer: t,
+    observations: [e.observation],
+    mainAxis: et(r),
+    panel: n,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), Pr = 4, Mr = 6, Lr = 10, _r = ({ layer: t, panel: r, coord: e, project: n }) => {
+  const o = at(t), a = Y("night-line"), s = C(() => {
+    if (e === "polar") return L(t, (d) => it(d, r));
+    const c = bt(t.params);
+    return L(t, (d) => {
+      const u = c(_t(d, t.params.missingValues));
+      return u ? N(u, r) : null;
+    });
+  }, [
+    t,
+    r,
+    e
+  ]), h = C(() => Tt(t, r, n), [
+    t,
+    r,
+    n
+  ]);
+  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ k("g", {
+    "data-geom": "line",
+    children: [
+      /* @__PURE__ */ i(dt, {
+        idFor: a,
+        colors: s.map(({ observation: c }) => o(c).color),
+        panel: r,
+        fall: "down",
+        strength: 0.75
+      }),
+      s.map(({ key: c, path: d, observation: u }) => {
+        const g = o(u);
+        return /* @__PURE__ */ k("g", {
+          opacity: g.opacity,
+          fill: "none",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [/* @__PURE__ */ i("path", {
+            d,
+            stroke: `url(#${a(g.color)})`,
+            strokeWidth: g.width * Pr
+          }), /* @__PURE__ */ i("path", {
+            d,
+            stroke: g.color,
+            strokeWidth: g.width * 0.6,
+            strokeDasharray: g.dashArray
+          })]
+        }, c);
+      }),
+      h.map(({ key: c, observation: d, point: u }) => /* @__PURE__ */ i(lt, {
+        cx: u.x,
+        cy: u.y,
+        reach: Mr,
+        color: o(d).color
+      }, c))
+    ]
+  });
+}, Ir = ({ layer: t, observation: r, panel: e, project: n }) => {
+  const o = at(t)(r, "hovered"), a = n(r, e);
+  return a === null ? null : /* @__PURE__ */ i("g", {
+    "data-geom": "line",
+    children: /* @__PURE__ */ i(lt, {
+      cx: a.x,
+      cy: a.y,
+      reach: Lr,
+      color: o.color,
+      opacity: o.opacity
+    })
+  });
+}, Jt = (t, r) => W("line", {
+  coord: t,
+  guideMode: "crosshair",
+  swatchShape: "line",
+  render: ({ layer: e, panelRect: n, intro: o }) => /* @__PURE__ */ i(U, {
+    intro: o,
+    children: /* @__PURE__ */ i(_r, {
+      layer: e,
+      panel: n,
+      coord: t,
+      project: r
+    })
+  }),
+  renderHover: ({ layer: e, primary: n, panelRect: o }) => /* @__PURE__ */ i(Ir, {
+    layer: e,
+    observation: n.observation,
+    panel: o,
+    project: r
+  }),
+  renderHoverCompanions: () => null,
+  getOverlayAnchor: ({ observation: e }) => {
+    const n = V(e), o = X(e);
+    return n === null || o === null ? null : {
+      x: n,
+      y: o
+    };
+  }
+}), Tr = Jt("cartesian", j), Br = Jt("polar", T), Gr = 0.85, zr = 5, Wt = ({ layer: t, observations: r, panel: e, project: n, state: o, intro: a }) => {
+  const s = ot(t), h = E(t), c = C(() => _(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), d = o === "hovered" ? zr : 0, { readGrowth: u } = K(a);
+  return /* @__PURE__ */ i("g", {
+    "data-geom": "point",
+    children: Array.from(r, (g) => {
+      const p = n(g, e);
+      if (p === null) return null;
+      const f = h(g, o), S = c(g);
+      return /* @__PURE__ */ i(lt, {
+        cx: p.x,
+        cy: p.y,
+        reach: (s.get("size", g, o) + d) * u(S) * Gr,
+        color: f.color,
+        opacity: f.opacity
+      }, S);
+    })
+  });
+}, te = (t, r) => W("point", {
+  coord: t,
+  swatchShape: "circle",
+  render: ({ layer: e, panelRect: n, intro: o }) => /* @__PURE__ */ i(Wt, {
+    layer: e,
+    observations: e.data,
+    panel: n,
+    project: r,
+    intro: o
+  }),
+  renderHover: ({ layer: e, primary: n, panelRect: o }) => /* @__PURE__ */ i(Wt, {
+    layer: e,
+    observations: [n.observation],
+    panel: o,
+    project: r,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), Dr = te("cartesian", j), Nr = te("polar", T), Kr = 4, Ur = 2, jr = 3, Vr = (t, r) => {
+  if (t === null) return null;
+  const { startAngle: e, endAngle: n, innerRadius: o, outerRadius: a } = t, s = Math.min(r.width, r.height) / 2, h = a * s;
+  if (h <= 0 || s <= 0) return null;
+  const c = Math.max(0, n - e), d = c >= 2 * Math.PI - 1e-6 ? 0 : Math.min(Kr / 2 / h, c / 4), u = o > 0 ? Math.min(a, o + Ur / s) : 0;
+  return Ht({
+    startAngle: e + d,
+    endAngle: n - d,
+    innerRadius: u,
+    outerRadius: a
+  }, {
+    centerX: r.width / 2,
+    centerY: r.height / 2,
+    radius: s,
+    digits: jr
+  }) ?? null;
+}, Ft = ({ layer: t, observations: r, panel: e, state: n, intro: o }) => {
+  const a = E(t), s = Y("night-slice"), h = C(() => _(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), { plan: c, readGrowth: d } = K(o);
+  if (e.width <= 0 || e.height <= 0) return null;
+  const u = [...r].map((g) => {
+    const p = h(g);
+    return {
+      key: p,
+      paint: a(g, n),
+      path: Vr(Yt(g, c, d(p)), e)
+    };
+  });
+  return /* @__PURE__ */ k("g", {
+    "data-geom": "bar",
+    children: [/* @__PURE__ */ i(dt, {
+      idFor: s,
+      colors: u.map(({ paint: g }) => g.color),
+      panel: e,
+      fall: "down"
+    }), u.map(({ key: g, paint: p, path: f }) => f === null ? null : /* @__PURE__ */ i("path", {
+      d: f,
+      fill: `url(#${s(p.color)})`,
+      fillOpacity: p.fillOpacity,
+      opacity: p.opacity
+    }, g))]
+  });
+}, Xr = W("bar", {
+  coord: "polar",
+  guideMode: "band",
+  swatchShape: "slice",
+  render: ({ layer: t, panelRect: r, intro: e }) => /* @__PURE__ */ i(Ft, {
+    layer: t,
+    observations: t.data,
+    panel: r,
+    intro: e
+  }),
+  renderHover: ({ layer: t, primary: r, panelRect: e }) => /* @__PURE__ */ i(Ft, {
+    layer: t,
+    observations: [r.observation],
+    panel: e,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), Yr = [
+  Or,
+  Xr,
+  Tr,
+  Br,
+  Fr,
+  Hr,
+  Dr,
+  Nr
+], Zr = 150, Qr = (t, r) => {
+  const e = It(23), n = Array.from({ length: Zr }, () => {
+    const a = e() * 100, s = e() ** 1.7 * 100, h = 0.35 + e() ** 3 * 1.1, c = (0.3 + e() * 0.65) * (1 - s / 140);
+    return `<circle cx="${a.toFixed(2)}%" cy="${s.toFixed(2)}%" r="${h.toFixed(2)}" fill="${r}" fill-opacity="${c.toFixed(2)}"/>`;
+  }), o = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><linearGradient id="s" x1="0" y1="0" x2="0" y2="1">' + t.map(({ offset: a, color: s }) => `<stop offset="${a}" stop-color="${s}"/>`).join("") + '</linearGradient></defs><rect width="100%" height="100%" fill="url(#s)"/>' + n.join("") + "</svg>";
+  return `data:image/svg+xml,${encodeURIComponent(o)}`;
+}, m = {
+  zenith: "#122547",
+  dusk: "#31347A",
+  horizon: "#405199",
+  raised: "#1B2A5C",
+  text: "#EEF2FE",
+  secondary: "#AAB5E6",
+  rule: "rgba(170, 181, 230, 0.6)",
+  grid: "rgba(170, 181, 230, 0.13)",
+  star: "#FFFFFF"
+}, P = {
+  wordmark: "#B9C3FF",
+  sky: "#6CAEEE",
+  petal: "#FF8FB8",
+  mint: "#5FE0C1",
+  gold: "#FFD66B",
+  coral: "#FF8A65"
+}, qr = [
+  P.wordmark,
+  P.petal,
+  P.mint,
+  P.gold,
+  P.sky,
+  P.coral
+], Jr = [
+  "#3A4A9C",
+  "#6CAEEE",
+  "#E8EEFC"
+], F = { textColor: m.text }, G = { textColor: m.secondary }, gt = { fontFamily: Zt }, tn = {
+  tokens: {
+    graphBackground: m.dusk,
+    graphBorder: m.rule,
+    geom: P.wordmark,
+    geomBorder: m.secondary,
+    textPrimary: m.text,
+    textSecondary: m.secondary,
+    ruleLine: m.rule,
+    gridLine: m.grid,
+    hoverAffordance: m.text,
+    hoverGuideFill: "rgba(185, 195, 255, 0.08)",
+    hoverGuideLine: m.rule,
+    tooltipBackground: m.raised,
+    tooltipBorder: m.rule,
+    tooltipPrimaryRow: "rgba(185, 195, 255, 0.12)",
+    annotationShape: P.gold,
+    annotationArrow: m.text,
+    differenceLabelBackground: m.raised
+  },
+  defaults: [
+    l.graph({
+      fill: {
+        image: Qr([
+          {
+            offset: 0,
+            color: m.zenith
+          },
+          {
+            offset: 0.55,
+            color: m.dusk
+          },
+          {
+            offset: 1,
+            color: m.horizon
+          }
+        ], m.star),
+        fit: "stretch",
+        fallback: m.dusk
+      },
+      strokeWidth: 0,
+      cornerRadius: 16,
+      fontFamily: nt,
+      padding: 28
+    }),
+    l.geom({ shadow: "none" }, { state: "hovered" }),
+    l.geom.bar({
+      stroke: m.text,
+      strokeWidth: 0
+    }),
+    l.geom.bar({ strokeWidth: 1.5 }, { state: "hovered" }),
+    l.geom.line({
+      strokeWidth: 2.5,
+      dashArray: [],
+      lineCap: "round",
+      lineJoin: "round"
+    }),
+    l.geom.area({
+      fillAlpha: 0.75,
+      strokeWidth: 1.5,
+      dashArray: []
+    }),
+    l.geom.point({ size: 10 }),
+    l.geom.tile({
+      cornerRadius: 6,
+      stroke: m.dusk,
+      strokeWidth: 2
+    }),
+    l.geom.tile({
+      stroke: m.text,
+      strokeWidth: 1.5
+    }, { state: "hovered" }),
+    l.geom.rule({
+      strokeWidth: 1,
+      dashArray: [4, 4]
+    }),
+    l.geom.rule.label({
+      ...F,
+      fontWeight: 500,
+      fontSize: 13
+    }),
+    l.gridLine({ dashArray: [] }),
+    l.gridLine.x({ strokeWidth: 0 }),
+    l.gridLine.y({ strokeWidth: 1 }),
+    l.panelBorder({ strokeWidth: 0 }),
+    l.panelBorder.bottom({
+      stroke: m.rule,
+      strokeWidth: 1,
+      dashArray: []
+    }),
+    l.tickLine({ strokeWidth: 0 }),
+    l.tickLabel({
+      ...G,
+      fontWeight: 400,
+      fontSize: 13,
+      lineHeight: 1
+    }),
+    l.axisLabel({
+      ...G,
+      fontWeight: 500,
+      fontSize: 13,
+      lineHeight: 1
+    }),
+    l.heading({
+      ...F,
+      ...gt
+    }),
+    l.heading.h1({
+      fontWeight: 800,
+      fontSize: 28,
+      lineHeight: 1.15,
+      letterSpacing: -0.6
+    }),
+    l.heading.h2({
+      ...G,
+      fontFamily: nt,
+      fontWeight: 400,
+      fontSize: 16,
+      lineHeight: 1.35
+    }),
+    l.caption({
+      ...G,
+      fontWeight: 400,
+      fontSize: 13
+    }),
+    l.source({
+      ...G,
+      fontWeight: 400,
+      fontSize: 12
+    }),
+    l.dataLabel({
+      ...F,
+      fontWeight: 600,
+      fontSize: 13,
+      fill: "transparent"
+    }),
+    l.legendItem({
+      ...F,
+      fontWeight: 500,
+      fontSize: 13,
+      fill: "transparent",
+      stroke: "transparent"
+    }),
+    l.directLabel({
+      fontWeight: 600,
+      fontSize: 13
+    }),
+    l.headlineItem.number({
+      ...gt,
+      fontWeight: 800,
+      fontSize: 32,
+      lineHeight: 1.1
+    }),
+    l.tooltip({
+      strokeWidth: 1,
+      cornerRadius: 12,
+      paddingInline: 12,
+      paddingBlock: 9,
+      shadow: "none"
+    }),
+    l.tooltip.heading({
+      ...F,
+      ...gt,
+      fontWeight: 700,
+      fontSize: 14,
+      lineHeight: 1.3
+    }),
+    l.tooltip.label({
+      ...G,
+      fontWeight: 400,
+      fontSize: 13,
+      lineHeight: 1.35
+    }),
+    l.tooltip.value({
+      ...F,
+      fontWeight: 600,
+      fontSize: 13,
+      lineHeight: 1.35
+    }),
+    l.legend.popover({
+      cornerRadius: 12,
+      shadow: "none"
+    }),
+    l.annotation.text({
+      ...F,
+      fill: m.raised,
+      stroke: m.rule,
+      strokeWidth: 1,
+      cornerRadius: 10,
+      paddingInline: 10,
+      paddingBlock: 5,
+      fontSize: 13,
+      lineHeight: 1.3
+    }),
+    l.annotation.shape({
+      fillAlpha: 0.14,
+      stroke: P.gold,
+      strokeWidth: 1
+    }),
+    l.annotation.arrow({
+      strokeWidth: 1.5,
+      dashArray: []
+    }),
+    l.annotation.pinnedNumber({
+      stroke: m.dusk,
+      shadow: "none"
+    }),
+    l.annotation.pinnedNumber.label({
+      ...F,
+      fill: m.raised,
+      stroke: m.rule,
+      cornerRadius: 10,
+      shadow: "none"
+    }),
+    l.annotation.comment({
+      stroke: m.dusk,
+      shadow: "none"
+    }),
+    l.annotation.comment.label({
+      ...F,
+      fill: m.raised,
+      stroke: m.rule,
+      cornerRadius: 10,
+      shadow: "none"
+    }),
+    l.annotation.differenceArrow({
+      stroke: m.text,
+      strokeWidth: 1.5
+    }),
+    l.annotation.differenceArrow.label({
+      ...F,
+      fill: m.raised,
+      stroke: m.rule,
+      strokeWidth: 1,
+      cornerRadius: 10,
+      fontWeight: 600,
+      fontSize: 13
+    }),
+    l.panelBorder.bottom({ strokeWidth: 0 }, { coord: "polar" }),
+    l.tickLabel({
+      ...F,
+      fontWeight: 600,
+      textOutlineColor: m.dusk,
+      textOutlineWidth: 3
+    }, { coord: "polar" })
+  ]
+}, an = {
+  name: "gamma-night",
+  styles: tn,
+  palette: qr,
+  colormap: Jr,
+  colorScheme: "dark",
+  plugins: Yr
+};
+export {
+  on as gammaMushroom,
+  an as gammaNight
+};