4b:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4c:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4d:T195b,import { Bar, BarChart, CartesianGrid, Line, LineChart, Pie, PieChart, Scatter, ScatterChart, XAxis, YAxis, } from "recharts" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "@/components/ui/chart" const performanceData = [ { month: "Jan", revenue: 186, expenses: 82 }, { month: "Feb", revenue: 305, expenses: 148 }, { month: "Mar", revenue: 237, expenses: 120 }, { month: "Apr", revenue: 273, expenses: 154 }, { month: "May", revenue: 209, expenses: 103 }, { month: "Jun", revenue: 314, expenses: 165 }, ] const performanceConfig = { revenue: { label: "Revenue", color: "var(--chart-1)" }, expenses: { label: "Expenses", color: "var(--chart-3)" }, } satisfies ChartConfig const channelData = [ { channel: "Organic", visitors: 420, fill: "var(--chart-1)" }, { channel: "Referral", visitors: 280, fill: "var(--chart-2)" }, { channel: "Social", visitors: 190, fill: "var(--chart-3)" }, { channel: "Email", visitors: 150, fill: "var(--chart-4)" }, ] const channelConfig = { visitors: { label: "Visitors" }, organic: { label: "Organic", color: "var(--chart-1)" }, referral: { label: "Referral", color: "var(--chart-2)" }, social: { label: "Social", color: "var(--chart-3)" }, email: { label: "Email", color: "var(--chart-4)" }, } satisfies ChartConfig const pointData = [ { day: 1, score: 38 }, { day: 2, score: 52 }, { day: 3, score: 44 }, { day: 4, score: 68 }, { day: 5, score: 61 }, { day: 6, score: 79 }, { day: 7, score: 74 }, { day: 8, score: 91 }, { day: 9, score: 83 }, ] const pointConfig = { score: { label: "Focus score", color: "var(--chart-5)" }, } satisfies ChartConfig const candleData = [ { day: "Mon", range: [92, 108], direction: "up" }, { day: "Tue", range: [101, 95], direction: "down" }, { day: "Wed", range: [98, 116], direction: "up" }, { day: "Thu", range: [118, 111], direction: "down" }, { day: "Fri", range: [110, 123], direction: "up" }, { day: "Sat", range: [121, 128], direction: "up" }, { day: "Sun", range: [126, 119], direction: "down" }, ] const candleConfig = { range: { label: "Price" }, } satisfies ChartConfig export function BarChartExample() { return ( } /> ) } export function LineChartExample() { return ( } /> ) } export function DotChartExample() { return ( } /> ) } export function CandlestickChartExample() { return ( `${label} trading`} />} /> } /> ) } function Candlestick({ height, payload, width, x, y }: any) { const isUp = payload.direction === "up" const color = isUp ? "var(--chart-2)" : "var(--chart-5)" const bodyHeight = Math.max(height, 4) const center = x + width / 2 return ( ) } export function DonutChartExample() { return ( } /> ) } export function PieChartExample() { return ( } /> ) } 4a:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","recharts",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/recharts","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"recharts"}]]}]}]]}],["$","$L4b",null,{"namespace":"@amarjay-ui","registryDependencies":["chart"]}]]}],null]}],["$","$L4c",null,{"files":[{"path":"src/components/examples/charts.tsx","content":"$4d","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]