@karakuri-ui/react 0.1.3 → 0.2.0

package/dist/chart.js

@@ -0,0 +1,583 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/chart.tsx
+var chart_exports = {};
+__export(chart_exports, {
+  Chart: () => Chart,
+  ChartArea: () => ChartArea,
+  ChartBar: () => ChartBar,
+  ChartContainer: () => ChartContainer,
+  ChartLegend: () => ChartLegend,
+  ChartLegendContent: () => ChartLegendContent,
+  ChartLine: () => ChartLine,
+  ChartPie: () => ChartPie,
+  ChartStyle: () => ChartStyle,
+  ChartTooltip: () => ChartTooltip,
+  ChartTooltipContent: () => ChartTooltipContent,
+  ChartXAxis: () => ChartXAxis,
+  ChartYAxis: () => ChartYAxis,
+  useChart: () => useChart
+});
+module.exports = __toCommonJS(chart_exports);
+var React = __toESM(require("react"));
+var RechartsPrimitive = __toESM(require("recharts"));
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/chart.tsx
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React.createContext(null);
+function useChart() {
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  hoverFade = false,
+  ...props
+}) {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  const [activeIndex, setActiveIndex] = React.useState(null);
+  const [activeDataKey, setActiveDataKey] = React.useState(null);
+  return /* @__PURE__ */ React.createElement(ChartContext.Provider, { value: { config, hoverFade, activeIndex, setActiveIndex, activeDataKey, setActiveDataKey } }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      onMouseLeave: hoverFade ? () => {
+        setActiveIndex(null);
+        setActiveDataKey(null);
+      } : void 0,
+      className: cn(
+        "flex aspect-video w-full justify-center text-xs outline-none [&_*]:outline-none",
+        // Responsive axis tick font-size — consumed by ChartXAxis / ChartYAxis via var()
+        "[--chart-axis-fs:var(--font-size-2xs)] sm:[--chart-axis-fs:var(--font-size-xs)]",
+        // Recharts element overrides — use arbitrary properties for v3/v4 compat
+        "[&_.recharts-cartesian-axis-tick_text]:[fill:var(--color-text-muted)]",
+        "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:[stroke:var(--color-border)]",
+        "[&_.recharts-cartesian-grid_line]:[stroke-dasharray:3_3]",
+        "[&_.recharts-curve.recharts-tooltip-cursor]:[stroke:var(--color-border)]",
+        "[&_.recharts-dot[stroke='#fff']]:stroke-transparent",
+        "[&_.recharts-layer]:outline-none",
+        "[&_.recharts-polar-grid_[stroke='#ccc']]:[stroke:var(--color-border)]",
+        "[&_.recharts-radial-bar-background-sector]:[fill:var(--color-background-muted)]",
+        "[&_.recharts-rectangle.recharts-tooltip-cursor]:[fill:transparent]",
+        "[&_.recharts-reference-line_[stroke='#ccc']]:[stroke:var(--color-border)]",
+        "[&_.recharts-sector]:outline-none",
+        "[&_.recharts-sector[stroke='#fff']]:stroke-transparent",
+        "[&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(ChartStyle, { id: chartId, config }),
+    /* @__PURE__ */ React.createElement(RechartsPrimitive.ResponsiveContainer, null, children)
+  ));
+}
+var CHART_TOOLTIP_KEYFRAME = "@keyframes chart-tooltip-in{from{opacity:0}to{opacity:1}}";
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config2]) => config2.theme || config2.color
+  );
+  const colorCss = colorConfig.length ? Object.entries(THEMES).map(
+    ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+      const color = itemConfig.theme?.[theme] || itemConfig.color;
+      return color ? `  --color-${key}: ${color};` : null;
+    }).join("\n")}
+}
+`
+  ).join("\n") : "";
+  return /* @__PURE__ */ React.createElement(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: CHART_TOOLTIP_KEYFRAME + colorCss
+      }
+    }
+  );
+};
+var CHART_HOVER_FADE_OPACITY = 0.35;
+var CHART_FADE_TRANSITION = { transition: "fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out" };
+var CHART_BAR_RADIUS_MAP = {
+  none: 0,
+  // --radius-none: 0px
+  sm: 2,
+  // --radius-sm:   2px
+  base: 4,
+  // --radius-base: 4px
+  md: 6,
+  // --radius-md:   6px
+  lg: 8
+  // --radius-lg:   8px
+};
+function ChartBar({
+  radius = "none",
+  layout = "vertical",
+  stackPosition = "top",
+  variant = "solid",
+  fill,
+  stackId,
+  ...props
+}) {
+  const { hoverFade, activeIndex, setActiveIndex } = useChart();
+  const r = CHART_BAR_RADIUS_MAP[radius];
+  const isStacked = !!stackId || stackPosition === "bottom";
+  const appliedRadius = r === 0 ? 0 : variant === "outline" && !isStacked ? r : layout === "horizontal" && stackPosition === "bottom" ? 0 : layout === "horizontal" ? [0, r, r, 0] : stackPosition === "bottom" ? 0 : [r, r, 0, 0];
+  const outlineShape = React.useCallback((shapeProps) => {
+    const x = shapeProps.x ?? 0;
+    const y = shapeProps.y ?? 0;
+    const width = shapeProps.width ?? 0;
+    const height = shapeProps.height ?? 0;
+    if (!width || !height || width <= 0 || height <= 0) return /* @__PURE__ */ React.createElement("g", null);
+    const sw = 2;
+    const inset = sw / 2;
+    const rx = typeof appliedRadius === "number" ? Math.max(0, appliedRadius - inset) : 0;
+    const fadeMultiplier = hoverFade && activeIndex !== null && shapeProps.index !== activeIndex ? CHART_HOVER_FADE_OPACITY : 1;
+    return /* @__PURE__ */ React.createElement(
+      "rect",
+      {
+        x: x + inset,
+        y: y + inset,
+        width: Math.max(0, width - sw),
+        height: Math.max(0, height - sw),
+        rx,
+        fill,
+        fillOpacity: 0.4 * fadeMultiplier,
+        stroke: fill,
+        strokeOpacity: fadeMultiplier,
+        strokeWidth: sw,
+        style: hoverFade ? CHART_FADE_TRANSITION : void 0
+      }
+    );
+  }, [appliedRadius, fill, hoverFade, activeIndex]);
+  const solidHoverShape = React.useCallback((shapeProps) => {
+    const opacity = activeIndex === null ? 1 : shapeProps.index === activeIndex ? 1 : CHART_HOVER_FADE_OPACITY;
+    return /* @__PURE__ */ React.createElement(
+      RechartsPrimitive.Rectangle,
+      {
+        ...shapeProps,
+        fillOpacity: opacity,
+        style: CHART_FADE_TRANSITION
+      }
+    );
+  }, [activeIndex]);
+  const useOutline = variant === "outline" && !isStacked;
+  const needsHoverShape = hoverFade && variant === "solid" && !useOutline;
+  return /* @__PURE__ */ React.createElement(
+    RechartsPrimitive.Bar,
+    {
+      radius: appliedRadius,
+      fill,
+      stackId,
+      ...hoverFade && { isAnimationActive: false },
+      ...useOutline && { shape: outlineShape },
+      ...needsHoverShape && { shape: solidHoverShape },
+      ...hoverFade && { onMouseEnter: (_, index) => setActiveIndex(index) },
+      ...props
+    }
+  );
+}
+function ChartTooltip(props) {
+  return /* @__PURE__ */ React.createElement(RechartsPrimitive.Tooltip, { animationDuration: 0, ...props });
+}
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}) {
+  const { config } = useChart();
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+    if (labelFormatter) {
+      return /* @__PURE__ */ React.createElement("div", { className: cn("font-semibold", labelClassName) }, labelFormatter(value, payload));
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: cn("font-semibold", labelClassName) }, value);
+  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+  if (!active || !payload?.length) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      ),
+      style: { animation: "chart-tooltip-in var(--duration-slow) ease-out" }
+    },
+    !nestLabel ? tooltipLabel : null,
+    /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, payload.filter((item) => item.type !== "none").map((item, index) => {
+      const key = `${nameKey || item.name || item.dataKey || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const indicatorColor = color || item.payload?.fill || item.color;
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: item.dataKey,
+          className: cn(
+            "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-text-muted",
+            indicator === "dot" && "items-center"
+          )
+        },
+        formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ React.createElement(React.Fragment, null, itemConfig?.icon ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : !hideIndicator && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cn(
+              "shrink-0 rounded-sm",
+              {
+                "h-2.5 w-2.5": indicator === "dot",
+                "w-1": indicator === "line",
+                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                "my-0.5": nestLabel && indicator === "dashed"
+              }
+            ),
+            style: {
+              backgroundColor: indicator === "dashed" ? "transparent" : indicatorColor,
+              borderColor: indicatorColor
+            }
+          }
+        ), /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cn(
+              "flex flex-1 justify-between leading-none",
+              nestLabel ? "items-end" : "items-center"
+            )
+          },
+          /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, nestLabel ? tooltipLabel : null, /* @__PURE__ */ React.createElement("span", { className: "text-text-muted" }, itemConfig?.label || item.name)),
+          item.value && /* @__PURE__ */ React.createElement("span", { className: "font-mono font-semibold text-foreground tabular-nums" }, item.value.toLocaleString())
+        ))
+      );
+    }))
+  );
+}
+var ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  align = "center",
+  layout = "horizontal",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  const isVertical = layout === "vertical";
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "flex gap-4",
+        isVertical ? "flex-col items-start gap-1.5" : [
+          "items-center",
+          align === "left" ? "justify-start" : align === "right" ? "justify-end" : "justify-center",
+          verticalAlign === "top" ? "pb-3" : "pt-3"
+        ],
+        className
+      )
+    },
+    payload.filter((item) => item.type !== "none").map((item) => {
+      const key = `${nameKey || item.dataKey || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: item.value,
+          className: "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-text-muted"
+        },
+        itemConfig?.icon && !hideIcon ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "h-2 w-2 shrink-0 rounded-sm",
+            style: {
+              backgroundColor: item.color
+            }
+          }
+        ),
+        /* @__PURE__ */ React.createElement("span", { className: "text-foreground" }, itemConfig?.label)
+      );
+    })
+  );
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+var CHART_AXIS_TICK_STYLE = { style: { fontSize: "var(--chart-axis-fs)", fill: "var(--color-text-subtle)" } };
+var CHART_XAXIS_PADDING = { left: 16, right: 16 };
+function ChartXAxis({ tick, padding, ...props }) {
+  return /* @__PURE__ */ React.createElement(RechartsPrimitive.XAxis, { tick: tick ?? CHART_AXIS_TICK_STYLE, padding: padding ?? CHART_XAXIS_PADDING, ...props });
+}
+function ChartYAxis({ tick, width = "auto", ...props }) {
+  return /* @__PURE__ */ React.createElement(RechartsPrimitive.YAxis, { tick: tick ?? CHART_AXIS_TICK_STYLE, width, ...props });
+}
+var CHART_LINE_DASH = "5 5";
+var CHART_DOT_PROPS = { r: 3, strokeWidth: 2 };
+var CHART_ACTIVE_DOT_PROPS = { r: 5, strokeWidth: 2 };
+function ChartLine({
+  type = "monotone",
+  variant = "solid",
+  dot: showDot = true,
+  activeDot: showActiveDot = true,
+  stroke,
+  dataKey,
+  ...props
+}) {
+  const { hoverFade, activeDataKey, setActiveDataKey } = useChart();
+  const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey;
+  const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1;
+  const dotProps = showDot ? variant === "dashed" ? { ...CHART_DOT_PROPS, strokeDasharray: "0" } : CHART_DOT_PROPS : false;
+  const activeDotProps = showActiveDot ? variant === "dashed" ? { ...CHART_ACTIVE_DOT_PROPS, strokeDasharray: "0" } : CHART_ACTIVE_DOT_PROPS : false;
+  return /* @__PURE__ */ React.createElement(
+    RechartsPrimitive.Line,
+    {
+      type,
+      dataKey,
+      stroke,
+      strokeWidth: 2,
+      strokeDasharray: variant === "dashed" ? CHART_LINE_DASH : void 0,
+      dot: dotProps,
+      activeDot: activeDotProps,
+      strokeOpacity: opacity,
+      ...hoverFade && { isAnimationActive: false },
+      ...hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey) },
+      style: hoverFade ? { transition: "stroke-opacity var(--duration-fast) ease-out" } : void 0,
+      ...props
+    }
+  );
+}
+var CHART_AREA_DEFAULT_OPACITY = 0.4;
+function ChartArea({
+  type = "monotone",
+  variant = "solid",
+  dot: showDot = true,
+  activeDot: showActiveDot = true,
+  fillOpacity = CHART_AREA_DEFAULT_OPACITY,
+  stroke,
+  fill,
+  dataKey,
+  ...props
+}) {
+  const { hoverFade, activeDataKey, setActiveDataKey } = useChart();
+  const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey;
+  const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1;
+  const dotProps = showDot ? CHART_DOT_PROPS : false;
+  const activeDotProps = showActiveDot ? CHART_ACTIVE_DOT_PROPS : false;
+  const gradientId = `area-gradient-${String(dataKey)}`;
+  const effectiveFill = variant === "gradient" ? `url(#${gradientId})` : fill || stroke;
+  const effectiveFillOpacity = variant === "gradient" ? 1 : fillOpacity;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, variant === "gradient" && /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1" }, /* @__PURE__ */ React.createElement("stop", { offset: "5%", stopColor: fill || stroke, stopOpacity: 0.8 }), /* @__PURE__ */ React.createElement("stop", { offset: "95%", stopColor: fill || stroke, stopOpacity: 0 }))), /* @__PURE__ */ React.createElement(
+    RechartsPrimitive.Area,
+    {
+      type,
+      dataKey,
+      stroke,
+      fill: effectiveFill,
+      fillOpacity: effectiveFillOpacity * opacity,
+      strokeWidth: 2,
+      dot: dotProps,
+      activeDot: activeDotProps,
+      strokeOpacity: opacity,
+      ...hoverFade && { isAnimationActive: false },
+      ...hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey) },
+      style: hoverFade ? { transition: "fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out" } : void 0,
+      ...props
+    }
+  ));
+}
+var CHART_PIE_ACTIVE_OFFSET = 8;
+var CHART_PIE_DONUT_INNER_RADIUS = 60;
+var CHART_PIE_LABEL_RADIAL = 16;
+var CHART_PIE_LABEL_HORIZ = 20;
+var CHART_PIE_SKIP_ANGLE = 15;
+function ChartPie({
+  variant = "pie",
+  label: labelMode = "none",
+  labelContent = "value",
+  activeShape: showActiveShape = true,
+  innerRadius,
+  paddingAngle = 0,
+  cornerRadius = 0,
+  startAngle = 90,
+  endAngle = -270,
+  ...props
+}) {
+  const resolvedInnerRadius = innerRadius ?? (variant === "donut" ? CHART_PIE_DONUT_INNER_RADIUS : 0);
+  const activeShapeConfig = showActiveShape ? (props2) => /* @__PURE__ */ React.createElement(
+    RechartsPrimitive.Sector,
+    {
+      ...props2,
+      outerRadius: props2.outerRadius + CHART_PIE_ACTIVE_OFFSET
+    }
+  ) : void 0;
+  const getDisplayText = (entry) => labelContent === "percent" ? `${(entry.percent * 100).toFixed(0)}%` : entry.value;
+  const labelConfig = labelMode === "outside" ? (entry) => {
+    const RADIAN = Math.PI / 180;
+    const { cx, cy, midAngle, outerRadius, fill } = entry;
+    const sx = cx + outerRadius * Math.cos(-midAngle * RADIAN);
+    const sy = cy + outerRadius * Math.sin(-midAngle * RADIAN);
+    const mx = cx + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.cos(-midAngle * RADIAN);
+    const my = cy + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.sin(-midAngle * RADIAN);
+    const isRight = mx > cx;
+    const ex = mx + (isRight ? CHART_PIE_LABEL_HORIZ : -CHART_PIE_LABEL_HORIZ);
+    return /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "polyline",
+      {
+        points: `${sx},${sy} ${mx},${my} ${ex},${my}`,
+        fill: "none",
+        stroke: fill,
+        strokeWidth: 1,
+        strokeOpacity: 0.5
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: ex + (isRight ? 4 : -4),
+        y: my,
+        textAnchor: isRight ? "start" : "end",
+        dominantBaseline: "central",
+        style: { fontSize: "var(--font-size-xs)", fill: "var(--color-text-muted)" }
+      },
+      getDisplayText(entry)
+    ));
+  } : labelMode === "inside" ? (entry) => {
+    const angle = Math.abs(entry.endAngle - entry.startAngle);
+    if (angle < CHART_PIE_SKIP_ANGLE) return null;
+    const RADIAN = Math.PI / 180;
+    const { cx, cy, innerRadius: ir, outerRadius: or, midAngle } = entry;
+    const ratio = ir > 0 ? 0.5 : 0.65;
+    const radius = ir + (or - ir) * ratio;
+    const x = cx + radius * Math.cos(-midAngle * RADIAN);
+    const y = cy + radius * Math.sin(-midAngle * RADIAN);
+    return /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x,
+        y,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        style: { fontSize: "var(--font-size-xs)", fill: "white", fontWeight: 600 }
+      },
+      getDisplayText(entry)
+    );
+  } : false;
+  return /* @__PURE__ */ React.createElement(
+    RechartsPrimitive.Pie,
+    {
+      innerRadius: resolvedInnerRadius,
+      paddingAngle,
+      cornerRadius,
+      startAngle,
+      endAngle,
+      label: labelConfig,
+      labelLine: false,
+      activeShape: activeShapeConfig,
+      ...props
+    }
+  );
+}
+var Chart = Object.assign(ChartContainer, {
+  Bar: ChartBar,
+  Line: ChartLine,
+  Area: ChartArea,
+  Pie: ChartPie,
+  Tooltip: ChartTooltip,
+  TooltipContent: ChartTooltipContent,
+  Legend: ChartLegend,
+  LegendContent: ChartLegendContent,
+  XAxis: ChartXAxis,
+  YAxis: ChartYAxis,
+  Style: ChartStyle
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Chart,
+  ChartArea,
+  ChartBar,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartLine,
+  ChartPie,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartXAxis,
+  ChartYAxis,
+  useChart
+});
+//# sourceMappingURL=chart.js.map