@weing-dev/ui-kit-primitive 0.4.6 → 0.5.1

package/dist/chart.js

@@ -1,94 +1,713 @@
-import { c as J, j as o } from "./compiler-runtime-BFrE5JtX.js";
-import { Chart as D, CategoryScale as M, LinearScale as T, PointElement as $, LineController as z, BubbleController as O, DoughnutController as k, PieController as q, LineElement as G, BarController as H, PolarAreaController as I, BarElement as K, RadarController as N, RadialLinearScale as Q, ScatterController as U, Title as V, Tooltip as W, Filler as X, Legend as Y, ArcElement as Z } from "chart.js";
-import F from "chartjs-plugin-datalabels";
-import { FunnelController as ee, TrapezoidElement as te, FunnelChart as le } from "chartjs-chart-funnel";
-import { Line as re, Bar as oe, Bubble as ae, Doughnut as ne, Pie as se, PolarArea as ie, Radar as ce, Scatter as fe } from "react-chartjs-2";
-import B from "react";
-D.register(M, T, $, z, O, k, q, G, H, I, K, N, Q, U, V, W, X, Y, Z, F, ee, te);
-const de = {
-  labels: ["January", "February", "March", "April", "May", "June", "July"],
+import { c as _, j } from "./compiler-runtime-BFrE5JtX.js";
+import { c as ut } from "./bind-D3ZJ5k4I.js";
+import { Bar as pt, Line as ht, Pie as mt, Doughnut as gt, Radar as yt } from "react-chartjs-2";
+import ft from "chartjs-plugin-datalabels";
+import { Chart as ot, CategoryScale as bt, LinearScale as Ct, RadialLinearScale as xt, BarController as At, BarElement as vt, LineController as Lt, LineElement as St, PointElement as Et, ArcElement as Gt, PieController as Pt, DoughnutController as Tt, RadarController as Rt, Title as Dt, Tooltip as Bt, Legend as kt, Filler as jt } from "chart.js";
+import U from "react";
+import { B as S } from "./baseColor-DYa5_IOB.js";
+const wt = "_ChartFrame_1t22s_2", Ot = "_ChartState_1t22s_6", _t = {
+  ChartFrame: wt,
+  ChartState: Ot
+}, Y = ut.bind(_t), I = (e) => {
+  const t = _.c(14), {
+    height: r,
+    loading: o,
+    empty: n,
+    isEmpty: a,
+    className: l,
+    children: c
+  } = e;
+  let s;
+  t[0] !== l ? (s = Y("ChartFrame", l), t[0] = l, t[1] = s) : s = t[1];
+  const i = r ?? "100%", u = r ? void 0 : 240;
+  let h;
+  t[2] !== i || t[3] !== u ? (h = {
+    height: i,
+    minHeight: u
+  }, t[2] = i, t[3] = u, t[4] = h) : h = t[4];
+  let d;
+  t[5] !== c || t[6] !== n || t[7] !== a || t[8] !== o ? (d = a ? /* @__PURE__ */ j.jsx("div", { className: Y("ChartState"), children: n ?? "데이터가 없습니다" }) : o ? /* @__PURE__ */ j.jsx("div", { className: Y("ChartState"), children: "불러오는 중…" }) : c, t[5] = c, t[6] = n, t[7] = a, t[8] = o, t[9] = d) : d = t[9];
+  let m;
+  return t[10] !== s || t[11] !== h || t[12] !== d ? (m = /* @__PURE__ */ j.jsx("div", { className: s, style: h, children: d }), t[10] = s, t[11] = h, t[12] = d, t[13] = m) : m = t[13], m;
+};
+let lt = !1;
+const $t = () => {
+  if (typeof window > "u") return "sans-serif";
+  const e = getComputedStyle(document.body).fontFamily;
+  return (e == null ? void 0 : e.trim()) || "sans-serif";
+}, Ft = () => {
+  lt || (lt = !0, ot.register(
+    bt,
+    Ct,
+    xt,
+    // radar 방사축
+    At,
+    vt,
+    Lt,
+    St,
+    Et,
+    Gt,
+    Pt,
+    Tt,
+    Rt,
+    // radar (point/line/Filler 는 위에서 공용)
+    Dt,
+    Bt,
+    kt,
+    jt
+  ), ot.defaults.font.family = $t());
+};
+Ft();
+const Nt = {
+  bar: pt,
+  line: ht,
+  pie: mt,
+  doughnut: gt,
+  radar: yt
+}, Wt = (e) => {
+  var r, o;
+  const t = (o = (r = e.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : o.display;
+  return t !== void 0 && t !== !1;
+}, M = (e) => {
+  const t = _.c(12), {
+    kind: r,
+    data: o,
+    options: n,
+    plugins: a
+  } = e, l = Nt[r];
+  let c;
+  t[0] !== a ? (c = a ?? [], t[0] = a, t[1] = c) : c = t[1];
+  let s;
+  t[2] !== n ? (s = Wt(n) ? [ft] : [], t[2] = n, t[3] = s) : s = t[3];
+  let i;
+  t[4] !== c || t[5] !== s ? (i = [...c, ...s], t[4] = c, t[5] = s, t[6] = i) : i = t[6];
+  const u = i, h = o, d = n, m = u;
+  let g;
+  return t[7] !== l || t[8] !== h || t[9] !== d || t[10] !== m ? (g = /* @__PURE__ */ j.jsx(l, { data: h, options: d, plugins: m }), t[7] = l, t[8] = h, t[9] = d, t[10] = m, t[11] = g) : g = t[11], g;
+}, It = 8, J = [S.deepGreen.DeepGreen6, S.blue.Blue6, S.gold.Gold6, S.purple.Purple6, S.cyanBlue.CyanBlue6, S.red.Red6, S.lightGreen.LightGreen6, S.grey.Grey6], Mt = {
+  red: S.red.Red6,
+  lightGreen: S.lightGreen.LightGreen6,
+  cyanBlue: S.cyanBlue.CyanBlue6,
+  purple: S.purple.Purple6,
+  gold: S.gold.Gold6,
+  blue: S.blue.Blue6,
+  grey: S.grey.Grey6,
+  deepGreen: S.deepGreen.DeepGreen6,
+  primary: S.deepGreen.DeepGreen6
+}, X = (e) => /^(#|rgb|hsl|var\()/.test(e) ? e : Mt[e] ?? e, F = (e) => typeof window > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(e).trim(), Vt = () => {
+  const e = Array.from({
+    length: It
+  }, (t, r) => F(`--chartCategorical${r}`));
+  return e.some(Boolean) ? e.map((t, r) => t || J[r]) : J;
+}, st = (e, t) => {
+  const [r, o] = U.useState(t);
+  return U.useEffect(() => {
+    const n = () => o(e());
+    n();
+    const a = window.matchMedia("(prefers-color-scheme: dark)");
+    return a.addEventListener("change", n), () => a.removeEventListener("change", n);
+  }, []), r;
+}, Kt = () => st(Vt, J), N = {
+  grid: S.grey.Grey4,
+  axis: S.grey.Grey6,
+  label: S.grey.Grey7,
+  tooltipBg: S.grey.Grey9,
+  tooltipText: S.whiteWhite
+}, zt = () => ({
+  grid: F("--chartGrid") || N.grid,
+  axis: F("--chartAxis") || N.axis,
+  label: F("--chartLabel") || N.label,
+  tooltipBg: F("--chartTooltipBg") || N.tooltipBg,
+  tooltipText: F("--chartTooltipText") || N.tooltipText
+}), V = () => st(zt, N), Ht = (e, t) => {
+  if (e)
+    return Array.isArray(e) ? e.map(X) : t;
+}, it = U.createContext(void 0), qt = () => U.use(it), Ut = {
+  // 예) 모든 도넛 기본 정책을 켤 때:
+  // doughnut: { cutout: 0.6, showTotal: true, legend: "right" },
+  // bar: { barRadius: 6 },
+}, K = (e, t) => {
+  const r = _.c(6), o = Kt(), n = qt(), a = Ut[e];
+  let l;
+  return r[0] !== t || r[1] !== e || r[2] !== a || r[3] !== n || r[4] !== o ? (l = {
+    kind: e,
+    instance: t,
+    theme: n,
+    preset: a,
+    tokenPalette: o
+  }, r[0] = t, r[1] = e, r[2] = a, r[3] = n, r[4] = o, r[5] = l) : l = r[5], l;
+}, Xt = (e) => {
+  var t, r, o;
+  return {
+    ...(t = e.theme) == null ? void 0 : t.defaults,
+    ...(o = (r = e.theme) == null ? void 0 : r.presets) == null ? void 0 : o[e.kind]
+  };
+}, Yt = (e) => {
+  var t, r, o, n, a, l;
+  return ((o = (r = (t = e.theme) == null ? void 0 : t.presets) == null ? void 0 : r[e.kind]) == null ? void 0 : o.palette) ?? ((a = (n = e.theme) == null ? void 0 : n.defaults) == null ? void 0 : a.palette) ?? ((l = e.theme) == null ? void 0 : l.palette);
+}, Z = (e, t, r) => {
+  const o = Ht(e, r);
+  return o && o.length ? o[t % o.length] : void 0;
+}, W = (e, t) => {
+  var r, o;
+  return ((r = t.instance) == null ? void 0 : r[e]) ?? Xt(t)[e] ?? ((o = t.preset) == null ? void 0 : o[e]);
+}, Q = (e, t) => {
+  var r, o;
+  return Z((r = t.instance) == null ? void 0 : r.colors, e, t.tokenPalette) ?? Z(Yt(t), e, t.tokenPalette) ?? Z((o = t.preset) == null ? void 0 : o.palette, e, t.tokenPalette) ?? t.tokenPalette[e % t.tokenPalette.length];
+}, Zt = (e, t) => (r) => {
+  const {
+    chart: o
+  } = r, {
+    ctx: n,
+    chartArea: a
+  } = o;
+  if (!a) return e;
+  const l = n.createLinearGradient(0, a.top, 0, a.bottom);
+  return l.addColorStop(0, e), l.addColorStop(1, t), l;
+}, nt = (e) => !!e && typeof e == "object" && !Array.isArray(e), tt = (e, t) => {
+  if (!t) return e;
+  const r = Array.isArray(e) ? [...e] : {
+    ...e
+  };
+  for (const o of Object.keys(t)) {
+    const n = e == null ? void 0 : e[o], a = t[o];
+    r[o] = nt(n) && nt(a) ? tt(n, a) : a;
+  }
+  return r;
+}, et = (e, t) => /^#[0-9a-fA-F]{6}$/.test(e) ? `${e}${t}` : e, Jt = (e, t) => {
+  const r = e === !0 ? void 0 : e.from, o = e === !0 ? void 0 : e.to;
+  return Zt(r ?? et(t, "33"), o ?? et(t, "03"));
+}, Qt = (e) => !Array.isArray(e) && "series" in e, rt = (e, t, r = {}) => {
+  const o = t.kind === "line" || t.kind === "radar", n = (l) => o && r.area ? et(l, "29") : l;
+  if (Qt(e))
+    return {
+      labels: e.labels,
+      datasets: e.series.map((l, c) => {
+        const s = l.color ? X(l.color) : Q(c, t), i = t.kind === "line" ? l.gradient : void 0, u = i != null && i !== !1;
+        return {
+          label: l.name,
+          data: l.values,
+          backgroundColor: u ? Jt(i, s) : n(s),
+          borderColor: s,
+          fill: o ? u || !!r.area : void 0,
+          tension: r.tension,
+          pointStyle: r.pointStyle,
+          borderWidth: r.lineWidth,
+          // ── 데이터셋 단위 옵션 (① 듀얼축·점선·null 구간) ──
+          yAxisID: l.yAxisID,
+          borderDash: l.borderDash,
+          spanGaps: l.spanGaps
+        };
+      })
+    };
+  const a = e.map((l, c) => l.color ? X(l.color) : Q(c, t));
+  return {
+    labels: e.map((l) => l.label),
+    datasets: [{
+      label: "",
+      data: e.map((l) => l.value),
+      // line/radar 는 단일색 면적, bar/pie 는 항목별 색
+      backgroundColor: o ? n(a[0]) : a,
+      // radar 단일 시리즈는 한 색, 그 외(line 기존동작 포함)는 항목별 배열
+      borderColor: t.kind === "radar" ? a[0] : a,
+      fill: o ? !!r.area : void 0,
+      tension: r.tension,
+      pointStyle: r.pointStyle,
+      borderWidth: r.lineWidth
+    }]
+  };
+}, ct = (e, t) => ({
+  labels: e.map((r) => r.label),
   datasets: [{
-    label: "My First Dataset",
-    data: [65, 59, 80, 81, 56, 55, 40],
-    fill: !1,
-    borderColor: "rgb(75, 192, 192)",
-    tension: 0.1
+    label: "",
+    data: e.map((r) => r.value),
+    backgroundColor: e.map((r, o) => r.color ? X(r.color) : Q(o, t)),
+    borderWidth: 0
   }]
-}, ue = {
-  responsive: !0,
-  maintainAspectRatio: !1,
-  plugins: {
-    legend: {
-      position: "top"
+}), te = (e) => e === !1 ? {
+  display: !1
+} : e === !0 || e === void 0 ? {
+  display: !0,
+  position: "top"
+} : {
+  display: !0,
+  position: e
+}, ee = {
+  top: 24,
+  right: 28,
+  left: 8
+}, re = (e, t, r) => e ? {
+  display: "auto",
+  color: t ? r.label : "#fff",
+  anchor: t ? "end" : "center",
+  align: t ? "top" : "center",
+  // 차트 영역 밖으로 라벨이 잘리지 않도록 안쪽으로 강제 (라인 양 끝 점 등)
+  clamp: !0,
+  font: {
+    weight: 600
+  },
+  formatter: typeof e == "function" ? e : (o) => typeof o == "number" ? o.toLocaleString() : o
+} : {
+  display: !1
+}, at = (e, t, r) => {
+  const o = t == null ? void 0 : t.tickFormat;
+  return {
+    grid: {
+      color: e.grid,
+      // 보조축 격자는 주축과 겹쳐 지저분해지므로 차트 영역엔 안 그림
+      ...r === "right" ? {
+        drawOnChartArea: !1
+      } : {}
+    },
+    ticks: {
+      color: e.label,
+      ...o ? {
+        callback: (n) => o(Number(n))
+      } : {}
+    },
+    border: {
+      color: e.axis
+    },
+    ...(t == null ? void 0 : t.max) != null ? {
+      max: t.max
+    } : {},
+    ...(t == null ? void 0 : t.min) != null ? {
+      min: t.min
+    } : {},
+    ...r ? {
+      position: r
+    } : {},
+    ...t != null && t.title ? {
+      title: {
+        display: !0,
+        text: t.title,
+        color: e.label
+      }
+    } : {}
+  };
+}, oe = (e, t, r) => {
+  if (e === "bar" || e === "line")
+    return {
+      x: {
+        grid: {
+          color: t.grid
+        },
+        ticks: {
+          color: t.label
+        },
+        border: {
+          color: t.axis
+        }
+      },
+      y: at(t, r == null ? void 0 : r.y, "left"),
+      ...r != null && r.y1 ? {
+        y1: at(t, r.y1, "right")
+      } : {}
+    };
+  if (e === "radar")
+    return {
+      r: {
+        grid: {
+          color: t.grid
+        },
+        angleLines: {
+          color: t.grid
+        },
+        pointLabels: {
+          color: t.label
+        },
+        ticks: {
+          color: t.label,
+          backdropColor: "transparent"
+        },
+        beginAtZero: !0
+      }
+    };
+}, z = ({
+  kind: e,
+  base: t,
+  tokens: r,
+  extra: o,
+  axes: n
+}) => {
+  const a = e === "bar" || e === "line", l = oe(e, r, n), c = {
+    responsive: !0,
+    maintainAspectRatio: t.height == null,
+    aspectRatio: t.aspectRatio,
+    // 영역 여백: padding prop 이 최우선, 없으면 valueLabel·직교좌표 시 기본 여백(라벨 잘림 방지)
+    layout: (() => {
+      const i = t.padding ?? (t.valueLabel && a ? ee : void 0);
+      return i ? {
+        padding: i
+      } : void 0;
+    })(),
+    plugins: {
+      legend: te(t.legend),
+      title: t.title ? {
+        display: !0,
+        text: t.title,
+        color: r.label
+      } : {
+        display: !1
+      },
+      tooltip: {
+        backgroundColor: r.tooltipBg,
+        titleColor: r.tooltipText,
+        bodyColor: r.tooltipText
+      },
+      datalabels: re(t.valueLabel, a, r)
+    },
+    ...l ? {
+      scales: l
+    } : {}
+  }, s = tt(tt(c, o), t.options);
+  return t.rawOptions ?? s;
+}, le = (e) => Array.isArray(e) ? e.length === 0 : e.series.length === 0, ye = (e) => {
+  const t = _.c(35), {
+    data: r,
+    orientation: o,
+    stacked: n,
+    barRadius: a,
+    barThickness: l,
+    yAxis: c,
+    y1Axis: s,
+    colors: i,
+    title: u,
+    legend: h,
+    height: d,
+    aspectRatio: m,
+    padding: g,
+    loading: E,
+    empty: v,
+    className: G,
+    valueLabel: R,
+    options: p,
+    rawOptions: L,
+    plugins: P
+  } = e, T = o === void 0 ? "vertical" : o;
+  let f;
+  t[0] !== a || t[1] !== i ? (f = {
+    colors: i,
+    barRadius: a
+  }, t[0] = a, t[1] = i, t[2] = f) : f = t[2];
+  const b = K("bar", f), y = V();
+  let C;
+  if (t[3] !== l || t[4] !== r || t[5] !== b) {
+    const O = W("barRadius", b);
+    C = rt(r, b), C.datasets = C.datasets.map(($) => ({
+      ...$,
+      borderRadius: O,
+      barThickness: l
+    })), t[3] = l, t[4] = r, t[5] = b, t[6] = C;
+  } else
+    C = t[6];
+  const x = T === "horizontal" ? "y" : "x";
+  let A;
+  if (t[7] !== m || t[8] !== r || t[9] !== d || t[10] !== h || t[11] !== p || t[12] !== g || t[13] !== L || t[14] !== n || t[15] !== x || t[16] !== u || t[17] !== y || t[18] !== R || t[19] !== s || t[20] !== c) {
+    const O = {
+      indexAxis: x,
+      ...n ? {
+        scales: {
+          x: {
+            stacked: !0
+          },
+          y: {
+            stacked: !0
+          }
+        }
+      } : {}
+    }, $ = h ?? (Array.isArray(r) ? !1 : void 0);
+    A = z({
+      kind: "bar",
+      base: {
+        title: u,
+        legend: $,
+        height: d,
+        aspectRatio: m,
+        padding: g,
+        valueLabel: R,
+        options: p,
+        rawOptions: L
+      },
+      tokens: y,
+      extra: O,
+      axes: {
+        y: c,
+        y1: s
+      }
+    }), t[7] = m, t[8] = r, t[9] = d, t[10] = h, t[11] = p, t[12] = g, t[13] = L, t[14] = n, t[15] = x, t[16] = u, t[17] = y, t[18] = R, t[19] = s, t[20] = c, t[21] = A;
+  } else
+    A = t[21];
+  const B = A;
+  let D;
+  t[22] !== r ? (D = le(r), t[22] = r, t[23] = D) : D = t[23];
+  let k;
+  t[24] !== C || t[25] !== B || t[26] !== P ? (k = /* @__PURE__ */ j.jsx(M, { kind: "bar", data: C, options: B, plugins: P }), t[24] = C, t[25] = B, t[26] = P, t[27] = k) : k = t[27];
+  let w;
+  return t[28] !== G || t[29] !== v || t[30] !== d || t[31] !== E || t[32] !== D || t[33] !== k ? (w = /* @__PURE__ */ j.jsx(I, { height: d, loading: E, empty: v, isEmpty: D, className: G, children: k }), t[28] = G, t[29] = v, t[30] = d, t[31] = E, t[32] = D, t[33] = k, t[34] = w) : w = t[34], w;
+}, ne = (e) => Array.isArray(e) ? e.length === 0 : e.series.length === 0, fe = (e) => {
+  const t = _.c(34), {
+    data: r,
+    area: o,
+    tension: n,
+    pointStyle: a,
+    lineWidth: l,
+    yAxis: c,
+    y1Axis: s,
+    colors: i,
+    title: u,
+    legend: h,
+    height: d,
+    aspectRatio: m,
+    padding: g,
+    loading: E,
+    empty: v,
+    className: G,
+    valueLabel: R,
+    options: p,
+    rawOptions: L,
+    plugins: P
+  } = e;
+  let T;
+  t[0] !== i || t[1] !== a || t[2] !== n ? (T = {
+    colors: i,
+    tension: n,
+    pointStyle: a
+  }, t[0] = i, t[1] = a, t[2] = n, t[3] = T) : T = t[3];
+  const f = K("line", T), b = V();
+  let y;
+  t[4] !== o || t[5] !== r || t[6] !== l || t[7] !== f ? (y = rt(r, f, {
+    area: o,
+    tension: W("tension", f) ?? 0.4,
+    pointStyle: W("pointStyle", f),
+    lineWidth: l
+  }), t[4] = o, t[5] = r, t[6] = l, t[7] = f, t[8] = y) : y = t[8];
+  const C = y, x = h ?? (Array.isArray(r) ? !1 : void 0);
+  let A;
+  t[9] !== m || t[10] !== d || t[11] !== x || t[12] !== p || t[13] !== g || t[14] !== L || t[15] !== u || t[16] !== b || t[17] !== R || t[18] !== s || t[19] !== c ? (A = z({
+    kind: "line",
+    base: {
+      title: u,
+      legend: x,
+      height: d,
+      aspectRatio: m,
+      padding: g,
+      valueLabel: R,
+      options: p,
+      rawOptions: L
     },
-    title: {
-      display: !0,
-      text: "Chart.js Chart"
+    tokens: b,
+    axes: {
+      y: c,
+      y1: s
     }
+  }), t[9] = m, t[10] = d, t[11] = x, t[12] = p, t[13] = g, t[14] = L, t[15] = u, t[16] = b, t[17] = R, t[18] = s, t[19] = c, t[20] = A) : A = t[20];
+  const B = A;
+  let D;
+  t[21] !== r ? (D = ne(r), t[21] = r, t[22] = D) : D = t[22];
+  let k;
+  t[23] !== C || t[24] !== B || t[25] !== P ? (k = /* @__PURE__ */ j.jsx(M, { kind: "line", data: C, options: B, plugins: P }), t[23] = C, t[24] = B, t[25] = P, t[26] = k) : k = t[26];
+  let w;
+  return t[27] !== G || t[28] !== v || t[29] !== d || t[30] !== E || t[31] !== D || t[32] !== k ? (w = /* @__PURE__ */ j.jsx(I, { height: d, loading: E, empty: v, isEmpty: D, className: G, children: k }), t[27] = G, t[28] = v, t[29] = d, t[30] = E, t[31] = D, t[32] = k, t[33] = w) : w = t[33], w;
+}, be = (e) => {
+  const t = _.c(26), {
+    data: r,
+    colors: o,
+    title: n,
+    legend: a,
+    height: l,
+    aspectRatio: c,
+    padding: s,
+    loading: i,
+    empty: u,
+    className: h,
+    valueLabel: d,
+    options: m,
+    rawOptions: g,
+    plugins: E
+  } = e;
+  let v;
+  t[0] !== o ? (v = {
+    colors: o
+  }, t[0] = o, t[1] = v) : v = t[1];
+  const G = K("pie", v), R = V();
+  let p;
+  t[2] !== r || t[3] !== G ? (p = ct(r, G), t[2] = r, t[3] = G, t[4] = p) : p = t[4];
+  const L = p;
+  let P;
+  t[5] !== c || t[6] !== l || t[7] !== a || t[8] !== m || t[9] !== s || t[10] !== g || t[11] !== n || t[12] !== R || t[13] !== d ? (P = z({
+    kind: "pie",
+    base: {
+      title: n,
+      legend: a,
+      height: l,
+      aspectRatio: c,
+      padding: s,
+      valueLabel: d,
+      options: m,
+      rawOptions: g
+    },
+    tokens: R
+  }), t[5] = c, t[6] = l, t[7] = a, t[8] = m, t[9] = s, t[10] = g, t[11] = n, t[12] = R, t[13] = d, t[14] = P) : P = t[14];
+  const T = P, f = r.length === 0;
+  let b;
+  t[15] !== L || t[16] !== T || t[17] !== E ? (b = /* @__PURE__ */ j.jsx(M, { kind: "pie", data: L, options: T, plugins: E }), t[15] = L, t[16] = T, t[17] = E, t[18] = b) : b = t[18];
+  let y;
+  return t[19] !== h || t[20] !== u || t[21] !== l || t[22] !== i || t[23] !== f || t[24] !== b ? (y = /* @__PURE__ */ j.jsx(I, { height: l, loading: i, empty: u, isEmpty: f, className: h, children: b }), t[19] = h, t[20] = u, t[21] = l, t[22] = i, t[23] = f, t[24] = b, t[25] = y) : y = t[25], y;
+}, ae = (e, t) => ({
+  id: "centerTotal",
+  afterDraw(r) {
+    const {
+      ctx: o,
+      chartArea: n
+    } = r;
+    if (!n) return;
+    const a = (n.left + n.right) / 2, l = (n.top + n.bottom) / 2;
+    o.save(), o.textAlign = "center", o.textBaseline = "middle", o.fillStyle = t, o.font = "600 18px sans-serif", o.fillText(e, a, l), o.restore();
   }
-}, be = (P) => {
-  const e = J.c(54), {
-    type: v,
-    data: E,
-    options: R,
-    width: L,
-    height: w
-  } = P, t = v === void 0 ? "line" : v, l = E === void 0 ? de : E, r = R === void 0 ? ue : R, a = L === void 0 ? 800 : L, n = w === void 0 ? 400 : w, A = B.useRef(null);
-  let C, g;
-  e[0] !== l || e[1] !== r || e[2] !== t ? (C = () => {
-    const S = A.current;
-    if (S && t === "funnel") {
-      const y = S.getContext("2d");
-      if (!y)
-        return;
-      console.log("type", t), console.log("data", l);
-      const j = D.getChart(y), _ = async () => {
-        new le(y, {
-          data: l,
-          options: r,
-          plugins: [F]
-        });
-      };
-      j == null || j.destroy(), _();
-    }
-  }, g = [l, r, t], e[0] = l, e[1] = r, e[2] = t, e[3] = C, e[4] = g) : (C = e[3], g = e[4]), B.useEffect(C, g);
-  let x;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (x = {
-    position: "relative",
-    height: "40vh",
-    width: "80vw"
-  }, e[5] = x) : x = e[5];
-  let s;
-  e[6] !== l || e[7] !== n || e[8] !== r || e[9] !== t || e[10] !== a ? (s = t === "line" && /* @__PURE__ */ o.jsx(re, { data: l, options: r, width: a, height: n }), e[6] = l, e[7] = n, e[8] = r, e[9] = t, e[10] = a, e[11] = s) : s = e[11];
-  let i;
-  e[12] !== l || e[13] !== r || e[14] !== t ? (i = t === "bar" && /* @__PURE__ */ o.jsx(oe, { data: l, options: r }), e[12] = l, e[13] = r, e[14] = t, e[15] = i) : i = e[15];
-  let c;
-  e[16] !== l || e[17] !== r || e[18] !== t ? (c = t === "bubble" && /* @__PURE__ */ o.jsx(ae, { data: l, options: r }), e[16] = l, e[17] = r, e[18] = t, e[19] = c) : c = e[19];
+}), Ce = (e) => {
+  const t = _.c(56), {
+    data: r,
+    showTotal: o,
+    cutout: n,
+    colors: a,
+    title: l,
+    legend: c,
+    height: s,
+    aspectRatio: i,
+    padding: u,
+    loading: h,
+    empty: d,
+    className: m,
+    valueLabel: g,
+    options: E,
+    rawOptions: v,
+    plugins: G
+  } = e;
+  let R;
+  t[0] !== a || t[1] !== n || t[2] !== o ? (R = {
+    colors: a,
+    cutout: n,
+    showTotal: o
+  }, t[0] = a, t[1] = n, t[2] = o, t[3] = R) : R = t[3];
+  const p = K("doughnut", R), L = V();
+  let P;
+  t[4] !== p ? (P = W("cutout", p) ?? 0.6, t[4] = p, t[5] = P) : P = t[5];
+  const T = P;
   let f;
-  e[20] !== l || e[21] !== r || e[22] !== t ? (f = t === "doughnut" && /* @__PURE__ */ o.jsx(ne, { data: l, options: r }), e[20] = l, e[21] = r, e[22] = t, e[23] = f) : f = e[23];
-  let d;
-  e[24] !== l || e[25] !== r || e[26] !== t ? (d = t === "pie" && /* @__PURE__ */ o.jsx(se, { data: l, options: r }), e[24] = l, e[25] = r, e[26] = t, e[27] = d) : d = e[27];
-  let u;
-  e[28] !== l || e[29] !== r || e[30] !== t ? (u = t === "polarArea" && /* @__PURE__ */ o.jsx(ie, { data: l, options: r }), e[28] = l, e[29] = r, e[30] = t, e[31] = u) : u = e[31];
+  t[6] !== p ? (f = W("showTotal", p) ?? !1, t[6] = p, t[7] = f) : f = t[7];
+  const b = f;
+  let y, C, x, A;
+  if (t[8] !== i || t[9] !== T || t[10] !== r || t[11] !== s || t[12] !== c || t[13] !== E || t[14] !== u || t[15] !== G || t[16] !== v || t[17] !== b || t[18] !== p || t[19] !== l || t[20] !== L || t[21] !== g) {
+    const dt = r.reduce(se, 0);
+    let H;
+    t[26] !== r || t[27] !== p ? (H = ct(r, p), t[26] = r, t[27] = p, t[28] = H) : H = t[28], y = H;
+    let q;
+    t[29] !== i || t[30] !== T || t[31] !== s || t[32] !== c || t[33] !== E || t[34] !== u || t[35] !== v || t[36] !== l || t[37] !== L || t[38] !== g ? (q = z({
+      kind: "doughnut",
+      base: {
+        title: l,
+        legend: c,
+        height: s,
+        aspectRatio: i,
+        padding: u,
+        valueLabel: g,
+        options: E,
+        rawOptions: v
+      },
+      tokens: L,
+      extra: {
+        cutout: `${T * 100}%`
+      }
+    }), t[29] = i, t[30] = T, t[31] = s, t[32] = c, t[33] = E, t[34] = u, t[35] = v, t[36] = l, t[37] = L, t[38] = g, t[39] = q) : q = t[39], C = q, t[40] !== G ? (x = G ?? [], t[40] = G, t[41] = x) : x = t[41], A = b ? [ae(dt.toLocaleString(), L.label)] : [], t[8] = i, t[9] = T, t[10] = r, t[11] = s, t[12] = c, t[13] = E, t[14] = u, t[15] = G, t[16] = v, t[17] = b, t[18] = p, t[19] = l, t[20] = L, t[21] = g, t[22] = y, t[23] = C, t[24] = x, t[25] = A;
+  } else
+    y = t[22], C = t[23], x = t[24], A = t[25];
+  let B;
+  t[42] !== x || t[43] !== A ? (B = [...x, ...A], t[42] = x, t[43] = A, t[44] = B) : B = t[44];
+  const D = B, k = r.length === 0, w = D.length ? D : void 0;
+  let O;
+  t[45] !== y || t[46] !== C || t[47] !== w ? (O = /* @__PURE__ */ j.jsx(M, { kind: "doughnut", data: y, options: C, plugins: w }), t[45] = y, t[46] = C, t[47] = w, t[48] = O) : O = t[48];
+  let $;
+  return t[49] !== m || t[50] !== d || t[51] !== s || t[52] !== h || t[53] !== k || t[54] !== O ? ($ = /* @__PURE__ */ j.jsx(I, { height: s, loading: h, empty: d, isEmpty: k, className: m, children: O }), t[49] = m, t[50] = d, t[51] = s, t[52] = h, t[53] = k, t[54] = O, t[55] = $) : $ = t[55], $;
+};
+function se(e, t) {
+  return e + t.value;
+}
+const ie = (e) => Array.isArray(e) ? e.length === 0 : e.series.length === 0, xe = (e) => {
+  const t = _.c(30), {
+    data: r,
+    max: o,
+    fill: n,
+    colors: a,
+    title: l,
+    legend: c,
+    height: s,
+    aspectRatio: i,
+    padding: u,
+    loading: h,
+    empty: d,
+    className: m,
+    valueLabel: g,
+    options: E,
+    rawOptions: v,
+    plugins: G
+  } = e, R = n === void 0 ? !0 : n;
   let p;
-  e[32] !== l || e[33] !== r || e[34] !== t ? (p = t === "radar" && /* @__PURE__ */ o.jsx(ce, { data: l, options: r }), e[32] = l, e[33] = r, e[34] = t, e[35] = p) : p = e[35];
-  let h;
-  e[36] !== l || e[37] !== r || e[38] !== t ? (h = t === "scatter" && /* @__PURE__ */ o.jsx(fe, { data: l, options: r }), e[36] = l, e[37] = r, e[38] = t, e[39] = h) : h = e[39];
-  let m;
-  e[40] !== n || e[41] !== t || e[42] !== a ? (m = t === "funnel" && /* @__PURE__ */ o.jsx("canvas", { id: "Chart", ref: A, width: a, height: n }), e[40] = n, e[41] = t, e[42] = a, e[43] = m) : m = e[43];
-  let b;
-  return e[44] !== c || e[45] !== f || e[46] !== d || e[47] !== u || e[48] !== p || e[49] !== h || e[50] !== m || e[51] !== s || e[52] !== i ? (b = /* @__PURE__ */ o.jsxs("div", { style: x, children: [
-    s,
-    i,
-    c,
-    f,
-    d,
-    u,
-    p,
-    h,
-    m
-  ] }), e[44] = c, e[45] = f, e[46] = d, e[47] = u, e[48] = p, e[49] = h, e[50] = m, e[51] = s, e[52] = i, e[53] = b) : b = e[53], b;
+  t[0] !== a ? (p = {
+    colors: a
+  }, t[0] = a, t[1] = p) : p = t[1];
+  const L = K("radar", p), P = V();
+  let T;
+  t[2] !== r || t[3] !== R || t[4] !== L ? (T = rt(r, L, {
+    area: R
+  }), t[2] = r, t[3] = R, t[4] = L, t[5] = T) : T = t[5];
+  const f = T, b = c ?? (Array.isArray(r) ? !1 : void 0);
+  let y;
+  if (t[6] !== i || t[7] !== s || t[8] !== b || t[9] !== o || t[10] !== E || t[11] !== u || t[12] !== v || t[13] !== l || t[14] !== P || t[15] !== g) {
+    const D = o != null ? {
+      scales: {
+        r: {
+          suggestedMax: o
+        }
+      }
+    } : {};
+    y = z({
+      kind: "radar",
+      base: {
+        title: l,
+        legend: b,
+        height: s,
+        aspectRatio: i,
+        padding: u,
+        valueLabel: g,
+        options: E,
+        rawOptions: v
+      },
+      tokens: P,
+      extra: D
+    }), t[6] = i, t[7] = s, t[8] = b, t[9] = o, t[10] = E, t[11] = u, t[12] = v, t[13] = l, t[14] = P, t[15] = g, t[16] = y;
+  } else
+    y = t[16];
+  const C = y;
+  let x;
+  t[17] !== r ? (x = ie(r), t[17] = r, t[18] = x) : x = t[18];
+  let A;
+  t[19] !== f || t[20] !== C || t[21] !== G ? (A = /* @__PURE__ */ j.jsx(M, { kind: "radar", data: f, options: C, plugins: G }), t[19] = f, t[20] = C, t[21] = G, t[22] = A) : A = t[22];
+  let B;
+  return t[23] !== m || t[24] !== d || t[25] !== s || t[26] !== h || t[27] !== x || t[28] !== A ? (B = /* @__PURE__ */ j.jsx(I, { height: s, loading: h, empty: d, isEmpty: x, className: m, children: A }), t[23] = m, t[24] = d, t[25] = s, t[26] = h, t[27] = x, t[28] = A, t[29] = B) : B = t[29], B;
+}, Ae = (e) => {
+  const t = _.c(3), {
+    value: r,
+    children: o
+  } = e;
+  let n;
+  return t[0] !== o || t[1] !== r ? (n = /* @__PURE__ */ j.jsx(it, { value: r, children: o }), t[0] = o, t[1] = r, t[2] = n) : n = t[2], n;
 };
 export {
-  be as Chart
+  ye as BarChart,
+  Ae as ChartThemeProvider,
+  Ce as DoughnutChart,
+  fe as LineChart,
+  be as PieChart,
+  xe as RadarChart
 };