@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/particles-background.cjs

@@ -0,0 +1,135 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParticlesBackground = ParticlesBackground;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ParticlesBackground — a decorative field of drifting dots joined by fading
+ * connection lines, painted on a fixed full-viewport canvas behind the page.
+ *
+ * A particle field with per-pair connection lines is the case a canvas exists
+ * for: hundreds of dots and their pairwise distances redrawn every frame would
+ * mean thousands of styled DOM nodes reflowing at 60fps. The imperative loop
+ * lives entirely in one effect — init, animate, resize, pointer — the same
+ * shape `AnimatedCursor` uses for its own document-level listeners, gated on
+ * `isWeb` and a mount flag so the server render and the first client render
+ * stay identical and native gets nothing to choke on.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const sx_1 = require("../../sx.cjs");
+const slot_1 = require("./slot.cjs");
+function ParticlesBackground({ className, particleCount = 50, particleColor = 'rgba(255, 255, 255, 0.6)', lineColor = 'rgba(255, 255, 255, 0.2)', particleSize = 2, speed = 0.5, connectionDistance = 100, opacity = 1, enableMouseInteraction = true, mouseRadius = 150, }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const canvasRef = (0, react_1.useRef)(null);
+    const particlesRef = (0, react_1.useRef)([]);
+    const mouseRef = (0, react_1.useRef)({ x: -Infinity, y: -Infinity });
+    (0, react_1.useEffect)(() => setMounted(true), []);
+    const live = mounted && gui_1.isWeb;
+    (0, react_1.useEffect)(() => {
+        if (!live)
+            return;
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const seed = (width, height) => {
+            particlesRef.current = Array.from({ length: particleCount }, () => ({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                vx: (Math.random() - 0.5) * speed,
+                vy: (Math.random() - 0.5) * speed,
+                size: Math.random() * particleSize + 1,
+            }));
+        };
+        const resize = () => {
+            const rect = canvas.getBoundingClientRect();
+            canvas.width = rect.width;
+            canvas.height = rect.height;
+            seed(canvas.width, canvas.height);
+        };
+        const onMove = (e) => {
+            const rect = canvas.getBoundingClientRect();
+            mouseRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        if (enableMouseInteraction)
+            canvas.addEventListener('mousemove', onMove);
+        let raf = requestAnimationFrame(function animate() {
+            const { width, height } = canvas;
+            const particles = particlesRef.current;
+            const { x: mouseX, y: mouseY } = mouseRef.current;
+            ctx.clearRect(0, 0, width, height);
+            for (const p of particles) {
+                p.x += p.vx;
+                p.y += p.vy;
+                if (p.x < 0 || p.x > width) {
+                    p.vx *= -1;
+                    p.x = Math.max(0, Math.min(width, p.x));
+                }
+                if (p.y < 0 || p.y > height) {
+                    p.vy *= -1;
+                    p.y = Math.max(0, Math.min(height, p.y));
+                }
+                if (enableMouseInteraction) {
+                    const dx = mouseX - p.x;
+                    const dy = mouseY - p.y;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    if (distance < mouseRadius) {
+                        const force = (mouseRadius - distance) / mouseRadius;
+                        const angle = Math.atan2(dy, dx);
+                        p.vx -= Math.cos(angle) * force * 0.2;
+                        p.vy -= Math.sin(angle) * force * 0.2;
+                    }
+                }
+                p.vx *= 0.99;
+                p.vy *= 0.99;
+                ctx.globalAlpha = opacity;
+                ctx.fillStyle = particleColor;
+                ctx.beginPath();
+                ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
+                ctx.fill();
+            }
+            for (let i = 0; i < particles.length; i++) {
+                for (let j = i + 1; j < particles.length; j++) {
+                    const dx = particles[i].x - particles[j].x;
+                    const dy = particles[i].y - particles[j].y;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    if (distance < connectionDistance) {
+                        ctx.globalAlpha = Math.max(0, 1 - distance / connectionDistance) * opacity;
+                        ctx.strokeStyle = lineColor;
+                        ctx.lineWidth = 0.5;
+                        ctx.beginPath();
+                        ctx.moveTo(particles[i].x, particles[i].y);
+                        ctx.lineTo(particles[j].x, particles[j].y);
+                        ctx.stroke();
+                    }
+                }
+            }
+            raf = requestAnimationFrame(animate);
+        });
+        return () => {
+            cancelAnimationFrame(raf);
+            window.removeEventListener('resize', resize);
+            if (enableMouseInteraction)
+                canvas.removeEventListener('mousemove', onMove);
+        };
+    }, [
+        live,
+        particleCount,
+        particleColor,
+        lineColor,
+        particleSize,
+        speed,
+        connectionDistance,
+        opacity,
+        enableMouseInteraction,
+        mouseRadius,
+    ]);
+    if (!live)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('particles-background'), style: { position: 'fixed', inset: 0, pointerEvents: 'none', zIndex: -1 }, ...(0, sx_1.sx)(className), children: (0, jsx_runtime_1.jsx)("canvas", { ref: canvasRef, style: { display: 'block', width: '100%', height: '100%' } }) }));
+}

package/dist/backends/gui/particles-background.d.ts

@@ -0,0 +1,24 @@
+export type ParticlesBackgroundProps = {
+    /** Class notation for the fixed frame. */
+    className?: string;
+    /** Number of particles to render. */
+    particleCount?: number;
+    /** Fill of each particle. */
+    particleColor?: string;
+    /** Stroke of the lines joining nearby particles. */
+    lineColor?: string;
+    /** Maximum radius of a particle, in px. */
+    particleSize?: number;
+    /** Top speed of a particle's drift, in px per frame. */
+    speed?: number;
+    /** Distance below which two particles are joined by a line. */
+    connectionDistance?: number;
+    /** Overall opacity of the effect. */
+    opacity?: number;
+    /** Whether particles are pushed away from the pointer. */
+    enableMouseInteraction?: boolean;
+    /** Radius of the pointer's repulsion, in px. */
+    mouseRadius?: number;
+};
+export declare function ParticlesBackground({ className, particleCount, particleColor, lineColor, particleSize, speed, connectionDistance, opacity, enableMouseInteraction, mouseRadius, }: ParticlesBackgroundProps): import("react").JSX.Element | null;
+//# sourceMappingURL=particles-background.d.ts.map

package/dist/backends/gui/particles-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"particles-background.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/particles-background.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,wBAAwB,GAAG;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0DAA0D;IAC1D,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,aAAkB,EAClB,aAA0C,EAC1C,SAAsC,EACtC,YAAgB,EAChB,KAAW,EACX,kBAAwB,EACxB,OAAW,EACX,sBAA6B,EAC7B,WAAiB,GAClB,EAAE,wBAAwB,sCAuI1B"}

package/dist/backends/gui/particles-background.js

@@ -0,0 +1,133 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ParticlesBackground — a decorative field of drifting dots joined by fading
+ * connection lines, painted on a fixed full-viewport canvas behind the page.
+ *
+ * A particle field with per-pair connection lines is the case a canvas exists
+ * for: hundreds of dots and their pairwise distances redrawn every frame would
+ * mean thousands of styled DOM nodes reflowing at 60fps. The imperative loop
+ * lives entirely in one effect — init, animate, resize, pointer — the same
+ * shape `AnimatedCursor` uses for its own document-level listeners, gated on
+ * `isWeb` and a mount flag so the server render and the first client render
+ * stay identical and native gets nothing to choke on.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import { useEffect, useRef, useState } from 'react';
+import { sx } from '../../sx.js';
+import { slot } from './slot.js';
+export function ParticlesBackground({ className, particleCount = 50, particleColor = 'rgba(255, 255, 255, 0.6)', lineColor = 'rgba(255, 255, 255, 0.2)', particleSize = 2, speed = 0.5, connectionDistance = 100, opacity = 1, enableMouseInteraction = true, mouseRadius = 150, }) {
+    const [mounted, setMounted] = useState(false);
+    const canvasRef = useRef(null);
+    const particlesRef = useRef([]);
+    const mouseRef = useRef({ x: -Infinity, y: -Infinity });
+    useEffect(() => setMounted(true), []);
+    const live = mounted && isWeb;
+    useEffect(() => {
+        if (!live)
+            return;
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const seed = (width, height) => {
+            particlesRef.current = Array.from({ length: particleCount }, () => ({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                vx: (Math.random() - 0.5) * speed,
+                vy: (Math.random() - 0.5) * speed,
+                size: Math.random() * particleSize + 1,
+            }));
+        };
+        const resize = () => {
+            const rect = canvas.getBoundingClientRect();
+            canvas.width = rect.width;
+            canvas.height = rect.height;
+            seed(canvas.width, canvas.height);
+        };
+        const onMove = (e) => {
+            const rect = canvas.getBoundingClientRect();
+            mouseRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        if (enableMouseInteraction)
+            canvas.addEventListener('mousemove', onMove);
+        let raf = requestAnimationFrame(function animate() {
+            const { width, height } = canvas;
+            const particles = particlesRef.current;
+            const { x: mouseX, y: mouseY } = mouseRef.current;
+            ctx.clearRect(0, 0, width, height);
+            for (const p of particles) {
+                p.x += p.vx;
+                p.y += p.vy;
+                if (p.x < 0 || p.x > width) {
+                    p.vx *= -1;
+                    p.x = Math.max(0, Math.min(width, p.x));
+                }
+                if (p.y < 0 || p.y > height) {
+                    p.vy *= -1;
+                    p.y = Math.max(0, Math.min(height, p.y));
+                }
+                if (enableMouseInteraction) {
+                    const dx = mouseX - p.x;
+                    const dy = mouseY - p.y;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    if (distance < mouseRadius) {
+                        const force = (mouseRadius - distance) / mouseRadius;
+                        const angle = Math.atan2(dy, dx);
+                        p.vx -= Math.cos(angle) * force * 0.2;
+                        p.vy -= Math.sin(angle) * force * 0.2;
+                    }
+                }
+                p.vx *= 0.99;
+                p.vy *= 0.99;
+                ctx.globalAlpha = opacity;
+                ctx.fillStyle = particleColor;
+                ctx.beginPath();
+                ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
+                ctx.fill();
+            }
+            for (let i = 0; i < particles.length; i++) {
+                for (let j = i + 1; j < particles.length; j++) {
+                    const dx = particles[i].x - particles[j].x;
+                    const dy = particles[i].y - particles[j].y;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    if (distance < connectionDistance) {
+                        ctx.globalAlpha = Math.max(0, 1 - distance / connectionDistance) * opacity;
+                        ctx.strokeStyle = lineColor;
+                        ctx.lineWidth = 0.5;
+                        ctx.beginPath();
+                        ctx.moveTo(particles[i].x, particles[i].y);
+                        ctx.lineTo(particles[j].x, particles[j].y);
+                        ctx.stroke();
+                    }
+                }
+            }
+            raf = requestAnimationFrame(animate);
+        });
+        return () => {
+            cancelAnimationFrame(raf);
+            window.removeEventListener('resize', resize);
+            if (enableMouseInteraction)
+                canvas.removeEventListener('mousemove', onMove);
+        };
+    }, [
+        live,
+        particleCount,
+        particleColor,
+        lineColor,
+        particleSize,
+        speed,
+        connectionDistance,
+        opacity,
+        enableMouseInteraction,
+        mouseRadius,
+    ]);
+    if (!live)
+        return null;
+    return (_jsx(YStack, { ...slot('particles-background'), style: { position: 'fixed', inset: 0, pointerEvents: 'none', zIndex: -1 }, ...sx(className), children: _jsx("canvas", { ref: canvasRef, style: { display: 'block', width: '100%', height: '100%' } }) }));
+}
+//# sourceMappingURL=particles-background.js.map

package/dist/backends/gui/particles-background.js.map

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

package/dist/backends/gui/particles.cjs

@@ -0,0 +1,145 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Particles = Particles;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Particles — an animated field of small drifting dots that draws a line
+ * between any two that fall within `connectionDistance`, brighter the closer
+ * they are, and nudges nearby dots away from the pointer. It fills its
+ * nearest positioned ancestor (`position: absolute; inset: 0`) and never
+ * intercepts a pointer event, so it sits behind ordinary content as a
+ * backdrop.
+ *
+ * A particle field is a per-frame pixel loop, native to `<canvas>` on web —
+ * that is the one piece @hanzo/gui has no primitive for, so this wraps the
+ * platform element directly and renders nothing on native.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const slot_1 = require("./slot.cjs");
+function Particles({ className, particleCount = 50, particleColor = 'rgba(255, 255, 255, 0.6)', lineColor = 'rgba(255, 255, 255, 0.2)', particleSize = 2, speed = 0.5, connectionDistance = 100, opacity = 1, enableMouseInteraction = true, mouseRadius = 150, }) {
+    const canvasRef = (0, react_1.useRef)(null);
+    const particlesRef = (0, react_1.useRef)([]);
+    const mouseRef = (0, react_1.useRef)({ x: 0, y: 0 });
+    (0, react_1.useEffect)(() => {
+        if (!gui_1.isWeb || typeof window === 'undefined')
+            return;
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const seed = (width, height) => {
+            particlesRef.current = Array.from({ length: particleCount }, () => ({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                vx: (Math.random() - 0.5) * speed,
+                vy: (Math.random() - 0.5) * speed,
+                size: Math.random() * particleSize + 1,
+            }));
+        };
+        const resize = () => {
+            const rect = canvas.getBoundingClientRect();
+            canvas.width = rect.width;
+            canvas.height = rect.height;
+            seed(canvas.width, canvas.height);
+        };
+        const onMove = (e) => {
+            const rect = canvas.getBoundingClientRect();
+            mouseRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        if (enableMouseInteraction)
+            canvas.addEventListener('mousemove', onMove);
+        // jsdom (the test DOM) implements neither `getContext('2d')` nor
+        // `requestAnimationFrame` — both are feature-detected so the effect wires
+        // up its listeners and cleans them up correctly even where the browser
+        // pixel loop itself cannot run.
+        const hasRaf = typeof requestAnimationFrame === 'function';
+        let frame = 0;
+        const step = () => {
+            const ctx = canvas.getContext('2d');
+            if (ctx) {
+                const { width, height } = canvas;
+                const particles = particlesRef.current;
+                const { x: mouseX, y: mouseY } = mouseRef.current;
+                ctx.clearRect(0, 0, width, height);
+                for (const p of particles) {
+                    p.x += p.vx;
+                    p.y += p.vy;
+                    if (p.x < 0 || p.x > width) {
+                        p.vx *= -1;
+                        p.x = Math.max(0, Math.min(width, p.x));
+                    }
+                    if (p.y < 0 || p.y > height) {
+                        p.vy *= -1;
+                        p.y = Math.max(0, Math.min(height, p.y));
+                    }
+                    if (enableMouseInteraction) {
+                        const dx = mouseX - p.x;
+                        const dy = mouseY - p.y;
+                        const distance = Math.sqrt(dx * dx + dy * dy);
+                        if (distance < mouseRadius) {
+                            const force = (mouseRadius - distance) / mouseRadius;
+                            const angle = Math.atan2(dy, dx);
+                            p.vx -= Math.cos(angle) * force * 0.2;
+                            p.vy -= Math.sin(angle) * force * 0.2;
+                        }
+                    }
+                    p.vx *= 0.99;
+                    p.vy *= 0.99;
+                    ctx.globalAlpha = opacity;
+                    ctx.fillStyle = particleColor;
+                    ctx.beginPath();
+                    ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
+                    ctx.fill();
+                }
+                for (let i = 0; i < particles.length; i++) {
+                    for (let j = i + 1; j < particles.length; j++) {
+                        const dx = particles[i].x - particles[j].x;
+                        const dy = particles[i].y - particles[j].y;
+                        const distance = Math.sqrt(dx * dx + dy * dy);
+                        if (distance < connectionDistance) {
+                            ctx.globalAlpha = Math.max(0, 1 - distance / connectionDistance) * opacity;
+                            ctx.strokeStyle = lineColor;
+                            ctx.lineWidth = 0.5;
+                            ctx.beginPath();
+                            ctx.moveTo(particles[i].x, particles[i].y);
+                            ctx.lineTo(particles[j].x, particles[j].y);
+                            ctx.stroke();
+                        }
+                    }
+                }
+            }
+            if (hasRaf)
+                frame = requestAnimationFrame(step);
+        };
+        if (hasRaf)
+            frame = requestAnimationFrame(step);
+        return () => {
+            if (hasRaf)
+                cancelAnimationFrame(frame);
+            window.removeEventListener('resize', resize);
+            if (enableMouseInteraction)
+                canvas.removeEventListener('mousemove', onMove);
+        };
+    }, [
+        particleCount,
+        particleColor,
+        lineColor,
+        particleSize,
+        speed,
+        connectionDistance,
+        opacity,
+        enableMouseInteraction,
+        mouseRadius,
+    ]);
+    if (!gui_1.isWeb)
+        return null;
+    const style = {
+        position: 'absolute',
+        inset: 0,
+        pointerEvents: 'none',
+    };
+    return (0, jsx_runtime_1.jsx)("canvas", { ref: canvasRef, ...(0, slot_1.slot)('particles'), className: className, style: style });
+}

package/dist/backends/gui/particles.d.ts

@@ -0,0 +1,25 @@
+export type ParticlesProps = {
+    /** CSS class names for the canvas frame. Since the frame is a raw `<canvas>`,
+     *  not a gui component, this is forwarded as-is rather than through `sx`. */
+    className?: string;
+    /** How many dots drift across the field. */
+    particleCount?: number;
+    /** Fill of each dot, any CSS colour. */
+    particleColor?: string;
+    /** Stroke of the lines drawn between near dots, any CSS colour. */
+    lineColor?: string;
+    /** Upper bound of a dot's random radius, in px. */
+    particleSize?: number;
+    /** Top speed of a dot's drift, in px per frame. */
+    speed?: number;
+    /** Distance, in px, within which two dots are joined by a line. */
+    connectionDistance?: number;
+    /** Overall alpha applied to dots and lines alike. */
+    opacity?: number;
+    /** Whether nearby dots are pushed away from the pointer. */
+    enableMouseInteraction?: boolean;
+    /** Radius, in px, within which the pointer pushes dots away. */
+    mouseRadius?: number;
+};
+export declare function Particles({ className, particleCount, particleColor, lineColor, particleSize, speed, connectionDistance, opacity, enableMouseInteraction, mouseRadius, }: ParticlesProps): import("react").JSX.Element | null;
+//# sourceMappingURL=particles.d.ts.map

package/dist/backends/gui/particles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"particles.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/particles.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,cAAc,GAAG;IAC3B;iFAC6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAID,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,aAAkB,EAClB,aAA0C,EAC1C,SAAsC,EACtC,YAAgB,EAChB,KAAW,EACX,kBAAwB,EACxB,OAAW,EACX,sBAA6B,EAC7B,WAAiB,GAClB,EAAE,cAAc,sCAsIhB"}

package/dist/backends/gui/particles.js

@@ -0,0 +1,143 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Particles — an animated field of small drifting dots that draws a line
+ * between any two that fall within `connectionDistance`, brighter the closer
+ * they are, and nudges nearby dots away from the pointer. It fills its
+ * nearest positioned ancestor (`position: absolute; inset: 0`) and never
+ * intercepts a pointer event, so it sits behind ordinary content as a
+ * backdrop.
+ *
+ * A particle field is a per-frame pixel loop, native to `<canvas>` on web —
+ * that is the one piece @hanzo/gui has no primitive for, so this wraps the
+ * platform element directly and renders nothing on native.
+ */
+import { isWeb } from '@hanzo/gui';
+import { useEffect, useRef } from 'react';
+import { slot } from './slot.js';
+export function Particles({ className, particleCount = 50, particleColor = 'rgba(255, 255, 255, 0.6)', lineColor = 'rgba(255, 255, 255, 0.2)', particleSize = 2, speed = 0.5, connectionDistance = 100, opacity = 1, enableMouseInteraction = true, mouseRadius = 150, }) {
+    const canvasRef = useRef(null);
+    const particlesRef = useRef([]);
+    const mouseRef = useRef({ x: 0, y: 0 });
+    useEffect(() => {
+        if (!isWeb || typeof window === 'undefined')
+            return;
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const seed = (width, height) => {
+            particlesRef.current = Array.from({ length: particleCount }, () => ({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                vx: (Math.random() - 0.5) * speed,
+                vy: (Math.random() - 0.5) * speed,
+                size: Math.random() * particleSize + 1,
+            }));
+        };
+        const resize = () => {
+            const rect = canvas.getBoundingClientRect();
+            canvas.width = rect.width;
+            canvas.height = rect.height;
+            seed(canvas.width, canvas.height);
+        };
+        const onMove = (e) => {
+            const rect = canvas.getBoundingClientRect();
+            mouseRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        if (enableMouseInteraction)
+            canvas.addEventListener('mousemove', onMove);
+        // jsdom (the test DOM) implements neither `getContext('2d')` nor
+        // `requestAnimationFrame` — both are feature-detected so the effect wires
+        // up its listeners and cleans them up correctly even where the browser
+        // pixel loop itself cannot run.
+        const hasRaf = typeof requestAnimationFrame === 'function';
+        let frame = 0;
+        const step = () => {
+            const ctx = canvas.getContext('2d');
+            if (ctx) {
+                const { width, height } = canvas;
+                const particles = particlesRef.current;
+                const { x: mouseX, y: mouseY } = mouseRef.current;
+                ctx.clearRect(0, 0, width, height);
+                for (const p of particles) {
+                    p.x += p.vx;
+                    p.y += p.vy;
+                    if (p.x < 0 || p.x > width) {
+                        p.vx *= -1;
+                        p.x = Math.max(0, Math.min(width, p.x));
+                    }
+                    if (p.y < 0 || p.y > height) {
+                        p.vy *= -1;
+                        p.y = Math.max(0, Math.min(height, p.y));
+                    }
+                    if (enableMouseInteraction) {
+                        const dx = mouseX - p.x;
+                        const dy = mouseY - p.y;
+                        const distance = Math.sqrt(dx * dx + dy * dy);
+                        if (distance < mouseRadius) {
+                            const force = (mouseRadius - distance) / mouseRadius;
+                            const angle = Math.atan2(dy, dx);
+                            p.vx -= Math.cos(angle) * force * 0.2;
+                            p.vy -= Math.sin(angle) * force * 0.2;
+                        }
+                    }
+                    p.vx *= 0.99;
+                    p.vy *= 0.99;
+                    ctx.globalAlpha = opacity;
+                    ctx.fillStyle = particleColor;
+                    ctx.beginPath();
+                    ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
+                    ctx.fill();
+                }
+                for (let i = 0; i < particles.length; i++) {
+                    for (let j = i + 1; j < particles.length; j++) {
+                        const dx = particles[i].x - particles[j].x;
+                        const dy = particles[i].y - particles[j].y;
+                        const distance = Math.sqrt(dx * dx + dy * dy);
+                        if (distance < connectionDistance) {
+                            ctx.globalAlpha = Math.max(0, 1 - distance / connectionDistance) * opacity;
+                            ctx.strokeStyle = lineColor;
+                            ctx.lineWidth = 0.5;
+                            ctx.beginPath();
+                            ctx.moveTo(particles[i].x, particles[i].y);
+                            ctx.lineTo(particles[j].x, particles[j].y);
+                            ctx.stroke();
+                        }
+                    }
+                }
+            }
+            if (hasRaf)
+                frame = requestAnimationFrame(step);
+        };
+        if (hasRaf)
+            frame = requestAnimationFrame(step);
+        return () => {
+            if (hasRaf)
+                cancelAnimationFrame(frame);
+            window.removeEventListener('resize', resize);
+            if (enableMouseInteraction)
+                canvas.removeEventListener('mousemove', onMove);
+        };
+    }, [
+        particleCount,
+        particleColor,
+        lineColor,
+        particleSize,
+        speed,
+        connectionDistance,
+        opacity,
+        enableMouseInteraction,
+        mouseRadius,
+    ]);
+    if (!isWeb)
+        return null;
+    const style = {
+        position: 'absolute',
+        inset: 0,
+        pointerEvents: 'none',
+    };
+    return _jsx("canvas", { ref: canvasRef, ...slot('particles'), className: className, style: style });
+}
+//# sourceMappingURL=particles.js.map

package/dist/backends/gui/particles.js.map

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