52: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T2d19,"use client" import { createContext, startTransition, use, useState, type CSSProperties, type HTMLAttributes, type ReactNode, } from "react" import type { ChartValue, DomChartDefinition } from "@tanstack/charts" import { Chart as ChartPrimitive, type ChartProps as TanStackChartProps, type ChartTooltipBodyRenderContext, } from "@tanstack/charts/react/tooltip" import { twMerge } from "cn" import { ToggleButton, ToggleButtonGroup, } from "react-aria-components/ToggleButtonGroup" import { getExperimentalChartColors, getExperimentalLabel, getExperimentalTextLabel, getExperimentalTooltipOptions, type ExperimentalChartColorPalette, type ExperimentalChartConfig, type ExperimentalChartLegendProps, type ExperimentalChartSizeProps, type ExperimentalChartTooltipContentProps, type ExperimentalChartTooltipProps, type ExperimentalChartTooltipRenderer, type ExperimentalTooltipDatum, } from "./experimental-chart-core" type ExperimentalChartFrameContextValue = { actions: { selectSeries: (series: string | null) => void } meta: { colors?: ExperimentalChartColorPalette config: ExperimentalChartConfig } state: { selectedSeries: string | null } } const ExperimentalChartFrameContext = createContext(null) function useExperimentalChartFrame() { const context = use(ExperimentalChartFrameContext) if (!context) { throw new Error( "Chart components must be rendered inside " ) } return context } type ExperimentalChartProps< TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, > = Pick< TanStackChartProps, | "ariaLabel" | "className" | "definition" | "onSelect" | "renderTooltipBody" | "style" > & { size?: ExperimentalChartSizeProps } function ExperimentalChart< TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, >({ ariaLabel, className, definition, onSelect, renderTooltipBody, size, style, }: ExperimentalChartProps) { const [ready, setReady] = useState(false) let height = size?.height if (height === undefined && size?.aspectRatio === undefined) { height = 288 } return ( { if (ready) { return } const measuredWidth = context.container.getBoundingClientRect().width const widthMatches = Math.abs(context.scene.width - measuredWidth) < 1 if (measuredWidth > 0 && widthMatches) { setReady(true) } }} onSelect={onSelect} renderTooltipBody={renderTooltipBody} style={style} /> ) } type ExperimentalChartFrameProps = Omit< HTMLAttributes, "children" > & { children: ReactNode colors?: ExperimentalChartColorPalette config: ExperimentalChartConfig legend?: ReactNode | false } function ExperimentalChartFrame({ children, className, colors, config, legend, ...props }: ExperimentalChartFrameProps) { const [selectedSeries, setSelectedSeries] = useState(null) const selectSeries = (series: string | null) => { startTransition(() => { setSelectedSeries(series) }) } let legendContent = legend if (legend === undefined) { legendContent = } const context = { actions: { selectSeries }, meta: { colors, config }, state: { selectedSeries }, } return (

{children} {legendContent}

) } function ExperimentalChartLegendContent({ align = "center", className, hideIcon = false, verticalAlign = "bottom", ...props }: ExperimentalChartLegendProps) { const { actions: { selectSeries }, meta: { colors, config }, state: { selectedSeries }, } = useExperimentalChartFrame() const chartColors = getExperimentalChartColors(config, colors) let justifyClass = "justify-center" if (align === "left") { justifyClass = "justify-start" } else if (align === "right") { justifyClass = "justify-end" } return ( { const key = [...keys][0]?.toString() ?? null selectSeries(key) }} selectedKeys={selectedSeries ? [selectedSeries] : []} selectionMode="single" {...props} > {Object.entries(config).map(([series, item]) => { const Icon = item.icon return ( {Icon && !hideIcon ? ( ) : ( )} {item.label ?? series} ) })} ) } function ExperimentalChartLegend(props: ExperimentalChartLegendProps) { return } function ExperimentalChartTooltipContent< TDatum extends ExperimentalTooltipDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, >({ config, points, tooltipProps, valueFormatter, }: ExperimentalChartTooltipContentProps) { const { className, hideIndicator = false, hideLabel = false, indicator = "dot", labelFormatter, labelSeparator = true, } = tooltipProps ?? {} const firstPoint = points[0] if (!firstPoint) { return null } const rawLabel = String(firstPoint.datum.category) const label = labelFormatter ? labelFormatter(rawLabel) : rawLabel const labelContent = hideLabel ? null : ( {label} ) const separator = hideLabel || !labelSeparator ? null : ( ) return (

{labelContent} {separator}

{points.map((point) => { const { series, value } = point.datum if (value === null) { return null } let indicatorStyle = { backgroundColor: point.color } if (indicator === "dashed") { indicatorStyle = { backgroundColor: "transparent" } } return (

{!hideIndicator ? ( ) : null} {getExperimentalLabel(config, series)} {valueFormatter(value)}

) })}

) } function createExperimentalTooltipRenderer< TDatum extends ExperimentalTooltipDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, >({ config, tooltip, tooltipProps, valueFormatter, }: { config: ExperimentalChartConfig tooltip?: ExperimentalChartTooltipRenderer | false tooltipProps?: ExperimentalChartTooltipProps valueFormatter: (value: number) => string }) { return (context: ChartTooltipBodyRenderContext) => { const contentProps = { config, points: context.points, tooltipProps, valueFormatter, } if (typeof tooltip === "function") { return tooltip(contentProps) } return } } function getExperimentalChartTooltip< TDatum extends ExperimentalTooltipDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, >({ config, definition, tooltip, tooltipProps, valueFormatter, }: { config: ExperimentalChartConfig definition: DomChartDefinition tooltip?: ExperimentalChartTooltipRenderer | false tooltipProps?: ExperimentalChartTooltipProps valueFormatter: (value: number) => string }) { if (tooltip === false) { return { definition, renderTooltipBody: undefined } } return { definition: { ...definition, ...getExperimentalTooltipOptions(tooltipProps), }, renderTooltipBody: createExperimentalTooltipRenderer({ config, tooltip, tooltipProps, valueFormatter, }), } } const experimentalChartTooltipStyle = { "--ts-chart-tooltip-background": "transparent", "--ts-chart-tooltip-border": "0", "--ts-chart-tooltip-padding": "0", "--ts-chart-tooltip-shadow": "none", } as CSSProperties export type { ExperimentalChartFrameContextValue, ExperimentalChartFrameProps, ExperimentalChartProps, } export { ExperimentalChart, ExperimentalChartFrame, ExperimentalChartLegend, ExperimentalChartLegendContent, ExperimentalChartTooltipContent, experimentalChartTooltipStyle, createExperimentalTooltipRenderer, getExperimentalChartTooltip, useExperimentalChartFrame, } export * from "./experimental-chart-core" 55:T3807,import type { ComponentType, HTMLAttributes, ReactNode } from "react" import type { ChartAxisTickLabelOptions, ChartAxisTickOptions, ChartCurve, ChartTooltipOptions, ChartValue, } from "@tanstack/charts" import { d3Curve } from "@tanstack/charts/d3/shape" import type { ChartProps as TanStackChartProps } from "@tanstack/charts/react/tooltip" import { scaleLinear } from "@tanstack/charts/scales/linear" import { tooltip as tooltipExtension } from "@tanstack/charts/tooltip" import { curveBasis, curveBumpX, curveLinear, curveMonotoneX, curveNatural, curveStep, curveStepAfter, curveStepBefore, } from "d3-shape" import type { ToggleButtonGroupProps } from "react-aria-components/ToggleButtonGroup" type ExperimentalChartType = "default" | "stacked" | "percent" type ExperimentalChartColor = (typeof EXPERIMENTAL_CHART_COLORS)[number] type ExperimentalChartColorPalette = readonly [ ExperimentalChartColor, ...ExperimentalChartColor[], ] type ExperimentalChartDatum = Record type ExperimentalChartCurveType = | "basis" | "bump" | "linear" | "monotone" | "monotoneX" | "natural" | "step" | "stepAfter" | "stepBefore" | ChartCurve type ExperimentalChartConfig = Record< string, { color?: ExperimentalChartColor icon?: ComponentType<{ "data-slot"?: string }> label?: ReactNode } > type ExperimentalChartAxisProps = { label?: string minTickGap?: number tickFormatter?: (value: TValue) => string tickMargin?: number ticks?: readonly TValue[] tickStrategy?: "all" | "auto" | "edges" } type ExperimentalChartNumericAxisProps = ExperimentalChartAxisProps & { domain?: readonly [number, number] } type ExperimentalChartTooltipProps = Pick< ChartTooltipOptions, "anchor" | "offset" | "placement" > & { className?: string hideIndicator?: boolean hideLabel?: boolean indicator?: "line" | "dot" | "dashed" labelFormatter?: (label: ReactNode) => ReactNode labelSeparator?: boolean } type ExperimentalChartLegendProps = Omit< ToggleButtonGroupProps, | "children" | "className" | "onSelectionChange" | "selectedKeys" | "selectionMode" > & { align?: "left" | "center" | "right" className?: string hideIcon?: boolean verticalAlign?: "top" | "bottom" } type ExperimentalChartSizeProps = Pick< TanStackChartProps, "aspectRatio" | "height" | "initialWidth" > type ExperimentalTooltipDatum = { category: ChartValue series: string source: unknown value: number | null } type ExperimentalChartTooltipContentProps< TDatum extends ExperimentalTooltipDatum = ExperimentalTooltipDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, > = { config: ExperimentalChartConfig points: readonly import("@tanstack/charts").ChartPoint< TDatum, TXValue, TYValue >[] tooltipProps?: ExperimentalChartTooltipProps valueFormatter: (value: number) => string } type ExperimentalChartTooltipRenderer< TDatum extends ExperimentalTooltipDatum = ExperimentalTooltipDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue, > = ( props: ExperimentalChartTooltipContentProps ) => ReactNode interface ExperimentalBaseChartProps extends Omit< HTMLAttributes, "children" > { ariaLabel?: string children?: never colors?: ExperimentalChartColorPalette config: ExperimentalChartConfig data: ExperimentalChartDatum[] dataKey: string legend?: ReactNode | false size?: ExperimentalChartSizeProps tooltip?: ExperimentalChartTooltipRenderer | false tooltipProps?: ExperimentalChartTooltipProps valueFormatter?: (value: number) => string } type ExperimentalChartPlotProps = Omit | "legend"> type ExperimentalCartesianChartProps = ExperimentalBaseChartProps & { grid?: "hidden" | "visible" xAxis?: ExperimentalChartAxisProps | false yAxis?: ExperimentalChartNumericAxisProps | false } type ExperimentalSeriesDatum = ExperimentalTooltipDatum & { index: number source: ExperimentalChartDatum } type ExperimentalNamedSeriesDatum = Omit & { color: string index: number source: ExperimentalChartDatum value: number } const EXPERIMENTAL_CHART_COLORS = [ "var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)", ] as const function experimentalValueToPercent(value: number) { return `${(value * 100).toFixed(0)}%` } function experimentalDefaultValueFormatter(value: number) { return String(value) } function getExperimentalChartSize( size: ExperimentalChartSizeProps | undefined, defaultHeight: number ): ExperimentalChartSizeProps { if (size?.height !== undefined || size?.aspectRatio !== undefined) { return size } return { ...size, height: defaultHeight } } function getExperimentalSelectedSeriesColor({ color, opacity, selectedSeries, series, }: { color: string opacity: number selectedSeries: string | null series: string }) { if (selectedSeries === null || selectedSeries === series) { return color } return `color-mix(in srgb, ${color} ${opacity}%, transparent)` } function getExperimentalPositiveMaximum( values: readonly number[], maximum?: number ) { const resolvedMaximum = maximum ?? Math.max(...values, 1) return Number.isFinite(resolvedMaximum) && resolvedMaximum > 0 ? resolvedMaximum : 1 } function constructExperimentalCategoryColors( categories: string[], colors: ExperimentalChartColorPalette ) { return new Map( categories.map((category, index) => [ category, colors[index % colors.length] ?? colors[0], ]) ) } function getExperimentalChartColors( config: ExperimentalChartConfig, colors: ExperimentalChartColorPalette = EXPERIMENTAL_CHART_COLORS ) { const categoryColors = constructExperimentalCategoryColors( Object.keys(config), colors ) return Object.fromEntries( Object.entries(config).map(([series, item]) => { const color = item.color ?? categoryColors.get(series) ?? colors[0] return [series, color] }) ) } function getExperimentalSeriesChartOptions( config: ExperimentalChartConfig, colors?: ExperimentalChartColorPalette ) { const chartColors = getExperimentalChartColors(config, colors) const seriesNames = Object.keys(config) return { chartColors, options: { color: { domain: seriesNames, range: seriesNames.map((series) => chartColors[series] ?? ""), }, svgAnimation: true, theme: getExperimentalChartTheme( seriesNames.map((series) => chartColors[series] ?? "") ), }, seriesNames, } } function isChartValue(value: unknown): value is ChartValue { return ( typeof value === "string" || typeof value === "number" || value instanceof Date ) } function toExperimentalSeriesData({ config, connectNulls = false, data, dataKey, }: { config: ExperimentalChartConfig connectNulls?: boolean data: ExperimentalChartDatum[] dataKey: string }) { const seriesNames = Object.keys(config) return data.flatMap((source, index) => { const category = source[dataKey] if (!isChartValue(category)) { return [] } return seriesNames.flatMap((series) => { const rawValue = source[series] const value = typeof rawValue === "number" && Number.isFinite(rawValue) ? rawValue : null if (connectNulls && value === null) { return [] } return [ { category, index, series, source, value, } satisfies ExperimentalSeriesDatum, ] }) }) } function toExperimentalNamedSeriesData({ colors, config, data, nameKey, selectedSeries, selectedOpacity, valueKey, }: { colors?: ExperimentalChartColorPalette config: ExperimentalChartConfig data: ExperimentalChartDatum[] nameKey: string selectedSeries: string | null selectedOpacity: number valueKey: string }) { const chartColors = getExperimentalChartColors(config, colors) const fallbackColors = colors ?? EXPERIMENTAL_CHART_COLORS return data.flatMap((source, index) => { const rawName = source[nameKey] const rawValue = source[valueKey] if ( (typeof rawName !== "string" && typeof rawName !== "number") || typeof rawValue !== "number" || !Number.isFinite(rawValue) ) { return [] } const series = String(rawName) const fallback = fallbackColors[index % fallbackColors.length] ?? fallbackColors[0] const color = chartColors[series] ?? fallback return [ { category: series, color: getExperimentalSelectedSeriesColor({ color, opacity: selectedOpacity, selectedSeries, series, }), index, series, source, value: rawValue, } satisfies ExperimentalNamedSeriesDatum, ] }) } function getExperimentalLabel(config: ExperimentalChartConfig, series: string) { return config[series]?.label ?? series } function getExperimentalTextLabel( config: ExperimentalChartConfig, series: string ) { const label = getExperimentalLabel(config, series) return typeof label === "string" || typeof label === "number" ? String(label) : series } function getExperimentalChartTheme(colors: readonly string[]) { return { background: "transparent", foreground: "var(--muted-foreground)", grid: "color-mix(in srgb, var(--muted-foreground) 14%, transparent)", muted: "color-mix(in srgb, var(--muted-foreground) 78%, transparent)", palette: colors, } } function getExperimentalChartCurve( lineType: ExperimentalChartCurveType = "linear" ) { if (typeof lineType !== "string") { return lineType } switch (lineType) { case "basis": return d3Curve(curveBasis) case "bump": return d3Curve(curveBumpX) case "monotone": case "monotoneX": return d3Curve(curveMonotoneX) case "natural": return d3Curve(curveNatural) case "step": return d3Curve(curveStep) case "stepAfter": return d3Curve(curveStepAfter) case "stepBefore": return d3Curve(curveStepBefore) default: return d3Curve(curveLinear) } } function getExperimentalAxisTickOptions({ edgeValues, props, }: { edgeValues?: readonly TValue[] props?: ExperimentalChartAxisProps }): ChartAxisTickOptions { let values = props?.ticks if (props?.tickStrategy === "edges") { values = edgeValues } return { format: props?.tickFormatter, padding: props?.tickMargin ?? 9, size: 0, values, } } function getExperimentalAxisTickLabelOptions( props?: ExperimentalChartAxisProps ): ChartAxisTickLabelOptions { if (props?.tickStrategy === "all") { return { fontSize: 11, fontWeight: 450, opacity: 0.78, thin: false } } return { fontSize: 11, fontWeight: 450, opacity: 0.78, thin: { minGap: props?.minTickGap ?? 8, priority: "ends", }, } } function getExperimentalCategoryAxis({ data, dataKey, props, }: { data: ExperimentalChartDatum[] dataKey: string props?: ExperimentalChartAxisProps | false }) { if (props === false) { return false } return { line: false, label: props?.label, tickLabels: getExperimentalAxisTickLabelOptions(props), ticks: getExperimentalAxisTickOptions({ edgeValues: getExperimentalEdgeValues(data, dataKey), props, }), } } function getExperimentalNumericAxis({ props, valueFormatter, }: { props?: ExperimentalChartNumericAxisProps | false valueFormatter: (value: number) => string }) { if (props === false) { return false } return { line: false, label: props?.label, tickLabels: getExperimentalAxisTickLabelOptions(props), ticks: { ...getExperimentalAxisTickOptions({ props }), format: props?.tickFormatter ?? valueFormatter, }, } } function getExperimentalNumericScale( props?: ExperimentalChartNumericAxisProps | false ) { if (!props || !props.domain) { return scaleLinear } const domain = props.domain return () => scaleLinear().domain(domain) } function getExperimentalTooltipOptions( tooltipProps?: ExperimentalChartTooltipProps ) { return { tooltip: { anchor: tooltipProps?.anchor, offset: tooltipProps?.offset, placement: tooltipProps?.placement, use: tooltipExtension, }, } as const } function getExperimentalEdgeValues( data: ExperimentalChartDatum[], dataKey: string ) { const first = data.at(0)?.[dataKey] const last = data.at(-1)?.[dataKey] return isChartValue(first) && isChartValue(last) ? [first, last] : undefined } export type { ExperimentalBaseChartProps, ExperimentalCartesianChartProps, ExperimentalChartAxisProps, ExperimentalChartColor, ExperimentalChartColorPalette, ExperimentalChartConfig, ExperimentalChartCurveType, ExperimentalChartDatum, ExperimentalChartLegendProps, ExperimentalChartNumericAxisProps, ExperimentalChartPlotProps, ExperimentalChartSizeProps, ExperimentalChartTooltipContentProps, ExperimentalChartTooltipProps, ExperimentalChartTooltipRenderer, ExperimentalChartType, ExperimentalNamedSeriesDatum, ExperimentalSeriesDatum, ExperimentalTooltipDatum, } export { EXPERIMENTAL_CHART_COLORS, constructExperimentalCategoryColors, getExperimentalAxisTickLabelOptions, getExperimentalAxisTickOptions, getExperimentalCategoryAxis, getExperimentalChartColors, getExperimentalChartSize, getExperimentalChartCurve, getExperimentalChartTheme, getExperimentalEdgeValues, getExperimentalLabel, getExperimentalNumericAxis, getExperimentalNumericScale, getExperimentalPositiveMaximum, getExperimentalSelectedSeriesColor, getExperimentalSeriesChartOptions, getExperimentalTextLabel, getExperimentalTooltipOptions, toExperimentalNamedSeriesData, toExperimentalSeriesData, experimentalDefaultValueFormatter, experimentalValueToPercent, } 51:["$","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","@tanstack/charts@0.12.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tanstack%2Fcharts","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":"@tanstack/charts@0.12.0"}]]}]}],["$","li","d3-shape@3.2.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/d3-shape","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":"d3-shape@3.2.0"}]]}]}],["$","li","react-aria-components",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-aria-components","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":"react-aria-components"}]]}]}],["$","li","cn@^0.2.4",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn@^0.2.4"}]]}]}]]}],["$","$L52",null,{"namespace":"@preskok","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/preskok/ui/preskok-ui/experimental-chart.tsx","content":"$54","type":"registry:ui"},{"path":"registry/preskok/ui/preskok-ui/experimental-chart-core.ts","content":"$55","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]