@acronis-platform/ui-react 4.0.0 → 5.0.0

package/dist/components/ui/radial-bar-chart/radial-bar-chart.js

@@ -1,409 +1,277 @@
-import { jsxs as N, jsx as i, Fragment as me } from "react/jsx-runtime";
-import * as $ from "react";
-import { RadialBarChart as fe, PolarGrid as de, PolarAngleAxis as he, RadialBar as O, Cell as ge, LabelList as pe, Label as ve } from "recharts";
-import { cn as I } from "../../../lib/utils.js";
-import { resolveAnimation as Ce, CHART_LABEL_FONT_SIZE as xe, resolveLabelFillClass as be } from "../chart/chart-format.js";
-import { resolveChartColors as Se, ChartTooltip as Ne, ChartContainer as Te, ChartLegendContent as Be, ChartTooltipContent as F } from "../chart/chart.js";
-import { CHART_DEFAULT_PALETTE as $e } from "../chart/chart-palette.js";
-function V({
-  centerLabel: a
-}) {
-  return /* @__PURE__ */ i(
-    ve,
-    {
-      content: ({ viewBox: t }) => {
-        if (!t || !("cx" in t)) return null;
-        const { cx: n = 0, cy: e = 0 } = t, l = a.value != null, o = a.label != null, r = l && o;
-        return /* @__PURE__ */ N("g", { children: [
-          l && /* @__PURE__ */ i(
-            "text",
-            {
-              x: n,
-              y: r ? e - 10 : e,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              className: "fill-foreground text-2xl font-semibold",
-              children: a.value
-            }
-          ),
-          o && /* @__PURE__ */ i(
-            "text",
-            {
-              x: n,
-              y: r ? e + 13 : e,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              className: "fill-muted-foreground text-sm",
-              children: a.label
-            }
-          )
-        ] });
-      }
-    }
-  );
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { CHART_DEFAULT_PALETTE as t } from "../chart/chart-palette.js";
+import { ChartContainer as n, ChartLegendContent as r, ChartTooltip as i, ChartTooltipContent as a, resolveChartColors as o } from "../chart/chart.js";
+import { resolveAnimation as s, resolveLabelFillClass as c } from "../chart/chart-format.js";
+import * as l from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Cell as p, Label as m, LabelList as h, PolarAngleAxis as g, PolarGrid as _, RadialBar as v, RadialBarChart as y } from "recharts";
+//#region src/components/ui/radial-bar-chart/radial-bar-chart.tsx
+function b({ centerLabel: e }) {
+	return /* @__PURE__ */ d(m, { content: ({ viewBox: t }) => {
+		if (!t || !("cx" in t)) return null;
+		let { cx: n = 0, cy: r = 0 } = t, i = e.value != null, a = e.label != null, o = i && a;
+		return /* @__PURE__ */ f("g", { children: [i && /* @__PURE__ */ d("text", {
+			x: n,
+			y: o ? r - 10 : r,
+			textAnchor: "middle",
+			dominantBaseline: "central",
+			className: "fill-foreground text-2xl font-semibold",
+			children: e.value
+		}), a && /* @__PURE__ */ d("text", {
+			x: n,
+			y: o ? r + 13 : r,
+			textAnchor: "middle",
+			dominantBaseline: "central",
+			className: "fill-muted-foreground text-sm",
+			children: e.label
+		})] });
+	} });
 }
-function ke(a) {
-  const { format: t, name: n, value: e, formatter: l } = a;
-  if (e == null) return "";
-  const o = l ? l(e) : String(e);
-  return t === "name-value" && n != null ? `${n}: ${o}` : o;
+function x(e) {
+	let { format: t, name: n, value: r, formatter: i } = e;
+	if (r == null) return "";
+	let a = i ? i(r) : String(r);
+	return t === "name-value" && n != null ? `${n}: ${a}` : a;
 }
-const Me = 3;
-function Re(a) {
-  const { value: t, domain: n, segments: e, sweep: l, closed: o } = a, r = o ? e : e - 1, s = r > 0 ? Math.min(Math.max(a.gap, 0), l / (2 * r)) : 0, h = (l - s * r) / e, [u, x] = n, m = x - u;
-  let S = (m > 0 ? Math.min(Math.max((t - u) / m, 0), 1) : 0) * h * e;
-  const f = [];
-  for (let g = 0; g < e; g++) {
-    const p = Math.min(Math.max(S, 0), h);
-    S -= p, f.push({ key: `seg-${g}-value`, degrees: p, kind: "value" }), f.push({
-      key: `seg-${g}-track`,
-      degrees: h - p,
-      kind: "track"
-    }), s > 0 && (o || g < e - 1) && f.push({ key: `seg-${g}-gap`, degrees: s, kind: "gap" });
-  }
-  return f;
+var S = 3;
+function C(e) {
+	let { value: t, domain: n, segments: r, sweep: i, closed: a } = e, o = a ? r : r - 1, s = o > 0 ? Math.min(Math.max(e.gap, 0), i / (2 * o)) : 0, c = (i - s * o) / r, [l, u] = n, d = u - l, f = (d > 0 ? Math.min(Math.max((t - l) / d, 0), 1) : 0) * c * r, p = [];
+	for (let e = 0; e < r; e++) {
+		let t = Math.min(Math.max(f, 0), c);
+		f -= t, p.push({
+			key: `seg-${e}-value`,
+			degrees: t,
+			kind: "value"
+		}), p.push({
+			key: `seg-${e}-track`,
+			degrees: c - t,
+			kind: "track"
+		}), s > 0 && (a || e < r - 1) && p.push({
+			key: `seg-${e}-gap`,
+			degrees: s,
+			kind: "gap"
+		});
+	}
+	return p;
 }
-function Le(a, t) {
-  return a === "gap" ? "transparent" : a === "track" ? "var(--ui-border-on-status-neutral)" : `var(--color-${t})`;
+function w(e, t) {
+	return e === "gap" ? "transparent" : e === "track" ? "var(--ui-border-on-status-neutral)" : `var(--color-${t})`;
 }
-function Ee(a) {
-  var u;
-  const { config: t, row: n, nameKey: e, dataKey: l, domainMax: o } = a, r = String(n[e]), s = n[l], h = typeof s == "number" ? s.toLocaleString() : String(s ?? "");
-  return {
-    colorName: r,
-    label: ((u = t[r]) == null ? void 0 : u.label) ?? r,
-    // The gauge's scale is the other half of the reading, so a known maximum
-    // comes along: "29 / 38", not a bare "29".
-    valueText: o == null ? h : `${h} / ${o.toLocaleString()}`
-  };
+function T(e) {
+	let { config: t, row: n, nameKey: r, dataKey: i, domainMax: a } = e, o = String(n[r]), s = n[i], c = typeof s == "number" ? s.toLocaleString() : String(s ?? "");
+	return {
+		colorName: o,
+		label: t[o]?.label ?? o,
+		valueText: a == null ? c : `${c} / ${a.toLocaleString()}`
+	};
 }
-function Fe({
-  active: a,
-  payload: t,
-  ...n
-}) {
-  const { colorName: e, label: l, valueText: o } = Ee(n);
-  return /* @__PURE__ */ i(
-    F,
-    {
-      active: a,
-      payload: t == null ? void 0 : t.slice(0, 1),
-      hideLabel: !0,
-      formatter: () => /* @__PURE__ */ N(me, { children: [
-        /* @__PURE__ */ i(
-          "div",
-          {
-            className: "h-2.5 w-2.5 shrink-0 rounded-full",
-            style: { backgroundColor: `var(--color-${e})` }
-          }
-        ),
-        /* @__PURE__ */ N("div", { className: "flex flex-1 items-center justify-between gap-2 leading-none", children: [
-          /* @__PURE__ */ i("span", { className: "text-muted-foreground", children: l }),
-          /* @__PURE__ */ i("span", { className: "font-medium tabular-nums text-foreground", children: o })
-        ] })
-      ] })
-    }
-  );
+function E({ active: e, payload: t, ...n }) {
+	let { colorName: r, label: i, valueText: o } = T(n);
+	return /* @__PURE__ */ d(a, {
+		active: e,
+		payload: t?.slice(0, 1),
+		hideLabel: !0,
+		formatter: () => /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+			className: "h-2.5 w-2.5 shrink-0 rounded-full",
+			style: { backgroundColor: `var(--color-${r})` }
+		}), /* @__PURE__ */ f("div", {
+			className: "flex flex-1 items-center justify-between gap-2 leading-none",
+			children: [/* @__PURE__ */ d("span", {
+				className: "text-muted-foreground",
+				children: i
+			}), /* @__PURE__ */ d("span", {
+				className: "font-medium tabular-nums text-foreground",
+				children: o
+			})]
+		})] })
+	});
 }
-function Ae(a, t) {
-  const n = a == null ? void 0 : a[t];
-  return n == null ? "" : String(n);
+function D(e, t) {
+	let n = e?.[t];
+	return n == null ? "" : String(n);
 }
-function Pe(a) {
-  var s;
-  const { key: t, row: n, isMultiMetric: e, nameKey: l, config: o } = a;
-  if (!e) return n == null ? void 0 : n[l];
-  const r = (s = o[t]) == null ? void 0 : s.label;
-  return typeof r == "string" || typeof r == "number" ? r : t;
+function O(e) {
+	let { key: t, row: n, isMultiMetric: r, nameKey: i, config: a } = e;
+	if (!r) return n?.[i];
+	let o = a[t]?.label;
+	return typeof o == "string" || typeof o == "number" ? o : t;
 }
-function _e({
-  seriesKeys: a,
-  seriesData: t,
-  isMultiMetric: n,
-  config: e,
-  nameKey: l,
-  showBackground: o,
-  cornerRadius: r,
-  minPointSize: s,
-  animation: h,
-  centerLabel: u,
-  showLabels: x,
-  labelPosition: m,
-  labelFormat: T,
-  labelFormatter: S
-}) {
-  return a.map((f, g) => /* @__PURE__ */ N(
-    O,
-    {
-      dataKey: f,
-      fill: n ? `var(--color-${f})` : void 0,
-      background: o ? { fill: "var(--ui-border-on-status-neutral)" } : !1,
-      cornerRadius: r,
-      minPointSize: s,
-      ...h,
-      children: [
-        !n && t.map((p, k) => (
-          // Keyed by index, not the name: two arcs could share a nameKey
-          // value, which would collide as a React key. Same-named arcs
-          // intentionally share a color/config entry via `--color-<name>`.
-          /* @__PURE__ */ i(ge, { fill: `var(--color-${p[l]})` }, k)
-        )),
-        g === 0 && u && /* @__PURE__ */ i(V, { centerLabel: u }),
-        x && /* @__PURE__ */ i(
-          pe,
-          {
-            valueAccessor: (p) => ke({
-              format: T,
-              name: Pe({
-                key: f,
-                row: p.payload,
-                isMultiMetric: n,
-                nameKey: l,
-                config: e
-              }),
-              value: p.value,
-              formatter: S
-            }),
-            position: m,
-            className: be(m),
-            fontSize: xe
-          }
-        )
-      ]
-    },
-    f
-  ));
+function ee({ seriesKeys: e, seriesData: t, isMultiMetric: n, config: r, nameKey: i, showBackground: a, cornerRadius: o, minPointSize: s, animation: l, centerLabel: u, showLabels: m, labelPosition: g, labelFormat: _, labelFormatter: y }) {
+	return e.map((e, S) => /* @__PURE__ */ f(v, {
+		dataKey: e,
+		fill: n ? `var(--color-${e})` : void 0,
+		background: a ? { fill: "var(--ui-border-on-status-neutral)" } : !1,
+		cornerRadius: o,
+		minPointSize: s,
+		...l,
+		children: [
+			!n && t.map((e, t) => /* @__PURE__ */ d(p, { fill: `var(--color-${e[i]})` }, t)),
+			S === 0 && u && /* @__PURE__ */ d(b, { centerLabel: u }),
+			m && /* @__PURE__ */ d(h, {
+				valueAccessor: (t) => x({
+					format: _,
+					name: O({
+						key: e,
+						row: t.payload,
+						isMultiMetric: n,
+						nameKey: i,
+						config: r
+					}),
+					value: t.value,
+					formatter: y
+				}),
+				position: g,
+				className: c(g),
+				fontSize: 12
+			})
+		]
+	}, e));
 }
-function ze({
-  ringSegments: a,
-  row: t,
-  nameKey: n,
-  cornerRadius: e,
-  animation: l,
-  centerLabel: o
-}) {
-  return a.map((r, s) => /* @__PURE__ */ i(
-    O,
-    {
-      dataKey: r.key,
-      stackId: "segments",
-      name: String(t[n]),
-      fill: Le(r.kind, t[n]),
-      cornerRadius: e,
-      ...l,
-      children: s === 0 && o && /* @__PURE__ */ i(V, { centerLabel: o })
-    },
-    r.key
-  ));
+function te({ ringSegments: e, row: t, nameKey: n, cornerRadius: r, animation: i, centerLabel: a }) {
+	return e.map((e, o) => /* @__PURE__ */ d(v, {
+		dataKey: e.key,
+		stackId: "segments",
+		name: String(t[n]),
+		fill: w(e.kind, t[n]),
+		cornerRadius: r,
+		...i,
+		children: o === 0 && a && /* @__PURE__ */ d(b, { centerLabel: a })
+	}, e.key));
 }
-const je = $.forwardRef(
-  ({
-    className: a,
-    config: t,
-    palette: n,
-    data: e,
-    dataKey: l,
-    dataKeys: o,
-    nameKey: r,
-    innerRadius: s = 20,
-    outerRadius: h = 60,
-    startAngle: u = 90,
-    endAngle: x = -270,
-    valueDomain: m,
-    cornerRadius: T = 4,
-    cx: S,
-    cy: f,
-    barSize: g,
-    barGap: p,
-    barCategoryGap: k,
-    minAngle: M,
-    margin: U,
-    segments: R,
-    segmentGap: X = Me,
-    showBackground: Y = !0,
-    showPolarGrid: Z = !1,
-    centerLabel: A,
-    showTooltip: q = !0,
-    showLegend: B = !0,
-    legendValueFormatter: D,
-    tooltipContent: J,
-    animate: Q,
-    animationDuration: W,
-    animationBegin: w,
-    animationEasing: y,
-    showLabels: P = !1,
-    labelPosition: K,
-    labelFormat: ee = "value",
-    labelFormatter: re,
-    ...te
-  }, ne) => {
-    const _ = Ce({
-      animate: Q,
-      animationDuration: W,
-      animationBegin: w,
-      animationEasing: y
-    }), L = K ?? "insideStart", d = !!(o != null && o.length), v = R != null && R > 1 && !d && e.length === 1 && typeof e[0][l] == "number", oe = d ? o : [l], z = $.useMemo(
-      () => o != null && o.length ? o : [l],
-      [o, l]
-    ), E = Math.abs(x - u), j = v ? Re({
-      value: e[0][l],
-      // Without a domain a lone value is its own maximum, so the ring fills.
-      domain: m ?? [0, e[0][l]],
-      segments: R,
-      gap: X,
-      sweep: E,
-      closed: E >= 360
-    }) : [], G = d ? e : e.map((c) => ({
-      ...c,
-      fill: `var(--color-${c[r]})`
-    })), le = v ? [
-      {
-        ...e[0],
-        ...Object.fromEntries(j.map((c) => [c.key, c.degrees]))
-      }
-    ] : G, ae = M === void 0 ? void 0 : x < u ? -M : M, b = $.useMemo(
-      () => B ? Se(t, n ?? $e) : null,
-      [B, t, n]
-    ), ie = $.useMemo(() => b ? d ? z.map((c) => {
-      var C;
-      return {
-        value: c,
-        dataKey: c,
-        color: ((C = b[c]) == null ? void 0 : C.color) ?? `var(--color-${c})`,
-        type: "rect",
-        payload: {}
-      };
-    }) : e.map((c) => {
-      var C;
-      return {
-        value: String(c[r]),
-        dataKey: r,
-        color: ((C = b[String(c[r])]) == null ? void 0 : C.color) ?? `var(--color-${String(c[r])})`,
-        type: "rect",
-        payload: c
-      };
-    }) : [], [b, d, z, e, r]), se = B && !v && !!b, ce = /* @__PURE__ */ N(
-      fe,
-      {
-        data: le,
-        dataKey: d || v ? void 0 : l,
-        cx: S,
-        cy: f,
-        innerRadius: s,
-        outerRadius: h,
-        startAngle: u,
-        endAngle: x,
-        barSize: g,
-        barGap: p,
-        barCategoryGap: k,
-        margin: U ?? { top: 0, right: 0, bottom: 0, left: 0 },
-        children: [
-          Z && /* @__PURE__ */ i(de, { gridType: "circle", radialLines: !1 }),
-          (m || v) && // The angular scale itself, not chrome: it maps a value onto a
-          // fraction of the sweep. Ticks/axis line stay off — the arcs and
-          // the optional center readout are the readout. A segmented ring is
-          // already measured in degrees, so its scale *is* the sweep.
-          /* @__PURE__ */ i(
-            he,
-            {
-              type: "number",
-              domain: v ? [0, E] : m,
-              tick: !1,
-              axisLine: !1
-            }
-          ),
-          q && /* @__PURE__ */ i(
-            Ne,
-            {
-              cursor: v ? !1 : void 0,
-              content: J ?? (v ? /* @__PURE__ */ i(
-                Fe,
-                {
-                  config: t,
-                  row: e[0],
-                  nameKey: r,
-                  dataKey: l,
-                  domainMax: m == null ? void 0 : m[1]
-                }
-              ) : d ? /* @__PURE__ */ i(
-                F,
-                {
-                  labelFormatter: (c, C) => {
-                    var H;
-                    return Ae(
-                      (H = C == null ? void 0 : C[0]) == null ? void 0 : H.payload,
-                      r
-                    );
-                  }
-                }
-              ) : /* @__PURE__ */ i(F, { nameKey: r, hideLabel: !0 }))
-            }
-          ),
-          v ? /* @__PURE__ */ i(
-            ze,
-            {
-              ringSegments: j,
-              row: e[0],
-              nameKey: r,
-              cornerRadius: T,
-              animation: _,
-              centerLabel: A
-            }
-          ) : /* @__PURE__ */ i(
-            _e,
-            {
-              seriesKeys: oe,
-              seriesData: G,
-              isMultiMetric: d,
-              config: t,
-              nameKey: r,
-              showBackground: Y,
-              cornerRadius: T,
-              minPointSize: ae,
-              animation: _,
-              centerLabel: A,
-              showLabels: P,
-              labelPosition: L,
-              labelFormat: ee,
-              labelFormatter: re
-            }
-          )
-        ]
-      }
-    ), ue = P && (L === "outside" || L === "end") ? "size-[200px]" : "size-[120px]";
-    return /* @__PURE__ */ N(
-      "div",
-      {
-        ref: ne,
-        className: I("flex flex-row items-center gap-4", !se && "justify-center", a),
-        ...te,
-        children: [
-          /* @__PURE__ */ i("div", { className: I(ue, "shrink-0"), children: /* @__PURE__ */ i(Te, { config: t, palette: n, className: "size-full", children: ce }) }),
-          B && !v && b && /* @__PURE__ */ i(
-            Be,
-            {
-              variant: "list",
-              payload: ie,
-              config: b,
-              nameKey: d ? void 0 : r,
-              valueKey: d ? void 0 : l,
-              valueFormatter: d ? void 0 : D,
-              className: "min-w-0 flex-1"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-je.displayName = "RadialBarChart";
-export {
-  je as RadialBarChart,
-  Fe as RadialBarChartSegmentedTooltipContent,
-  Ae as radialBarChartBandName,
-  ke as radialBarChartLabelText,
-  Le as radialBarChartSegmentFill,
-  Ee as radialBarChartSegmentedReading,
-  Re as radialBarChartSegments
-};
-//# sourceMappingURL=radial-bar-chart.js.map
+var k = l.forwardRef(({ className: c, config: u, palette: p, data: m, dataKey: h, dataKeys: v, nameKey: b, innerRadius: x = 20, outerRadius: w = 60, startAngle: T = 90, endAngle: O = -270, valueDomain: k, cornerRadius: A = 4, cx: ne, cy: j, barSize: re, barGap: ie, barCategoryGap: ae, minAngle: M, margin: N, segments: P, segmentGap: oe = S, showBackground: se = !0, showPolarGrid: ce = !1, centerLabel: F, showTooltip: le = !0, showLegend: I = !0, legendValueFormatter: L, tooltipContent: R, animate: z, animationDuration: B, animationBegin: V, animationEasing: H, showLabels: U = !1, labelPosition: ue, labelFormat: de = "value", labelFormatter: fe, ...pe }, me) => {
+	let W = s({
+		animate: z,
+		animationDuration: B,
+		animationBegin: V,
+		animationEasing: H
+	}), G = ue ?? "insideStart", K = !!v?.length, q = P != null && P > 1 && !K && m.length === 1 && typeof m[0][h] == "number", he = K ? v : [h], J = l.useMemo(() => v?.length ? v : [h], [v, h]), Y = Math.abs(O - T), X = q ? C({
+		value: m[0][h],
+		domain: k ?? [0, m[0][h]],
+		segments: P,
+		gap: oe,
+		sweep: Y,
+		closed: Y >= 360
+	}) : [], Z = K ? m : m.map((e) => ({
+		...e,
+		fill: `var(--color-${e[b]})`
+	})), Q = q ? [{
+		...m[0],
+		...Object.fromEntries(X.map((e) => [e.key, e.degrees]))
+	}] : Z, ge = M === void 0 ? void 0 : O < T ? -M : M, $ = l.useMemo(() => I ? o(u, p ?? t) : null, [
+		I,
+		u,
+		p
+	]), _e = l.useMemo(() => $ ? K ? J.map((e) => ({
+		value: e,
+		dataKey: e,
+		color: $[e]?.color ?? `var(--color-${e})`,
+		type: "rect",
+		payload: {}
+	})) : m.map((e) => ({
+		value: String(e[b]),
+		dataKey: b,
+		color: $[String(e[b])]?.color ?? `var(--color-${String(e[b])})`,
+		type: "rect",
+		payload: e
+	})) : [], [
+		$,
+		K,
+		J,
+		m,
+		b
+	]), ve = I && !q && !!$, ye = /* @__PURE__ */ f(y, {
+		data: Q,
+		dataKey: K || q ? void 0 : h,
+		cx: ne,
+		cy: j,
+		innerRadius: x,
+		outerRadius: w,
+		startAngle: T,
+		endAngle: O,
+		barSize: re,
+		barGap: ie,
+		barCategoryGap: ae,
+		margin: N ?? {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		},
+		children: [
+			ce && /* @__PURE__ */ d(_, {
+				gridType: "circle",
+				radialLines: !1
+			}),
+			(k || q) && /* @__PURE__ */ d(g, {
+				type: "number",
+				domain: q ? [0, Y] : k,
+				tick: !1,
+				axisLine: !1
+			}),
+			le && /* @__PURE__ */ d(i, {
+				cursor: !q && void 0,
+				content: R ?? (q ? /* @__PURE__ */ d(E, {
+					config: u,
+					row: m[0],
+					nameKey: b,
+					dataKey: h,
+					domainMax: k?.[1]
+				}) : K ? /* @__PURE__ */ d(a, { labelFormatter: (e, t) => D(t?.[0]?.payload, b) }) : /* @__PURE__ */ d(a, {
+					nameKey: b,
+					hideLabel: !0
+				}))
+			}),
+			q ? /* @__PURE__ */ d(te, {
+				ringSegments: X,
+				row: m[0],
+				nameKey: b,
+				cornerRadius: A,
+				animation: W,
+				centerLabel: F
+			}) : /* @__PURE__ */ d(ee, {
+				seriesKeys: he,
+				seriesData: Z,
+				isMultiMetric: K,
+				config: u,
+				nameKey: b,
+				showBackground: se,
+				cornerRadius: A,
+				minPointSize: ge,
+				animation: W,
+				centerLabel: F,
+				showLabels: U,
+				labelPosition: G,
+				labelFormat: de,
+				labelFormatter: fe
+			})
+		]
+	}), be = U && (G === "outside" || G === "end") ? "size-[200px]" : "size-[120px]";
+	return /* @__PURE__ */ f("div", {
+		ref: me,
+		className: e("flex flex-row items-center gap-4", !ve && "justify-center", c),
+		...pe,
+		children: [/* @__PURE__ */ d("div", {
+			className: e(be, "shrink-0"),
+			children: /* @__PURE__ */ d(n, {
+				config: u,
+				palette: p,
+				className: "size-full",
+				children: ye
+			})
+		}), I && !q && $ && /* @__PURE__ */ d(r, {
+			variant: "list",
+			payload: _e,
+			config: $,
+			nameKey: K ? void 0 : b,
+			valueKey: K ? void 0 : h,
+			valueFormatter: K ? void 0 : L,
+			className: "min-w-0 flex-1"
+		})]
+	});
+});
+k.displayName = "RadialBarChart";
+//#endregion
+export { k as RadialBarChart, E as RadialBarChartSegmentedTooltipContent, D as radialBarChartBandName, x as radialBarChartLabelText, w as radialBarChartSegmentFill, T as radialBarChartSegmentedReading, C as radialBarChartSegments };
+
+//# sourceMappingURL=radial-bar-chart.js.map