@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-U7Q2Y6WG.js

@@ -1,196 +0,0 @@
-import {
-  Stepper
-} from "./chunk-CJL5D2IT.js";
-import {
-  EmptyState
-} from "./chunk-25R3ITGZ.js";
-
-// src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var OnboardingSteps = ({ steps, activeStepId, completedStepIds, dataTestId }) => {
-  if (!steps || steps.length === 0) return null;
-  const activeId = activeStepId ?? steps[0]?.id ?? "";
-  return /* @__PURE__ */ jsx(Box, { sx: { width: "100%", overflowX: "auto", pb: 1 }, children: /* @__PURE__ */ jsx(
-    Stepper,
-    {
-      steps,
-      activeId,
-      completed: new Set(completedStepIds ?? []),
-      size: "sm",
-      "data-testid": `${dataTestId}-steps`
-    }
-  ) });
-};
-var ConfiguredSummary = ({
-  configuredTitle,
-  title,
-  configuredSummary,
-  dataTestId,
-  expanded,
-  onToggle,
-  editLabel,
-  collapseLabel,
-  hasChildren
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      direction: { xs: "column", sm: "row" },
-      spacing: 2,
-      alignItems: { xs: "flex-start", sm: "center" },
-      "data-testid": `${dataTestId}-summary`,
-      children: [
-        /* @__PURE__ */ jsx(CheckCircle, { sx: { color: theme.palette.success.main }, "aria-hidden": true }),
-        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", component: "h3", fontWeight: "medium", children: configuredTitle ?? title }),
-          configuredSummary && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", component: "div", children: configuredSummary })
-        ] }),
-        hasChildren && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            size: "small",
-            onClick: onToggle,
-            "aria-expanded": expanded,
-            "data-testid": `${dataTestId}-edit-toggle`,
-            children: expanded ? collapseLabel : editLabel
-          }
-        )
-      ]
-    }
-  );
-};
-var ConfiguredView = ({
-  title,
-  configuredTitle,
-  configuredSummary,
-  editLabel,
-  collapseLabel,
-  defaultExpanded = false,
-  children,
-  className,
-  dataTestId = "section-onboarding"
-}) => {
-  const [expanded, setExpanded] = React.useState(defaultExpanded);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      "data-status": "configured",
-      sx: { p: 2, borderRadius: 1, border: 1, borderColor: "divider" },
-      children: [
-        /* @__PURE__ */ jsx(
-          ConfiguredSummary,
-          {
-            configuredTitle,
-            title,
-            configuredSummary,
-            dataTestId,
-            expanded,
-            onToggle: () => setExpanded((prev) => !prev),
-            editLabel,
-            collapseLabel,
-            hasChildren: Boolean(children)
-          }
-        ),
-        children && /* @__PURE__ */ jsx(Collapse, { in: expanded, unmountOnExit: true, children: /* @__PURE__ */ jsx(Box, { sx: { mt: 3 }, "data-testid": `${dataTestId}-content`, children }) })
-      ]
-    }
-  );
-};
-var InProgressView = ({
-  steps,
-  activeStepId,
-  completedStepIds,
-  children,
-  className,
-  statusAttr,
-  dataTestId = "section-onboarding"
-}) => /* @__PURE__ */ jsxs(Stack, { className, "data-testid": dataTestId, "data-status": statusAttr, spacing: 3, children: [
-  /* @__PURE__ */ jsx(
-    OnboardingSteps,
-    {
-      steps,
-      activeStepId,
-      completedStepIds,
-      dataTestId
-    }
-  ),
-  children && /* @__PURE__ */ jsx(Box, { "data-testid": `${dataTestId}-content`, children })
-] });
-var HeroView = ({
-  title,
-  description,
-  illustration,
-  steps,
-  activeStepId,
-  completedStepIds,
-  primaryAction,
-  startLabel,
-  secondaryAction,
-  helpLink,
-  children,
-  className,
-  onStart,
-  dataTestId = "section-onboarding"
-}) => {
-  const heroPrimary = primaryAction ?? (children ? { label: startLabel, onClick: onStart } : void 0);
-  return /* @__PURE__ */ jsxs(Stack, { className, "data-testid": dataTestId, "data-status": "unconfigured", spacing: 1, children: [
-    /* @__PURE__ */ jsx(
-      OnboardingSteps,
-      {
-        steps,
-        activeStepId,
-        completedStepIds,
-        dataTestId
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        variant: illustration ? "illustrated" : "action",
-        title,
-        description,
-        illustration,
-        primaryAction: heroPrimary,
-        secondaryAction,
-        helpLink,
-        dataTestId: `${dataTestId}-hero`
-      }
-    )
-  ] });
-};
-var SectionOnboarding = (props) => {
-  const [started, setStarted] = React.useState(false);
-  if (props.status === "configured") {
-    return /* @__PURE__ */ jsx(ConfiguredView, { ...props });
-  }
-  if (props.status === "in-progress" || started) {
-    return /* @__PURE__ */ jsx(
-      InProgressView,
-      {
-        ...props,
-        statusAttr: props.status === "in-progress" ? "in-progress" : "started"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(HeroView, { ...props, onStart: () => setStarted(true) });
-};
-SectionOnboarding.displayName = "SectionOnboarding";
-var SectionOnboarding_default = SectionOnboarding;
-
-export {
-  SectionOnboarding,
-  SectionOnboarding_default
-};
-//# sourceMappingURL=chunk-U7Q2Y6WG.js.map

package/dist/chunk-UJE7IKQ4.js

@@ -1,96 +0,0 @@
-import {
-  otpSlotSx
-} from "./chunk-NFGVP3HN.js";
-import {
-  useOtpDigits
-} from "./chunk-UETHX57J.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/InputOTP/InputOTP.tsx
-import Box from "@mui/material/Box/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledOTPInput = styled(TextField, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glass", "gradient"].includes(prop)
-})(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));
-var DEFAULTS = {
-  variant: "numeric",
-  color: "primary",
-  size: "md",
-  length: 6,
-  value: "",
-  glass: false,
-  gradient: false,
-  autoFocus: false,
-  error: false,
-  disabled: false
-};
-var InputOTP = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    length,
-    value,
-    onChange,
-    onComplete,
-    glass,
-    gradient,
-    autoFocus,
-    error,
-    disabled,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({
-    variant,
-    length,
-    value,
-    onChange,
-    onComplete
-  });
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      "data-testid": dataTestId,
-      sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" },
-      ...rest,
-      children: digits.map((digit, index) => /* @__PURE__ */ jsx(
-        StyledOTPInput,
-        {
-          ref: (el) => {
-            inputRefs.current[index] = el?.querySelector("input") || null;
-          },
-          customColor: color,
-          customSize: size,
-          glass,
-          gradient,
-          value: variant === "masked" ? digit ? "\u2022" : "" : digit,
-          onChange: (e) => handleInputChange(index, e.target.value),
-          onKeyDown: (e) => handleKeyDown(index, e),
-          onPaste: index === 0 ? handlePaste : void 0,
-          autoFocus: autoFocus && index === 0,
-          error,
-          disabled,
-          inputProps: {
-            maxLength: 1,
-            style: { textAlign: "center" },
-            "data-testid": dataTestId ? `${dataTestId}-slot-${index}` : void 0
-          }
-        },
-        index
-      ))
-    }
-  );
-});
-InputOTP.displayName = "InputOTP";
-
-export {
-  InputOTP
-};
-//# sourceMappingURL=chunk-UJE7IKQ4.js.map

package/dist/chunk-UMQN3BVV.js

@@ -1,315 +0,0 @@
-import {
-  ChartLegendContent,
-  ChartTooltipContent
-} from "./chunk-M5T3COS2.js";
-import {
-  buildChartContext
-} from "./chunk-3IYB3XY2.js";
-
-// src/components/data-display/Chart/chart-renderers.tsx
-import {
-  Area,
-  AreaChart,
-  Bar,
-  BarChart,
-  CartesianGrid,
-  Cell,
-  ComposedChart,
-  Legend,
-  Line,
-  LineChart,
-  Pie,
-  PieChart,
-  PolarAngleAxis,
-  PolarGrid,
-  PolarRadiusAxis,
-  Radar,
-  RadarChart,
-  Scatter,
-  ScatterChart,
-  Tooltip,
-  XAxis,
-  YAxis
-} from "recharts";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function chartExtras(ctx) {
-  const { props } = ctx;
-  const nodes = [];
-  if (props.showTooltip !== false) {
-    nodes.push(
-      /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { valueFormatter: props.valueFormatter }) }, "tooltip")
-    );
-  }
-  if (props.showLegend !== false) {
-    nodes.push(/* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }, "legend"));
-  }
-  return nodes;
-}
-function chartGrid(ctx) {
-  return /* @__PURE__ */ jsx(CartesianGrid, { stroke: ctx.gridStroke, strokeOpacity: ctx.gridOpacity }, "grid");
-}
-function cartesianAxes(ctx) {
-  const { props, axisConfig } = ctx;
-  const nodes = [];
-  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));
-  nodes.push(
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: props.xAxisKey ?? "name",
-        style: ctx.axisStyle,
-        label: props.xAxisLabel,
-        tickMargin: axisConfig.tickMargin,
-        ticks: axisConfig.categoryTicks,
-        tickFormatter: axisConfig.tickFormatter
-      },
-      "x"
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        style: ctx.axisStyle,
-        label: props.yAxisLabel,
-        width: "auto",
-        tickMargin: axisConfig.tickMargin,
-        tickFormatter: props.valueFormatter,
-        allowDecimals: props.allowDecimalTicks !== false
-      },
-      "y"
-    )
-  );
-  return nodes;
-}
-function renderLine(ctx) {
-  return /* @__PURE__ */ jsxs(LineChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Line,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        strokeWidth: s.strokeWidth ?? 2,
-        dot: s.dot !== false,
-        activeDot: s.activeDot !== false ? { r: 8 } : false,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderBar(ctx) {
-  return /* @__PURE__ */ jsxs(BarChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        stackId: ctx.props.stacked ? "stack" : void 0,
-        radius: ctx.barGeometry.radius,
-        maxBarSize: ctx.barGeometry.maxBarSize,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderArea(ctx) {
-  return /* @__PURE__ */ jsxs(AreaChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fillOpacity: s.fillOpacity ?? 0.6,
-        stackId: ctx.props.stacked ? "stack" : void 0,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function pieCenterLabel(ctx) {
-  const { centerLabel } = ctx.props;
-  const innerRadius = ctx.props.innerRadius ?? 0;
-  if (!centerLabel || innerRadius <= 0) return null;
-  const fill = ctx.props.variant === "neon" ? "#00ffff" : ctx.theme.palette.text.primary;
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x: "50%",
-      y: "50%",
-      textAnchor: "middle",
-      dominantBaseline: "middle",
-      style: { fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 },
-      children: typeof centerLabel === "string" ? centerLabel : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "tspan",
-          {
-            x: "50%",
-            dy: "-0.6em",
-            style: { fontSize: "0.875em", fontWeight: 500, fill: ctx.theme.palette.text.secondary },
-            children: centerLabel.label
-          }
-        ),
-        /* @__PURE__ */ jsx("tspan", { x: "50%", dy: "1.4em", style: { fontSize: "1.5em", fontWeight: 700 }, children: centerLabel.value })
-      ] })
-    }
-  );
-}
-function renderPie(ctx) {
-  const { props } = ctx;
-  return /* @__PURE__ */ jsxs(PieChart, { children: [
-    chartExtras(ctx),
-    /* @__PURE__ */ jsx(
-      Pie,
-      {
-        data: props.data,
-        dataKey: ctx.chartSeries[0]?.dataKey ?? "value",
-        nameKey: props.xAxisKey ?? "name",
-        cx: "50%",
-        cy: "50%",
-        outerRadius: ctx.sizeStyles.height / 3,
-        innerRadius: props.innerRadius ?? 0,
-        fill: ctx.chartColors[0],
-        label: props.showValues ?? false,
-        animationDuration: ctx.animationDuration,
-        children: props.data.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: ctx.chartColors[index % ctx.chartColors.length] }, `cell-${index}`))
-      }
-    ),
-    pieCenterLabel(ctx)
-  ] });
-}
-function renderRadar(ctx) {
-  return /* @__PURE__ */ jsxs(RadarChart, { ...ctx.commonProps, children: [
-    /* @__PURE__ */ jsx(PolarGrid, { stroke: ctx.gridStroke }),
-    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: ctx.props.xAxisKey ?? "name", style: ctx.axisStyle }),
-    /* @__PURE__ */ jsx(PolarRadiusAxis, { style: ctx.axisStyle }),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Radar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fillOpacity: s.fillOpacity ?? 0.6,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderScatter(ctx) {
-  const { props } = ctx;
-  return /* @__PURE__ */ jsxs(ScatterChart, { ...ctx.commonProps, children: [
-    props.showCartesianGrid !== false && chartGrid(ctx),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: props.xAxisKey ?? "name",
-        style: ctx.axisStyle,
-        label: props.xAxisLabel,
-        tickMargin: ctx.axisConfig.tickMargin
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        dataKey: ctx.chartSeries[0]?.dataKey,
-        style: ctx.axisStyle,
-        label: props.yAxisLabel,
-        tickMargin: ctx.axisConfig.tickMargin
-      }
-    ),
-    chartExtras(ctx),
-    /* @__PURE__ */ jsx(
-      Scatter,
-      {
-        name: ctx.chartSeries[0]?.name ?? "Data",
-        data: props.data,
-        fill: ctx.chartColors[0],
-        animationDuration: ctx.animationDuration
-      }
-    )
-  ] });
-}
-function composedSeries(ctx, s, index) {
-  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];
-  if (s.type === "bar") {
-    return /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        fill: color,
-        radius: ctx.barGeometry.radius,
-        maxBarSize: ctx.barGeometry.maxBarSize,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    );
-  }
-  if (s.type === "area") {
-    return /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: color,
-        fill: color,
-        fillOpacity: 0.6,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Line,
-    {
-      type: ctx.strokeType,
-      dataKey: s.dataKey,
-      name: s.name,
-      stroke: color,
-      animationDuration: ctx.animationDuration
-    },
-    s.dataKey
-  );
-}
-function renderComposed(ctx) {
-  return /* @__PURE__ */ jsxs(ComposedChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))
-  ] });
-}
-var RENDERERS = {
-  line: renderLine,
-  bar: renderBar,
-  area: renderArea,
-  pie: renderPie,
-  radar: renderRadar,
-  scatter: renderScatter,
-  composed: renderComposed
-};
-function renderChartByType(props, theme) {
-  const renderer = RENDERERS[props.type ?? "line"];
-  const ctx = buildChartContext(props, theme);
-  return renderer ? renderer(ctx) : /* @__PURE__ */ jsx(Fragment, {});
-}
-
-export {
-  renderChartByType
-};
-//# sourceMappingURL=chunk-UMQN3BVV.js.map

package/dist/chunk-UMQN3BVV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/chart-renderers.tsx"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  ComposedChart,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { ChartLegendContent, ChartTooltipContent } from './ChartComposables';\nimport { buildChartContext, type ChartRenderContext } from './chart-context';\n\n/**\n * Per-type Recharts renderers for the prop-driven Chart, dispatched from a\n * registry keyed by `ChartProps['type']`. Each renderer reads a prepared\n * {@link ChartRenderContext} so every function stays small.\n */\n\nfunction chartExtras(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showTooltip !== false) {\n    nodes.push(\n      <Tooltip key=\"tooltip\" content={<ChartTooltipContent valueFormatter={props.valueFormatter} />} />,\n    );\n  }\n  if (props.showLegend !== false) {\n    nodes.push(<Legend key=\"legend\" content={<ChartLegendContent />} />);\n  }\n  return nodes;\n}\n\n/**\n * Gridlines: solid, and one step below the card border. A dashed line at the\n * border's own weight competes with the data drawn over it.\n */\nfunction chartGrid(ctx: ChartRenderContext): React.ReactElement {\n  return <CartesianGrid key=\"grid\" stroke={ctx.gridStroke} strokeOpacity={ctx.gridOpacity} />;\n}\n\nfunction cartesianAxes(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props, axisConfig } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));\n  nodes.push(\n    <XAxis\n      key=\"x\"\n      dataKey={props.xAxisKey ?? 'name'}\n      style={ctx.axisStyle}\n      label={props.xAxisLabel}\n      tickMargin={axisConfig.tickMargin}\n      ticks={axisConfig.categoryTicks}\n      tickFormatter={axisConfig.tickFormatter}\n    />,\n    <YAxis\n      key=\"y\"\n      style={ctx.axisStyle}\n      label={props.yAxisLabel}\n      // Sized from its own widest tick: a fixed 60px lets \"R$ 1.234,56\" spill\n      // out of the card, which is the other way axis text ends up on top of\n      // something.\n      width=\"auto\"\n      tickMargin={axisConfig.tickMargin}\n      tickFormatter={props.valueFormatter}\n      allowDecimals={props.allowDecimalTicks !== false}\n    />,\n  );\n  return nodes;\n}\n\nfunction renderLine(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <LineChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Line\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          strokeWidth={s.strokeWidth ?? 2}\n          dot={s.dot !== false}\n          activeDot={s.activeDot !== false ? { r: 8 } : false}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </LineChart>\n  );\n}\n\nfunction renderBar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <BarChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Bar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          radius={ctx.barGeometry.radius}\n          maxBarSize={ctx.barGeometry.maxBarSize}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </BarChart>\n  );\n}\n\nfunction renderArea(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <AreaChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Area\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </AreaChart>\n  );\n}\n\nfunction pieCenterLabel(ctx: ChartRenderContext): React.ReactNode {\n  const { centerLabel } = ctx.props;\n  const innerRadius = ctx.props.innerRadius ?? 0;\n  if (!centerLabel || innerRadius <= 0) return null;\n  const fill = ctx.props.variant === 'neon' ? '#00ffff' : ctx.theme.palette.text.primary;\n  return (\n    <text\n      x=\"50%\"\n      y=\"50%\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"middle\"\n      style={{ fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 }}\n    >\n      {typeof centerLabel === 'string' ? (\n        centerLabel\n      ) : (\n        <>\n          <tspan\n            x=\"50%\"\n            dy=\"-0.6em\"\n            style={{ fontSize: '0.875em', fontWeight: 500, fill: ctx.theme.palette.text.secondary }}\n          >\n            {centerLabel.label}\n          </tspan>\n          <tspan x=\"50%\" dy=\"1.4em\" style={{ fontSize: '1.5em', fontWeight: 700 }}>\n            {centerLabel.value}\n          </tspan>\n        </>\n      )}\n    </text>\n  );\n}\n\nfunction renderPie(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <PieChart>\n      {chartExtras(ctx)}\n      <Pie\n        data={props.data}\n        dataKey={ctx.chartSeries[0]?.dataKey ?? 'value'}\n        nameKey={props.xAxisKey ?? 'name'}\n        cx=\"50%\"\n        cy=\"50%\"\n        outerRadius={ctx.sizeStyles.height / 3}\n        innerRadius={props.innerRadius ?? 0}\n        fill={ctx.chartColors[0]}\n        label={props.showValues ?? false}\n        animationDuration={ctx.animationDuration}\n      >\n        {props.data.map((entry, index) => (\n          <Cell key={`cell-${index}`} fill={ctx.chartColors[index % ctx.chartColors.length]} />\n        ))}\n      </Pie>\n      {pieCenterLabel(ctx)}\n    </PieChart>\n  );\n}\n\nfunction renderRadar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <RadarChart {...ctx.commonProps}>\n      <PolarGrid stroke={ctx.gridStroke} />\n      <PolarAngleAxis dataKey={ctx.props.xAxisKey ?? 'name'} style={ctx.axisStyle} />\n      <PolarRadiusAxis style={ctx.axisStyle} />\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Radar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </RadarChart>\n  );\n}\n\nfunction renderScatter(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <ScatterChart {...ctx.commonProps}>\n      {props.showCartesianGrid !== false && chartGrid(ctx)}\n      <XAxis\n        dataKey={props.xAxisKey ?? 'name'}\n        style={ctx.axisStyle}\n        label={props.xAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      <YAxis\n        dataKey={ctx.chartSeries[0]?.dataKey}\n        style={ctx.axisStyle}\n        label={props.yAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      {chartExtras(ctx)}\n      <Scatter\n        name={ctx.chartSeries[0]?.name ?? 'Data'}\n        data={props.data}\n        fill={ctx.chartColors[0]}\n        animationDuration={ctx.animationDuration}\n      />\n    </ScatterChart>\n  );\n}\n\nfunction composedSeries(ctx: ChartRenderContext, s: ChartSeries, index: number): React.ReactElement {\n  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];\n  if (s.type === 'bar') {\n    return (\n      <Bar\n        key={s.dataKey}\n        dataKey={s.dataKey}\n        name={s.name}\n        fill={color}\n        radius={ctx.barGeometry.radius}\n        maxBarSize={ctx.barGeometry.maxBarSize}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  if (s.type === 'area') {\n    return (\n      <Area\n        key={s.dataKey}\n        type={ctx.strokeType}\n        dataKey={s.dataKey}\n        name={s.name}\n        stroke={color}\n        fill={color}\n        fillOpacity={0.6}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  return (\n    <Line\n      key={s.dataKey}\n      type={ctx.strokeType}\n      dataKey={s.dataKey}\n      name={s.name}\n      stroke={color}\n      animationDuration={ctx.animationDuration}\n    />\n  );\n}\n\nfunction renderComposed(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <ComposedChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))}\n    </ComposedChart>\n  );\n}\n\nconst RENDERERS: Record<string, (ctx: ChartRenderContext) => React.ReactElement> = {\n  line: renderLine,\n  bar: renderBar,\n  area: renderArea,\n  pie: renderPie,\n  radar: renderRadar,\n  scatter: renderScatter,\n  composed: renderComposed,\n};\n\n/** Render the Recharts element for the requested chart type. */\nexport function renderChartByType(props: ChartProps, theme: Theme): React.ReactElement {\n  const renderer = RENDERERS[props.type ?? 'line'];\n  const ctx = buildChartContext(props, theme);\n  return renderer ? renderer(ctx) : <></>;\n}\n"],"mappings":"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","names":[]}