{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "chart-axi-bar",
  "type": "registry:block",
  "title": "AxiCharts Bar",
  "description": "Composable bar chart via ChartContainer + chartConfig — shadcn Charts migration path.",
  "categories": [
    "charts",
    "dashboard"
  ],
  "dependencies": [
    "@axicharts/charts@0.4.39",
    "@axicharts/charts-theme@0.4.39"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/charts/chart-axi-bar.tsx",
      "type": "registry:component",
      "content": "\"use client\";\n\nimport { ChartContainer, BarChart, type ChartConfig } from \"@axicharts/charts/cartesian\";\nimport { cleanTheme } from \"@axicharts/charts-theme\";\n\nexport const chartConfig = {\n  desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n  mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n} satisfies ChartConfig;\n\nexport function ChartAxiBar() {\n  return (\n    <ChartContainer theme={cleanTheme} height={220} config={chartConfig}>\n      <BarChart\n        categories={[\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\"]}\n        series={[\n          { name: \"desktop\", data: [186, 305, 237, 273, 209] },\n          { name: \"mobile\", data: [80, 200, 120, 190, 130] },\n        ]}\n      />\n    </ChartContainer>\n  );\n}\n"
    }
  ],
  "docs": "Peer deps (install in your app): react react-dom echarts uplot. Copy tokens.css from @axicharts/charts-theme for --chart-* CSS vars. Gallery: https://axidify.github.io/axicharts/shadcn"
}