{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "wick-chart",
  "title": "Wick Chart",
  "description": "A canvas chart container, themed from your CSS variables and sized with classes. Put Wick Charts series and overlays inside.",
  "dependencies": [
    "@wick-charts/react@^0.9.2"
  ],
  "registryDependencies": [
    "https://wick-charts.eeff.io/r/wick-theme.json"
  ],
  "files": [
    {
      "path": "ui/wick-chart.tsx",
      "content": "\"use client\"\n\nimport { type ComponentProps, useMemo, useRef } from \"react\"\n\nimport { ChartContainer, type ChartTheme } from \"@wick-charts/react\"\n\nimport { useWickTheme } from \"@/hooks/use-wick-theme\"\nimport { cn } from \"@/lib/utils\"\n\nexport type WickChartProps = Omit<\n  ComponentProps<typeof ChartContainer>,\n  \"theme\"\n> & {\n  /**\n   * A theme, or a function that adjusts the theme built from the CSS variables.\n   * Define the function outside the component: a new one each render re-themes the chart.\n   */\n  theme?: ChartTheme | ((theme: ChartTheme) => ChartTheme)\n}\n\n/**\n * Wick Charts `ChartContainer` themed from the shadcn/ui CSS variables. Size it\n * with classes, like the shadcn `ChartContainer`: `aspect-video` by default,\n * `aspect-auto h-[250px]` for a fixed height. Horizontal grid lines only, as in\n * shadcn charts; pass `grid` to change it.\n */\nexport function WickChart({\n  className,\n  style,\n  theme,\n  grid = { vertical: false },\n  ...props\n}: WickChartProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const wickTheme = useWickTheme(ref)\n  const chartTheme = useMemo(() => {\n    if (typeof theme === \"function\") return theme(wickTheme)\n\n    return theme ?? wickTheme\n  }, [theme, wickTheme])\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"wick-chart\"\n      className={cn(\"flex aspect-video w-full\", className)}\n    >\n      <ChartContainer\n        theme={chartTheme}\n        grid={grid}\n        style={{ minHeight: 0, background: \"transparent\", ...style }}\n        {...props}\n      />\n    </div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "charts"
  ],
  "type": "registry:ui"
}