@graphysdk/react-renderer 0.0.1-experimental.8 → 0.0.1-plugins.0

package/dist/tooltip-body-Cp_va3oW.js

@@ -0,0 +1,1527 @@
+import { jsx as s, jsxs as S, Fragment as z } from "react/jsx-runtime";
+import { useEffect as W, memo as $, useMemo as y, useId as he, useState as j, useContext as ft, createContext as pt, useRef as N, useCallback as ue } from "react";
+import { useShallow as zt } from "zustand/react/shallow";
+import { useStore as fe } from "zustand";
+import { getColor as A, getAlpha as E, getSize as vt, getStrokeWidth as Ot, getIdentityKey as Dt, getX as k, getY as T, getXMin as Ft, getXMax as mt, getYMin as Gt, getYMax as yt, GROUP_VARIABLES as nt, getLineType as ot, isDefined as pe, getGroup as Nt, buildFontString as ve, CachedTextMeasurer as kt, HeuristicTextMeasurer as me, buildAverageLineSymbols as ye, formatRuleValue as Se, getAngleExtent as Xt, getRadiusExtent as $t, isGraphConfig as xe, createCompiler as be, convertSpecToInput as Le, RESTING_HOVER_STATE as Te, HoverEngine as ke } from "@graphysdk/viz-engine";
+import { createStore as St } from "zustand/vanilla";
+import { useMotionValue as Ut, animate as He, motion as B, useSpring as Ht } from "motion/react";
+import { curveCatmullRom as Ce, curveLinear as Me, area as Ae, line as Yt, arc as Vt } from "d3-shape";
+import { interpolatePath as Ee } from "d3-interpolate-path";
+import { getContrast as Ct } from "color2k";
+import Ie from "clsx";
+const Pe = (e = []) => {
+  const t = /* @__PURE__ */ new Map();
+  for (const n of e) t.set(n.type, n);
+  return (n) => t.get(n) ?? null;
+}, Be = 5, _e = (e) => {
+  if (process.env.NODE_ENV === "production")
+    return {
+      emit: () => {
+      },
+      subscribe: () => we,
+      getLastTrigger: () => null,
+      getLastCompile: () => null,
+      getCacheStats: () => e.getCacheStats()
+    };
+  const t = /* @__PURE__ */ new Set();
+  let n = null;
+  return {
+    emit: (r) => {
+      const i = e.getLastCompile();
+      if (i) {
+        n = r;
+        for (const a of t) a(r, i);
+      }
+    },
+    subscribe: (r) => (t.add(r), () => {
+      t.delete(r);
+    }),
+    getLastTrigger: () => n,
+    getLastCompile: () => e.getLastCompile(),
+    getCacheStats: () => e.getCacheStats()
+  };
+}, Co = () => St((e) => ({
+  lastCompile: null,
+  history: [],
+  nextId: 1,
+  lastSnapshot: null,
+  recordCompile: (t, n) => e((r) => {
+    if (r.lastSnapshot === n) return r;
+    const i = {
+      id: r.nextId,
+      label: Re(t),
+      stages: n.stages,
+      durationMs: n.durationMs
+    };
+    return {
+      lastCompile: i,
+      history: We(r.history, i, Be),
+      nextId: r.nextId + 1,
+      lastSnapshot: n
+    };
+  })
+})), we = () => {
+}, Re = (e) => {
+  switch (e.kind) {
+    case "init":
+      return "init";
+    case "input":
+      return "input change";
+    case "data":
+      return "data change";
+    case "command":
+      return e.command.metadata.description;
+  }
+}, We = (e, t, n) => {
+  const r = e.length >= n ? e.length - (n - 1) : 0;
+  return [...e.slice(r), t];
+};
+function Mo(e) {
+  return e;
+}
+function Ao(e, t) {
+  return {
+    ...t,
+    geom: e.type,
+    highlightStrategy: e.highlightStrategy
+  };
+}
+var Eo = ["canvasDefault", "canvasBlue", "canvasCyan", "canvasGreen", "canvasYellow", "canvasOrange", "canvasRed", "canvasPink", "canvasPurple", "canvasGray", "canvasInverse"], o = { white: "var(--graphy-white)", black: "var(--graphy-black)", transparent: "var(--graphy-transparent)", grey100: "var(--graphy-grey-100)", grey95: "var(--graphy-grey-95)", grey90: "var(--graphy-grey-90)", grey85: "var(--graphy-grey-85)", grey80: "var(--graphy-grey-80)", grey75: "var(--graphy-grey-75)", grey70: "var(--graphy-grey-70)", grey60: "var(--graphy-grey-60)", grey50: "var(--graphy-grey-50)", grey0: "var(--graphy-grey-0)", greyGradient80: "var(--graphy-grey-gradient-80)", green60: "var(--graphy-green-60)", green50: "var(--graphy-green-50)", red60: "var(--graphy-red-60)", red50: "var(--graphy-red-50)", amber70: "var(--graphy-amber-70)", amber50: "var(--graphy-amber-50)", amber40: "var(--graphy-amber-40)", amber30: "var(--graphy-amber-30)", blue80: "var(--graphy-blue-80)", blue60: "var(--graphy-blue-60)", purple50: "var(--graphy-purple-50)", purple30: "var(--graphy-purple-30)", brand: "var(--graphy-brand)", success: "var(--graphy-success)", warning: "var(--graphy-warning)", alert: "var(--graphy-alert)", textPrimary: "var(--graphy-text-primary)", textSecondary: "var(--graphy-text-secondary)", textDisabled: "var(--graphy-text-disabled)", iconPrimary: "var(--graphy-icon-primary)", iconSecondary: "var(--graphy-icon-secondary)", iconStickerBackground: "var(--graphy-icon-sticker-background)", border100: "var(--graphy-border-100)", border50: "var(--graphy-border-50)", border10: "var(--graphy-border-10)", sunkenBackground: "var(--graphy-sunken-background)", defaultBackground: "var(--graphy-default-background)", raisedBackground: "var(--graphy-raised-background)", overlayBackground: "var(--graphy-overlay-background)", overlayBorderGradient: "var(--graphy-overlay-border-gradient)", graphBackground: "var(--graphy-graph-background)", gridLineColor: "var(--graphy-grid-line-color)", originLineColor: "var(--graphy-origin-line-color)", targetLineColor: "var(--graphy-target-line-color)", targetLineMarkerColor: "var(--graphy-target-line-marker-color)", targetLineLabelTextColor: "var(--graphy-target-line-label-text-color)", legendBackground: "var(--graphy-legend-background)", legendBorderColor: "var(--graphy-legend-border-color)", legendFocusOutlineColor: "var(--graphy-legend-focus-outline-color)", legendTextColor: "var(--graphy-legend-text-color)", dimmedSeriesLabelTextColor: "var(--graphy-dimmed-series-label-text-color)", dimmedSeriesLabelLineColor: "var(--graphy-dimmed-series-label-line-color)", trendNegativeColor: "var(--graphy-trend-negative-color)", trendPositiveColor: "var(--graphy-trend-positive-color)", trendNeutralColor: "var(--graphy-trend-neutral-color)", defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)", defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)", defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)", arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)", arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)", annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)", annotationMenuTriggerIconColor: "var(--graphy-annotation-menu-trigger-icon-color)", heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)", dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)", canvasDefault: "var(--graphy-canvas-default)", canvasBlue: "var(--graphy-canvas-blue)", canvasCyan: "var(--graphy-canvas-cyan)", canvasGreen: "var(--graphy-canvas-green)", canvasYellow: "var(--graphy-canvas-yellow)", canvasOrange: "var(--graphy-canvas-orange)", canvasRed: "var(--graphy-canvas-red)", canvasPink: "var(--graphy-canvas-pink)", canvasPurple: "var(--graphy-canvas-purple)", canvasGray: "var(--graphy-canvas-gray)", canvasInverse: "var(--graphy-canvas-inverse)", elevationXs: "var(--graphy-elevation-xs)", elevationSm: "var(--graphy-elevation-sm)", elevationMd: "var(--graphy-elevation-md)", elevationLg: "var(--graphy-elevation-lg)", radiiXs: "var(--graphy-radii-xs)", radiiSm: "var(--graphy-radii-sm)", radiiMd: "var(--graphy-radii-md)", radiiLg: "var(--graphy-radii-lg)", spaceXxs: "var(--graphy-space-xxs)", spaceXs: "var(--graphy-space-xs)", spaceSm: "var(--graphy-space-sm)", spaceMd: "var(--graphy-space-md)", spaceLg: "var(--graphy-space-lg)", spaceXl: "var(--graphy-space-xl)", zIndexToolbar: "var(--graphy-z-index-toolbar)", zIndexToolbarTooltip: "var(--graphy-z-index-toolbar-tooltip)", zIndexToolbarPopover: "var(--graphy-z-index-toolbar-popover)", toolbarBackgroundColor: "var(--graphy-toolbar-background-color)", toolbarButtonBackgroundColor: "var(--graphy-toolbar-button-background-color)", toolbarButtonBackgroundColorHovered: "var(--graphy-toolbar-button-background-color-hovered)", toolbarButtonBackgroundColorSelected: "var(--graphy-toolbar-button-background-color-selected)", toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)", tooltipBackground: "var(--graphy-tooltip-background)", tooltipBorderColor: "var(--graphy-tooltip-border-color)", tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)", tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)", tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)", tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)", hoverGuideLineColor: "var(--graphy-hover-guide-line-color)", hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)", hoveredBarBorderColor: "var(--graphy-hovered-bar-border-color)", hoveredPointRingColor: "var(--graphy-hovered-point-ring-color)", pointStrokeColor: "var(--graphy-point-stroke-color)", stackedBarHoverBorderColor: "var(--graphy-stacked-bar-hover-border-color)", fontFamilyDefault: "var(--graphy-font-family-default)", fontFamilyHeading: "var(--graphy-font-family-heading)", fontWeightRegular: "var(--graphy-font-weight-regular)", fontWeightMedium: "var(--graphy-font-weight-medium)", fontWeightSemibold: "var(--graphy-font-weight-semibold)", fontWeightBold: "var(--graphy-font-weight-bold)", fontWeightExtraBold: "var(--graphy-font-weight-extra-bold)", fontWeightBlack: "var(--graphy-font-weight-black)", textScale: "var(--graphy-text-scale)", fontSizeXxs: "var(--graphy-font-size-xxs)", fontSizeXs: "var(--graphy-font-size-xs)", fontSizeSm: "var(--graphy-font-size-sm)", fontSizeMd: "var(--graphy-font-size-md)", fontSizeLg: "var(--graphy-font-size-lg)", fontSizeXl: "var(--graphy-font-size-xl)", fontLineHeightXxs: "var(--graphy-font-line-height-xxs)", fontLineHeightXs: "var(--graphy-font-line-height-xs)", fontLineHeightSm: "var(--graphy-font-line-height-sm)", fontLineHeightMd: "var(--graphy-font-line-height-md)", fontLineHeightLg: "var(--graphy-font-line-height-lg)", fontLineHeightXl: "var(--graphy-font-line-height-xl)", fontSizeEditorBody: "var(--graphy-font-size-editor-body)", fontSizeHeadingSm: "var(--graphy-font-size-heading-sm)", fontSizeHeadingMd: "var(--graphy-font-size-heading-md)", fontSizeHeadingLg: "var(--graphy-font-size-heading-lg)", fontLineHeightEditorBody: "var(--graphy-font-line-height-editor-body)", fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)", fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)", fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)", fontTickLabel: "var(--graphy-font-tick-label)", fontAxisLabel: "var(--graphy-font-axis-label)", fontDataLabel: "var(--graphy-font-data-label)", fontStackTotal: "var(--graphy-font-stack-total)", fontLegendLabel: "var(--graphy-font-legend-label)", fontSeriesLabel: "var(--graphy-font-series-label)", fontTooltipLabel: "var(--graphy-font-tooltip-label)", fontTooltipHeading: "var(--graphy-font-tooltip-heading)", fontTooltipFooter: "var(--graphy-font-tooltip-footer)", fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)", fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)", fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)", fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)", fontTooltipCaption: "var(--graphy-font-tooltip-caption)", fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)", fontTrendTag: "var(--graphy-font-trend-tag)", fontTrendTagSmall: "var(--graphy-font-trend-tag-small)", fontGoalLineLabel: "var(--graphy-font-goal-line-label)", fontPieLabel: "var(--graphy-font-pie-label)", fontPieChartTotal: "var(--graphy-font-pie-chart-total)", fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)", fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)", fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)", fontButton: "var(--graphy-font-button)", fontInput: "var(--graphy-font-input)", fontInputLabel: "var(--graphy-font-input-label)", fontSelectLabel: "var(--graphy-font-select-label)", fontSelectDescription: "var(--graphy-font-select-description)", fontColorSelectLabel: "var(--graphy-font-color-select-label)", fontMenuTitle: "var(--graphy-font-menu-title)", fontMenuGroupTitle: "var(--graphy-font-menu-group-title)", fontMenuItemLabel: "var(--graphy-font-menu-item-label)", fontMenuItemLabelSecondary: "var(--graphy-font-menu-item-label-secondary)", fontUITooltip: "var(--graphy-font-uitooltip)", fontUITooltipSecondary: "var(--graphy-font-uitooltip-secondary)", fontErrorBoundaryTitle: "var(--graphy-font-error-boundary-title)", fontErrorBoundaryMessage: "var(--graphy-font-error-boundary-message)", fontTableCell: "var(--graphy-font-table-cell)", fontTableHeaderCell: "var(--graphy-font-table-header-cell)", fontSourceLabel: "var(--graphy-font-source-label)", fontSourceLink: "var(--graphy-font-source-link)", fontTextEditorH1: "var(--graphy-font-text-editor-h1)", fontTextEditorH2: "var(--graphy-font-text-editor-h2)", fontTextEditorH3: "var(--graphy-font-text-editor-h3)", fontTextEditorH6: "var(--graphy-font-text-editor-h6)", fontTextEditorBody: "var(--graphy-font-text-editor-body)", fontTextEditorLink: "var(--graphy-font-text-editor-link)", fontHighlightModeTitle: "var(--graphy-font-highlight-mode-title)", fontHighlightModeSubtitle: "var(--graphy-font-highlight-mode-subtitle)" };
+const xt = 1, ze = 8, Oe = 12;
+o.pointStrokeColor;
+const De = 1;
+function Io(e) {
+  return e;
+}
+function D(e) {
+  return 1 - e;
+}
+const m = (e) => `${Number.parseFloat((e * 100).toFixed(4))}%`, Fe = 2, Ge = 0.7, X = ({ hit: e }) => {
+  const t = A(e.observation), n = (E(e.observation) ?? xt) * Ge, r = (vt(e.observation) ?? ze) / 2;
+  return /* @__PURE__ */ s(
+    "circle",
+    {
+      cx: m(e.x),
+      cy: m(D(e.y)),
+      r,
+      fill: t,
+      opacity: n,
+      stroke: o.hoveredPointRingColor,
+      strokeWidth: Fe,
+      "data-testid": "companion-point"
+    }
+  );
+}, jt = 0.3, Kt = 1, H = {
+  type: "spring",
+  stiffness: 500,
+  damping: 60,
+  mass: 1
+}, Jt = 1, Ne = 2, Zt = (e) => e === "catmull-rom" ? Ce : Me, rt = (e) => {
+  switch (e) {
+    case "dashed":
+      return "8 4";
+    case "dotted":
+      return "2 2";
+    case "solid":
+      return;
+  }
+}, at = (e, t) => t.lineWidth !== "auto" ? t.lineWidth : Ot(e) ?? Ne, it = (e) => (t) => `${e}:${Dt(t)}`, ht = (e, t) => {
+  const n = Ut(e);
+  return W(() => {
+    const r = Ee(n.get(), e);
+    He(0, 1, {
+      ...t,
+      onUpdate: (i) => {
+        const a = r(i);
+        return n.set(a);
+      }
+    });
+  }, [t, e, n]), n;
+};
+var U = "_1d8mpa10";
+const qt = (e, t) => {
+  const n = Zt(t.interpolate), r = Ae().curve(n), i = Yt().curve(n);
+  if (e.mainAxis === "y") {
+    const a = (d) => D(T(d) ?? 0), c = (d) => Ft(d) ?? 0, l = (d) => mt(d) ?? k(d) ?? 0;
+    r.y(a).x0(c).x1(l), i.y(a).x(l);
+  } else {
+    const a = (d) => k(d) ?? 0, c = (d) => D(Gt(d) ?? 0), l = (d) => D(yt(d) ?? T(d) ?? 0);
+    r.x(a).y0(c).y1(l), i.x(a).y(l);
+  }
+  if (t.missingValues === "gap") {
+    const a = (c) => k(c) !== null && T(c) !== null;
+    r.defined(a), i.defined(a);
+  }
+  return { lineGenerator: i, areaGenerator: r };
+}, Qt = (e, t) => t !== "connect" ? e : e.filter((n) => k(n) !== null && T(n) !== null), Xe = $(function({
+  layer: t,
+  coordSystem: n,
+  isAnimated: r
+}) {
+  const { lineGenerator: i, areaGenerator: a } = y(
+    () => qt(n, t.params),
+    [t.params, n]
+  ), c = y(() => {
+    const l = it(t.id), d = [];
+    return t.data.groupBy(nt.group).forEach((h) => {
+      const g = Qt([...h], t.params.missingValues), f = a(g), p = i(g);
+      if (!f || !p) return;
+      const v = g[0];
+      if (!v) return;
+      const x = A(v), R = E(v), L = at(v, t.params), C = rt(ot(v));
+      d.push({
+        key: l(v),
+        areaPath: f,
+        linePath: p,
+        color: x,
+        fillOpacity: R ?? jt,
+        strokeWidth: L,
+        strokeOpacity: Kt,
+        strokeDasharray: C
+      });
+    }), d;
+  }, [a, i, t.data, t.id, t.params]);
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "0 0 1 1",
+      preserveAspectRatio: "none",
+      width: "100%",
+      height: "100%",
+      "data-geom": "area",
+      className: U,
+      children: c.map((l) => /* @__PURE__ */ s(
+        $e,
+        {
+          areaPath: l.areaPath,
+          linePath: l.linePath,
+          color: l.color,
+          fillOpacity: l.fillOpacity,
+          strokeWidth: l.strokeWidth,
+          strokeOpacity: l.strokeOpacity,
+          strokeDasharray: l.strokeDasharray,
+          isAnimated: r
+        },
+        l.key
+      ))
+    }
+  );
+}), $e = ({
+  areaPath: e,
+  linePath: t,
+  color: n,
+  fillOpacity: r,
+  strokeWidth: i,
+  strokeOpacity: a,
+  strokeDasharray: c,
+  isAnimated: l
+}) => l ? /* @__PURE__ */ s(
+  Ue,
+  {
+    areaPath: e,
+    linePath: t,
+    color: n,
+    fillOpacity: r,
+    strokeWidth: i,
+    strokeOpacity: a,
+    strokeDasharray: c
+  }
+) : /* @__PURE__ */ S("g", { children: [
+  /* @__PURE__ */ s("path", { d: e, fill: n, fillOpacity: r, stroke: "none" }),
+  /* @__PURE__ */ s(
+    "path",
+    {
+      d: t,
+      fill: "none",
+      stroke: n,
+      strokeWidth: i,
+      strokeOpacity: a,
+      strokeDasharray: c,
+      vectorEffect: "non-scaling-stroke"
+    }
+  )
+] }), Ue = ({
+  areaPath: e,
+  linePath: t,
+  color: n,
+  fillOpacity: r,
+  strokeWidth: i,
+  strokeOpacity: a,
+  strokeDasharray: c
+}) => {
+  const l = ht(e, H), d = ht(t, H);
+  return /* @__PURE__ */ S("g", { children: [
+    /* @__PURE__ */ s(B.path, { d: l, fill: n, fillOpacity: r, stroke: "none" }),
+    /* @__PURE__ */ s(
+      B.path,
+      {
+        d,
+        fill: "none",
+        stroke: n,
+        strokeWidth: i,
+        strokeOpacity: a,
+        strokeDasharray: c,
+        vectorEffect: "non-scaling-stroke"
+      }
+    )
+  ] });
+};
+var Ye = "_46ebsf0";
+const lt = 1, Ve = 2, je = 1, Ke = Oe / 2, Je = 2.25, bt = ({ hit: e, ...t }) => {
+  const n = Ze(e.observation), r = A(e.observation), i = E(e.observation) ?? xt, a = m(e.x), c = m(D(e.y)), d = n + lt / 2 + je + lt / 2;
+  return /* @__PURE__ */ S("g", { ...t, className: Ye, children: [
+    /* @__PURE__ */ s(
+      "circle",
+      {
+        cx: a,
+        cy: c,
+        r: d,
+        fill: "none",
+        stroke: o.hoveredPointRingColor,
+        strokeWidth: Ve
+      }
+    ),
+    /* @__PURE__ */ s(
+      "circle",
+      {
+        cx: a,
+        cy: c,
+        r: n,
+        fill: r,
+        opacity: i,
+        stroke: o.hoveredPointRingColor,
+        strokeWidth: lt
+      }
+    )
+  ] });
+}, Ze = (e) => {
+  const t = vt(e);
+  return pe(t) ? t / Je : Ke;
+}, qe = ({ layer: e, coordSystem: t, primary: n, companions: r }) => {
+  const i = Nt(n.observation), a = y(() => {
+    const p = e.data.filter(nt.group, "eq", i);
+    return Qt([...p], e.params.missingValues);
+  }, [e.data, e.params.missingValues, i]), { areaPath: c, linePath: l } = y(() => {
+    const { lineGenerator: p, areaGenerator: v } = qt(t, e.params);
+    return {
+      areaPath: v(a) ?? "",
+      linePath: p(a) ?? ""
+    };
+  }, [t, e.params, a]);
+  if (!c || !l) return null;
+  const d = A(n.observation), h = E(n.observation) ?? jt, g = at(n.observation, e.params), f = rt(ot(n.observation));
+  return /* @__PURE__ */ S("g", { "data-testid": "hovered-area", children: [
+    /* @__PURE__ */ S(
+      "svg",
+      {
+        viewBox: "0 0 1 1",
+        preserveAspectRatio: "none",
+        width: "100%",
+        height: "100%",
+        "data-geom": "area",
+        className: U,
+        children: [
+          /* @__PURE__ */ s("path", { d: c, fill: d, fillOpacity: h, stroke: "none", "data-testid": "hovered-area-fill" }),
+          /* @__PURE__ */ s(
+            "path",
+            {
+              d: l,
+              fill: "none",
+              stroke: d,
+              strokeWidth: g,
+              strokeOpacity: Kt,
+              strokeDasharray: f,
+              vectorEffect: "non-scaling-stroke",
+              "data-testid": "hovered-area-edge"
+            }
+          )
+        ]
+      }
+    ),
+    r.map((p) => /* @__PURE__ */ s(X, { hit: p }, `companion-${p.layerId}-${p.pointIndex}`)),
+    /* @__PURE__ */ s(bt, { hit: n, "data-testid": "hovered-area-point" })
+  ] });
+}, Qe = {
+  geom: "area",
+  coord: "cartesian",
+  highlightStrategy: "overlay-anchor",
+  guideMode: "continuous",
+  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ s(Xe, { layer: e, coordSystem: t, isAnimated: n }),
+  renderHover: ({ layer: e, coordSystem: t, primary: n, group: r, related: i }) => /* @__PURE__ */ s(qe, { layer: e, coordSystem: t, primary: n, companions: [...r, ...i] }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(z, { children: e.map((t) => /* @__PURE__ */ s(X, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
+  getOverlayAnchor: ({ observation: e, coordSystem: t }) => {
+    if (t.mainAxis === "x") {
+      const i = k(e), a = yt(e) ?? T(e);
+      return i === null || a === null ? null : { x: i, y: a };
+    }
+    const n = T(e), r = mt(e) ?? k(e);
+    return n === null || r === null ? null : { x: r, y: n };
+  }
+}, te = 1, J = 4, ee = (e, t) => {
+  const n = Ft(t), r = mt(t), i = Gt(t), a = yt(t) ?? T(t);
+  if (n === null || r === null || i === null || a === null) return null;
+  if (e === "x") {
+    let d = 1 - a, h = a - i;
+    return h < 0 && (d += h, h = -h), { x: n, y: d, width: r - n, height: h };
+  }
+  let c = n, l = r - n;
+  return l < 0 && (c += l, l = -l), { x: c, y: 1 - a, width: l, height: a - i };
+}, tn = $(function({
+  layer: t,
+  coordSystem: n,
+  isAnimated: r
+}) {
+  const i = he(), a = y(() => {
+    const l = it(t.id), d = /* @__PURE__ */ new Map();
+    for (const h of t.data) {
+      const g = ee(n.mainAxis, h);
+      if (!g) continue;
+      const f = nn(n.mainAxis, g), p = d.get(f), v = {
+        key: l(h),
+        ...g,
+        fill: A(h),
+        opacity: E(h) ?? te
+      };
+      p ? p.push(v) : d.set(f, [v]);
+    }
+    return [...d.entries()].map(([h, g]) => ({
+      id: `${i}${h}`,
+      bars: g,
+      ...on(g)
+    }));
+  }, [i, n.mainAxis, t]), c = a.filter((l) => l.bars.length > 1);
+  return /* @__PURE__ */ S(z, { children: [
+    c.length > 0 && /* @__PURE__ */ s("defs", { children: c.map((l) => /* @__PURE__ */ s("clipPath", { id: l.id, children: /* @__PURE__ */ s(en, { column: l, isAnimated: r }) }, l.id)) }),
+    a.map((l) => {
+      const [d] = l.bars;
+      if (l.bars.length === 1 && d !== void 0) {
+        const { key: h, ...g } = d;
+        return /* @__PURE__ */ s(Mt, { ...g, rx: J, isAnimated: r }, h);
+      }
+      return /* @__PURE__ */ s("g", { clipPath: `url(#${l.id})`, children: l.bars.map((h) => {
+        const { key: g, ...f } = h;
+        return /* @__PURE__ */ s(Mt, { ...f, isAnimated: r }, g);
+      }) }, l.id);
+    })
+  ] });
+}), Mt = ({ isAnimated: e, rx: t, ...n }) => e ? /* @__PURE__ */ s(
+  B.rect,
+  {
+    initial: !1,
+    style: { transformBox: "view-box" },
+    transition: H,
+    fill: n.fill,
+    opacity: n.opacity,
+    rx: t,
+    animate: {
+      x: m(n.x),
+      y: m(n.y),
+      width: m(n.width),
+      height: m(n.height),
+      opacity: n.opacity
+    }
+  }
+) : /* @__PURE__ */ s(
+  "rect",
+  {
+    style: { transformBox: "view-box" },
+    x: m(n.x),
+    y: m(n.y),
+    width: m(n.width),
+    height: m(n.height),
+    fill: n.fill,
+    opacity: n.opacity,
+    rx: t
+  }
+), en = ({ column: e, isAnimated: t }) => t ? /* @__PURE__ */ s(
+  B.rect,
+  {
+    initial: !1,
+    style: { transformBox: "view-box" },
+    transition: H,
+    rx: J,
+    animate: {
+      x: m(e.x),
+      y: m(e.y),
+      width: m(e.width),
+      height: m(e.height)
+    }
+  }
+) : /* @__PURE__ */ s(
+  "rect",
+  {
+    x: m(e.x),
+    y: m(e.y),
+    width: m(e.width),
+    height: m(e.height),
+    rx: J
+  }
+), nn = (e, t) => e === "x" ? `${t.x}-${t.width}` : `${t.y}-${t.height}`, on = (e) => {
+  let t = 1 / 0, n = 1 / 0, r = -1 / 0, i = -1 / 0;
+  for (const a of e)
+    a.x < t && (t = a.x), a.y < n && (n = a.y), a.x + a.width > r && (r = a.x + a.width), a.y + a.height > i && (i = a.y + a.height);
+  return { x: t, y: n, width: r - t, height: i - n };
+};
+var rn = "_1i6dtb60";
+const V = 3, an = ({ coordSystem: e, primary: t, panelRect: n }) => {
+  const r = ee(e.mainAxis, t.observation);
+  if (!r) return null;
+  const i = r.x * n.width, a = r.y * n.height, c = r.width * n.width, l = r.height * n.height, d = i - V, h = a - V, g = c + V * 2, f = l + V * 2, p = J + V, v = A(t.observation), x = E(t.observation) ?? te;
+  return /* @__PURE__ */ S("g", { "data-testid": "hovered-bar", children: [
+    /* @__PURE__ */ s(
+      "rect",
+      {
+        x: d,
+        y: h,
+        width: g,
+        height: f,
+        rx: p,
+        fill: o.hoveredBarBorderColor,
+        className: rn,
+        "data-testid": "hovered-bar-border"
+      }
+    ),
+    /* @__PURE__ */ s(
+      "rect",
+      {
+        x: m(r.x),
+        y: m(r.y),
+        width: m(r.width),
+        height: m(r.height),
+        fill: v,
+        opacity: x,
+        rx: J,
+        "data-testid": "hovered-bar-fill"
+      }
+    )
+  ] });
+}, sn = {
+  geom: "bar",
+  coord: "cartesian",
+  highlightStrategy: "observation-rerender",
+  guideMode: "bar",
+  render: ({ layer: e, coordSystem: t, isAnimated: n }) => /* @__PURE__ */ s(tn, { layer: e, coordSystem: t, isAnimated: n }),
+  renderHover: ({ coordSystem: e, primary: t, panelRect: n }) => /* @__PURE__ */ s(an, { coordSystem: e, primary: t, panelRect: n }),
+  renderHoverCompanions: () => null
+}, ne = (e) => {
+  const t = Yt().x((n) => k(n) ?? 0).y((n) => D(T(n) ?? 0)).curve(Zt(e.interpolate));
+  return e.missingValues === "gap" && t.defined((n) => k(n) !== null && T(n) !== null), t;
+}, oe = (e, t) => t !== "connect" ? e : e.filter((n) => k(n) !== null && T(n) !== null), ln = $(function({ layer: t, isAnimated: n }) {
+  const r = y(() => ne(t.params), [t.params]), i = y(() => {
+    const a = it(t.id), c = [];
+    return t.data.groupBy(nt.group).forEach((l) => {
+      const d = oe([...l], t.params.missingValues), h = r(d);
+      if (!h) return;
+      const g = d[0];
+      if (!g) return;
+      const f = A(g), p = E(g), v = at(g, t.params), x = rt(ot(g));
+      c.push({
+        key: a(g),
+        pathData: h,
+        color: f,
+        opacity: p ?? Jt,
+        strokeWidth: v,
+        strokeDasharray: x
+      });
+    }), c;
+  }, [r, t.data, t.id, t.params]);
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "0 0 1 1",
+      preserveAspectRatio: "none",
+      width: "100%",
+      height: "100%",
+      "data-geom": "line",
+      className: U,
+      children: i.map((a) => /* @__PURE__ */ s(
+        cn,
+        {
+          pathData: a.pathData,
+          color: a.color,
+          strokeWidth: a.strokeWidth,
+          opacity: a.opacity,
+          strokeDasharray: a.strokeDasharray,
+          isAnimated: n
+        },
+        a.key
+      ))
+    }
+  );
+}), cn = ({ pathData: e, color: t, strokeWidth: n, opacity: r, strokeDasharray: i, isAnimated: a }) => a ? /* @__PURE__ */ s(
+  dn,
+  {
+    pathData: e,
+    color: t,
+    strokeWidth: n,
+    opacity: r,
+    strokeDasharray: i
+  }
+) : /* @__PURE__ */ s(
+  "path",
+  {
+    d: e,
+    fill: "none",
+    stroke: t,
+    strokeWidth: n,
+    opacity: r,
+    strokeDasharray: i,
+    vectorEffect: "non-scaling-stroke"
+  }
+), dn = ({
+  pathData: e,
+  color: t,
+  strokeWidth: n,
+  opacity: r,
+  strokeDasharray: i
+}) => {
+  const a = ht(e, H);
+  return /* @__PURE__ */ s(
+    B.path,
+    {
+      d: a,
+      fill: "none",
+      stroke: t,
+      strokeWidth: n,
+      opacity: r,
+      strokeDasharray: i,
+      vectorEffect: "non-scaling-stroke"
+    }
+  );
+}, gn = ({ layer: e, primary: t, companions: n }) => {
+  const r = Nt(t.observation), i = y(() => {
+    const g = e.data.filter(nt.group, "eq", r);
+    return oe([...g], e.params.missingValues);
+  }, [e.data, e.params.missingValues, r]), a = y(() => ne(e.params)(i), [e.params, i]);
+  if (!a) return null;
+  const c = A(t.observation), l = E(t.observation) ?? Jt, d = at(t.observation, e.params), h = rt(ot(t.observation));
+  return /* @__PURE__ */ S("g", { "data-testid": "hovered-line", children: [
+    /* @__PURE__ */ s(
+      "svg",
+      {
+        viewBox: "0 0 1 1",
+        preserveAspectRatio: "none",
+        width: "100%",
+        height: "100%",
+        "data-geom": "line",
+        className: U,
+        children: /* @__PURE__ */ s(
+          "path",
+          {
+            d: a,
+            fill: "none",
+            stroke: c,
+            strokeWidth: d,
+            opacity: l,
+            strokeDasharray: h,
+            vectorEffect: "non-scaling-stroke",
+            "data-testid": "hovered-line-path"
+          }
+        )
+      }
+    ),
+    n.map((g) => /* @__PURE__ */ s(X, { hit: g }, `companion-${g.layerId}-${g.pointIndex}`)),
+    /* @__PURE__ */ s(bt, { hit: t, "data-testid": "hovered-line-point" })
+  ] });
+}, hn = {
+  geom: "line",
+  coord: "cartesian",
+  highlightStrategy: "overlay-anchor",
+  guideMode: "continuous",
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ s(ln, { layer: e, isAnimated: t }),
+  renderHover: ({ layer: e, primary: t, group: n, related: r }) => /* @__PURE__ */ s(gn, { layer: e, primary: t, companions: [...n, ...r] }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(z, { children: e.map((t) => /* @__PURE__ */ s(X, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
+  getOverlayAnchor: ({ observation: e }) => {
+    const t = k(e), n = T(e);
+    return t === null || n === null ? null : { x: t, y: n };
+  }
+}, un = $(function({ layer: t, isAnimated: n }) {
+  const r = y(() => {
+    const i = [];
+    for (const a of t.data) {
+      const c = k(a), l = T(a);
+      if (c === null || l === null)
+        continue;
+      const d = A(a), h = E(a), g = vt(a), f = Ot(a);
+      i.push({
+        key: Dt(a),
+        // points declare index-based identity in the compiler for smoother transitions
+        cx: c,
+        cy: D(l),
+        radius: (g ?? t.params.size) / 2,
+        fill: d,
+        stroke: o.pointStrokeColor,
+        opacity: h ?? xt,
+        strokeWidth: f ?? De
+      });
+    }
+    return i;
+  }, [t.data, t.params.size]);
+  return /* @__PURE__ */ s(z, { children: r.map((i) => n ? /* @__PURE__ */ s(
+    B.circle,
+    {
+      initial: !1,
+      transition: H,
+      fill: i.fill,
+      stroke: i.stroke,
+      strokeWidth: i.strokeWidth,
+      animate: {
+        cx: m(i.cx),
+        cy: m(i.cy),
+        r: i.radius,
+        opacity: i.opacity
+      }
+    },
+    i.key
+  ) : /* @__PURE__ */ s(
+    "circle",
+    {
+      cx: m(i.cx),
+      cy: m(i.cy),
+      r: i.radius,
+      fill: i.fill,
+      opacity: i.opacity,
+      stroke: i.stroke,
+      strokeWidth: i.strokeWidth
+    },
+    i.key
+  )) });
+}), fn = {
+  geom: "point",
+  coord: "cartesian",
+  highlightStrategy: "overlay-anchor",
+  guideMode: null,
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ s(un, { layer: e, isAnimated: t }),
+  renderHover: ({ primary: e, group: t, related: n }) => /* @__PURE__ */ S("g", { "data-testid": "hovered-point", children: [
+    [...t, ...n].map((r) => /* @__PURE__ */ s(X, { hit: r }, `companion-${r.layerId}-${r.pointIndex}`)),
+    /* @__PURE__ */ s(bt, { hit: e })
+  ] }),
+  renderHoverCompanions: ({ related: e }) => /* @__PURE__ */ s(z, { children: e.map((t) => /* @__PURE__ */ s(X, { hit: t }, `companion-${t.layerId}-${t.pointIndex}`)) }),
+  getOverlayAnchor: ({ observation: e }) => {
+    const t = k(e), n = T(e);
+    return t === null || n === null ? null : { x: t, y: n };
+  }
+}, pn = 10, vn = (e, t) => e * pn * t, mn = /\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu, re = "😀";
+class Lt {
+  constructor() {
+    this.emojiCorrections = /* @__PURE__ */ new Map(), this.currentFont = "";
+    const n = new OffscreenCanvas(1, 1).getContext("2d");
+    if (!n)
+      throw new Error("Failed to create OffscreenCanvas 2D context");
+    this.ctx = n;
+  }
+  /**
+   * Creates a CanvasTextMeasurer after all declared `@font-face` fonts
+   * have finished loading. This ensures measurements use the correct font
+   * glyphs from the first call, avoiding stale cache entries.
+   *
+   * Falls back to immediate construction if `document.fonts` is unavailable
+   * (e.g. non-browser environment).
+   *
+   * Note: document.fonts.ready still resolves even if some fonts fail to load.
+   */
+  static async create() {
+    return typeof document < "u" && "fonts" in document && await document.fonts.ready, new Lt();
+  }
+  measureText(t, n) {
+    const r = ve(n);
+    this.setFont(r);
+    const { width: i, fontBoundingBoxAscent: a, fontBoundingBoxDescent: c } = this.ctx.measureText(t);
+    let l = i;
+    const d = yn(t);
+    if (d > 0) {
+      const h = this.getEmojiCorrection(r);
+      l -= h * d;
+    }
+    return {
+      width: l,
+      height: a + c,
+      ascent: a,
+      descent: c
+    };
+  }
+  /**
+   * Skip redundant `ctx.font` assignments
+   * Setting the property triggers CSS font string parsing and font resolution.
+   */
+  setFont(t) {
+    this.currentFont !== t && (this.ctx.font = t, this.currentFont = t);
+  }
+  /**
+   * Computes the per-emoji width correction for a given font.
+   * Measures the reference emoji in both Canvas and DOM, caches the difference.
+   * Returns 0 if DOM is unavailable or the difference is negligible (< 0.5px).
+   */
+  getEmojiCorrection(t) {
+    const n = this.emojiCorrections.get(t);
+    if (n !== void 0) return n;
+    this.setFont(t);
+    const r = this.ctx.measureText(re).width, i = Sn(t);
+    let a = 0;
+    if (i !== null) {
+      const c = r - i;
+      a = c > 0.5 ? c : 0;
+    }
+    return this.emojiCorrections.set(t, a), a;
+  }
+}
+let w = null;
+const yn = (e) => {
+  const t = e.match(mn);
+  return t ? t.length : 0;
+}, Sn = (e) => {
+  const t = xn();
+  return t ? (t.style.font = e, t.getBoundingClientRect().width) : null;
+}, xn = () => typeof document > "u" ? null : (w || (w = document.createElement("span"), w.style.position = "absolute", w.style.visibility = "hidden", w.style.whiteSpace = "nowrap", w.style.left = "-9999px", w.textContent = re, document.body.appendChild(w)), w), ae = pt(null), Po = ({ children: e, measurer: t }) => {
+  const [n, r] = j(null);
+  W(() => {
+    if (t !== void 0) return;
+    let a = !1;
+    const c = () => {
+      a || r(Ln());
+    };
+    return (async () => {
+      typeof document < "u" && "fonts" in document && await document.fonts.ready, c();
+    })(), typeof document < "u" && "fonts" in document && document.fonts.addEventListener("loadingdone", c), () => {
+      a = !0, typeof document < "u" && "fonts" in document && document.fonts.removeEventListener("loadingdone", c);
+    };
+  }, [t]);
+  const i = t ?? n;
+  return i === null ? null : /* @__PURE__ */ s(ae.Provider, { value: i, children: e });
+}, bn = () => {
+  const e = ft(ae);
+  if (e === null)
+    throw new Error("useTextMeasurer must be used inside a <TextMeasurerProvider>.");
+  return e;
+}, Ln = () => {
+  try {
+    return new kt(new Lt());
+  } catch {
+    return new kt(new me());
+  }
+}, Tt = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, Tn = Tt, O = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extraBold: 800,
+  black: 900
+}, M = {
+  xxs: 1,
+  xs: 1.1,
+  sm: 1.2,
+  md: 1.4,
+  lg: 1.6,
+  xl: 2,
+  editorBody: 1.5,
+  headingSm: 1.8,
+  headingMd: 2.2,
+  headingLg: 2.8
+}, I = {
+  xxs: 1,
+  xs: 1,
+  sm: 1.3,
+  md: 1.43,
+  lg: 1,
+  xl: 1,
+  editorBody: 1.47,
+  headingSm: 1.25,
+  headingMd: 1.41,
+  headingLg: 1.29
+}, kn = `var(--typography-chart-font-family, ${o.fontFamilyDefault})`, ct = `var(--typography-chart-heading-font-family, ${o.fontFamilyHeading})`, P = (e) => `${e}em`, Bo = {
+  textScale: "1",
+  fontFamilyDefault: Tt,
+  fontFamilyHeading: Tn,
+  fontWeightRegular: O.regular.toString(),
+  fontWeightMedium: O.medium.toString(),
+  fontWeightSemibold: O.semibold.toString(),
+  fontWeightBold: O.bold.toString(),
+  fontWeightExtraBold: O.extraBold.toString(),
+  fontWeightBlack: O.black.toString(),
+  fontSizeXxs: P(M.xxs),
+  fontSizeXs: P(M.xs),
+  fontSizeSm: P(M.sm),
+  fontSizeMd: P(M.md),
+  fontSizeLg: P(M.lg),
+  fontSizeXl: P(M.xl),
+  fontLineHeightXxs: I.xxs.toString(),
+  fontLineHeightXs: I.xs.toString(),
+  fontLineHeightSm: I.sm.toString(),
+  fontLineHeightMd: I.md.toString(),
+  fontLineHeightLg: I.lg.toString(),
+  fontLineHeightXl: I.xl.toString()
+}, _o = {
+  fontSizeEditorBody: P(M.editorBody),
+  fontSizeHeadingSm: P(M.headingSm),
+  fontSizeHeadingMd: P(M.headingMd),
+  fontSizeHeadingLg: P(M.headingLg),
+  fontLineHeightEditorBody: I.editorBody.toString(),
+  fontLineHeightHeadingSm: I.headingSm.toString(),
+  fontLineHeightHeadingMd: I.headingMd.toString(),
+  fontLineHeightHeadingLg: I.headingLg.toString()
+}, u = (e, t, n, r = kn) => `${e} ${t}/${n} ${r}`, wo = {
+  // Axes
+  fontTickLabel: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontAxisLabel: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  // Data labels
+  fontDataLabel: u(o.fontWeightMedium, o.fontSizeXs, o.fontLineHeightXs),
+  fontStackTotal: u(o.fontWeightSemibold, o.fontSizeXs, o.fontLineHeightXs),
+  // Legend
+  fontLegendLabel: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontSeriesLabel: u(o.fontWeightSemibold, o.fontSizeSm, o.fontLineHeightSm),
+  // Chart tooltips
+  fontTooltipLabel: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontTooltipHeading: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontTooltipFooter: u(o.fontWeightRegular, o.fontSizeSm, o.fontLineHeightSm),
+  fontJumboTooltipLabel: u(o.fontWeightRegular, o.fontSizeSm, o.fontLineHeightSm),
+  fontJumboTooltip: u(o.fontWeightMedium, o.fontSizeHeadingMd, o.fontLineHeightHeadingMd),
+  fontMiniTooltipLabel: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontMiniTooltipFooter: u(o.fontWeightRegular, o.fontSizeSm, o.fontLineHeightSm),
+  fontTooltipCaption: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontTooltipCaptionSmall: u(o.fontWeightMedium, o.fontSizeXxs, o.fontLineHeightXxs),
+  // UI tooltips
+  fontUITooltip: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontUITooltipSecondary: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  // Trends
+  fontTrendTag: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontTrendTagSmall: u(o.fontWeightMedium, o.fontSizeXs, o.fontLineHeightXs),
+  // Goal lines
+  fontGoalLineLabel: u(o.fontWeightMedium, o.fontSizeXs, o.fontLineHeightXs),
+  // Pie charts
+  fontPieLabel: u(o.fontWeightMedium, o.fontSizeXs, o.fontLineHeightXs),
+  fontPieChartTotal: u(o.fontWeightBold, o.fontSizeHeadingLg, o.fontLineHeightHeadingLg),
+  // Difference arrows
+  fontDifferenceArrowSmall: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontDifferenceArrowMedium: u(o.fontWeightMedium, o.fontSizeLg, o.fontLineHeightLg),
+  fontDifferenceArrowLarge: u(o.fontWeightSemibold, o.fontSizeXl, o.fontLineHeightXl),
+  // Button
+  fontButton: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  // Forms
+  fontInput: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontInputLabel: u(o.fontWeightMedium, o.fontSizeXxs, o.fontLineHeightXxs),
+  fontSelectLabel: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontSelectDescription: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontColorSelectLabel: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  // Menus
+  fontMenuTitle: u(o.fontWeightSemibold, o.fontSizeMd, o.fontLineHeightMd),
+  fontMenuGroupTitle: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontMenuItemLabel: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontMenuItemLabelSecondary: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  // Error boundary
+  fontErrorBoundaryTitle: u(o.fontWeightSemibold, o.fontSizeHeadingSm, o.fontLineHeightHeadingSm),
+  fontErrorBoundaryMessage: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  // Tables
+  fontTableCell: u(o.fontWeightMedium, o.fontSizeMd, o.fontLineHeightMd),
+  fontTableHeaderCell: u(o.fontWeightSemibold, o.fontSizeSm, o.fontLineHeightSm),
+  // Footer
+  fontSourceLabel: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontSourceLink: u(o.fontWeightRegular, o.fontSizeSm, o.fontLineHeightSm),
+  // Text editor
+  fontTextEditorH1: u(o.fontWeightBold, o.fontSizeHeadingLg, o.fontLineHeightHeadingLg, ct),
+  fontTextEditorH2: u(o.fontWeightBold, o.fontSizeHeadingMd, o.fontLineHeightHeadingMd, ct),
+  fontTextEditorH3: u(
+    o.fontWeightSemibold,
+    o.fontSizeHeadingSm,
+    o.fontLineHeightHeadingSm,
+    ct
+  ),
+  fontTextEditorH6: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm),
+  fontTextEditorBody: u(o.fontWeightMedium, o.fontSizeEditorBody, o.fontLineHeightEditorBody),
+  fontTextEditorLink: u(o.fontWeightRegular, o.fontSizeMd, o.fontLineHeightMd),
+  // Highlight mode
+  fontHighlightModeTitle: u(o.fontWeightBold, o.fontSizeMd, o.fontLineHeightMd),
+  fontHighlightModeSubtitle: u(o.fontWeightMedium, o.fontSizeSm, o.fontLineHeightSm)
+}, Hn = 11.7, Cn = M.xs, Mn = Tt, An = O.medium, K = 5, En = 5, At = 10, Et = 10, In = 4, et = 13, ie = 6, dt = 12, It = 21.6, Pn = "0 0 10 18", Bn = "M2.48935 16.9323L9.07098 9.82964C9.51595 9.34944 9.51504 8.60728 9.0689 8.12818L2.48866 1.06172C1.85811 0.384586 0.974477 0 0.049217 0H0V18H0.0443689C0.972463 18 1.85854 17.6131 2.48935 16.9323Z", Pt = "#FFFFFF", gt = "#1A1A1A";
+var _n = "_16vokpr0";
+const wn = (e, t) => {
+  const n = e.mapping.y !== void 0, r = t.mainAxis === "y";
+  return n !== r;
+}, Rn = (e, t) => {
+  const n = m(e ? 1 - t : t);
+  return e ? { x1: "0%", y1: n, x2: "100%", y2: n } : { x1: n, y1: "0%", x2: n, y2: "100%" };
+}, Wn = (e, t) => e === "solid" ? {} : e === "dotted" ? { strokeDasharray: `0 ${t * 2}`, strokeLinecap: "round" } : {
+  strokeDasharray: `${t * 2} ${t * 3}`,
+  strokeLinecap: "round",
+  strokeMiterlimit: 16
+}, zn = (e) => {
+  const t = e.params.color, n = t ?? o.targetLineColor;
+  let r = o.targetLineLabelTextColor;
+  if (t !== void 0)
+    try {
+      r = Ct(t, Pt) > Ct(t, gt) ? Pt : gt;
+    } catch {
+      r = gt;
+    }
+  return { lineColor: n, labelTextColor: r };
+}, On = (e, t) => tt(e) && tt(t) ? `${e}: ${t}` : tt(e) ? e : tt(t) ? t : null, tt = (e) => e != null && e.trim() !== "";
+var Dn = "_2qyyu60";
+const Bt = 2, Fn = 12, Gn = 12, _t = 1, wt = 2, Nn = 4, se = ({
+  shape: e,
+  color: t,
+  lineType: n = "solid",
+  width: r = Fn,
+  height: i = Gn
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    className: Dn,
+    width: r,
+    height: i,
+    viewBox: `0 0 ${r} ${i}`,
+    "aria-hidden": !0,
+    "data-testid": "chart-swatch",
+    "data-shape": e,
+    children: Xn({ shape: e, color: t, lineType: n, width: r, height: i })
+  }
+), Xn = ({ shape: e, color: t, lineType: n, width: r, height: i }) => {
+  const a = $n(n, r);
+  switch (e) {
+    case "square":
+      return /* @__PURE__ */ s("rect", { x: 1, y: 1, width: r - 2, height: i - 2, rx: 2, fill: t });
+    case "line":
+      return /* @__PURE__ */ s(
+        "line",
+        {
+          x1: a.x1,
+          y1: i / 2,
+          x2: a.x2,
+          y2: i / 2,
+          stroke: t,
+          strokeWidth: Bt,
+          strokeLinecap: a.linecap,
+          strokeDasharray: a.dashArray
+        }
+      );
+    case "circle": {
+      const c = (Math.min(r, i) - 2) / 2;
+      return /* @__PURE__ */ s("circle", { cx: r / 2, cy: i / 2, r: c, fill: t });
+    }
+    case "area": {
+      const c = i / 2 - 1;
+      return /* @__PURE__ */ S(z, { children: [
+        /* @__PURE__ */ s("rect", { x: 1, y: c, width: r - 2, height: i - c - 1, fill: t, opacity: 0.45 }),
+        /* @__PURE__ */ s(
+          "line",
+          {
+            x1: a.x1,
+            y1: c,
+            x2: a.x2,
+            y2: c,
+            stroke: t,
+            strokeWidth: Bt,
+            strokeLinecap: a.linecap,
+            strokeDasharray: a.dashArray
+          }
+        )
+      ] });
+    }
+    case "slice":
+      return /* @__PURE__ */ s("path", { d: `M 0 ${i} L ${r} ${i} A ${r} ${i} 0 0 0 0 0 Z`, fill: t });
+  }
+}, $n = (e, t) => {
+  if (e === "solid")
+    return { x1: 0, x2: t, dashArray: void 0, linecap: "round" };
+  if (e === "dashed") {
+    const r = (t - _t * (wt - 1)) / wt;
+    return { x1: 0, x2: t, dashArray: `${r} ${_t}`, linecap: "butt" };
+  }
+  const n = t / (Nn - 1);
+  return { x1: 0, x2: t, dashArray: `1 ${n}`, linecap: "round" };
+}, Un = ({
+  labelPosition: e,
+  linePosition: t,
+  color: n,
+  pillWidth: r,
+  pillHeight: i,
+  text: a,
+  isAnimated: c
+}) => {
+  const l = e === "start", d = l ? -et : -(r - et), h = l ? d + r - K : d + K - dt, g = l ? void 0 : `rotate(180 ${h + dt / 2} ${i / 2})`, f = l ? "0%" : "100%", p = m(1 - t), v = /* @__PURE__ */ S("g", { transform: `translate(0, ${-i / 2})`, pointerEvents: "none", children: [
+    /* @__PURE__ */ s("rect", { x: d, y: 0, width: r, height: i, rx: ie, fill: n }),
+    /* @__PURE__ */ s("g", { transform: g, children: /* @__PURE__ */ s(
+      "svg",
+      {
+        x: h,
+        y: (i - It) / 2,
+        width: dt,
+        height: It,
+        viewBox: Pn,
+        overflow: "visible",
+        children: /* @__PURE__ */ s("path", { d: Bn, fill: n })
+      }
+    ) }),
+    /* @__PURE__ */ s("g", { transform: `translate(${d + K}, ${i / 2})`, children: a })
+  ] });
+  return c ? /* @__PURE__ */ s(
+    B.svg,
+    {
+      initial: !1,
+      transition: H,
+      x: f,
+      animate: { y: p },
+      overflow: "visible",
+      children: v
+    }
+  ) : /* @__PURE__ */ s("svg", { x: f, y: p, overflow: "visible", children: v });
+}, Yn = ({
+  labelPosition: e,
+  linePosition: t,
+  color: n,
+  pillWidth: r,
+  pillHeight: i,
+  text: a,
+  isAnimated: c
+}) => {
+  const l = e === "start", d = l ? -et : -(i - et), h = m(t), g = l ? "100%" : "0%", f = /* @__PURE__ */ S("g", { transform: `translate(${-r / 2}, 0)`, pointerEvents: "none", children: [
+    /* @__PURE__ */ s("rect", { x: 0, y: d, width: r, height: i, rx: ie, fill: n }),
+    /* @__PURE__ */ s("g", { transform: `translate(${K}, ${d + i / 2})`, children: a })
+  ] });
+  return c ? /* @__PURE__ */ s(
+    B.svg,
+    {
+      initial: !1,
+      transition: H,
+      y: g,
+      animate: { x: h },
+      overflow: "visible",
+      children: f
+    }
+  ) : /* @__PURE__ */ s("svg", { x: h, y: g, overflow: "visible", children: f });
+}, Vn = ({
+  label: e,
+  textWidth: t,
+  labelPosition: n,
+  isHorizontalLine: r,
+  position: i,
+  color: a,
+  textColor: c,
+  symbolShape: l,
+  symbolColor: d,
+  isAnimated: h
+}) => {
+  const g = l === null ? 0 : At + In, f = t + g + K * 2, p = Hn + En * 2, v = /* @__PURE__ */ S(z, { children: [
+    l !== null && d !== null && /* @__PURE__ */ s("g", { transform: `translate(0, ${-Et / 2})`, children: /* @__PURE__ */ s(se, { shape: l, color: d, width: At, height: Et }) }),
+    /* @__PURE__ */ s(
+      "text",
+      {
+        x: g,
+        textAnchor: "start",
+        dominantBaseline: "central",
+        fill: c,
+        style: { font: o.fontGoalLineLabel },
+        children: e
+      }
+    )
+  ] });
+  return r ? /* @__PURE__ */ s(
+    Un,
+    {
+      labelPosition: n,
+      linePosition: i,
+      color: a,
+      pillWidth: f,
+      pillHeight: p,
+      text: v,
+      isAnimated: h
+    }
+  ) : /* @__PURE__ */ s(
+    Yn,
+    {
+      labelPosition: n,
+      linePosition: i,
+      color: a,
+      pillWidth: f,
+      pillHeight: p,
+      text: v,
+      isAnimated: h
+    }
+  );
+}, jn = ({ layer: e, isHorizontalLine: t, position: n, lineColor: r, isAnimated: i }) => {
+  const a = Rn(t, n), c = Wn(e.params.lineType, e.params.strokeWidth);
+  return i ? /* @__PURE__ */ s(
+    B.line,
+    {
+      initial: !1,
+      transition: H,
+      animate: { x1: a.x1, y1: a.y1, x2: a.x2, y2: a.y2 },
+      ...c,
+      stroke: r,
+      strokeWidth: e.params.strokeWidth,
+      vectorEffect: "non-scaling-stroke"
+    }
+  ) : /* @__PURE__ */ s(
+    "line",
+    {
+      ...a,
+      ...c,
+      stroke: r,
+      strokeWidth: e.params.strokeWidth,
+      vectorEffect: "non-scaling-stroke"
+    }
+  );
+}, Kn = $(function({
+  layer: t,
+  coordSystem: n,
+  formattingLocale: r,
+  isAnimated: i
+}) {
+  const a = bn(), { guides: c, numberFormat: l, textScale: d, layers: h, compiledLayers: g, colorScale: f } = de(
+    zt((b) => ({
+      guides: b.guides,
+      numberFormat: b.config.numberFormat,
+      textScale: b.config.appearance.textScale,
+      layers: b.spec.layers,
+      compiledLayers: b.layers,
+      colorScale: b.scales.color
+    }))
+  ), p = y(
+    () => ye(h, g, f, n).get(t.id) ?? null,
+    [h, g, f, n, t.id]
+  ), v = y(
+    () => On(t.params.label, Se({ guides: c, numberFormat: l, layer: t, locale: r })),
+    [c, l, r, t]
+  ), x = y(
+    () => ({
+      family: Mn,
+      size: vn(Cn, d),
+      weight: An
+    }),
+    [d]
+  ), R = y(
+    () => v === null ? 0 : a.measureText(v, x).width,
+    [v, x, a]
+  ), L = t.data.getFirst();
+  if (!L) return null;
+  const { lineColor: C, labelTextColor: _ } = zn(t), F = wn(t, n), Y = F ? T(L) : k(L);
+  return Y === null ? null : /* @__PURE__ */ S("g", { "data-geom": "rule", className: _n, children: [
+    /* @__PURE__ */ s(
+      jn,
+      {
+        layer: t,
+        isHorizontalLine: F,
+        position: Y,
+        lineColor: C,
+        isAnimated: i
+      }
+    ),
+    v !== null && /* @__PURE__ */ s(
+      Vn,
+      {
+        label: v,
+        textWidth: R,
+        labelPosition: t.params.labelPosition,
+        isHorizontalLine: F,
+        position: Y,
+        color: C,
+        textColor: _,
+        symbolShape: p?.shape ?? null,
+        symbolColor: p?.color ?? null,
+        isAnimated: i
+      }
+    )
+  ] });
+}), Jn = {
+  geom: "rule",
+  coord: "cartesian",
+  highlightStrategy: null,
+  guideMode: null,
+  render: ({ layer: e, coordSystem: t, formattingLocale: n, isAnimated: r }) => /* @__PURE__ */ s(
+    Kn,
+    {
+      layer: e,
+      coordSystem: t,
+      formattingLocale: n,
+      isAnimated: r
+    }
+  ),
+  renderHover: () => null,
+  renderHoverCompanions: () => null
+}, le = 1, ut = Vt(), Rt = Math.PI * 2, Zn = $(function({ layer: t, isAnimated: n }) {
+  const r = N(!1);
+  W(() => {
+    r.current = !0;
+  }, []);
+  const i = y(() => {
+    const a = it(t.id), c = [];
+    for (const l of t.data) {
+      const d = a(l), { startAngle: h, endAngle: g } = Xt(l), { innerRadius: f, outerRadius: p } = $t(l);
+      h === null || g === null || f === null || p === null || c.push({
+        key: d,
+        startAngle: h,
+        endAngle: g,
+        innerRadius: f,
+        outerRadius: p,
+        fill: A(l),
+        opacity: E(l) ?? le
+      });
+    }
+    return c;
+  }, [t]);
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "-1 -1 2 2",
+      preserveAspectRatio: "xMidYMid meet",
+      width: "100%",
+      height: "100%",
+      "data-geom": "bar",
+      className: U,
+      children: i.map((a) => {
+        if (n) {
+          const { key: c, ...l } = a;
+          return /* @__PURE__ */ s(qn, { isInitialRender: !r.current, ...l }, c);
+        }
+        return /* @__PURE__ */ s(
+          "path",
+          {
+            d: ut({
+              startAngle: a.startAngle,
+              endAngle: a.endAngle,
+              innerRadius: a.innerRadius,
+              outerRadius: a.outerRadius
+            }) ?? void 0,
+            fill: a.fill,
+            opacity: a.opacity
+          },
+          a.key
+        );
+      })
+    }
+  );
+}), qn = ({
+  startAngle: e,
+  endAngle: t,
+  innerRadius: n,
+  outerRadius: r,
+  fill: i,
+  opacity: a,
+  isInitialRender: c
+}) => {
+  const l = c ? e : Rt, d = c ? t : Rt, h = Ht(l, H), g = Ht(d, H), f = Ut(
+    ut({ startAngle: l, endAngle: d, innerRadius: n, outerRadius: r }) ?? ""
+  );
+  return W(() => {
+    h.set(e), g.set(t);
+  }, [h, g, e, t]), W(() => {
+    const p = () => {
+      const R = h.get(), L = g.get();
+      f.set(
+        ut({ startAngle: R, endAngle: L, innerRadius: n, outerRadius: r }) ?? ""
+      );
+    }, v = h.on("change", p), x = g.on("change", p);
+    return () => {
+      v(), x();
+    };
+  }, [h, g, n, r, f]), /* @__PURE__ */ s(B.path, { d: f, fill: i, opacity: a, transition: H });
+}, Qn = Vt(), to = ({ primary: e }) => {
+  const { startAngle: t, endAngle: n } = Xt(e.observation), { innerRadius: r, outerRadius: i } = $t(e.observation);
+  if (t === null || n === null || r === null || i === null)
+    return null;
+  const a = Qn({ startAngle: t, endAngle: n, innerRadius: r, outerRadius: i });
+  if (!a) return null;
+  const c = A(e.observation), l = E(e.observation) ?? le;
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "-1 -1 2 2",
+      preserveAspectRatio: "xMidYMid meet",
+      width: "100%",
+      height: "100%",
+      "data-geom": "arc",
+      "data-testid": "hovered-arc",
+      className: U,
+      children: /* @__PURE__ */ s("path", { d: a, fill: c, opacity: l })
+    }
+  );
+}, eo = {
+  geom: "bar",
+  coord: "polar",
+  highlightStrategy: "observation-rerender",
+  guideMode: null,
+  render: ({ layer: e, isAnimated: t }) => /* @__PURE__ */ s(Zn, { layer: e, isAnimated: t }),
+  renderHover: ({ primary: e }) => /* @__PURE__ */ s(to, { primary: e }),
+  renderHoverCompanions: () => null
+}, Wt = {
+  bar: {
+    cartesian: sn,
+    polar: eo
+  },
+  line: {
+    cartesian: hn
+  },
+  area: {
+    cartesian: Qe
+  },
+  point: {
+    cartesian: fn
+  },
+  rule: {
+    cartesian: Jn
+  }
+}, no = (e = []) => {
+  const t = {};
+  for (const n of Object.keys(Wt))
+    t[n] = { ...Wt[n] };
+  for (const n of e) {
+    const r = t[n.geom] ?? {};
+    r[n.coord] = n, t[n.geom] = r;
+  }
+  return (n, r) => t[n.geom]?.[r.type] ?? null;
+}, oo = (e) => St((t) => ({
+  compiled: e,
+  setCompiled: (n) => t((r) => r.compiled === n ? r : { compiled: n })
+}));
+function ro(e, t) {
+  const n = xe(e) ? e.themeOverrides : void 0;
+  return y(() => ({ ...t, ...n }), [t, n]);
+}
+const ce = pt(null), Ro = ({
+  data: e,
+  input: t,
+  formattingLocale: n,
+  onChange: r,
+  customPalettes: i,
+  theme: a = "light",
+  themeOverrides: c,
+  geoms: l,
+  plugins: d,
+  annotationPlugins: h,
+  children: g
+}) => {
+  const [f] = j(() => be({ geoms: l })), [p] = j(() => _e(f)), v = y(() => no(d), [d]), x = y(() => Pe(h), [h]), R = ro(t, c), L = y(() => ({ customPalettes: i, theme: a }), [i, a]), [C] = j(() => {
+    const b = f.compile({ input: t, data: e, ctx: L });
+    return p.emit({ kind: "init" }), oo(b);
+  }), _ = N({ input: t, data: e, ctx: L });
+  W(() => {
+    const b = t !== _.current.input, Z = e !== _.current.data, G = L !== _.current.ctx;
+    if (!b && !Z && !G) return;
+    const q = C.getState(), Q = b || G ? f.compile({ input: t, data: e, ctx: L }) : f.recompile({ spec: q.compiled.spec, data: e });
+    _.current = { input: t, data: e, ctx: L }, q.setCompiled(Q), p.emit({ kind: b ? "input" : "data" });
+  }, [t, e, L, f, C, p]);
+  const F = ue(
+    (b) => {
+      const Z = C.getState(), G = b.apply(Z.compiled.spec);
+      if (!G) return;
+      const q = f.recompile({ spec: G.spec });
+      if (Z.setCompiled(q), p.emit({ kind: "command", command: b }), !r) return;
+      const Q = Le(G.spec);
+      _.current = { input: Q, data: _.current.data, ctx: _.current.ctx }, r(Q);
+    },
+    [r, f, p, C]
+  ), Y = y(
+    () => ({
+      store: C,
+      dispatch: F,
+      formattingLocale: n,
+      compileBus: p,
+      theme: a,
+      themeOverrides: R,
+      resolvePlugin: v,
+      resolveAnnotationPlugin: x
+    }),
+    [C, F, n, p, a, R, v, x]
+  );
+  return /* @__PURE__ */ s(ce.Provider, { value: Y, children: g });
+}, st = () => {
+  const e = ft(ce);
+  if (!e) throw new Error("useGraph* hooks must be used inside a <GraphProvider>");
+  return e;
+}, de = (e) => {
+  const { store: t } = st();
+  return fe(t, (n) => e(n.compiled));
+}, Wo = () => {
+  const { dispatch: e } = st();
+  return e;
+}, zo = () => {
+  const { resolvePlugin: e } = st();
+  return e;
+}, Oo = () => {
+  const { resolveAnnotationPlugin: e } = st();
+  return e;
+}, ao = () => St((e) => ({
+  hover: Te,
+  isPointerInside: !1,
+  setHoverState: (t) => e((n) => n.hover === t ? n : { hover: t }),
+  setPointerInside: (t) => e((n) => n.isPointerInside === t ? n : { isPointerInside: t })
+})), io = (e, t) => {
+  const n = y(() => ({ layers: e, coordSystem: t }), [e, t]), r = N(null);
+  r.current === null && (r.current = new ke(n));
+  const i = r.current, a = N(!1);
+  return W(() => {
+    if (!a.current) {
+      a.current = !0;
+      return;
+    }
+    i.update(n);
+  }, [i, n]), i;
+}, ge = pt(null), Do = ({ children: e }) => {
+  const { layers: t, coordSystem: n } = de(
+    zt((d) => ({ layers: d.layers, coordSystem: d.coordSystem }))
+  ), r = io(t, n), [i] = j(() => ao()), a = N(null), c = N(null);
+  if (c.current === null) {
+    const d = /* @__PURE__ */ new Map(), h = { current: null }, g = /* @__PURE__ */ new Set(), f = (v) => {
+      if (h.current = v, i.getState().setPointerInside(v !== null), v !== null)
+        for (const x of g) x();
+    }, p = (v) => (g.add(v), () => {
+      g.delete(v);
+    });
+    c.current = { engine: r, store: i, overlayRef: a, hitTesterRegistry: d, cursorRef: h, setCursor: f, subscribeCursorMove: p };
+  }
+  const { hitTesterRegistry: l } = c.current;
+  return W(() => {
+    r.setHitTesters(l);
+  }, [r, l]), /* @__PURE__ */ s(ge.Provider, { value: c.current, children: e });
+}, Fo = () => {
+  const e = ft(ge);
+  if (e === null)
+    throw new Error("useHoverContext must be used inside a <HoverProvider>.");
+  return e;
+};
+var so = "_19519k80", lo = "_19519k81", co = "_19519k82", go = "_19519k83", ho = "_19519k86", uo = "_19519k87", Go = "_19519k88";
+const No = ({ content: e }) => /* @__PURE__ */ S(z, { children: [
+  e.header !== null && /* @__PURE__ */ s("div", { className: so, children: e.header }),
+  /* @__PURE__ */ s("div", { className: lo, children: e.rows.map((t) => /* @__PURE__ */ s(fo, { row: t, shouldHighlight: t.isPrimary && e.rows.length > 1 }, t.key)) })
+] }), fo = ({ row: e, shouldHighlight: t }) => /* @__PURE__ */ S("div", { className: Ie(co, { [go]: t }), "data-testid": "chart-tooltip-row", children: [
+  e.swatchColor !== null ? /* @__PURE__ */ s(se, { shape: e.swatchShape, color: e.swatchColor, lineType: e.swatchLineType }) : null,
+  /* @__PURE__ */ s("span", { className: ho, children: e.label }),
+  /* @__PURE__ */ s("span", { className: uo, children: e.value })
+] });
+export {
+  ht as A,
+  Eo as C,
+  Tt as D,
+  I as F,
+  Ro as G,
+  Do as H,
+  bt as P,
+  pn as R,
+  se as S,
+  No as T,
+  Fo as a,
+  de as b,
+  Co as c,
+  zo as d,
+  M as e,
+  vn as f,
+  wo as g,
+  Bo as h,
+  Wo as i,
+  bn as j,
+  D as k,
+  Io as l,
+  Oo as m,
+  O as n,
+  ze as o,
+  Po as p,
+  Lt as q,
+  Go as r,
+  _o as s,
+  m as t,
+  st as u,
+  o as v,
+  X as w,
+  fo as x,
+  Mo as y,
+  Ao as z
+};