@hunterchen/canvas 0.1.0

package/dist/components/canvas/canvas.d.ts

@@ -0,0 +1,29 @@
+import { type Transition } from "framer-motion";
+import React, { type FC } from "react";
+import { CanvasSection, type SectionCoordinates } from "../../types";
+import type { ReactNode } from "react";
+interface Props {
+    homeCoordinates: SectionCoordinates;
+    children: React.ReactNode;
+    navbarCoordinates?: Record<CanvasSection, SectionCoordinates>;
+    navbarSections?: CanvasSection[];
+    navbarHomeSection?: CanvasSection;
+    /** Disable intro animation entirely */
+    skipIntro?: boolean;
+    /** Custom intro content during loading */
+    introContent?: ReactNode;
+    /** Custom loading text */
+    loadingText?: string;
+    /** Background gradient for intro */
+    introBackgroundGradient?: string;
+    /** Canvas box gradient */
+    canvasBoxGradient?: string;
+    /** Custom grow transition */
+    growTransition?: Transition;
+    /** Custom blur transition */
+    blurTransition?: Transition;
+}
+declare const Canvas: FC<Props>;
+export declare const gradientBgImage = "radial-gradient(ellipse 6000px 4000px at 3000px 4000px, var(--coral) 0%, var(--salmon) 41%, var(--lilac) 59%, var(--beige) 90%)";
+export default Canvas;
+//# sourceMappingURL=canvas.d.ts.map

package/dist/components/canvas/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAIZ,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AAyBf,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,KAAK;IACb,eAAe,EAAE,kBAAkB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,iBAAiB,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAGlC,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6BAA6B;IAC7B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,6BAA6B;IAC7B,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAYD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAymBrB,CAAC;AAEF,eAAO,MAAM,eAAe,oIAAkL,CAAC;AAyB/M,eAAe,MAAM,CAAC"}

package/dist/components/canvas/canvas.js

@@ -0,0 +1,419 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useMotionValue, animate, useTransform, } from "framer-motion";
+import React, { useState, useRef, useEffect, useCallback, useMemo, } from "react";
+import { CanvasProvider } from "../../contexts/CanvasContext";
+import { useToast } from "../../hooks/use-toast";
+import { calcInitialBoxWidth, canvasHeight, canvasWidth, getDistance, getMidpoint, getScreenSizeEnum, getSectionPanCoordinates, INTERACTIVE_SELECTOR, MAX_ZOOM, MIN_ZOOMS, panToOffsetScene, ZOOM_BOUND, } from "../../lib/canvas";
+import { STAGE2_TRANSITION, MOUSE_WHEEL_ZOOM_SENSITIVITY, TRACKPAD_ZOOM_SENSITIVITY, } from "../../lib/constants";
+import useWindowDimensions from "../../hooks/useWindowDimensions";
+import Navbar from "./navbar";
+import Toolbar from "./toolbar";
+import { CanvasSection } from "../../types";
+import { CanvasWrapper } from "./wrapper";
+import { usePerformanceMode } from "../../hooks/usePerformanceMode";
+const stopAllMotion = (x, y, scale) => {
+    x.stop();
+    y.stop();
+    scale.stop();
+};
+const Canvas = ({ children, homeCoordinates, navbarCoordinates, navbarSections, navbarHomeSection, skipIntro = false, introContent, loadingText, introBackgroundGradient, canvasBoxGradient, growTransition, blurTransition, }) => {
+    const { height: windowHeight, width: windowWidth } = useWindowDimensions();
+    const { toast } = useToast();
+    const hasToasted = useRef(false);
+    useEffect(() => {
+        if (windowWidth < 768 && !hasToasted.current) {
+            setTimeout(() => {
+                toast({
+                    title: "Please use desktop for the best experience.",
+                    duration: 6700,
+                    variant: "cute",
+                });
+                hasToasted.current = true;
+            }, 1200);
+        }
+    }, [windowWidth, toast]);
+    const { mode } = usePerformanceMode();
+    const navSections = navbarSections ?? Object.values(CanvasSection);
+    const navHomeSection = navbarHomeSection ?? CanvasSection.Home;
+    const hasNavbarData = Boolean(navbarCoordinates);
+    const sceneWidth = canvasWidth;
+    const sceneHeight = canvasHeight;
+    const MIN_ZOOM = MIN_ZOOMS[getScreenSizeEnum(windowWidth)];
+    // tracks if user is panning the screen
+    const [isPanning, setIsPanning] = useState(false);
+    // this one is moving from scene control, not from user
+    const [isSceneMoving, setIsSceneMoving] = useState(false);
+    const [panStartPoint, setPanStartPoint] = useState({ x: 0, y: 0 });
+    const [initialPanOffsetOnDrag, setInitialPanOffsetOnDrag] = useState({
+        x: 0,
+        y: 0,
+    });
+    const [isResetting, setIsResetting] = useState(false);
+    const [maxZIndex, setMaxZIndex] = useState(50);
+    const [animationStage, setAnimationStage] = useState(0); // 0: initial, 1: finish grow, 2: pan to home
+    const [nextTargetSection, setNextTargetSection] = useState(null);
+    // Track if the intro (stage1 + stage2) is still running, to avoid accidental cancellation
+    const isIntroAnimatingRef = useRef(true);
+    const initialBoxWidth = useMemo(() => calcInitialBoxWidth(windowWidth, windowHeight), [windowWidth, windowHeight]);
+    // somewhere near the middle-ish
+    const x = useMotionValue(0);
+    const y = useMotionValue(0);
+    const scale = useMotionValue(initialBoxWidth);
+    const offsetHomeCoordinates = useMemo(() => getSectionPanCoordinates({
+        windowDimensions: { width: windowWidth, height: windowHeight },
+        coords: homeCoordinates,
+        targetZoom: 1,
+    }), [homeCoordinates, windowWidth, windowHeight]);
+    const onResetViewAndItems = useCallback((onComplete) => {
+        setIsResetting(true);
+        void panToOffsetScene(offsetHomeCoordinates, x, y, scale, 1).then(() => {
+            setIsResetting(false);
+            if (onComplete)
+                onComplete();
+        });
+    }, [offsetHomeCoordinates, x, y, scale]);
+    // Shared intro progress (0->1) driven by CanvasWrapper
+    const introProgress = useMotionValue(0);
+    // Precompute final stage1 scale and offsets (snapshot dimensions once on mount)
+    const stage1Targets = useMemo(() => {
+        const finalScale = Math.max((windowWidth || 0) / canvasWidth, (windowHeight || 0) / canvasHeight);
+        const endX = (windowWidth - canvasWidth * finalScale) / 2;
+        const endY = (windowHeight - canvasHeight * finalScale) / 2;
+        return { finalScale, endX, endY };
+    }, [windowWidth, windowHeight]);
+    // Replace direct motion values with derived transforms during stage1
+    const derivedScale = useTransform(introProgress, [0, 1], [initialBoxWidth, stage1Targets.finalScale]);
+    const derivedX = useTransform(introProgress, [0, 1], [0, stage1Targets.endX]);
+    const derivedY = useTransform(introProgress, [0, 1], [0, stage1Targets.endY]);
+    // While intro (stage1) is running, bind x/y/scale to derived versions.
+    useEffect(() => {
+        const unsubscribeScale = derivedScale.on("change", (v) => {
+            if (animationStage === 0)
+                scale.set(v);
+        });
+        const unsubscribeX = derivedX.on("change", (v) => {
+            if (animationStage === 0)
+                x.set(v);
+        });
+        const unsubscribeY = derivedY.on("change", (v) => {
+            if (animationStage === 0)
+                y.set(v);
+        });
+        return () => {
+            unsubscribeScale();
+            unsubscribeX();
+            unsubscribeY();
+        };
+    }, [derivedScale, derivedX, derivedY, animationStage, scale, x, y]);
+    // Kick off stage2 (pan to home) when grow completes (introProgress hits 1)
+    const startStage2 = useCallback(() => {
+        setAnimationStage(1);
+        Promise.all([
+            animate(x, offsetHomeCoordinates.x, STAGE2_TRANSITION),
+            animate(y, offsetHomeCoordinates.y, STAGE2_TRANSITION),
+            animate(scale, 1, STAGE2_TRANSITION),
+        ])
+            .then(() => {
+            setAnimationStage(2);
+            isIntroAnimatingRef.current = false;
+        })
+            .catch(() => {
+            isIntroAnimatingRef.current = false;
+        });
+    }, [offsetHomeCoordinates, x, y, scale]);
+    const viewportRef = useRef(null);
+    const sceneRef = useRef(null);
+    // Stable wheel listener wrapper that always calls the latest handler via ref
+    const wheelHandlerRef = useRef(null);
+    const wheelWrapper = useCallback((e) => {
+        wheelHandlerRef.current?.(e);
+    }, []);
+    // Ensure wheel listener attaches when the element actually mounts (wrapper delays child mount)
+    const setViewportRef = useCallback((node) => {
+        // Clean up old listener if ref changes/unmounts
+        if (viewportRef.current) {
+            viewportRef.current.removeEventListener("wheel", wheelWrapper);
+        }
+        viewportRef.current = node;
+        if (node) {
+            node.addEventListener("wheel", wheelWrapper, { passive: false });
+        }
+    }, [wheelWrapper]);
+    const activePointersRef = useRef(new Map());
+    const initialPinchStateRef = useRef(null);
+    const panToOffset = useCallback((offset, viewportRef, onComplete, zoom) => {
+        if (!viewportRef.current)
+            return;
+        setIsSceneMoving(true);
+        // Calculate bounds based on scene and viewport dimensions
+        const viewportWidth = viewportRef.current.offsetWidth;
+        const viewportHeight = viewportRef.current.offsetHeight;
+        const minPanX = viewportWidth - sceneWidth * (zoom ?? 1);
+        const maxPanX = 0;
+        const minPanY = viewportHeight - sceneHeight * (zoom ?? 1);
+        const maxPanY = 0;
+        // Clamp the offset to keep the scene within bounds, shouldn't be needed but still implemented
+        const clampedX = Math.min(Math.max(offset.x, minPanX), maxPanX);
+        const clampedY = Math.min(Math.max(offset.y, minPanY), maxPanY);
+        void panToOffsetScene({ x: clampedX, y: clampedY }, x, y, scale, zoom).then(() => {
+            setIsSceneMoving(false);
+            if (onComplete)
+                onComplete();
+        });
+    }, [sceneWidth, sceneHeight, x, y, scale]);
+    // Guarded stop that ignores attempts during intro animations
+    const stopAllSceneMotion = useCallback(() => {
+        if (isIntroAnimatingRef.current)
+            return; // ignore stops while intro runs
+        stopAllMotion(x, y, scale);
+    }, [x, y, scale]);
+    const handlePointerDown = useCallback((event) => {
+        if (animationStage < 2)
+            return; // ignore during intro animations
+        activePointersRef.current.set(event.pointerId, event);
+        event.target.setPointerCapture(event.pointerId);
+        if (isResetting || isSceneMoving)
+            return;
+        stopAllSceneMotion();
+        // pan with 1 pointer, pinch with 2 pointers
+        if (activePointersRef.current.size === 1) {
+            // do not pan from interactive elements
+            const targetElement = event.target;
+            if (targetElement.closest(INTERACTIVE_SELECTOR)) {
+                activePointersRef.current.delete(event.pointerId);
+                event.target.releasePointerCapture(event.pointerId);
+                return;
+            }
+            setIsPanning(true);
+            setPanStartPoint({ x: event.clientX, y: event.clientY });
+            setInitialPanOffsetOnDrag({ x: x.get(), y: y.get() });
+            if (viewportRef.current)
+                viewportRef.current.style.cursor = "grabbing";
+        }
+        else if (activePointersRef.current.size === 2) {
+            setIsPanning(false);
+            const pointers = Array.from(activePointersRef.current.values());
+            initialPinchStateRef.current = {
+                distance: getDistance(pointers[0], pointers[1]),
+                midpoint: getMidpoint(pointers[0], pointers[1]),
+                zoom: scale.get(),
+                panOffset: { x: x.get(), y: y.get() },
+            };
+        }
+    }, [
+        isResetting,
+        isSceneMoving,
+        setIsPanning,
+        setPanStartPoint,
+        setInitialPanOffsetOnDrag,
+        x,
+        y,
+        scale,
+        viewportRef,
+        animationStage,
+        stopAllSceneMotion,
+    ]);
+    const handlePointerMove = useCallback((event) => {
+        if (animationStage < 2)
+            return;
+        if (isPanning || activePointersRef.current.size >= 2) {
+            stopAllSceneMotion();
+        }
+        if (!activePointersRef.current.has(event.pointerId) || isResetting)
+            return;
+        activePointersRef.current.set(event.pointerId, event);
+        if (isPanning && activePointersRef.current.size === 1) {
+            event.preventDefault();
+            const deltaX = event.clientX - panStartPoint.x;
+            const deltaY = event.clientY - panStartPoint.y;
+            // UPDATE to use motion value
+            const minPanX = windowWidth - sceneWidth * scale.get();
+            const maxPanX = 0;
+            const minPanY = windowHeight - sceneHeight * scale.get();
+            const maxPanY = 0;
+            const newX = Math.min(Math.max(initialPanOffsetOnDrag.x + deltaX, minPanX), maxPanX);
+            const newY = Math.min(Math.max(initialPanOffsetOnDrag.y + deltaY, minPanY), maxPanY);
+            x.set(newX);
+            y.set(newY);
+        }
+        else if (activePointersRef.current.size >= 2 &&
+            initialPinchStateRef.current) {
+            event.preventDefault();
+            const pointers = Array.from(activePointersRef.current.values());
+            const p1 = pointers[0];
+            const p2 = pointers[1];
+            const currentDistance = getDistance(p1, p2);
+            const currentMidpoint = getMidpoint(p1, p2);
+            const { distance: initialDistance, zoom: initialZoom, panOffset: initialPanOffsetPinch, } = initialPinchStateRef.current;
+            if (initialDistance === 0)
+                return;
+            let newZoom = initialZoom * (currentDistance / initialDistance);
+            newZoom = Math.max((window.innerWidth / canvasWidth) * ZOOM_BOUND, // Ensure zoom is at least the width of the canvas
+            (window.innerHeight / canvasHeight) * ZOOM_BOUND, // Ensure zoom is at least the height of the canvas
+            Math.min(newZoom, 10), MIN_ZOOM);
+            const mx = currentMidpoint.x;
+            const my = currentMidpoint.y;
+            const minPanX = windowWidth - sceneWidth * newZoom;
+            const maxPanX = 0;
+            const minPanY = windowHeight - sceneHeight * newZoom;
+            const maxPanY = 0;
+            let newPanX = mx - ((mx - initialPanOffsetPinch.x) / initialZoom) * newZoom;
+            let newPanY = my - ((my - initialPanOffsetPinch.y) / initialZoom) * newZoom;
+            // Clamp pan to prevent leaving bounds
+            newPanX = Math.min(Math.max(newPanX, minPanX), maxPanX);
+            newPanY = Math.min(Math.max(newPanY, minPanY), maxPanY);
+            scale.set(newZoom);
+            x.set(newPanX);
+            y.set(newPanY);
+        }
+    }, [
+        isPanning,
+        isResetting,
+        x,
+        y,
+        scale,
+        panStartPoint.x,
+        panStartPoint.y,
+        windowWidth,
+        sceneWidth,
+        windowHeight,
+        sceneHeight,
+        initialPanOffsetOnDrag.x,
+        initialPanOffsetOnDrag.y,
+        MIN_ZOOM,
+        animationStage,
+        stopAllSceneMotion,
+    ]);
+    const handlePointerUpOrCancel = useCallback((event) => {
+        if (animationStage < 2) {
+            event.preventDefault();
+            return; // ignore pointer up during intro
+        }
+        stopAllSceneMotion();
+        event.preventDefault();
+        if (event.target.hasPointerCapture(event.pointerId)) {
+            event.target.releasePointerCapture(event.pointerId);
+        }
+        activePointersRef.current.delete(event.pointerId);
+        if (isPanning && activePointersRef.current.size < 1) {
+            setIsPanning(false);
+            if (viewportRef.current)
+                viewportRef.current.style.cursor = "url('/customcursor.svg'), grab";
+        }
+        if (initialPinchStateRef.current && activePointersRef.current.size < 2) {
+            initialPinchStateRef.current = null;
+        }
+        if (!isPanning &&
+            activePointersRef.current.size === 1 &&
+            !initialPinchStateRef.current) {
+            const lastPointer = Array.from(activePointersRef.current.values())[0];
+            setIsPanning(true);
+            setPanStartPoint({ x: lastPointer.clientX, y: lastPointer.clientY });
+            setInitialPanOffsetOnDrag({ x: x.get(), y: y.get() });
+        }
+    }, [x, y, isPanning, animationStage, stopAllSceneMotion]);
+    const handleWheelZoom = useCallback((event) => {
+        if (animationStage < 2) {
+            event.preventDefault();
+            return; // block wheel interaction during intro animations
+        }
+        event.preventDefault();
+        // pinch gesture on track
+        const isPinch = event.ctrlKey || event.metaKey;
+        const isMouseWheelZoom = event.deltaMode === WheelEvent.DOM_DELTA_LINE ||
+            Math.abs(event.deltaY) >= 100;
+        // mouse wheel zoom and track pad zoom have different sensitivities
+        const ZOOM_SENSITIVITY = isMouseWheelZoom
+            ? MOUSE_WHEEL_ZOOM_SENSITIVITY
+            : TRACKPAD_ZOOM_SENSITIVITY;
+        if (isPinch) {
+            const currentZoom = scale.get();
+            const nextZoom = Math.max(Math.min(currentZoom * (1 - event.deltaY * ZOOM_SENSITIVITY), MAX_ZOOM), MIN_ZOOM, (window.innerWidth / canvasWidth) * ZOOM_BOUND, // Ensure zoom is at least the width of the canvas
+            (window.innerHeight / canvasHeight) * ZOOM_BOUND);
+            const rect = viewportRef.current?.getBoundingClientRect();
+            if (!rect)
+                return;
+            const vpLeft = rect.left;
+            const vpTop = rect.top;
+            const viewportWidth = rect.width;
+            const viewportHeight = rect.height;
+            const cursorSceneX = (event.clientX - vpLeft - x.get()) / currentZoom;
+            const cursorSceneY = (event.clientY - vpTop - y.get()) / currentZoom;
+            let newPanX = event.clientX - vpLeft - cursorSceneX * nextZoom;
+            let newPanY = event.clientY - vpTop - cursorSceneY * nextZoom;
+            const minPanX = viewportWidth - sceneWidth * nextZoom;
+            const minPanY = viewportHeight - sceneHeight * nextZoom;
+            const maxPanX = 0;
+            const maxPanY = 0;
+            newPanX = Math.min(maxPanX, Math.max(minPanX, newPanX));
+            newPanY = Math.min(maxPanY, Math.max(minPanY, newPanY));
+            x.set(newPanX);
+            y.set(newPanY);
+            scale.set(nextZoom);
+        }
+        else {
+            stopAllSceneMotion();
+            const scrollSpeed = 1;
+            const newPanX = x.get() - event.deltaX * scrollSpeed;
+            const newPanY = y.get() - event.deltaY * scrollSpeed;
+            const minPanX = windowWidth - sceneWidth * scale.get();
+            const maxPanX = 0;
+            const minPanY = windowHeight - sceneHeight * scale.get();
+            const maxPanY = 0;
+            const clampedPanX = Math.min(Math.max(newPanX, minPanX), maxPanX);
+            const clampedPanY = Math.min(Math.max(newPanY, minPanY), maxPanY);
+            x.set(clampedPanX);
+            y.set(clampedPanY);
+        }
+    }, [
+        scale,
+        MIN_ZOOM,
+        x,
+        y,
+        sceneWidth,
+        sceneHeight,
+        windowWidth,
+        windowHeight,
+        animationStage,
+        stopAllSceneMotion,
+    ]);
+    // Keep the wheel handler ref pointing to the latest implementation
+    useEffect(() => {
+        wheelHandlerRef.current = handleWheelZoom;
+    }, [handleWheelZoom]);
+    const handlePanToOffset = useCallback((offset, onComplete, zoom) => {
+        panToOffset({
+            x: -offset.x,
+            y: -offset.y,
+        }, viewportRef, onComplete, zoom);
+    }, [panToOffset, viewportRef]);
+    return (_jsx(CanvasWrapper, { introProgress: introProgress, onIntroGrowComplete: startStage2, skipIntro: skipIntro, introContent: introContent, loadingText: loadingText, introBackgroundGradient: introBackgroundGradient, canvasBoxGradient: canvasBoxGradient, growTransition: growTransition, blurTransition: blurTransition, children: _jsxs(CanvasProvider, { x: x, y: y, scale: scale, isResetting: isResetting, maxZIndex: maxZIndex, setMaxZIndex: setMaxZIndex, animationStage: animationStage, nextTargetSection: nextTargetSection, setNextTargetSection: setNextTargetSection, children: [animationStage >= 2 && (_jsxs(_Fragment, { children: [_jsx(Toolbar, { homeCoordinates: offsetHomeCoordinates }), hasNavbarData && navbarCoordinates ? (_jsx(Navbar, { panToOffset: handlePanToOffset, onReset: onResetViewAndItems, coordinates: navbarCoordinates, sections: navSections, homeSection: navHomeSection })) : null] })), _jsx("div", { ref: setViewportRef, className: "relative h-full w-full touch-none select-none overflow-hidden", style: {
+                        touchAction: "none",
+                        pointerEvents: animationStage >= 2 ? "auto" : "none",
+                        overscrollBehavior: "contain",
+                    }, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUpOrCancel, onPointerLeave: handlePointerUpOrCancel, onPointerCancel: handlePointerUpOrCancel, children: _jsxs(motion.div, { ref: sceneRef, className: "absolute z-20 origin-top-left", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.3, ease: "easeIn" }, style: {
+                            width: `${canvasWidth}px`,
+                            height: `${canvasHeight}px`,
+                            x,
+                            y,
+                            scale,
+                            willChange: mode !== "high" && (animationStage < 2 || isPanning)
+                                ? "transform"
+                                : "auto",
+                        }, children: [_jsx(Gradient, {}), animationStage >= 1 &&
+                                (mode === "high" ? (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.5, ease: "easeIn" }, children: [_jsx(Filter, {}), _jsx(Dots, {})] })) : (_jsxs(_Fragment, { children: [_jsx(Filter, {}), _jsx(Dots, {})] }))), children] }) })] }) }));
+};
+export const gradientBgImage = `radial-gradient(ellipse ${canvasWidth}px ${canvasHeight}px at ${canvasWidth / 2}px ${canvasHeight}px, var(--coral) 0%, var(--salmon) 41%, var(--lilac) 59%, var(--beige) 90%)`;
+const Gradient = React.memo(function Gradient() {
+    return (_jsx("div", { className: "pointer-events-none absolute inset-0 h-full w-full opacity-100", style: {
+            backgroundImage: gradientBgImage,
+        } }));
+});
+const Dots = React.memo(function Dots() {
+    return (_jsx("div", { className: "pointer-events-none absolute inset-0 h-full w-full bg-[radial-gradient(#776780_1.5px,transparent_1px)] opacity-35 [background-size:22px_22px] " }));
+});
+const Filter = React.memo(function Filter() {
+    return (_jsx("div", { className: "contrast-60 md:bg-noise pointer-events-none absolute inset-0 hidden h-full w-full bg-none opacity-60 filter md:inline" }));
+});
+export default Canvas;
+//# sourceMappingURL=canvas.js.map

package/dist/components/canvas/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/components/canvas/canvas.tsx"],"names":[],"mappings":"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"}

package/dist/components/canvas/component.d.ts

@@ -0,0 +1,47 @@
+import { type FC } from "react";
+import type { SectionCoordinates } from "../../types";
+interface CanvasProps {
+    children: React.ReactNode;
+    offset?: SectionCoordinates;
+    optimize?: boolean;
+    imageFallback?: string;
+    coordinatesToSection?: (coords: SectionCoordinates | undefined) => string | null;
+}
+/**
+ * Returns true if any portion of the component described by `offset`
+ * is currently inside the viewport after applying the canvas pan (x,y) and scale.
+ *
+ * Coordinate systems:
+ * - offset.{x,y} are in "scene" coordinates (unscaled canvas space, origin at canvas top-left).
+ * - (sceneX, sceneY) are the current translated position of the scene's top-left
+ *   in viewport coordinates (these are <= 0; 0 means aligned with the viewport edge).
+ * - scale uniformly scales scene coordinates about the scene's origin (top-left) AFTER translation.
+ *
+ * Mapping a scene-space point (sx, sy) to viewport space:
+ *   vx = sceneX + sx * scale
+ *   vy = sceneY + sy * scale
+ *
+ * The component's axis-aligned bounding box in viewport space is:
+ *   left   = sceneX + offset.x * scale
+ *   top    = sceneY + offset.y * scale
+ *   right  = left + offset.width * scale
+ *   bottom = top  + offset.height * scale
+ *
+ * It intersects the viewport iff it isn't entirely left, right, above, or below it.
+ *
+ * Edge handling:
+ * - Touching an edge counts as visible (>= / <= comparisons).
+ * - If executed during SSR (no window) and no explicit viewport dimensions are provided,
+ *   it returns true to avoid hydration mismatches.
+ */
+export declare function isComponentInViewport(params: {
+    offset: SectionCoordinates;
+    sceneX: number;
+    sceneY: number;
+    scale: number;
+    viewportWidth?: number;
+    viewportHeight?: number;
+}): boolean;
+export declare const CanvasComponent: FC<CanvasProps>;
+export {};
+//# sourceMappingURL=component.d.ts.map

package/dist/components/canvas/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUtD,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC;CAClF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE;IAC5C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,OAAO,CA2BV;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,WAAW,CAgJ3C,CAAC"}