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

package/dist/chart.js

@@ -1,94 +1,541 @@
-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"],
-  datasets: [{
-    label: "My First Dataset",
-    data: [65, 59, 80, 81, 56, 55, 40],
-    fill: !1,
-    borderColor: "rgb(75, 192, 192)",
-    tension: 0.1
-  }]
-}, ue = {
-  responsive: !0,
-  maintainAspectRatio: !1,
-  plugins: {
-    legend: {
-      position: "top"
-    },
-    title: {
-      display: !0,
-      text: "Chart.js Chart"
-    }
-  }
-}, 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];
+import { c as j, j as G } from "./compiler-runtime-BFrE5JtX.js";
+import { c as ne } from "./bind-D3ZJ5k4I.js";
+import { Bar as se, Line as ae, Pie as ie, Doughnut as ce } from "react-chartjs-2";
+import de from "chartjs-plugin-datalabels";
+import { Chart as Q, CategoryScale as pe, LinearScale as ue, BarController as he, BarElement as ge, LineController as fe, LineElement as me, PointElement as ye, ArcElement as Ce, PieController as be, DoughnutController as xe, Title as Ae, Tooltip as ve, Legend as Le, Filler as Te } from "chart.js";
+import W from "react";
+import { B as y } from "./baseColor-DYa5_IOB.js";
+const Pe = "_ChartFrame_1t22s_2", Ee = "_ChartState_1t22s_6", Se = {
+  ChartFrame: Pe,
+  ChartState: Ee
+}, q = ne.bind(Se), M = (t) => {
+  const e = j.c(14), {
+    height: o,
+    loading: r,
+    empty: l,
+    isEmpty: n,
+    className: s,
+    children: a
+  } = t;
   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];
-  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];
+  e[0] !== s ? (i = q("ChartFrame", s), e[0] = s, e[1] = i) : i = e[1];
+  const u = o ?? "100%", c = o ? void 0 : 240;
   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];
+  e[2] !== u || e[3] !== c ? (d = {
+    height: u,
+    minHeight: c
+  }, e[2] = u, e[3] = c, e[4] = d) : d = e[4];
   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];
+  e[5] !== a || e[6] !== l || e[7] !== n || e[8] !== r ? (p = n ? /* @__PURE__ */ G.jsx("div", { className: q("ChartState"), children: l ?? "데이터가 없습니다" }) : r ? /* @__PURE__ */ G.jsx("div", { className: q("ChartState"), children: "불러오는 중…" }) : a, e[5] = a, e[6] = l, e[7] = n, e[8] = r, e[9] = p) : p = e[9];
   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];
+  return e[10] !== i || e[11] !== d || e[12] !== p ? (h = /* @__PURE__ */ G.jsx("div", { className: i, style: d, children: p }), e[10] = i, e[11] = d, e[12] = p, e[13] = h) : h = e[13], h;
+};
+let Z = !1;
+const Be = () => {
+  if (typeof window > "u") return "sans-serif";
+  const t = getComputedStyle(document.body).fontFamily;
+  return (t == null ? void 0 : t.trim()) || "sans-serif";
+}, ke = () => {
+  Z || (Z = !0, Q.register(pe, ue, he, ge, fe, me, ye, Ce, be, xe, Ae, ve, Le, Te), Q.defaults.font.family = Be());
+};
+ke();
+const Ge = {
+  bar: se,
+  line: ae,
+  pie: ie,
+  doughnut: ce
+}, Re = (t) => {
+  var o, r;
+  const e = (r = (o = t.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : r.display;
+  return e !== void 0 && e !== !1;
+}, I = (t) => {
+  const e = j.c(12), {
+    kind: o,
+    data: r,
+    options: l,
+    plugins: n
+  } = t, s = Ge[o];
+  let a;
+  e[0] !== n ? (a = n ?? [], e[0] = n, e[1] = a) : a = e[1];
+  let i;
+  e[2] !== l ? (i = Re(l) ? [de] : [], e[2] = l, e[3] = i) : i = e[3];
+  let u;
+  e[4] !== a || e[5] !== i ? (u = [...a, ...i], e[4] = a, e[5] = i, e[6] = u) : u = e[6];
+  const c = u, d = r, p = l, h = c;
   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];
+  return e[7] !== s || e[8] !== d || e[9] !== p || e[10] !== h ? (m = /* @__PURE__ */ G.jsx(s, { data: d, options: p, plugins: h }), e[7] = s, e[8] = d, e[9] = p, e[10] = h, e[11] = m) : m = e[11], m;
+}, De = 8, X = [y.deepGreen.DeepGreen6, y.blue.Blue6, y.gold.Gold6, y.purple.Purple6, y.cyanBlue.CyanBlue6, y.red.Red6, y.lightGreen.LightGreen6, y.grey.Grey6], je = {
+  red: y.red.Red6,
+  lightGreen: y.lightGreen.LightGreen6,
+  cyanBlue: y.cyanBlue.CyanBlue6,
+  purple: y.purple.Purple6,
+  gold: y.gold.Gold6,
+  blue: y.blue.Blue6,
+  grey: y.grey.Grey6,
+  deepGreen: y.deepGreen.DeepGreen6,
+  primary: y.deepGreen.DeepGreen6
+}, V = (t) => /^(#|rgb|hsl|var\()/.test(t) ? t : je[t] ?? t, w = (t) => typeof window > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(t).trim(), we = () => {
+  const t = Array.from({
+    length: De
+  }, (e, o) => w(`--chartCategorical${o}`));
+  return t.some(Boolean) ? t.map((e, o) => e || X[o]) : X;
+}, te = (t, e) => {
+  const [o, r] = W.useState(e);
+  return W.useEffect(() => {
+    const l = () => r(t());
+    l();
+    const n = window.matchMedia("(prefers-color-scheme: dark)");
+    return n.addEventListener("change", l), () => n.removeEventListener("change", l);
+  }, []), o;
+}, _e = () => te(we, X), _ = {
+  grid: y.grey.Grey4,
+  axis: y.grey.Grey6,
+  label: y.grey.Grey7,
+  tooltipBg: y.grey.Grey9,
+  tooltipText: y.whiteWhite
+}, Oe = () => ({
+  grid: w("--chartGrid") || _.grid,
+  axis: w("--chartAxis") || _.axis,
+  label: w("--chartLabel") || _.label,
+  tooltipBg: w("--chartTooltipBg") || _.tooltipBg,
+  tooltipText: w("--chartTooltipText") || _.tooltipText
+}), K = () => te(Oe, _), $e = (t, e) => {
+  if (t)
+    return Array.isArray(t) ? t.map(V) : e;
+}, oe = W.createContext(void 0), Fe = () => W.use(oe), Ne = {
+  // 예) 모든 도넛 기본 정책을 켤 때:
+  // doughnut: { cutout: 0.6, showTotal: true, legend: "right" },
+  // bar: { barRadius: 6 },
+}, z = (t, e) => {
+  const o = j.c(6), r = _e(), l = Fe(), n = Ne[t];
+  let s;
+  return o[0] !== e || o[1] !== t || o[2] !== n || o[3] !== l || o[4] !== r ? (s = {
+    kind: t,
+    instance: e,
+    theme: l,
+    preset: n,
+    tokenPalette: r
+  }, o[0] = e, o[1] = t, o[2] = n, o[3] = l, o[4] = r, o[5] = s) : s = o[5], s;
+}, We = (t) => {
+  var e, o, r;
+  return {
+    ...(e = t.theme) == null ? void 0 : e.defaults,
+    ...(r = (o = t.theme) == null ? void 0 : o.presets) == null ? void 0 : r[t.kind]
+  };
+}, Ve = (t) => {
+  var e, o, r, l, n, s;
+  return ((r = (o = (e = t.theme) == null ? void 0 : e.presets) == null ? void 0 : o[t.kind]) == null ? void 0 : r.palette) ?? ((n = (l = t.theme) == null ? void 0 : l.defaults) == null ? void 0 : n.palette) ?? ((s = t.theme) == null ? void 0 : s.palette);
+}, U = (t, e, o) => {
+  const r = $e(t, o);
+  return r && r.length ? r[e % r.length] : void 0;
+}, $ = (t, e) => {
+  var o, r;
+  return ((o = e.instance) == null ? void 0 : o[t]) ?? We(e)[t] ?? ((r = e.preset) == null ? void 0 : r[t]);
+}, Y = (t, e) => {
+  var o, r;
+  return U((o = e.instance) == null ? void 0 : o.colors, t, e.tokenPalette) ?? U(Ve(e), t, e.tokenPalette) ?? U((r = e.preset) == null ? void 0 : r.palette, t, e.tokenPalette) ?? e.tokenPalette[t % e.tokenPalette.length];
+}, ee = (t) => !!t && typeof t == "object" && !Array.isArray(t), J = (t, e) => {
+  if (!e) return t;
+  const o = Array.isArray(t) ? [...t] : {
+    ...t
+  };
+  for (const r of Object.keys(e)) {
+    const l = t == null ? void 0 : t[r], n = e[r];
+    o[r] = ee(l) && ee(n) ? J(l, n) : n;
+  }
+  return o;
+}, Me = (t, e) => /^#[0-9a-fA-F]{6}$/.test(t) ? `${t}${e}` : t, Ie = (t) => !Array.isArray(t) && "series" in t, re = (t, e, o = {}) => {
+  const r = (n) => e.kind === "line" && o.area ? Me(n, "29") : n;
+  if (Ie(t))
+    return {
+      labels: t.labels,
+      datasets: t.series.map((n, s) => {
+        const a = n.color ? V(n.color) : Y(s, e);
+        return {
+          label: n.name,
+          data: n.values,
+          backgroundColor: r(a),
+          borderColor: a,
+          fill: e.kind === "line" ? !!o.area : void 0,
+          tension: o.tension,
+          pointStyle: o.pointStyle,
+          borderWidth: o.lineWidth
+        };
+      })
+    };
+  const l = t.map((n, s) => n.color ? V(n.color) : Y(s, e));
+  return {
+    labels: t.map((n) => n.label),
+    datasets: [{
+      label: "",
+      data: t.map((n) => n.value),
+      backgroundColor: e.kind === "line" ? r(l[0]) : l,
+      borderColor: l,
+      fill: e.kind === "line" ? !!o.area : void 0,
+      tension: o.tension,
+      pointStyle: o.pointStyle,
+      borderWidth: o.lineWidth
+    }]
+  };
+}, le = (t, e) => ({
+  labels: t.map((o) => o.label),
+  datasets: [{
+    label: "",
+    data: t.map((o) => o.value),
+    backgroundColor: t.map((o, r) => o.color ? V(o.color) : Y(r, e)),
+    borderWidth: 0
+  }]
+}), Ke = (t) => t === !1 ? {
+  display: !1
+} : t === !0 || t === void 0 ? {
+  display: !0,
+  position: "top"
+} : {
+  display: !0,
+  position: t
+}, ze = {
+  top: 24,
+  right: 28,
+  left: 8
+}, He = (t, e, o) => t ? {
+  display: "auto",
+  color: e ? o.label : "#fff",
+  anchor: e ? "end" : "center",
+  align: e ? "top" : "center",
+  // 차트 영역 밖으로 라벨이 잘리지 않도록 안쪽으로 강제 (라인 양 끝 점 등)
+  clamp: !0,
+  font: {
+    weight: 600
+  },
+  formatter: typeof t == "function" ? t : (r) => typeof r == "number" ? r.toLocaleString() : r
+} : {
+  display: !1
+}, H = ({
+  kind: t,
+  base: e,
+  tokens: o,
+  extra: r
+}) => {
+  const l = t === "bar" || t === "line", n = {
+    responsive: !0,
+    maintainAspectRatio: e.height == null,
+    aspectRatio: e.aspectRatio,
+    // 영역 여백: padding prop 이 최우선, 없으면 valueLabel·직교좌표 시 기본 여백(라벨 잘림 방지)
+    layout: (() => {
+      const a = e.padding ?? (e.valueLabel && l ? ze : void 0);
+      return a ? {
+        padding: a
+      } : void 0;
+    })(),
+    plugins: {
+      legend: Ke(e.legend),
+      title: e.title ? {
+        display: !0,
+        text: e.title,
+        color: o.label
+      } : {
+        display: !1
+      },
+      tooltip: {
+        backgroundColor: o.tooltipBg,
+        titleColor: o.tooltipText,
+        bodyColor: o.tooltipText
+      },
+      datalabels: He(e.valueLabel, l, o)
+    },
+    ...l ? {
+      scales: {
+        x: {
+          grid: {
+            color: o.grid
+          },
+          ticks: {
+            color: o.label
+          },
+          border: {
+            color: o.axis
+          }
+        },
+        y: {
+          grid: {
+            color: o.grid
+          },
+          ticks: {
+            color: o.label
+          },
+          border: {
+            color: o.axis
+          }
+        }
+      }
+    } : {}
+  }, s = J(J(n, r), e.options);
+  return e.rawOptions ?? s;
+}, qe = (t) => Array.isArray(t) ? t.length === 0 : t.series.length === 0, lt = (t) => {
+  const e = j.c(32), {
+    data: o,
+    orientation: r,
+    stacked: l,
+    barRadius: n,
+    barThickness: s,
+    colors: a,
+    title: i,
+    legend: u,
+    height: c,
+    aspectRatio: d,
+    padding: p,
+    loading: h,
+    empty: m,
+    className: x,
+    valueLabel: v,
+    options: S,
+    rawOptions: g
+  } = t, L = r === void 0 ? "vertical" : r;
+  let C;
+  e[0] !== n || e[1] !== a ? (C = {
+    colors: a,
+    barRadius: n
+  }, e[0] = n, e[1] = a, e[2] = C) : C = e[2];
+  const A = z("bar", C), T = K();
+  let f;
+  if (e[3] !== s || e[4] !== o || e[5] !== A) {
+    const D = $("barRadius", A);
+    f = re(o, A), f.datasets = f.datasets.map((O) => ({
+      ...O,
+      borderRadius: D,
+      barThickness: s
+    })), e[3] = s, e[4] = o, e[5] = A, e[6] = f;
+  } else
+    f = e[6];
+  const b = L === "horizontal" ? "y" : "x";
+  let B;
+  if (e[7] !== d || e[8] !== o || e[9] !== c || e[10] !== u || e[11] !== S || e[12] !== p || e[13] !== g || e[14] !== l || e[15] !== b || e[16] !== i || e[17] !== T || e[18] !== v) {
+    const D = {
+      indexAxis: b,
+      ...l ? {
+        scales: {
+          x: {
+            stacked: !0
+          },
+          y: {
+            stacked: !0
+          }
+        }
+      } : {}
+    }, O = u ?? (Array.isArray(o) ? !1 : void 0);
+    B = H({
+      kind: "bar",
+      base: {
+        title: i,
+        legend: O,
+        height: c,
+        aspectRatio: d,
+        padding: p,
+        valueLabel: v,
+        options: S,
+        rawOptions: g
+      },
+      tokens: T,
+      extra: D
+    }), e[7] = d, e[8] = o, e[9] = c, e[10] = u, e[11] = S, e[12] = p, e[13] = g, e[14] = l, e[15] = b, e[16] = i, e[17] = T, e[18] = v, e[19] = B;
+  } else
+    B = e[19];
+  const R = B;
+  let P;
+  e[20] !== o ? (P = qe(o), e[20] = o, e[21] = P) : P = e[21];
+  let E;
+  e[22] !== f || e[23] !== R ? (E = /* @__PURE__ */ G.jsx(I, { kind: "bar", data: f, options: R }), e[22] = f, e[23] = R, e[24] = E) : E = e[24];
+  let k;
+  return e[25] !== x || e[26] !== m || e[27] !== c || e[28] !== h || e[29] !== P || e[30] !== E ? (k = /* @__PURE__ */ G.jsx(M, { height: c, loading: h, empty: m, isEmpty: P, className: x, children: E }), e[25] = x, e[26] = m, e[27] = c, e[28] = h, e[29] = P, e[30] = E, e[31] = k) : k = e[31], k;
+}, Ue = (t) => Array.isArray(t) ? t.length === 0 : t.series.length === 0, nt = (t) => {
+  const e = j.c(31), {
+    data: o,
+    area: r,
+    tension: l,
+    pointStyle: n,
+    lineWidth: s,
+    colors: a,
+    title: i,
+    legend: u,
+    height: c,
+    aspectRatio: d,
+    padding: p,
+    loading: h,
+    empty: m,
+    className: x,
+    valueLabel: v,
+    options: S,
+    rawOptions: g
+  } = t;
+  let L;
+  e[0] !== a || e[1] !== n || e[2] !== l ? (L = {
+    colors: a,
+    tension: l,
+    pointStyle: n
+  }, e[0] = a, e[1] = n, e[2] = l, e[3] = L) : L = e[3];
+  const C = z("line", L), A = K();
+  let T;
+  e[4] !== r || e[5] !== o || e[6] !== s || e[7] !== C ? (T = re(o, C, {
+    area: r,
+    tension: $("tension", C) ?? 0.4,
+    pointStyle: $("pointStyle", C),
+    lineWidth: s
+  }), e[4] = r, e[5] = o, e[6] = s, e[7] = C, e[8] = T) : T = e[8];
+  const f = T, b = u ?? (Array.isArray(o) ? !1 : void 0);
+  let B;
+  e[9] !== d || e[10] !== c || e[11] !== b || e[12] !== S || e[13] !== p || e[14] !== g || e[15] !== i || e[16] !== A || e[17] !== v ? (B = H({
+    kind: "line",
+    base: {
+      title: i,
+      legend: b,
+      height: c,
+      aspectRatio: d,
+      padding: p,
+      valueLabel: v,
+      options: S,
+      rawOptions: g
+    },
+    tokens: A
+  }), e[9] = d, e[10] = c, e[11] = b, e[12] = S, e[13] = p, e[14] = g, e[15] = i, e[16] = A, e[17] = v, e[18] = B) : B = e[18];
+  const R = B;
+  let P;
+  e[19] !== o ? (P = Ue(o), e[19] = o, e[20] = P) : P = e[20];
+  let E;
+  e[21] !== f || e[22] !== R ? (E = /* @__PURE__ */ G.jsx(I, { kind: "line", data: f, options: R }), e[21] = f, e[22] = R, e[23] = E) : E = e[23];
+  let k;
+  return e[24] !== x || e[25] !== m || e[26] !== c || e[27] !== h || e[28] !== P || e[29] !== E ? (k = /* @__PURE__ */ G.jsx(M, { height: c, loading: h, empty: m, isEmpty: P, className: x, children: E }), e[24] = x, e[25] = m, e[26] = c, e[27] = h, e[28] = P, e[29] = E, e[30] = k) : k = e[30], k;
+}, st = (t) => {
+  const e = j.c(25), {
+    data: o,
+    colors: r,
+    title: l,
+    legend: n,
+    height: s,
+    aspectRatio: a,
+    padding: i,
+    loading: u,
+    empty: c,
+    className: d,
+    valueLabel: p,
+    options: h,
+    rawOptions: m
+  } = t;
+  let x;
+  e[0] !== r ? (x = {
+    colors: r
+  }, e[0] = r, e[1] = x) : x = e[1];
+  const v = z("pie", x), S = K();
+  let g;
+  e[2] !== o || e[3] !== v ? (g = le(o, v), e[2] = o, e[3] = v, e[4] = g) : g = e[4];
+  const L = g;
+  let C;
+  e[5] !== a || e[6] !== s || e[7] !== n || e[8] !== h || e[9] !== i || e[10] !== m || e[11] !== l || e[12] !== S || e[13] !== p ? (C = H({
+    kind: "pie",
+    base: {
+      title: l,
+      legend: n,
+      height: s,
+      aspectRatio: a,
+      padding: i,
+      valueLabel: p,
+      options: h,
+      rawOptions: m
+    },
+    tokens: S
+  }), e[5] = a, e[6] = s, e[7] = n, e[8] = h, e[9] = i, e[10] = m, e[11] = l, e[12] = S, e[13] = p, e[14] = C) : C = e[14];
+  const A = C, T = o.length === 0;
+  let f;
+  e[15] !== L || e[16] !== A ? (f = /* @__PURE__ */ G.jsx(I, { kind: "pie", data: L, options: A }), e[15] = L, e[16] = A, e[17] = f) : f = e[17];
   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;
+  return e[18] !== d || e[19] !== c || e[20] !== s || e[21] !== u || e[22] !== T || e[23] !== f ? (b = /* @__PURE__ */ G.jsx(M, { height: s, loading: u, empty: c, isEmpty: T, className: d, children: f }), e[18] = d, e[19] = c, e[20] = s, e[21] = u, e[22] = T, e[23] = f, e[24] = b) : b = e[24], b;
+}, Xe = (t, e) => ({
+  id: "centerTotal",
+  afterDraw(o) {
+    const {
+      ctx: r,
+      chartArea: l
+    } = o;
+    if (!l) return;
+    const n = (l.left + l.right) / 2, s = (l.top + l.bottom) / 2;
+    r.save(), r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = e, r.font = "600 18px sans-serif", r.fillText(t, n, s), r.restore();
+  }
+}), at = (t) => {
+  const e = j.c(49), {
+    data: o,
+    showTotal: r,
+    cutout: l,
+    colors: n,
+    title: s,
+    legend: a,
+    height: i,
+    aspectRatio: u,
+    padding: c,
+    loading: d,
+    empty: p,
+    className: h,
+    valueLabel: m,
+    options: x,
+    rawOptions: v
+  } = t;
+  let S;
+  e[0] !== n || e[1] !== l || e[2] !== r ? (S = {
+    colors: n,
+    cutout: l,
+    showTotal: r
+  }, e[0] = n, e[1] = l, e[2] = r, e[3] = S) : S = e[3];
+  const g = z("doughnut", S), L = K();
+  let C;
+  e[4] !== g ? (C = $("cutout", g) ?? 0.6, e[4] = g, e[5] = C) : C = e[5];
+  const A = C;
+  let T;
+  e[6] !== g ? (T = $("showTotal", g) ?? !1, e[6] = g, e[7] = T) : T = e[7];
+  const f = T;
+  let b, B, R;
+  if (e[8] !== u || e[9] !== A || e[10] !== o || e[11] !== i || e[12] !== a || e[13] !== x || e[14] !== c || e[15] !== v || e[16] !== f || e[17] !== g || e[18] !== s || e[19] !== L || e[20] !== m) {
+    const O = o.reduce(Ye, 0);
+    let F;
+    e[24] !== o || e[25] !== g ? (F = le(o, g), e[24] = o, e[25] = g, e[26] = F) : F = e[26], b = F;
+    let N;
+    e[27] !== u || e[28] !== A || e[29] !== i || e[30] !== a || e[31] !== x || e[32] !== c || e[33] !== v || e[34] !== s || e[35] !== L || e[36] !== m ? (N = H({
+      kind: "doughnut",
+      base: {
+        title: s,
+        legend: a,
+        height: i,
+        aspectRatio: u,
+        padding: c,
+        valueLabel: m,
+        options: x,
+        rawOptions: v
+      },
+      tokens: L,
+      extra: {
+        cutout: `${A * 100}%`
+      }
+    }), e[27] = u, e[28] = A, e[29] = i, e[30] = a, e[31] = x, e[32] = c, e[33] = v, e[34] = s, e[35] = L, e[36] = m, e[37] = N) : N = e[37], B = N, R = f ? [Xe(O.toLocaleString(), L.label)] : void 0, e[8] = u, e[9] = A, e[10] = o, e[11] = i, e[12] = a, e[13] = x, e[14] = c, e[15] = v, e[16] = f, e[17] = g, e[18] = s, e[19] = L, e[20] = m, e[21] = b, e[22] = B, e[23] = R;
+  } else
+    b = e[21], B = e[22], R = e[23];
+  const P = R, E = o.length === 0;
+  let k;
+  e[38] !== b || e[39] !== B || e[40] !== P ? (k = /* @__PURE__ */ G.jsx(I, { kind: "doughnut", data: b, options: B, plugins: P }), e[38] = b, e[39] = B, e[40] = P, e[41] = k) : k = e[41];
+  let D;
+  return e[42] !== h || e[43] !== p || e[44] !== i || e[45] !== d || e[46] !== E || e[47] !== k ? (D = /* @__PURE__ */ G.jsx(M, { height: i, loading: d, empty: p, isEmpty: E, className: h, children: k }), e[42] = h, e[43] = p, e[44] = i, e[45] = d, e[46] = E, e[47] = k, e[48] = D) : D = e[48], D;
+};
+function Ye(t, e) {
+  return t + e.value;
+}
+const it = (t) => {
+  const e = j.c(3), {
+    value: o,
+    children: r
+  } = t;
+  let l;
+  return e[0] !== r || e[1] !== o ? (l = /* @__PURE__ */ G.jsx(oe, { value: o, children: r }), e[0] = r, e[1] = o, e[2] = l) : l = e[2], l;
 };
 export {
-  be as Chart
+  lt as BarChart,
+  it as ChartThemeProvider,
+  at as DoughnutChart,
+  nt as LineChart,
+  st as PieChart
 };