4e: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"] 4f: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"] 50:Tb0a,'use client' import * as React from 'react' import { cn } from '@/lib/utils' interface UseCanvas2DParams { maxDpr?: number } function useCanvas2D({ maxDpr = 2 }: UseCanvas2DParams = {}) { const canvasRef = React.useRef(null) const [ctx, setCtx] = React.useState(null) const [dpr, setDpr] = React.useState(1) const [size, setSize] = React.useState({ width: 0, height: 0 }) React.useEffect(() => { const canvas = canvasRef.current if (!canvas) return const context = canvas.getContext('2d') if (context) setCtx(context) const observer = new ResizeObserver(([entry]) => { if (!entry) return const { width, height } = entry.contentRect setSize({ width: Math.max(0, Math.floor(width)), height: Math.max(0, Math.floor(height)), }) }) observer.observe(canvas) return () => observer.disconnect() }, []) const { width, height } = size React.useLayoutEffect(() => { setDpr(Math.min(window.devicePixelRatio, maxDpr)) }, [width, height, maxDpr]) React.useEffect(() => { const canvas = canvasRef.current if (!canvas || !ctx || width <= 0 || height <= 0) return canvas.width = width * dpr canvas.height = height * dpr ctx.setTransform(dpr, 0, 0, dpr, 0, 0) }, [ctx, width, height, dpr]) return [canvasRef, { ctx, width, height, dpr }] as const } interface Canvas2DProps extends React.CanvasHTMLAttributes { /** Maximum device pixel ratio. Defaults to 2. */ maxDpr?: number /** Called every time the canvas resizes or first becomes available. */ onContext?: (state: { ctx: CanvasRenderingContext2D width: number height: number dpr: number }) => void | (() => void) } const Canvas2D = React.forwardRef( ({ maxDpr, onContext, className, style, ...props }, ref) => { const [canvasRef, state] = useCanvas2D({ maxDpr }) const cleanupRef = React.useRef<(() => void) | void>(undefined) React.useImperativeHandle(ref, () => canvasRef.current!) React.useEffect(() => { if (!state.ctx || state.width <= 0 || state.height <= 0) return cleanupRef.current?.() cleanupRef.current = onContext?.({ ctx: state.ctx, width: state.width, height: state.height, dpr: state.dpr, }) return () => { cleanupRef.current?.() cleanupRef.current = undefined } }, [onContext, state.ctx, state.width, state.height, state.dpr]) return (