2b:I[97408,["/_next/static/chunks/2mboumxmn9vsj.js","/_next/static/chunks/32dvni95tpg53.js","/_next/static/chunks/096pdj0p9us7b.js","/_next/static/chunks/2zmhim7fs4co6.js","/_next/static/chunks/3xch0q4i4r97l.js","/_next/static/chunks/0rrxkn5ubhu1j.js"],"StageProvider"] 2c:I[60401,["/_next/static/chunks/2mboumxmn9vsj.js","/_next/static/chunks/32dvni95tpg53.js","/_next/static/chunks/096pdj0p9us7b.js","/_next/static/chunks/2zmhim7fs4co6.js","/_next/static/chunks/3xch0q4i4r97l.js","/_next/static/chunks/0rrxkn5ubhu1j.js"],"DetailTabs"] 2d:T69ae,"use client"; import { animate } from "motion/react"; import { Maximize, Minus, Plus } from "lucide-react"; import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, type ComponentProps, type CSSProperties, type KeyboardEvent as ReactKeyboardEvent, type PointerEvent as ReactPointerEvent, type ReactNode, } from "react"; import { cn } from "@/lib/utils"; export type Viewport = { x: number; y: number; zoom: number }; export type Point = { x: number; y: number }; export type NodeMove = { id: string; x: number; y: number }; export type CanvasTool = "select" | "hand"; type Rect = { x: number; y: number; w: number; h: number }; type NodeEntry = Rect & { color?: string }; type Ctx = { viewport: Viewport; setViewport: (v: Viewport, animated?: boolean) => void; zoomBy: (factor: number, around?: Point) => void; fitView: (padding?: number) => void; screenToWorld: (p: Point) => Point; selection: string[]; setSelection: (ids: string[]) => void; tool: CanvasTool; register: (id: string, entry: NodeEntry) => void; unregister: (id: string) => void; nodes: () => Map; }; const CanvasContext = createContext(null); /** Read and drive the canvas from a toolbar or a node: viewport, zoom, fit, selection and the active tool. */ export function useCanvas() { const ctx = useContext(CanvasContext); if (!ctx) throw new Error("useCanvas must be used inside

Canvases

Canvases

Mind Map

Moodboard