@misoto22/design 0.3.1 → 0.6.0

package/dist/charts/BarChart/BarChart.js

@@ -0,0 +1,591 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Children,
+  createContext,
+  isValidElement,
+  useCallback,
+  useContext,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import {
+  Bar as RechartsBar,
+  BarChart as RechartsBarChart,
+  CartesianGrid,
+  Rectangle,
+  XAxis as RechartsXAxis,
+  YAxis as RechartsYAxis
+} from "recharts";
+import { motion, useReducedMotion } from "motion/react";
+import { ChartContainer } from "../lib/chart.js";
+import { ChartFigure } from "../lib/figure.js";
+import { ChartEmpty } from "../lib/empty.js";
+import { axisLabel } from "../lib/axis.js";
+import { defaultTick } from "../lib/format.js";
+import { Annotation, ReferenceBand, ReferenceLine } from "../lib/annotations.js";
+import { Values, findSlot, resolveValues } from "../lib/values.js";
+import {
+  ChartSonifyButton,
+  Sonify,
+  useChartSonifySeries
+} from "../lib/sonify-control.js";
+import { ChartBackground } from "../lib/background.js";
+import { ChartLegend, ChartLegendContent } from "../lib/legend.js";
+import { ChartTooltip, ChartTooltipContent } from "../lib/tooltip.js";
+import { Brush, ChartBrush } from "../lib/brush.js";
+import { ChartControls, Toolbar } from "../lib/toolbar.js";
+import { useChartZoom } from "../lib/zoom.js";
+import { LoadingIndicator, LoadingShimmer, LOADING_KEY, useLoadingRows } from "../lib/loading.js";
+import {
+  BarBufferFill,
+  BarDuotoneFill,
+  BarGradientFill,
+  BarHatchedFill,
+  BarStrippedFill,
+  GlowFilter,
+  REVEAL_EASE,
+  SeriesGradient
+} from "../lib/paint.js";
+const BAR_RADIUS = 2;
+const GROW_DURATION = 0.5;
+const GROW_STAGGER = 0.05;
+const STACK_ID = "m22-bar-stack";
+const CHART_MARGIN = { top: 8, right: 12, bottom: 0, left: 12 };
+const BarChartContext = createContext(null);
+function useBarChart() {
+  const context = useContext(BarChartContext);
+  if (!context) throw new Error("A bar chart part must be rendered inside <BarChart>");
+  return context;
+}
+function BarChart({
+  config,
+  data,
+  title,
+  showTitle,
+  description,
+  children,
+  className,
+  chartProps,
+  stackType = "default",
+  orientation = "vertical",
+  barRadius = BAR_RADIUS,
+  animationType = "forward",
+  barGap,
+  barCategoryGap,
+  defaultSelectedDataKey = null,
+  onSelectionChange,
+  isLoading = false,
+  loadingBars,
+  xDataKey,
+  hideDataTable = false,
+  empty
+}) {
+  const chartId = useId().replace(/:/g, "");
+  const [introStartedAt] = useState(() => Date.now());
+  const [selectedDataKey, setSelectedDataKey] = useState(defaultSelectedDataKey);
+  const [isPointerInChart, setIsPointerInChart] = useState(false);
+  const { rows: loadingData, onShimmerExit } = useLoadingRows(isLoading, loadingBars ?? 12);
+  const zoom = useChartZoom({ data, xDataKey });
+  const { brushSlot, toolbarSlot, sonifySlot, chartChildren } = useMemo(() => {
+    const parts = Children.toArray(children);
+    const element = parts.find((child) => isValidElement(child) && child.type === Brush);
+    const props = isValidElement(element) ? element.props : {};
+    return {
+      brushSlot: { present: isValidElement(element), ...props },
+      toolbarSlot: findSlot(parts, Toolbar),
+      sonifySlot: findSlot(parts, Sonify),
+      chartChildren: parts.filter(
+        (child) => !(isValidElement(child) && (child.type === Brush || child.type === Toolbar || child.type === Sonify))
+      )
+    };
+  }, [children]);
+  const isStacked = stackType === "stacked" || stackType === "percent";
+  const isHorizontal = orientation === "horizontal";
+  const columns = useMemo(
+    () => Object.entries(config).map(([key, series]) => ({ key, label: series.label })),
+    [config]
+  );
+  const showBrush = brushSlot.present && !isLoading;
+  const showToolbar = toolbarSlot !== null && !isLoading;
+  const isEmpty = !isLoading && empty !== false && data.length === 0;
+  const displayData = showBrush || showToolbar ? zoom.visibleData : data;
+  const sonifySeries = useChartSonifySeries(
+    sonifySlot,
+    isLoading ? loadingData : displayData,
+    config,
+    xDataKey
+  );
+  const selectDataKey = useCallback(
+    (next) => {
+      setSelectedDataKey(next);
+      onSelectionChange?.(next);
+    },
+    [onSelectionChange]
+  );
+  const context = useMemo(
+    () => ({
+      config,
+      rows: displayData,
+      isStacked,
+      isHorizontal,
+      isLoading,
+      barRadius,
+      animationType,
+      introStartedAt,
+      dataLength: displayData.length,
+      selectedDataKey,
+      selectDataKey,
+      isPointerInChart
+    }),
+    [
+      animationType,
+      barRadius,
+      config,
+      displayData,
+      introStartedAt,
+      isHorizontal,
+      isLoading,
+      isPointerInChart,
+      isStacked,
+      selectDataKey,
+      selectedDataKey
+    ]
+  );
+  return /* @__PURE__ */ jsx(BarChartContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(
+    ChartFigure,
+    {
+      title,
+      showTitle,
+      description,
+      className,
+      table: hideDataTable ? false : { rows: data, rowKey: xDataKey, columns },
+      children: [
+        sonifySlot && /* @__PURE__ */ jsx(ChartSonifyButton, { ...sonifySlot, title, series: sonifySeries }),
+        isEmpty ? /* @__PURE__ */ jsx(ChartEmpty, { ...empty || {} }) : /* @__PURE__ */ jsx(
+          ChartControls,
+          {
+            toolbar: showToolbar ? toolbarSlot : null,
+            zoom,
+            title,
+            rows: data,
+            columns,
+            rowKey: xDataKey,
+            children: /* @__PURE__ */ jsx(
+              ChartContainer,
+              {
+                config,
+                footer: showBrush && /* @__PURE__ */ jsx(
+                  ChartBrush,
+                  {
+                    data,
+                    config,
+                    xDataKey,
+                    variant: "bar",
+                    barRadius,
+                    height: brushSlot.height,
+                    formatLabel: brushSlot.formatLabel,
+                    stacked: isStacked,
+                    className: "mt-1",
+                    ...zoom.brushProps,
+                    onChange: (range) => {
+                      zoom.brushProps.onChange(range);
+                      brushSlot.onChange?.(range);
+                    }
+                  }
+                ),
+                children: /* @__PURE__ */ jsxs(
+                  RechartsBarChart,
+                  {
+                    id: chartId,
+                    accessibilityLayer: true,
+                    margin: CHART_MARGIN,
+                    layout: isHorizontal ? "vertical" : "horizontal",
+                    data: isLoading ? loadingData : displayData,
+                    barGap,
+                    barCategoryGap,
+                    stackOffset: stackType === "percent" ? "expand" : void 0,
+                    onMouseEnter: () => setIsPointerInChart(true),
+                    onMouseLeave: () => setIsPointerInChart(false),
+                    ...chartProps,
+                    children: [
+                      chartChildren,
+                      isLoading && /* @__PURE__ */ jsx(LoadingBar, { chartId, onShimmerExit })
+                    ]
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(LoadingIndicator, { isLoading })
+      ]
+    }
+  ) });
+}
+function Bar({
+  dataKey,
+  variant = "default",
+  radius,
+  animationType,
+  isClickable = false,
+  enableHoverHighlight = false,
+  glowing = false,
+  buffer = false,
+  children,
+  barProps
+}) {
+  const {
+    config,
+    isStacked,
+    isHorizontal,
+    isLoading,
+    rows,
+    barRadius: defaultRadius,
+    animationType: defaultAnimation,
+    introStartedAt,
+    dataLength,
+    selectedDataKey,
+    selectDataKey,
+    isPointerInChart
+  } = useBarChart();
+  const id = useId().replace(/:/g, "");
+  const reduceMotion = useReducedMotion();
+  if (isLoading) return null;
+  const resolvedRadius = radius ?? defaultRadius;
+  const isSelected = selectedDataKey === dataKey;
+  const reveal = reduceMotion ? "none" : animationType ?? defaultAnimation;
+  const shared = {
+    id,
+    dataKey,
+    variant,
+    barRadius: resolvedRadius,
+    glowing,
+    buffer,
+    isClickable,
+    enableHoverHighlight,
+    isPointerInChart,
+    isHorizontal,
+    introStartedAt,
+    selectedDataKey,
+    dataLength,
+    onSelect: () => {
+      if (!isClickable) return;
+      selectDataKey(isSelected ? null : dataKey);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      RechartsBar,
+      {
+        dataKey,
+        stackId: isStacked ? STACK_ID : void 0,
+        fill: `url(#${id}-colors-${dataKey})`,
+        radius: resolvedRadius,
+        isAnimationActive: false,
+        style: isClickable || enableHoverHighlight ? { cursor: "pointer" } : void 0,
+        shape: (props) => /* @__PURE__ */ jsx(BarShape, { ...props, ...shared, animationType: reveal }),
+        activeBar: (props) => /* @__PURE__ */ jsx(BarShape, { ...props, ...shared, animationType: "none" }),
+        ...barProps,
+        children: resolveValues(
+          findSlot(children, Values),
+          rows.map((row) => Number(row[dataKey])).filter(Number.isFinite)
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsx(SeriesGradient, { id, dataKey, config, direction: "vertical" }),
+      variant === "hatched" && /* @__PURE__ */ jsx(BarHatchedFill, { id, dataKey }),
+      variant === "duotone" && /* @__PURE__ */ jsx(BarDuotoneFill, { id, dataKey, config }),
+      variant === "duotone-reverse" && /* @__PURE__ */ jsx(BarDuotoneFill, { id, dataKey, config, reverse: true }),
+      variant === "gradient" && /* @__PURE__ */ jsx(BarGradientFill, { id, dataKey }),
+      variant === "stripped" && /* @__PURE__ */ jsx(BarStrippedFill, { id, dataKey }),
+      buffer && /* @__PURE__ */ jsx(BarBufferFill, { id, dataKey }),
+      glowing && /* @__PURE__ */ jsx(GlowFilter, { id, dataKey })
+    ] })
+  ] });
+}
+function BarShape(props) {
+  const {
+    x = 0,
+    y = 0,
+    width = 0,
+    height = 0,
+    id,
+    dataKey,
+    variant,
+    barRadius,
+    glowing,
+    buffer,
+    isClickable,
+    enableHoverHighlight,
+    isPointerInChart,
+    isHorizontal,
+    animationType,
+    introStartedAt,
+    selectedDataKey,
+    isActive,
+    dataLength,
+    onSelect
+  } = props;
+  const index = typeof props.index === "number" ? props.index : -1;
+  const isBufferBar = buffer && dataLength > 0 && index === dataLength - 1;
+  const isStripped = variant === "stripped";
+  const grow = growAnimation(animationType, index, dataLength, isHorizontal, introStartedAt);
+  const fill = isBufferBar ? `url(#${id}-buffer-${dataKey})` : variantFill(variant, id, dataKey);
+  const opacity = barOpacity({
+    isClickable,
+    selectedDataKey,
+    dataKey,
+    enableHoverHighlight,
+    isPointerInChart,
+    isActive
+  });
+  const radius = isStripped ? [barRadius, barRadius, 0, 0] : barRadius;
+  const painted = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Rectangle,
+      {
+        x,
+        y,
+        width,
+        height: Math.max(0, height - 3),
+        opacity,
+        radius,
+        fill,
+        filter: glowing ? `url(#${id}-glow-${dataKey})` : void 0,
+        stroke: isBufferBar ? `url(#${id}-colors-${dataKey})` : void 0,
+        strokeWidth: isBufferBar ? 1 : void 0
+      }
+    ),
+    isStripped && /* @__PURE__ */ jsx(
+      Rectangle,
+      {
+        x,
+        y: y - 4,
+        width,
+        height: 2,
+        radius: 1,
+        fill: `url(#${id}-colors-${dataKey})`
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "g",
+    {
+      style: isClickable || enableHoverHighlight ? { cursor: "pointer" } : void 0,
+      onClick: onSelect,
+      children: [
+        /* @__PURE__ */ jsx(Rectangle, { ...props, fill: "transparent" }),
+        grow ? /* @__PURE__ */ jsx(
+          motion.g,
+          {
+            initial: grow.initial,
+            animate: grow.animate,
+            transition: grow.transition,
+            style: grow.style,
+            children: painted
+          }
+        ) : painted
+      ]
+    }
+  );
+}
+function growAnimation(animationType, index, dataLength, isHorizontal, introStartedAt) {
+  if (animationType === "none" || index < 0 || dataLength <= 0) return null;
+  const lastIndex = dataLength - 1;
+  const centre = lastIndex / 2;
+  let step;
+  switch (animationType) {
+    case "reverse":
+      step = lastIndex - index;
+      break;
+    case "center-out":
+      step = Math.abs(index - centre);
+      break;
+    case "edges-in":
+      step = centre - Math.abs(index - centre);
+      break;
+    default:
+      step = index;
+  }
+  const startMs = step * GROW_STAGGER * 1e3;
+  const endMs = startMs + GROW_DURATION * 1e3;
+  const elapsed = Date.now() - introStartedAt;
+  if (elapsed >= endMs) return null;
+  const from = elapsed <= startMs ? 0 : (elapsed - startMs) / (GROW_DURATION * 1e3);
+  const transition = {
+    duration: (endMs - Math.max(elapsed, startMs)) / 1e3,
+    ease: REVEAL_EASE,
+    delay: Math.max(0, startMs - elapsed) / 1e3
+  };
+  return isHorizontal ? { initial: { scaleX: from }, animate: { scaleX: 1 }, transition, style: { originX: 0 } } : { initial: { scaleY: from }, animate: { scaleY: 1 }, transition, style: { originY: 1 } };
+}
+function variantFill(variant, id, dataKey) {
+  if (variant === "default") return `url(#${id}-colors-${dataKey})`;
+  return `url(#${id}-${variant}-${dataKey})`;
+}
+function barOpacity({
+  isClickable,
+  selectedDataKey,
+  dataKey,
+  enableHoverHighlight,
+  isPointerInChart,
+  isActive
+}) {
+  const inSelection = selectedDataKey === null || selectedDataKey === dataKey;
+  const selectionOpacity = isClickable && selectedDataKey !== null ? inSelection ? 1 : 0.15 : 1;
+  if (enableHoverHighlight && isPointerInChart) {
+    return isActive ? selectionOpacity : selectionOpacity * 0.3;
+  }
+  return selectionOpacity;
+}
+function XAxis({
+  tickLine = false,
+  axisLine = false,
+  tickMargin = 8,
+  minTickGap = 8,
+  type,
+  label,
+  ...rest
+}) {
+  const { isLoading, isHorizontal } = useBarChart();
+  if (isLoading) return null;
+  return /* @__PURE__ */ jsx(
+    RechartsXAxis,
+    {
+      tickLine,
+      axisLine,
+      tickMargin,
+      minTickGap,
+      type: type ?? (isHorizontal ? "number" : "category"),
+      ...rest,
+      children: axisLabel(label, "x")
+    }
+  );
+}
+function YAxis({
+  tickLine = false,
+  axisLine = false,
+  tickMargin = 8,
+  minTickGap = 8,
+  width = "auto",
+  type,
+  label,
+  tickFormatter,
+  ...rest
+}) {
+  const { isLoading, isHorizontal } = useBarChart();
+  if (isLoading) return null;
+  return /* @__PURE__ */ jsx(
+    RechartsYAxis,
+    {
+      tickLine,
+      axisLine,
+      tickMargin,
+      minTickGap,
+      width,
+      type: type ?? (isHorizontal ? "category" : "number"),
+      tickFormatter: tickFormatter ?? defaultTick,
+      ...rest,
+      children: axisLabel(label, "y")
+    }
+  );
+}
+function Grid({
+  strokeDasharray = "3 3",
+  vertical,
+  horizontal,
+  ...rest
+}) {
+  const { isHorizontal } = useBarChart();
+  return /* @__PURE__ */ jsx(
+    CartesianGrid,
+    {
+      strokeDasharray,
+      vertical: vertical ?? isHorizontal,
+      horizontal: horizontal ?? !isHorizontal,
+      ...rest
+    }
+  );
+}
+function Tooltip({ variant, roundness, defaultIndex, cursor = false }) {
+  const { isLoading, selectedDataKey } = useBarChart();
+  if (isLoading) return null;
+  return /* @__PURE__ */ jsx(
+    ChartTooltip,
+    {
+      cursor,
+      defaultIndex,
+      content: /* @__PURE__ */ jsx(ChartTooltipContent, { selected: selectedDataKey, roundness, variant })
+    }
+  );
+}
+function Legend({
+  variant,
+  align = "right",
+  verticalAlign = "top",
+  isClickable = false
+}) {
+  const { selectedDataKey, selectDataKey } = useBarChart();
+  return /* @__PURE__ */ jsx(
+    ChartLegend,
+    {
+      verticalAlign,
+      align,
+      content: /* @__PURE__ */ jsx(
+        ChartLegendContent,
+        {
+          selected: selectedDataKey,
+          onSelectChange: selectDataKey,
+          isClickable,
+          variant
+        }
+      )
+    }
+  );
+}
+function Background({ variant }) {
+  const { isLoading } = useBarChart();
+  if (isLoading) return null;
+  return /* @__PURE__ */ jsx(ChartBackground, { variant });
+}
+function LoadingBar({ chartId, onShimmerExit }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      RechartsBar,
+      {
+        dataKey: LOADING_KEY,
+        fill: "currentColor",
+        fillOpacity: 0.15,
+        radius: BAR_RADIUS,
+        isAnimationActive: false,
+        legendType: "none",
+        className: "text-(--ink)",
+        style: { mask: `url(#${chartId}-loading-mask)` }
+      }
+    ),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(LoadingShimmer, { id: chartId, onShimmerExit }) })
+  ] });
+}
+BarChart.Bar = Bar;
+BarChart.XAxis = XAxis;
+BarChart.YAxis = YAxis;
+BarChart.Grid = Grid;
+BarChart.Tooltip = Tooltip;
+BarChart.Legend = Legend;
+BarChart.Background = Background;
+BarChart.ReferenceLine = ReferenceLine;
+BarChart.ReferenceBand = ReferenceBand;
+BarChart.Annotation = Annotation;
+BarChart.Values = Values;
+BarChart.Brush = Brush;
+BarChart.Toolbar = Toolbar;
+BarChart.Sonify = Sonify;
+var BarChart_default = BarChart;
+export {
+  BarChart,
+  BarChart_default as default
+};
+//# sourceMappingURL=BarChart.js.map

package/dist/charts/BarChart/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/charts/BarChart/BarChart.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from 'react'\nimport {\n  Bar as RechartsBar,\n  BarChart as RechartsBarChart,\n  CartesianGrid,\n  Rectangle,\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n} from 'recharts'\nimport type { RectRadius } from 'recharts/types/shape/Rectangle'\nimport { motion, useReducedMotion } from 'motion/react'\nimport { ChartContainer, type ChartConfig } from '../lib/chart'\nimport { ChartFigure } from '../lib/figure'\nimport { ChartEmpty, type ChartEmptyProps } from '../lib/empty'\nimport { axisLabel } from '../lib/axis'\nimport { defaultTick } from '../lib/format'\nimport { Annotation, ReferenceBand, ReferenceLine } from '../lib/annotations'\nimport { Values, findSlot, resolveValues, type ValuesProps } from '../lib/values'\nimport {\n  ChartSonifyButton,\n  Sonify,\n  useChartSonifySeries,\n  type SonifyProps,\n} from '../lib/sonify-control'\n\n/**\n * The axis props, with `label` narrowed to a string.\n *\n * Recharts' own `label` accepts a render function and a config object, neither\n * of which a call site should be reaching for to name an axis — and both of\n * which would let a consumer opt out of the system's own axis type styling\n * without noticing.\n */\nexport type ChartXAxisProps = Omit<ComponentProps<typeof RechartsXAxis>, 'label'> & {\n  /** What this axis measures. Say the unit here or in the series label, once. */\n  label?: string\n}\n\nexport type ChartYAxisProps = Omit<ComponentProps<typeof RechartsYAxis>, 'label'> & {\n  /** What this axis measures. Say the unit here or in the series label, once. */\n  label?: string\n}\n\nimport { ChartBackground, type ChartBackgroundVariant } from '../lib/background'\nimport { ChartLegend, ChartLegendContent } from '../lib/legend'\nimport { ChartTooltip, ChartTooltipContent } from '../lib/tooltip'\nimport { Brush, ChartBrush, type BrushProps, type ChartBrushRange } from '../lib/brush'\nimport { ChartControls, Toolbar, type ToolbarProps } from '../lib/toolbar'\nimport { useChartZoom } from '../lib/zoom'\nimport { LoadingIndicator, LoadingShimmer, LOADING_KEY, useLoadingRows } from '../lib/loading'\nimport {\n  BarBufferFill,\n  BarDuotoneFill,\n  BarGradientFill,\n  BarHatchedFill,\n  BarStrippedFill,\n  GlowFilter,\n  REVEAL_EASE,\n  SeriesGradient,\n  type ChartRevealType,\n} from '../lib/paint'\nimport type { ChartLegendSlotProps, ChartTooltipSlotProps } from '../AreaChart/AreaChart'\n\n/** The corner every bar rounds to unless it says otherwise. */\nconst BAR_RADIUS = 2\n\n/** One bar's grow-in, in seconds. */\nconst GROW_DURATION = 0.5\n\n/** How long each bar waits behind the one before it. */\nconst GROW_STAGGER = 0.05\n\nconst STACK_ID = 'm22-bar-stack'\n\n/**\n * Room around the plot, so the first and last tick labels are not sliced by the\n * container's edge. Recharts' own default is 5px on every side, which is not\n * enough for a label centred on the axis's first point.\n */\nconst CHART_MARGIN = { top: 8, right: 12, bottom: 0, left: 12 }\n\n/** How a bar meets the plot. The primary carrier of identity in monochrome. */\nexport type BarVariant = 'default' | 'hatched' | 'duotone' | 'duotone-reverse' | 'gradient' | 'stripped'\n\n/** How several bars combine: side by side, stacked, or normalised to 100%. */\nexport type BarStackType = 'default' | 'stacked' | 'percent'\n\n/**\n * Which way the bars run.\n *\n * `vertical` stands them up from a category axis along the bottom — the default,\n * and what a time series wants. `horizontal` lays them out from a category axis\n * down the side, which is what long category NAMES want: a label that would be\n * rotated 45° to fit under a column reads straight beside a row.\n */\nexport type BarOrientation = 'vertical' | 'horizontal'\n\ninterface BarChartContextValue {\n  config: ChartConfig\n  /** The rows on screen, so a mark can label its own extremes. */\n  rows: Record<string, unknown>[]\n  isStacked: boolean\n  isHorizontal: boolean\n  isLoading: boolean\n  barRadius: number\n  animationType: ChartRevealType\n  introStartedAt: number\n  dataLength: number\n  selectedDataKey: string | null\n  selectDataKey: (dataKey: string | null) => void\n  isPointerInChart: boolean\n}\n\nconst BarChartContext = createContext<BarChartContextValue | null>(null)\n\nfunction useBarChart(): BarChartContextValue {\n  const context = useContext(BarChartContext)\n  if (!context) throw new Error('A bar chart part must be rendered inside <BarChart>')\n  return context\n}\n\ntype ValidateKeys<TData, TConfig> = {\n  [K in keyof TConfig]: K extends keyof TData ? ChartConfig[string] : never\n}\n\nexport interface BarChartProps<\n  TData extends Record<string, unknown>,\n  TConfig extends Record<string, ChartConfig[string]>,\n> {\n  config: TConfig & ValidateKeys<TData, TConfig>\n  /** The rows the chart draws. One entry per point, bar or category. */\n  data: TData[]\n  /**\n   * What the chart shows, in a sentence a reader could act on. Required, and\n   * announced to a screen reader even when it is not printed.\n   */\n  title: string\n  /** Prints the title above the plot instead of hiding it from sight. */\n  showTitle?: boolean\n  /** A line under the title — the unit, the window, the caveat. */\n  description?: ReactNode\n  /**\n   * The composed parts — axes, grid, tooltip, legend, and the marks\n   * themselves.\n   */\n  children: ReactNode\n  /** Merged onto the figure, last, so a call site can size or space it. */\n  className?: string\n  /** Escape hatch onto the raw Recharts chart element. */\n  chartProps?: ComponentProps<typeof RechartsBarChart>\n  /** How several marks combine: side by side, stacked, or normalised to 100%. */\n  stackType?: BarStackType\n  /**\n   * Which way the bars run. Reach for `horizontal` when the category names are\n   * long enough to need rotating under a column.\n   */\n  orientation?: BarOrientation\n  /** The corner every `<BarChart.Bar>` inherits. */\n  barRadius?: number\n  /** The grow-in order every `<BarChart.Bar>` inherits. */\n  animationType?: ChartRevealType\n  /** Gap between bars inside one category. */\n  barGap?: number\n  /** Gap between categories. */\n  barCategoryGap?: number\n  /** The series lit on first render. Selection dims every other series. */\n  defaultSelectedDataKey?: string | null\n  /** Fires when the selection changes, and with null when it is cleared. */\n  onSelectionChange?: (selectedDataKey: string | null) => void\n  /**\n   * Swaps the marks for an animated skeleton, keeping the measured height so\n   * the page does not jump when the data lands.\n   */\n  isLoading?: boolean\n  /** How many bars the skeleton draws. */\n  loadingBars?: number\n  /**\n   * The row field on the category axis. Needed by the brush and by the table\n   * view.\n   */\n  xDataKey?: keyof TData & string\n  /**\n   * Drops the hidden table view. Only correct when the page prints the data\n   * itself.\n   */\n  hideDataTable?: boolean\n  /**\n   * What the chart shows when it has nothing to draw.\n   *\n   * Rendered instead of the plot whenever `data` is empty and the chart is not\n   * loading — the state a real dashboard reaches within a week, and the one an\n   * empty pair of axes is indistinguishable from a failed load. `false` keeps\n   * the axes, for a chart whose emptiness is itself the reading.\n   */\n  empty?: ChartEmptyProps | false\n}\n\n/**\n * Discrete categories compared by length — the shape for \"how much, per thing\".\n *\n * Reach for `<AreaChart>` or `<LineChart>` when the axis is continuous and the\n * reader is following a trend rather than comparing buckets.\n *\n * @example\n * <BarChart title=\"Visitors by month\" config={config} data={data} xDataKey=\"month\">\n *   <BarChart.Grid />\n *   <BarChart.XAxis dataKey=\"month\" />\n *   <BarChart.Tooltip />\n *   <BarChart.Bar dataKey=\"desktop\" variant=\"duotone\" />\n * </BarChart>\n */\nexport function BarChart<\n  TData extends Record<string, unknown>,\n  TConfig extends Record<string, ChartConfig[string]>,\n>({\n  config,\n  data,\n  title,\n  showTitle,\n  description,\n  children,\n  className,\n  chartProps,\n  stackType = 'default',\n  orientation = 'vertical',\n  barRadius = BAR_RADIUS,\n  animationType = 'forward',\n  barGap,\n  barCategoryGap,\n  defaultSelectedDataKey = null,\n  onSelectionChange,\n  isLoading = false,\n  loadingBars,\n  xDataKey,\n  hideDataTable = false,\n  empty,\n}: BarChartProps<TData, TConfig>) {\n  const chartId = useId().replace(/:/g, '')\n  // Stamped once, on the first render. The grow-in reads elapsed time from\n  // here rather than from mount, because Recharts remounts every bar on any\n  // re-render — a mount-anchored animation would replay on every hover.\n  const [introStartedAt] = useState(() => Date.now())\n  const [selectedDataKey, setSelectedDataKey] = useState<string | null>(defaultSelectedDataKey)\n  const [isPointerInChart, setIsPointerInChart] = useState(false)\n  const { rows: loadingData, onShimmerExit } = useLoadingRows(isLoading, loadingBars ?? 12)\n  // One window, two views of it: the brush strip below the plot and the\n  // toolbar above it both read and write this. See `useChartZoom` for why they\n  // are not two separate windows.\n  const zoom = useChartZoom({ data, xDataKey })\n\n  // The brush, the toolbar and the sonify control are declared as children but\n  // never rendered into the Recharts tree — they live in the figure, outside\n  // the SVG.\n  const { brushSlot, toolbarSlot, sonifySlot, chartChildren } = useMemo(() => {\n    const parts = Children.toArray(children)\n    const element = parts.find((child) => isValidElement(child) && child.type === Brush)\n    const props = (isValidElement(element) ? element.props : {}) as BrushProps\n    return {\n      brushSlot: { present: isValidElement(element), ...props },\n      toolbarSlot: findSlot<ToolbarProps>(parts, Toolbar),\n      sonifySlot: findSlot<SonifyProps>(parts, Sonify),\n      chartChildren: parts.filter(\n        (child) =>\n          !(\n            isValidElement(child) &&\n            (child.type === Brush || child.type === Toolbar || child.type === Sonify)\n          ),\n      ),\n    }\n  }, [children])\n\n  const isStacked = stackType === 'stacked' || stackType === 'percent'\n  const isHorizontal = orientation === 'horizontal'\n  const columns = useMemo(\n    () => Object.entries(config).map(([key, series]) => ({ key, label: series.label })),\n    [config],\n  )\n\n  const showBrush = brushSlot.present && !isLoading\n  const showToolbar = toolbarSlot !== null && !isLoading\n  // `empty === false` keeps the axes, for a chart whose emptiness is the\n  // reading — a monitoring panel that should show a flat, silent range rather\n  // than a message.\n  const isEmpty = !isLoading && empty !== false && data.length === 0\n  const displayData = showBrush || showToolbar ? zoom.visibleData : data\n\n  // The rows on screen, so a brushed range sounds like what it looks like. The\n  // skeleton's rows carry no real series, which is what leaves the control\n  // disabled while data is in flight rather than playing yesterday's numbers.\n  const sonifySeries = useChartSonifySeries(\n    sonifySlot,\n    (isLoading ? loadingData : displayData) as Record<string, unknown>[],\n    config,\n    xDataKey,\n  )\n\n  const selectDataKey = useCallback(\n    (next: string | null) => {\n      setSelectedDataKey(next)\n      onSelectionChange?.(next)\n    },\n    [onSelectionChange],\n  )\n\n  const context = useMemo<BarChartContextValue>(\n    () => ({\n      config,\n      rows: displayData as Record<string, unknown>[],\n      isStacked,\n      isHorizontal,\n      isLoading,\n      barRadius,\n      animationType,\n      introStartedAt,\n      dataLength: displayData.length,\n      selectedDataKey,\n      selectDataKey,\n      isPointerInChart,\n    }),\n    [\n      animationType,\n      barRadius,\n      config,\n      displayData,\n      introStartedAt,\n      isHorizontal,\n      isLoading,\n      isPointerInChart,\n      isStacked,\n      selectDataKey,\n      selectedDataKey,\n    ],\n  )\n\n  return (\n    <BarChartContext.Provider value={context}>\n      <ChartFigure\n        title={title}\n        showTitle={showTitle}\n        description={description}\n        className={className}\n        table={\n          hideDataTable\n            ? false\n            : { rows: data, rowKey: xDataKey, columns }\n        }\n      >\n        {sonifySlot && (\n          <ChartSonifyButton {...sonifySlot} title={title} series={sonifySeries} />\n        )}\n        {isEmpty ? (\n          <ChartEmpty {...(empty || {})} />\n        ) : (\n        <ChartControls\n          toolbar={showToolbar ? toolbarSlot : null}\n          zoom={zoom}\n          title={title}\n          rows={data}\n          columns={columns}\n          rowKey={xDataKey}\n        >\n        <ChartContainer\n          config={config}\n          footer={\n            showBrush && (\n              <ChartBrush\n                data={data}\n                config={config}\n                xDataKey={xDataKey}\n                variant=\"bar\"\n                barRadius={barRadius}\n                height={brushSlot.height}\n                formatLabel={brushSlot.formatLabel}\n                stacked={isStacked}\n                className=\"mt-1\"\n                {...zoom.brushProps}\n                onChange={(range: ChartBrushRange) => {\n                  zoom.brushProps.onChange(range)\n                  brushSlot.onChange?.(range)\n                }}\n              />\n            )\n          }\n        >\n          <RechartsBarChart\n            id={chartId}\n            accessibilityLayer\n            margin={CHART_MARGIN}\n            // Recharts' `layout` names the axis the CATEGORIES run along, which\n            // is the opposite of what a reader means by a horizontal bar chart.\n            // The flip is done once, here.\n            layout={isHorizontal ? 'vertical' : 'horizontal'}\n            data={isLoading ? loadingData : displayData}\n            barGap={barGap}\n            barCategoryGap={barCategoryGap}\n            stackOffset={stackType === 'percent' ? 'expand' : undefined}\n            onMouseEnter={() => setIsPointerInChart(true)}\n            onMouseLeave={() => setIsPointerInChart(false)}\n            {...chartProps}\n          >\n            {chartChildren}\n            {isLoading && <LoadingBar chartId={chartId} onShimmerExit={onShimmerExit} />}\n          </RechartsBarChart>\n        </ChartContainer>\n        </ChartControls>\n        )}\n        <LoadingIndicator isLoading={isLoading} />\n      </ChartFigure>\n    </BarChartContext.Provider>\n  )\n}\n\nexport interface BarProps {\n  dataKey: string\n  variant?: BarVariant\n  radius?: number\n  animationType?: ChartRevealType\n  /** Lets a click on this series select it, dimming the rest. */\n  isClickable?: boolean\n  /** Dims this series while another bar in the same column is hovered. */\n  enableHoverHighlight?: boolean\n  /** A halo behind the bars — for the one series that is the point of the figure. */\n  glowing?: boolean\n  /**\n   * Draws the LAST category as an open hatch rather than a solid bar.\n   *\n   * The idiom for a period still in progress: the bar is the same height as any\n   * other but is visibly not the same kind of fact.\n   */\n  buffer?: boolean\n  /** `<BarChart.Values>`. */\n  children?: ReactNode\n  barProps?: ComponentProps<typeof RechartsBar>\n}\n\n/**\n * One bar series. Scopes its own patterns under a unique id, so any number of\n * series with different variants can share a chart.\n */\nfunction Bar({\n  dataKey,\n  variant = 'default',\n  radius,\n  animationType,\n  isClickable = false,\n  enableHoverHighlight = false,\n  glowing = false,\n  buffer = false,\n  children,\n  barProps,\n}: BarProps) {\n  const {\n    config,\n    isStacked,\n    isHorizontal,\n    isLoading,\n    rows,\n    barRadius: defaultRadius,\n    animationType: defaultAnimation,\n    introStartedAt,\n    dataLength,\n    selectedDataKey,\n    selectDataKey,\n    isPointerInChart,\n  } = useBarChart()\n  const id = useId().replace(/:/g, '')\n  const reduceMotion = useReducedMotion()\n\n  if (isLoading) return null\n\n  const resolvedRadius = radius ?? defaultRadius\n  const isSelected = selectedDataKey === dataKey\n  const reveal: ChartRevealType = reduceMotion ? 'none' : (animationType ?? defaultAnimation)\n\n  const shared = {\n    id,\n    dataKey,\n    variant,\n    barRadius: resolvedRadius,\n    glowing,\n    buffer,\n    isClickable,\n    enableHoverHighlight,\n    isPointerInChart,\n    isHorizontal,\n    introStartedAt,\n    selectedDataKey,\n    dataLength,\n    onSelect: () => {\n      if (!isClickable) return\n      selectDataKey(isSelected ? null : dataKey)\n    },\n  }\n\n  return (\n    <>\n      <RechartsBar\n        dataKey={dataKey}\n        stackId={isStacked ? STACK_ID : undefined}\n        fill={`url(#${id}-colors-${dataKey})`}\n        radius={resolvedRadius}\n        isAnimationActive={false}\n        style={isClickable || enableHoverHighlight ? { cursor: 'pointer' } : undefined}\n        shape={(props: unknown) => (\n          <BarShape {...(props as BarGeometry)} {...shared} animationType={reveal} />\n        )}\n        // The hovered bar re-renders through `activeBar`; without forcing the\n        // animation off here it would replay its grow-in under the pointer.\n        activeBar={(props: unknown) => (\n          <BarShape {...(props as BarGeometry)} {...shared} animationType=\"none\" />\n        )}\n        {...barProps}\n      >\n        {resolveValues(\n          findSlot<ValuesProps>(children, Values),\n          rows.map((row) => Number(row[dataKey])).filter(Number.isFinite),\n        )}\n      </RechartsBar>\n      <defs>\n        <SeriesGradient id={id} dataKey={dataKey} config={config} direction=\"vertical\" />\n        {variant === 'hatched' && <BarHatchedFill id={id} dataKey={dataKey} />}\n        {variant === 'duotone' && <BarDuotoneFill id={id} dataKey={dataKey} config={config} />}\n        {variant === 'duotone-reverse' && (\n          <BarDuotoneFill id={id} dataKey={dataKey} config={config} reverse />\n        )}\n        {variant === 'gradient' && <BarGradientFill id={id} dataKey={dataKey} />}\n        {variant === 'stripped' && <BarStrippedFill id={id} dataKey={dataKey} />}\n        {buffer && <BarBufferFill id={id} dataKey={dataKey} />}\n        {glowing && <GlowFilter id={id} dataKey={dataKey} />}\n      </defs>\n    </>\n  )\n}\n\n/** The geometry Recharts hands a custom bar shape. */\ninterface BarGeometry {\n  x?: number\n  y?: number\n  width?: number\n  height?: number\n  index?: number\n  isActive?: boolean\n  [key: string]: unknown\n}\n\ninterface BarShapeProps extends BarGeometry {\n  id: string\n  dataKey: string\n  variant: BarVariant\n  barRadius: number\n  glowing: boolean\n  buffer: boolean\n  isClickable: boolean\n  enableHoverHighlight: boolean\n  isPointerInChart: boolean\n  isHorizontal: boolean\n  animationType: ChartRevealType\n  introStartedAt: number\n  selectedDataKey: string | null\n  dataLength: number\n  onSelect: () => void\n}\n\n/**\n * One drawn bar.\n *\n * Two rectangles, and the second one is the reason this is a custom shape: an\n * invisible full-height rect keeps the whole COLUMN hoverable and clickable, so\n * a 3px bar at the bottom of the scale is as easy to hit as a full-height one.\n * The painted bar sits inside it and is the only part that animates.\n */\nfunction BarShape(props: BarShapeProps) {\n  const {\n    x = 0,\n    y = 0,\n    width = 0,\n    height = 0,\n    id,\n    dataKey,\n    variant,\n    barRadius,\n    glowing,\n    buffer,\n    isClickable,\n    enableHoverHighlight,\n    isPointerInChart,\n    isHorizontal,\n    animationType,\n    introStartedAt,\n    selectedDataKey,\n    isActive,\n    dataLength,\n    onSelect,\n  } = props\n\n  const index = typeof props.index === 'number' ? props.index : -1\n  const isBufferBar = buffer && dataLength > 0 && index === dataLength - 1\n  const isStripped = variant === 'stripped'\n  const grow = growAnimation(animationType, index, dataLength, isHorizontal, introStartedAt)\n\n  const fill = isBufferBar ? `url(#${id}-buffer-${dataKey})` : variantFill(variant, id, dataKey)\n  const opacity = barOpacity({\n    isClickable,\n    selectedDataKey,\n    dataKey,\n    enableHoverHighlight,\n    isPointerInChart,\n    isActive,\n  })\n\n  // Stripped rounds only the cap; every other variant rounds all four corners.\n  const radius: RectRadius = isStripped ? [barRadius, barRadius, 0, 0] : barRadius\n\n  const painted = (\n    <>\n      <Rectangle\n        x={x}\n        y={y}\n        width={width}\n        // Three pixels off the foot, which is the 2px surface gap between a bar\n        // and its neighbour above in a stack, plus the hairline.\n        height={Math.max(0, height - 3)}\n        opacity={opacity}\n        radius={radius}\n        fill={fill}\n        filter={glowing ? `url(#${id}-glow-${dataKey})` : undefined}\n        stroke={isBufferBar ? `url(#${id}-colors-${dataKey})` : undefined}\n        strokeWidth={isBufferBar ? 1 : undefined}\n      />\n      {isStripped && (\n        <Rectangle\n          x={x}\n          y={y - 4}\n          width={width}\n          height={2}\n          radius={1}\n          fill={`url(#${id}-colors-${dataKey})`}\n        />\n      )}\n    </>\n  )\n\n  return (\n    <g\n      style={isClickable || enableHoverHighlight ? { cursor: 'pointer' } : undefined}\n      onClick={onSelect}\n    >\n      <Rectangle {...props} fill=\"transparent\" />\n      {grow ? (\n        <motion.g\n          initial={grow.initial}\n          animate={grow.animate}\n          transition={grow.transition}\n          style={grow.style}\n        >\n          {painted}\n        </motion.g>\n      ) : (\n        painted\n      )}\n    </g>\n  )\n}\n\n/**\n * The grow-in for a single bar, or `null` when it should render static.\n *\n * The animation is anchored to when the CHART started rather than to when this\n * bar mounted, because Recharts remounts every bar on every re-render — a hover\n * anywhere in the plot would otherwise replay the whole intro. Reading elapsed\n * time makes it a true one-shot: a bar past its window renders flat, and a bar\n * caught mid-grow resumes from where it should already be.\n */\nfunction growAnimation(\n  animationType: ChartRevealType,\n  index: number,\n  dataLength: number,\n  isHorizontal: boolean,\n  introStartedAt: number,\n) {\n  if (animationType === 'none' || index < 0 || dataLength <= 0) return null\n\n  const lastIndex = dataLength - 1\n  const centre = lastIndex / 2\n\n  let step: number\n  switch (animationType) {\n    case 'reverse':\n      step = lastIndex - index\n      break\n    case 'center-out':\n      step = Math.abs(index - centre)\n      break\n    case 'edges-in':\n      step = centre - Math.abs(index - centre)\n      break\n    default:\n      step = index\n  }\n\n  const startMs = step * GROW_STAGGER * 1000\n  const endMs = startMs + GROW_DURATION * 1000\n  const elapsed = Date.now() - introStartedAt\n\n  if (elapsed >= endMs) return null\n\n  const from = elapsed <= startMs ? 0 : (elapsed - startMs) / (GROW_DURATION * 1000)\n  const transition = {\n    duration: (endMs - Math.max(elapsed, startMs)) / 1000,\n    ease: REVEAL_EASE,\n    delay: Math.max(0, startMs - elapsed) / 1000,\n  }\n\n  return isHorizontal\n    ? { initial: { scaleX: from }, animate: { scaleX: 1 }, transition, style: { originX: 0 } }\n    : { initial: { scaleY: from }, animate: { scaleY: 1 }, transition, style: { originY: 1 } }\n}\n\n/** The paint reference for a variant. */\nfunction variantFill(variant: BarVariant, id: string, dataKey: string): string {\n  if (variant === 'default') return `url(#${id}-colors-${dataKey})`\n  return `url(#${id}-${variant}-${dataKey})`\n}\n\n/** How lit a bar is, given the click selection and the hover highlight. */\nfunction barOpacity({\n  isClickable,\n  selectedDataKey,\n  dataKey,\n  enableHoverHighlight,\n  isPointerInChart,\n  isActive,\n}: {\n  isClickable: boolean\n  selectedDataKey: string | null\n  dataKey: string\n  enableHoverHighlight: boolean\n  isPointerInChart: boolean\n  isActive?: boolean\n}) {\n  const inSelection = selectedDataKey === null || selectedDataKey === dataKey\n  const selectionOpacity = isClickable && selectedDataKey !== null ? (inSelection ? 1 : 0.15) : 1\n\n  if (enableHoverHighlight && isPointerInChart) {\n    return isActive ? selectionOpacity : selectionOpacity * 0.3\n  }\n  return selectionOpacity\n}\n\n/**\n * The category axis when the bars stand up, the value axis when they lie down.\n * The type is resolved from the orientation so a consumer never has to know\n * which way round Recharts wants it.\n */\nfunction XAxis({\n  tickLine = false,\n  axisLine = false,\n  tickMargin = 8,\n  minTickGap = 8,\n  type,\n  label,\n  ...rest\n}: ChartXAxisProps) {\n  const { isLoading, isHorizontal } = useBarChart()\n  if (isLoading) return null\n  return (\n    <RechartsXAxis\n      tickLine={tickLine}\n      axisLine={axisLine}\n      tickMargin={tickMargin}\n      minTickGap={minTickGap}\n      type={type ?? (isHorizontal ? 'number' : 'category')}\n      {...rest}\n    >\n      {axisLabel(label, 'x')}\n    </RechartsXAxis>\n  )\n}\n\n/** The other axis, resolved the same way. */\nfunction YAxis({\n  tickLine = false,\n  axisLine = false,\n  tickMargin = 8,\n  minTickGap = 8,\n  width = 'auto',\n  type,\n  label,\n  tickFormatter,\n  ...rest\n}: ChartYAxisProps) {\n  const { isLoading, isHorizontal } = useBarChart()\n  if (isLoading) return null\n  return (\n    <RechartsYAxis\n      tickLine={tickLine}\n      axisLine={axisLine}\n      tickMargin={tickMargin}\n      minTickGap={minTickGap}\n      width={width}\n      type={type ?? (isHorizontal ? 'category' : 'number')}\n      tickFormatter={tickFormatter ?? defaultTick}\n      {...rest}\n    >\n      {axisLabel(label, 'y')}\n    </RechartsYAxis>\n  )\n}\n\n/** Rules across the value axis — whichever axis that is for this orientation. */\nfunction Grid({\n  strokeDasharray = '3 3',\n  vertical,\n  horizontal,\n  ...rest\n}: ComponentProps<typeof CartesianGrid>) {\n  const { isHorizontal } = useBarChart()\n  return (\n    <CartesianGrid\n      strokeDasharray={strokeDasharray}\n      vertical={vertical ?? isHorizontal}\n      horizontal={horizontal ?? !isHorizontal}\n      {...rest}\n    />\n  )\n}\n\n/**\n * The hover panel.\n *\n * No crosshair by default, unlike the line and area charts: a bar already marks\n * its own category, and a cursor over it draws a second edge on a shape that\n * has four already.\n */\nfunction Tooltip({ variant, roundness, defaultIndex, cursor = false }: ChartTooltipSlotProps) {\n  const { isLoading, selectedDataKey } = useBarChart()\n  if (isLoading) return null\n\n  return (\n    <ChartTooltip\n      cursor={cursor}\n      defaultIndex={defaultIndex}\n      content={\n        <ChartTooltipContent selected={selectedDataKey} roundness={roundness} variant={variant} />\n      }\n    />\n  )\n}\n\n/** The key. Required above one series. */\nfunction Legend({\n  variant,\n  align = 'right',\n  verticalAlign = 'top',\n  isClickable = false,\n}: ChartLegendSlotProps) {\n  const { selectedDataKey, selectDataKey } = useBarChart()\n\n  return (\n    <ChartLegend\n      verticalAlign={verticalAlign}\n      align={align}\n      content={\n        <ChartLegendContent\n          selected={selectedDataKey}\n          onSelectChange={selectDataKey}\n          isClickable={isClickable}\n          variant={variant}\n        />\n      }\n    />\n  )\n}\n\n/** The decorative plate behind the plot. */\nfunction Background({ variant }: { variant: ChartBackgroundVariant }) {\n  const { isLoading } = useBarChart()\n  if (isLoading) return null\n  return <ChartBackground variant={variant} />\n}\n\n/** The skeleton drawn in place of the real bars while data is in flight. */\nfunction LoadingBar({ chartId, onShimmerExit }: { chartId: string; onShimmerExit: () => void }) {\n  return (\n    <>\n      <RechartsBar\n        dataKey={LOADING_KEY}\n        fill=\"currentColor\"\n        fillOpacity={0.15}\n        radius={BAR_RADIUS}\n        isAnimationActive={false}\n        legendType=\"none\"\n        className=\"text-(--ink)\"\n        style={{ mask: `url(#${chartId}-loading-mask)` }}\n      />\n      <defs>\n        <LoadingShimmer id={chartId} onShimmerExit={onShimmerExit} />\n      </defs>\n    </>\n  )\n}\n\nBarChart.Bar = Bar\nBarChart.XAxis = XAxis\nBarChart.YAxis = YAxis\nBarChart.Grid = Grid\nBarChart.Tooltip = Tooltip\nBarChart.Legend = Legend\nBarChart.Background = Background\nBarChart.ReferenceLine = ReferenceLine\nBarChart.ReferenceBand = ReferenceBand\nBarChart.Annotation = Annotation\nBarChart.Values = Values\nBarChart.Brush = Brush\nBarChart.Toolbar = Toolbar\nBarChart.Sonify = Sonify\n\nexport default BarChart\n"],"mappings":"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","names":[]}