@hdcodedev/snowfall 1.0.13 → 1.0.15

package/dist/index.mjs

@@ -1,1152 +1,2 @@
-"use client";
-
-// src/components/Snowfall.tsx
-import { useEffect, useRef as useRef4, useState as useState2 } from "react";
-
-// src/components/SnowfallProvider.tsx
-import { createContext, useContext, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var DEFAULT_PHYSICS = {
-  MAX_FLAKES: 1e3,
-  MELT_SPEED: 1e-5,
-  WIND_STRENGTH: 1.5,
-  ACCUMULATION: {
-    SIDE_RATE: 1,
-    TOP_RATE: 5,
-    BOTTOM_RATE: 5
-  },
-  MAX_DEPTH: {
-    TOP: 100,
-    BOTTOM: 50,
-    SIDE: 20
-  },
-  FLAKE_SIZE: {
-    MIN: 0.5,
-    MAX: 1.6
-  },
-  MAX_SURFACES: 15,
-  COLLISION_CHECK_RATE: 0.3
-  // 30% of snowflakes check collisions per frame
-};
-var SnowfallContext = createContext(void 0);
-function SnowfallProvider({ children, initialDebug = false, initialEnabled = true }) {
-  const [isEnabled, setIsEnabled] = useState(initialEnabled);
-  const [physicsConfig, setPhysicsConfig] = useState(DEFAULT_PHYSICS);
-  const [debugMode, setDebugMode] = useState(initialDebug);
-  const [metrics, setMetrics] = useState(null);
-  const toggleSnow = () => {
-    setIsEnabled((prev) => !prev);
-  };
-  const toggleDebug = () => {
-    setDebugMode((prev) => !prev);
-  };
-  const updatePhysicsConfig = (config) => {
-    setPhysicsConfig((prev) => ({
-      ...prev,
-      ...config,
-      ACCUMULATION: {
-        ...prev.ACCUMULATION,
-        ...config.ACCUMULATION || {}
-      },
-      MAX_DEPTH: {
-        ...prev.MAX_DEPTH,
-        ...config.MAX_DEPTH || {}
-      },
-      FLAKE_SIZE: {
-        ...prev.FLAKE_SIZE,
-        ...config.FLAKE_SIZE || {}
-      }
-    }));
-  };
-  const resetPhysics = () => {
-    setPhysicsConfig(DEFAULT_PHYSICS);
-  };
-  return /* @__PURE__ */ jsx(SnowfallContext.Provider, { value: {
-    isEnabled,
-    toggleSnow,
-    physicsConfig,
-    updatePhysicsConfig,
-    resetPhysics,
-    debugMode,
-    toggleDebug,
-    metrics,
-    setMetrics
-  }, children });
-}
-function useSnowfall() {
-  const context = useContext(SnowfallContext);
-  if (context === void 0) {
-    throw new Error("useSnowfall must be used within a SnowfallProvider");
-  }
-  return context;
-}
-
-// src/core/constants.ts
-var ATTR_SNOWFALL = "data-snowfall";
-var VAL_IGNORE = "ignore";
-var VAL_TOP = "top";
-var VAL_BOTTOM = "bottom";
-var TAG_HEADER = "header";
-var TAG_FOOTER = "footer";
-var ROLE_BANNER = "banner";
-var ROLE_CONTENTINFO = "contentinfo";
-var TAU = Math.PI * 2;
-
-// src/core/dom.ts
-var BOTTOM_TAGS = [TAG_HEADER];
-var BOTTOM_ROLES = [ROLE_BANNER];
-var AUTO_DETECT_TAGS = [TAG_HEADER, TAG_FOOTER, "article", "section", "aside", "nav"];
-var AUTO_DETECT_ROLES = [`[role="${ROLE_BANNER}"]`, `[role="${ROLE_CONTENTINFO}"]`, '[role="main"]'];
-var AUTO_DETECT_CLASSES = [
-  ".card",
-  '[class*="card"]',
-  '[class*="Card"]',
-  '[class*="bg-"]',
-  '[class*="shadow-"]',
-  '[class*="rounded-"]'
-];
-var getElementType = (el) => {
-  const tagName = el.tagName.toLowerCase();
-  if (BOTTOM_TAGS.includes(tagName)) return VAL_BOTTOM;
-  const role = el.getAttribute("role");
-  if (role && BOTTOM_ROLES.includes(role)) return VAL_BOTTOM;
-  return VAL_TOP;
-};
-var shouldAccumulate = (el, precomputedStyle) => {
-  if (el.getAttribute(ATTR_SNOWFALL) === VAL_IGNORE) return false;
-  if (el.hasAttribute(ATTR_SNOWFALL)) return true;
-  const styles = precomputedStyle || window.getComputedStyle(el);
-  const isVisible = styles.display !== "none" && styles.visibility !== "hidden" && parseFloat(styles.opacity) > 0.1;
-  if (!isVisible) return false;
-  const bgColor = styles.backgroundColor;
-  const hasBackground = bgColor !== "rgba(0, 0, 0, 0)" && bgColor !== "transparent";
-  const hasBorder = parseFloat(styles.borderWidth) > 0 && styles.borderColor !== "transparent" && styles.borderColor !== "rgba(0, 0, 0, 0)" && styles.borderStyle !== "none";
-  const hasBoxShadow = styles.boxShadow !== "none";
-  const hasFilter = styles.filter !== "none" && styles.filter.includes("drop-shadow");
-  const hasBackdropFilter = styles.backdropFilter !== "none";
-  return hasBackground || hasBorder || hasBoxShadow || hasFilter || hasBackdropFilter;
-};
-var getAccumulationSurfaces = (maxSurfaces = 5) => {
-  const surfaces = [];
-  const seen = /* @__PURE__ */ new Set();
-  const candidates = document.querySelectorAll(
-    [
-      `[${ATTR_SNOWFALL}]`,
-      ...AUTO_DETECT_TAGS,
-      ...AUTO_DETECT_ROLES,
-      ...AUTO_DETECT_CLASSES
-    ].join(", ")
-  );
-  for (const el of candidates) {
-    if (surfaces.length >= maxSurfaces) break;
-    if (seen.has(el)) continue;
-    const manualOverride = el.getAttribute(ATTR_SNOWFALL);
-    if (manualOverride === VAL_IGNORE) continue;
-    const isManuallyIncluded = manualOverride !== null;
-    const styles = window.getComputedStyle(el);
-    const isVisible = styles.display !== "none" && styles.visibility !== "hidden" && parseFloat(styles.opacity) > 0.1;
-    if (!isVisible && !isManuallyIncluded) continue;
-    const rect = el.getBoundingClientRect();
-    const hasSize = rect.width >= 100 && rect.height >= 50;
-    if (!hasSize && !isManuallyIncluded) continue;
-    const isFullPageWrapper = rect.top <= 10 && rect.height >= window.innerHeight * 0.9;
-    const isBottomTag = BOTTOM_TAGS.includes(el.tagName.toLowerCase());
-    const isBottomRole = BOTTOM_ROLES.includes(el.getAttribute("role") || "");
-    const isBottomSurface = isBottomTag || isBottomRole || manualOverride === VAL_BOTTOM;
-    if (isFullPageWrapper && !isBottomSurface && !isManuallyIncluded) continue;
-    if (shouldAccumulate(el, styles)) {
-      let type = getElementType(el);
-      if (manualOverride === VAL_BOTTOM) type = VAL_BOTTOM;
-      else if (manualOverride === VAL_TOP) type = VAL_TOP;
-      surfaces.push({ el, type });
-      seen.add(el);
-    }
-  }
-  return surfaces;
-};
-var getElementRects = (accumulationMap) => {
-  const elementRects = [];
-  for (const [el, acc] of accumulationMap.entries()) {
-    if (!el.isConnected) continue;
-    const rect = el.getBoundingClientRect();
-    elementRects.push({ el, rect, acc });
-  }
-  return elementRects;
-};
-
-// src/core/physics.ts
-var OPACITY_BUCKETS = [0.3, 0.5, 0.7, 0.9];
-var quantizeOpacity = (opacity) => {
-  return OPACITY_BUCKETS.reduce(
-    (prev, curr) => Math.abs(curr - opacity) < Math.abs(prev - opacity) ? curr : prev
-  );
-};
-var createSnowflake = (worldWidth, config, isBackground = false) => {
-  const x = Math.random() * worldWidth;
-  const dna = Math.random();
-  const noise = {
-    speed: dna * 13 % 1,
-    wind: dna * 7 % 1,
-    wobblePhase: dna * 23 % 1,
-    wobbleSpeed: dna * 5 % 1
-  };
-  const { MIN, MAX } = config.FLAKE_SIZE;
-  const sizeRatio = dna;
-  const profile = isBackground ? {
-    sizeMin: MIN * 0.6,
-    sizeRange: (MAX - MIN) * 0.4,
-    speedBase: 0.2,
-    speedScale: 0.3,
-    noiseSpeedScale: 0.2,
-    windScale: config.WIND_STRENGTH * 0.625,
-    opacityBase: 0.2,
-    opacityScale: 0.2,
-    wobbleBase: 5e-3,
-    wobbleScale: 0.015
-  } : {
-    sizeMin: MIN,
-    sizeRange: MAX - MIN,
-    speedBase: 0.5,
-    speedScale: 0.5,
-    noiseSpeedScale: 0.3,
-    windScale: config.WIND_STRENGTH,
-    opacityBase: 0.5,
-    opacityScale: 0.3,
-    wobbleBase: 0.01,
-    wobbleScale: 0.02
-  };
-  const radius = profile.sizeMin + sizeRatio * profile.sizeRange;
-  const glowRadius = radius * 1.5;
-  const rawOpacity = profile.opacityBase + sizeRatio * profile.opacityScale;
-  const opacity = quantizeOpacity(rawOpacity);
-  const rawGlowOpacity = opacity * 0.2;
-  const glowOpacity = quantizeOpacity(rawGlowOpacity);
-  const initialWobble = noise.wobblePhase * TAU;
-  return {
-    x,
-    y: window.scrollY - 5,
-    radius,
-    glowRadius,
-    speed: radius * profile.speedScale + noise.speed * profile.noiseSpeedScale + profile.speedBase,
-    wind: (noise.wind - 0.5) * profile.windScale,
-    opacity,
-    glowOpacity,
-    wobble: initialWobble,
-    wobbleSpeed: noise.wobbleSpeed * profile.wobbleScale + profile.wobbleBase,
-    sizeRatio,
-    isBackground
-  };
-};
-var initializeMaxHeights = (width, baseMax, borderRadius, isBottom = false) => {
-  let maxHeights = new Array(width);
-  for (let i = 0; i < width; i++) {
-    let edgeFactor = 1;
-    if (!isBottom && borderRadius > 0) {
-      if (i < borderRadius) {
-        edgeFactor = Math.pow(i / borderRadius, 1.2);
-      } else if (i > width - borderRadius) {
-        edgeFactor = Math.pow((width - i) / borderRadius, 1.2);
-      }
-    }
-    maxHeights[i] = baseMax * edgeFactor * (0.85 + Math.random() * 0.15);
-  }
-  const smoothPasses = 4;
-  for (let p = 0; p < smoothPasses; p++) {
-    const smoothed = [...maxHeights];
-    for (let i = 1; i < width - 1; i++) {
-      smoothed[i] = (maxHeights[i - 1] + maxHeights[i] + maxHeights[i + 1]) / 3;
-    }
-    maxHeights = smoothed;
-  }
-  return maxHeights;
-};
-var calculateCurveOffsets = (width, borderRadius, isBottom) => {
-  const offsets = new Array(width).fill(0);
-  if (borderRadius <= 0 || isBottom) return offsets;
-  for (let x = 0; x < width; x++) {
-    let offset = 0;
-    if (x < borderRadius) {
-      const dist = borderRadius - x;
-      offset = borderRadius - Math.sqrt(Math.max(0, borderRadius * borderRadius - dist * dist));
-    } else if (x > width - borderRadius) {
-      const dist = x - (width - borderRadius);
-      offset = borderRadius - Math.sqrt(Math.max(0, borderRadius * borderRadius - dist * dist));
-    }
-    offsets[x] = offset;
-  }
-  return offsets;
-};
-var calculateGravityMultipliers = (height) => {
-  const multipliers = new Array(height);
-  for (let i = 0; i < height; i++) {
-    const ratio = i / height;
-    multipliers[i] = Math.sqrt(ratio);
-  }
-  return multipliers;
-};
-var initializeAccumulation = (accumulationMap, config) => {
-  const elements = getAccumulationSurfaces(config.MAX_SURFACES);
-  for (const [el] of accumulationMap.entries()) {
-    if (!el.isConnected) {
-      accumulationMap.delete(el);
-    }
-  }
-  elements.forEach(({ el, type }) => {
-    const existing = accumulationMap.get(el);
-    const rect = el.getBoundingClientRect();
-    const width = Math.ceil(rect.width);
-    const isBottom = type === VAL_BOTTOM;
-    if (existing && existing.heights.length === width) {
-      existing.type = type;
-      if (existing.borderRadius !== void 0) {
-        const styleBuffer = window.getComputedStyle(el);
-        existing.borderRadius = parseFloat(styleBuffer.borderTopLeftRadius) || 0;
-        existing.curveOffsets = calculateCurveOffsets(width, existing.borderRadius, isBottom);
-        if (existing.leftSide.length === Math.ceil(rect.height) && !existing.sideGravityMultipliers) {
-          existing.sideGravityMultipliers = calculateGravityMultipliers(existing.leftSide.length);
-        }
-      }
-      return;
-    }
-    const height = Math.ceil(rect.height);
-    const baseMax = isBottom ? config.MAX_DEPTH.BOTTOM : config.MAX_DEPTH.TOP;
-    const styles = window.getComputedStyle(el);
-    const borderRadius = parseFloat(styles.borderTopLeftRadius) || 0;
-    const maxHeights = initializeMaxHeights(width, baseMax, borderRadius, isBottom);
-    accumulationMap.set(el, {
-      heights: existing?.heights.length === width ? existing.heights : new Array(width).fill(0),
-      maxHeights,
-      leftSide: existing?.leftSide.length === height ? existing.leftSide : new Array(height).fill(0),
-      rightSide: existing?.rightSide.length === height ? existing.rightSide : new Array(height).fill(0),
-      maxSideHeight: isBottom ? 0 : config.MAX_DEPTH.SIDE,
-      leftMax: existing?.leftSide.length === height ? existing.leftMax : 0,
-      rightMax: existing?.rightSide.length === height ? existing.rightMax : 0,
-      borderRadius,
-      curveOffsets: calculateCurveOffsets(width, borderRadius, isBottom),
-      sideGravityMultipliers: calculateGravityMultipliers(height),
-      type
-    });
-  });
-};
-var accumulateSide = (sideArray, rectHeight, localY, maxSideHeight, borderRadius, config, currentMax) => {
-  const spread = 4;
-  const addHeight = config.ACCUMULATION.SIDE_RATE * (0.8 + Math.random() * 0.4);
-  let newMax = currentMax;
-  for (let dy = -spread; dy <= spread; dy++) {
-    const y = localY + dy;
-    if (y >= 0 && y < sideArray.length) {
-      const inTop = y < borderRadius;
-      const inBottom = y > rectHeight - borderRadius;
-      if (borderRadius > 0 && (inTop || inBottom)) continue;
-      const normalizedDist = Math.abs(dy) / spread;
-      const falloff = (Math.cos(normalizedDist * Math.PI) + 1) / 2;
-      const newHeight = Math.min(maxSideHeight, sideArray[y] + addHeight * falloff);
-      sideArray[y] = newHeight;
-      if (newHeight > newMax) newMax = newHeight;
-    }
-  }
-  return newMax;
-};
-var updateSnowflakePosition = (flake, dt) => {
-  flake.wobble += flake.wobbleSpeed * dt;
-  flake.x += (flake.wind + Math.sin(flake.wobble) * 0.5) * dt;
-  flake.y += (flake.speed + Math.cos(flake.wobble * 0.5) * 0.1) * dt;
-};
-var checkSideCollision = (flake, flakeViewportX, flakeViewportY, rect, acc, config) => {
-  const isInVerticalBounds = flakeViewportY >= rect.top && flakeViewportY <= rect.bottom;
-  if (!isInVerticalBounds || acc.maxSideHeight <= 0) {
-    return false;
-  }
-  const localY = Math.floor(flakeViewportY - rect.top);
-  const borderRadius = acc.borderRadius;
-  const isInTopCorner = localY < borderRadius;
-  const isInBottomCorner = localY > rect.height - borderRadius;
-  const isCorner = borderRadius > 0 && (isInTopCorner || isInBottomCorner);
-  if (isCorner) {
-    return false;
-  }
-  if (flakeViewportX >= rect.left - 5 && flakeViewportX < rect.left + 3) {
-    acc.leftMax = accumulateSide(acc.leftSide, rect.height, localY, acc.maxSideHeight, borderRadius, config, acc.leftMax);
-    return true;
-  }
-  if (flakeViewportX > rect.right - 3 && flakeViewportX <= rect.right + 5) {
-    acc.rightMax = accumulateSide(acc.rightSide, rect.height, localY, acc.maxSideHeight, borderRadius, config, acc.rightMax);
-    return true;
-  }
-  return false;
-};
-var checkSurfaceCollision = (flake, flakeViewportX, flakeViewportY, rect, acc, isBottom, config) => {
-  if (flakeViewportX < rect.left || flakeViewportX > rect.right) {
-    return false;
-  }
-  const localX = Math.floor(flakeViewportX - rect.left);
-  const currentHeight = acc.heights[localX] || 0;
-  const maxHeight = acc.maxHeights[localX] || 5;
-  const surfaceY = isBottom ? rect.bottom - currentHeight : rect.top - currentHeight;
-  if (flakeViewportY < surfaceY || flakeViewportY >= surfaceY + 10 || currentHeight >= maxHeight) {
-    return false;
-  }
-  const shouldAccumulate2 = isBottom ? Math.random() < 0.15 : true;
-  if (shouldAccumulate2) {
-    const baseSpread = Math.ceil(flake.radius);
-    const spread = baseSpread + Math.floor(Math.random() * 2);
-    const accumRate = isBottom ? config.ACCUMULATION.BOTTOM_RATE : config.ACCUMULATION.TOP_RATE;
-    const centerOffset = Math.floor(Math.random() * 3) - 1;
-    for (let dx = -spread; dx <= spread; dx++) {
-      if (Math.random() < 0.15) continue;
-      const idx = localX + dx + centerOffset;
-      if (idx >= 0 && idx < acc.heights.length) {
-        const dist = Math.abs(dx);
-        const pixelMax = acc.maxHeights[idx] || 5;
-        const normDist = dist / spread;
-        const falloff = (Math.cos(normDist * Math.PI) + 1) / 2;
-        const baseAdd = 0.3 * falloff;
-        const randomFactor = 0.8 + Math.random() * 0.4;
-        const addHeight = baseAdd * randomFactor * accumRate;
-        if (acc.heights[idx] < pixelMax && addHeight > 0) {
-          acc.heights[idx] = Math.min(pixelMax, acc.heights[idx] + addHeight);
-        }
-      }
-    }
-    if (isBottom) {
-      return true;
-    }
-  }
-  return !isBottom;
-};
-var shouldRemoveSnowflake = (flake, landed, worldWidth, worldHeight) => {
-  return landed || flake.y > worldHeight + 10 || flake.x < -20 || flake.x > worldWidth + 20;
-};
-var updateSnowflakes = (snowflakes, elementRects, config, dt, worldWidth, worldHeight) => {
-  const scrollX = window.scrollX;
-  const scrollY = window.scrollY;
-  for (let i = snowflakes.length - 1; i >= 0; i--) {
-    const flake = snowflakes[i];
-    updateSnowflakePosition(flake, dt);
-    let landed = false;
-    const shouldCheckCollision = Math.random() < config.COLLISION_CHECK_RATE;
-    if (shouldCheckCollision) {
-      const flakeViewportX = flake.x - scrollX;
-      const flakeViewportY = flake.y - scrollY;
-      for (const item of elementRects) {
-        const { rect, acc } = item;
-        const isBottom = acc.type === VAL_BOTTOM;
-        if (!landed && !isBottom) {
-          landed = checkSideCollision(flake, flakeViewportX, flakeViewportY, rect, acc, config);
-          if (landed) break;
-        }
-        if (!landed) {
-          landed = checkSurfaceCollision(flake, flakeViewportX, flakeViewportY, rect, acc, isBottom, config);
-          if (landed) break;
-        }
-      }
-    }
-    if (shouldRemoveSnowflake(flake, landed, worldWidth, worldHeight)) {
-      snowflakes.splice(i, 1);
-    }
-  }
-};
-var meltAndSmoothAccumulation = (elementRects, config, dt) => {
-  for (const { acc } of elementRects) {
-    const meltRate = config.MELT_SPEED * dt;
-    const len = acc.heights.length;
-    if (len > 2) {
-      for (let i = 1; i < len - 1; i++) {
-        if (acc.heights[i] > 0.05) {
-          const avg = (acc.heights[i - 1] + acc.heights[i + 1]) / 2;
-          acc.heights[i] = acc.heights[i] * 0.99 + avg * 0.01;
-        }
-      }
-    }
-    for (let i = 0; i < acc.heights.length; i++) {
-      if (acc.heights[i] > 0) acc.heights[i] = Math.max(0, acc.heights[i] - meltRate);
-    }
-    let leftMax = 0;
-    let rightMax = 0;
-    for (let i = 0; i < acc.leftSide.length; i++) {
-      if (acc.leftSide[i] > 0) {
-        acc.leftSide[i] = Math.max(0, acc.leftSide[i] - meltRate);
-        if (acc.leftSide[i] > leftMax) leftMax = acc.leftSide[i];
-      }
-      if (acc.rightSide[i] > 0) {
-        acc.rightSide[i] = Math.max(0, acc.rightSide[i] - meltRate);
-        if (acc.rightSide[i] > rightMax) rightMax = acc.rightSide[i];
-      }
-    }
-    acc.leftMax = leftMax;
-    acc.rightMax = rightMax;
-  }
-};
-
-// src/hooks/usePerformanceMetrics.ts
-import { useRef, useCallback } from "react";
-function usePerformanceMetrics() {
-  const lastFpsSecondRef = useRef(0);
-  const framesInSecondRef = useRef(0);
-  const currentFpsRef = useRef(0);
-  const metricsRef = useRef({
-    scanTime: 0,
-    rectUpdateTime: 0,
-    frameTime: 0,
-    rafGap: 0,
-    clearTime: 0,
-    physicsTime: 0,
-    drawTime: 0
-  });
-  const updateFps = useCallback((now) => {
-    const currentSecond = Math.floor(now / 1e3);
-    if (currentSecond !== lastFpsSecondRef.current) {
-      currentFpsRef.current = framesInSecondRef.current;
-      framesInSecondRef.current = 1;
-      lastFpsSecondRef.current = currentSecond;
-    } else {
-      framesInSecondRef.current++;
-    }
-  }, []);
-  const getCurrentFps = useCallback(() => {
-    return currentFpsRef.current || framesInSecondRef.current;
-  }, []);
-  const buildMetrics = useCallback((surfaceCount, flakeCount, maxFlakes) => {
-    return {
-      fps: currentFpsRef.current || framesInSecondRef.current,
-      frameTime: metricsRef.current.frameTime,
-      scanTime: metricsRef.current.scanTime,
-      rectUpdateTime: metricsRef.current.rectUpdateTime,
-      surfaceCount,
-      flakeCount,
-      maxFlakes,
-      rafGap: metricsRef.current.rafGap,
-      clearTime: metricsRef.current.clearTime,
-      physicsTime: metricsRef.current.physicsTime,
-      drawTime: metricsRef.current.drawTime
-    };
-  }, []);
-  return {
-    metricsRef,
-    updateFps,
-    getCurrentFps,
-    buildMetrics
-  };
-}
-
-// src/hooks/useSnowfallCanvas.ts
-import { useRef as useRef2, useCallback as useCallback2 } from "react";
-function useSnowfallCanvas() {
-  const canvasRef = useRef2(null);
-  const dprRef = useRef2(1);
-  const resizeCanvas = useCallback2(() => {
-    if (canvasRef.current) {
-      const newWidth = window.innerWidth;
-      const newHeight = window.innerHeight;
-      const dpr = window.devicePixelRatio || 1;
-      dprRef.current = dpr;
-      canvasRef.current.width = newWidth * dpr;
-      canvasRef.current.height = newHeight * dpr;
-      canvasRef.current.style.width = `${newWidth}px`;
-      canvasRef.current.style.height = `${newHeight}px`;
-    }
-  }, []);
-  return {
-    canvasRef,
-    dprRef,
-    resizeCanvas
-  };
-}
-
-// src/hooks/useAnimationLoop.ts
-import { useRef as useRef3, useCallback as useCallback3 } from "react";
-
-// src/core/draw.ts
-var ACC_FILL_STYLE = "rgba(255, 255, 255, 0.95)";
-var ACC_SHADOW_COLOR = "rgba(200, 230, 255, 0.6)";
-var drawSnowflakes = (ctx, flakes) => {
-  if (flakes.length === 0) return;
-  ctx.fillStyle = "#FFFFFF";
-  for (const flake of flakes) {
-    if (!flake.isBackground) {
-      ctx.globalAlpha = flake.glowOpacity;
-      ctx.beginPath();
-      ctx.arc(flake.x, flake.y, flake.glowRadius, 0, TAU);
-      ctx.fill();
-    }
-    ctx.globalAlpha = flake.opacity;
-    ctx.beginPath();
-    ctx.arc(flake.x, flake.y, flake.radius, 0, TAU);
-    ctx.fill();
-  }
-  ctx.globalAlpha = 1;
-};
-var drawAccumulations = (ctx, elementRects, scrollX, scrollY) => {
-  ctx.fillStyle = ACC_FILL_STYLE;
-  ctx.shadowColor = ACC_SHADOW_COLOR;
-  ctx.shadowBlur = 4;
-  ctx.shadowOffsetY = -1;
-  ctx.globalAlpha = 1;
-  ctx.beginPath();
-  for (const item of elementRects) {
-    const { rect, acc } = item;
-    if (!acc.heights.some((h) => h > 0.1)) continue;
-    const isBottom = acc.type === VAL_BOTTOM;
-    const baseY = isBottom ? rect.bottom - 1 : rect.top + 1;
-    const worldLeft = rect.left + scrollX;
-    const worldBaseY = baseY + scrollY;
-    let first = true;
-    const step = 2;
-    const len = acc.heights.length;
-    for (let x = 0; x < len; x += step) {
-      const height = acc.heights[x] || 0;
-      const px = worldLeft + x;
-      const py = worldBaseY - height + (acc.curveOffsets[x] || 0);
-      if (first) {
-        ctx.moveTo(px, py);
-        first = false;
-      } else {
-        ctx.lineTo(px, py);
-      }
-    }
-    if ((len - 1) % step !== 0) {
-      const x = len - 1;
-      const height = acc.heights[x] || 0;
-      const px = worldLeft + x;
-      const py = worldBaseY - height + (acc.curveOffsets[x] || 0);
-      ctx.lineTo(px, py);
-    }
-    for (let x = len - 1; x >= 0; x -= step) {
-      const px = worldLeft + x;
-      const py = worldBaseY + (acc.curveOffsets[x] || 0);
-      ctx.lineTo(px, py);
-    }
-    const startX = 0;
-    const startPx = worldLeft + startX;
-    const startPy = worldBaseY + (acc.curveOffsets[startX] || 0);
-    ctx.lineTo(startPx, startPy);
-  }
-  ctx.fill();
-  ctx.shadowBlur = 0;
-  ctx.shadowOffsetY = 0;
-};
-var drawSideAccumulations = (ctx, elementRects, scrollX, scrollY) => {
-  ctx.fillStyle = ACC_FILL_STYLE;
-  ctx.shadowColor = ACC_SHADOW_COLOR;
-  ctx.shadowBlur = 3;
-  ctx.globalAlpha = 1;
-  ctx.beginPath();
-  const drawSide = (sideArray, isLeft, multipliers, rect, dx, dy) => {
-    const baseX = isLeft ? rect.left : rect.right;
-    const worldBaseX = baseX + dx;
-    const worldTop = rect.top + dy;
-    const worldBottom = rect.bottom + dy;
-    ctx.moveTo(worldBaseX, worldTop);
-    for (let y = 0; y < sideArray.length; y += 2) {
-      const width = sideArray[y] || 0;
-      const nextY = Math.min(y + 2, sideArray.length - 1);
-      const nextWidth = sideArray[nextY] || 0;
-      const gravityMultiplier = multipliers[y] || 0;
-      const py = worldTop + y;
-      const px = isLeft ? worldBaseX - width * gravityMultiplier : worldBaseX + width * gravityMultiplier;
-      const ny = worldTop + nextY;
-      const nGravityMultiplier = multipliers[nextY] || 0;
-      const nx = isLeft ? worldBaseX - nextWidth * nGravityMultiplier : worldBaseX + nextWidth * nGravityMultiplier;
-      ctx.lineTo(px, py);
-      ctx.lineTo(nx, ny);
-    }
-    ctx.lineTo(worldBaseX, worldBottom);
-  };
-  for (const item of elementRects) {
-    const { rect, acc } = item;
-    if (acc.maxSideHeight === 0) continue;
-    const hasLeftSnow = acc.leftMax > 0.3;
-    const hasRightSnow = acc.rightMax > 0.3;
-    if (!hasLeftSnow && !hasRightSnow) continue;
-    if (hasLeftSnow) drawSide(acc.leftSide, true, acc.sideGravityMultipliers, rect, scrollX, scrollY);
-    if (hasRightSnow) drawSide(acc.rightSide, false, acc.sideGravityMultipliers, rect, scrollX, scrollY);
-  }
-  ctx.fill();
-  ctx.shadowBlur = 0;
-};
-
-// src/hooks/useAnimationLoop.ts
-function useAnimationLoop(params) {
-  const animationIdRef = useRef3(0);
-  const lastTimeRef = useRef3(0);
-  const lastMetricsUpdateRef = useRef3(0);
-  const elementRectsRef = useRef3([]);
-  const dirtyRectsRef = useRef3(true);
-  const animate = useCallback3((currentTime) => {
-    const {
-      canvasRef,
-      dprRef,
-      snowflakesRef,
-      accumulationRef,
-      isEnabledRef,
-      physicsConfigRef,
-      metricsRef,
-      updateFps,
-      getCurrentFps,
-      buildMetrics,
-      setMetricsRef
-    } = params;
-    const canvas = canvasRef.current;
-    if (!canvas) {
-      animationIdRef.current = requestAnimationFrame(animate);
-      return;
-    }
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      animationIdRef.current = requestAnimationFrame(animate);
-      return;
-    }
-    if (lastTimeRef.current === 0) {
-      lastTimeRef.current = currentTime;
-      animationIdRef.current = requestAnimationFrame(animate);
-      return;
-    }
-    const deltaTime = Math.min(currentTime - lastTimeRef.current, 50);
-    const now = performance.now();
-    updateFps(now);
-    metricsRef.current.rafGap = currentTime - lastTimeRef.current;
-    lastTimeRef.current = currentTime;
-    const dt = deltaTime / 16.67;
-    const frameStartTime = performance.now();
-    const clearStart = performance.now();
-    const dpr = dprRef.current;
-    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-    ctx.clearRect(0, 0, canvas.width / dpr, canvas.height / dpr);
-    const scrollX = window.scrollX;
-    const scrollY = window.scrollY;
-    ctx.translate(-scrollX, -scrollY);
-    metricsRef.current.clearTime = performance.now() - clearStart;
-    const snowflakes = snowflakesRef.current;
-    if (dirtyRectsRef.current) {
-      const rectStart = performance.now();
-      elementRectsRef.current = getElementRects(accumulationRef.current);
-      metricsRef.current.rectUpdateTime = performance.now() - rectStart;
-      dirtyRectsRef.current = false;
-    }
-    const physicsStart = performance.now();
-    meltAndSmoothAccumulation(elementRectsRef.current, physicsConfigRef.current, dt);
-    updateSnowflakes(
-      snowflakes,
-      elementRectsRef.current,
-      physicsConfigRef.current,
-      dt,
-      document.documentElement.scrollWidth,
-      document.documentElement.scrollHeight
-    );
-    metricsRef.current.physicsTime = performance.now() - physicsStart;
-    const drawStart = performance.now();
-    drawSnowflakes(ctx, snowflakes);
-    if (isEnabledRef.current && snowflakes.length < physicsConfigRef.current.MAX_FLAKES) {
-      const currentFps = getCurrentFps();
-      const shouldSpawn = currentFps >= 40 || Math.random() < 0.2;
-      if (shouldSpawn) {
-        const isBackground = Math.random() < 0.4;
-        snowflakes.push(createSnowflake(document.documentElement.scrollWidth, physicsConfigRef.current, isBackground));
-      }
-    }
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const visibleRects = elementRectsRef.current.filter(
-      ({ rect }) => rect.right >= 0 && rect.left <= viewportWidth && rect.bottom >= 0 && rect.top <= viewportHeight
-    );
-    if (visibleRects.length > 0) {
-      drawAccumulations(ctx, visibleRects, scrollX, scrollY);
-      drawSideAccumulations(ctx, visibleRects, scrollX, scrollY);
-    }
-    metricsRef.current.drawTime = performance.now() - drawStart;
-    metricsRef.current.frameTime = performance.now() - frameStartTime;
-    if (currentTime - lastMetricsUpdateRef.current > 500) {
-      setMetricsRef.current(buildMetrics(
-        accumulationRef.current.size,
-        snowflakes.length,
-        physicsConfigRef.current.MAX_FLAKES
-      ));
-      lastMetricsUpdateRef.current = currentTime;
-    }
-    animationIdRef.current = requestAnimationFrame(animate);
-  }, [params]);
-  const start = useCallback3(() => {
-    lastTimeRef.current = 0;
-    lastMetricsUpdateRef.current = 0;
-    animationIdRef.current = requestAnimationFrame(animate);
-  }, [animate]);
-  const stop = useCallback3(() => {
-    cancelAnimationFrame(animationIdRef.current);
-  }, []);
-  const markRectsDirty = useCallback3(() => {
-    dirtyRectsRef.current = true;
-  }, []);
-  return {
-    start,
-    stop,
-    markRectsDirty
-  };
-}
-
-// src/components/Snowfall.tsx
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-function Snowfall() {
-  const { isEnabled, physicsConfig, setMetrics } = useSnowfall();
-  const isEnabledRef = useRef4(isEnabled);
-  const physicsConfigRef = useRef4(physicsConfig);
-  const setMetricsRef = useRef4(setMetrics);
-  const [isMounted, setIsMounted] = useState2(false);
-  const [isVisible, setIsVisible] = useState2(false);
-  const snowflakesRef = useRef4([]);
-  const accumulationRef = useRef4(/* @__PURE__ */ new Map());
-  const { canvasRef, dprRef, resizeCanvas } = useSnowfallCanvas();
-  const { metricsRef, updateFps, getCurrentFps, buildMetrics } = usePerformanceMetrics();
-  const { start: startAnimation, stop: stopAnimation, markRectsDirty } = useAnimationLoop({
-    canvasRef,
-    dprRef,
-    snowflakesRef,
-    accumulationRef,
-    isEnabledRef,
-    physicsConfigRef,
-    metricsRef,
-    updateFps,
-    getCurrentFps,
-    buildMetrics,
-    setMetricsRef
-  });
-  useEffect(() => {
-    requestAnimationFrame(() => setIsMounted(true));
-  }, []);
-  useEffect(() => {
-    isEnabledRef.current = isEnabled;
-  }, [isEnabled]);
-  useEffect(() => {
-    physicsConfigRef.current = physicsConfig;
-  }, [physicsConfig]);
-  useEffect(() => {
-    setMetricsRef.current = setMetrics;
-  }, [setMetrics]);
-  useEffect(() => {
-    if (!isMounted) return;
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    resizeCanvas();
-    snowflakesRef.current = [];
-    const surfaceObserver = new ResizeObserver((entries) => {
-      let needsUpdate = false;
-      for (const entry of entries) {
-        if (entry.target.isConnected) {
-          needsUpdate = true;
-          break;
-        }
-      }
-      if (needsUpdate) {
-        initAccumulationWrapper();
-      }
-    });
-    const initAccumulationWrapper = () => {
-      const scanStart = performance.now();
-      initializeAccumulation(accumulationRef.current, physicsConfigRef.current);
-      surfaceObserver.disconnect();
-      for (const [el] of accumulationRef.current) {
-        surfaceObserver.observe(el);
-      }
-      metricsRef.current.scanTime = performance.now() - scanStart;
-      markRectsDirty();
-    };
-    initAccumulationWrapper();
-    requestAnimationFrame(() => {
-      if (isMounted) setIsVisible(true);
-    });
-    startAnimation();
-    const handleResize = () => {
-      resizeCanvas();
-      accumulationRef.current.clear();
-      initAccumulationWrapper();
-      markRectsDirty();
-    };
-    window.addEventListener("resize", handleResize);
-    const windowResizeObserver = new ResizeObserver(() => {
-      resizeCanvas();
-    });
-    windowResizeObserver.observe(document.body);
-    const mutationObserver = new MutationObserver((mutations) => {
-      let hasStructuralChange = false;
-      for (const mutation of mutations) {
-        if (mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0) {
-          hasStructuralChange = true;
-          break;
-        }
-      }
-      if (hasStructuralChange) {
-        const scanStart = performance.now();
-        initializeAccumulation(accumulationRef.current, physicsConfigRef.current);
-        metricsRef.current.scanTime = performance.now() - scanStart;
-        markRectsDirty();
-      }
-    });
-    mutationObserver.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-    return () => {
-      stopAnimation();
-      window.removeEventListener("resize", handleResize);
-      windowResizeObserver.disconnect();
-      mutationObserver.disconnect();
-      surfaceObserver.disconnect();
-    };
-  }, [isMounted]);
-  if (!isMounted) return null;
-  return /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(
-    "canvas",
-    {
-      ref: canvasRef,
-      style: {
-        position: "fixed",
-        // FIXED position to eliminate scroll jitter
-        top: 0,
-        left: 0,
-        pointerEvents: "none",
-        zIndex: 9999,
-        opacity: isVisible ? 1 : 0,
-        transition: "opacity 0.3s ease-in",
-        willChange: "transform"
-      },
-      "aria-hidden": "true"
-    }
-  ) });
-}
-
-// src/components/DebugPanel.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
-function DebugPanel({ defaultOpen = true }) {
-  const { debugMode, toggleDebug, metrics } = useSnowfall();
-  const [isMinimized, setIsMinimized] = useState3(!defaultOpen);
-  const [copied, setCopied] = useState3(false);
-  useEffect2(() => {
-    const handleKeyDown = (e) => {
-      if (e.shiftKey && e.key === "D") {
-        toggleDebug();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [toggleDebug]);
-  const copyToClipboard = () => {
-    if (metrics) {
-      const data = {
-        ...metrics,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        userAgent: navigator.userAgent,
-        canvasSize: {
-          width: window.innerWidth,
-          height: window.innerHeight
-        }
-      };
-      navigator.clipboard.writeText(JSON.stringify(data, null, 2));
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }
-  };
-  if (!debugMode) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-snowfall": "top",
-      style: {
-        position: "fixed",
-        bottom: "80px",
-        left: "24px",
-        backgroundColor: "rgba(15, 23, 42, 0.75)",
-        backdropFilter: "blur(16px)",
-        WebkitBackdropFilter: "blur(16px)",
-        color: "#e2e8f0",
-        fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
-        fontSize: "12px",
-        padding: isMinimized ? "12px" : "20px",
-        borderRadius: "16px",
-        zIndex: 1e4,
-        minWidth: isMinimized ? "auto" : "300px",
-        maxWidth: "100%",
-        border: "1px solid rgba(255, 255, 255, 0.1)",
-        boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 8px 10px -6px rgba(0, 0, 0, 0.2)",
-        transition: "all 0.2s ease"
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { style: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          marginBottom: isMinimized ? 0 : "16px",
-          gap: "16px"
-        }, children: [
-          /* @__PURE__ */ jsxs("div", { style: { fontWeight: "600", color: "#fff", display: "flex", alignItems: "center", gap: "8px" }, children: [
-            /* @__PURE__ */ jsx3("span", { style: { fontSize: "14px" }, children: "\u2744\uFE0F" }),
-            /* @__PURE__ */ jsx3("span", { style: {
-              background: "linear-gradient(to right, #60a5fa, #22d3ee)",
-              WebkitBackgroundClip: "text",
-              WebkitTextFillColor: "transparent",
-              fontWeight: "700"
-            }, children: "DEBUG" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
-            /* @__PURE__ */ jsx3(
-              "button",
-              {
-                onClick: () => setIsMinimized(!isMinimized),
-                style: {
-                  background: "rgba(255, 255, 255, 0.1)",
-                  border: "1px solid rgba(255, 255, 255, 0.1)",
-                  color: "#fff",
-                  cursor: "pointer",
-                  width: "24px",
-                  height: "24px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  borderRadius: "6px",
-                  fontSize: "10px"
-                },
-                children: isMinimized ? "\u25B2" : "\u25BC"
-              }
-            ),
-            /* @__PURE__ */ jsx3(
-              "button",
-              {
-                onClick: toggleDebug,
-                style: {
-                  background: "rgba(239, 68, 68, 0.15)",
-                  border: "1px solid rgba(239, 68, 68, 0.2)",
-                  color: "#f87171",
-                  cursor: "pointer",
-                  width: "24px",
-                  height: "24px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  borderRadius: "6px",
-                  fontSize: "12px"
-                },
-                children: "\u2715"
-              }
-            )
-          ] })
-        ] }),
-        !isMinimized && metrics && /* @__PURE__ */ jsxs(Fragment2, { children: [
-          /* @__PURE__ */ jsxs("div", { style: { marginBottom: "12px", paddingBottom: "12px", borderBottom: "1px solid rgba(255,255,255,0.08)" }, children: [
-            /* @__PURE__ */ jsx3("div", { style: { color: "#94a3b8", marginBottom: "8px", fontSize: "11px", fontWeight: "600", letterSpacing: "0.5px", textTransform: "uppercase" }, children: "Performance" }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "4px" }, children: [
-              /* @__PURE__ */ jsx3("span", { children: "FPS" }),
-              /* @__PURE__ */ jsx3("span", { style: { fontWeight: "bold", color: metrics.fps < 30 ? "#f87171" : metrics.fps < 50 ? "#facc15" : "#4ade80" }, children: metrics.fps.toFixed(1) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "4px" }, children: [
-              /* @__PURE__ */ jsx3("span", { children: "Frame Time" }),
-              /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                metrics.frameTime.toFixed(2),
-                "ms"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-              /* @__PURE__ */ jsx3("span", { style: { color: metrics.rafGap && metrics.rafGap > 20 ? "#fbbf24" : "inherit" }, children: "rAF Gap" }),
-              /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                metrics.rafGap?.toFixed(1) || 0,
-                "ms"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { marginBottom: "12px", paddingBottom: "12px", borderBottom: "1px solid rgba(255,255,255,0.08)" }, children: [
-            /* @__PURE__ */ jsx3("div", { style: { color: "#94a3b8", marginBottom: "8px", fontSize: "11px", fontWeight: "600", letterSpacing: "0.5px", textTransform: "uppercase" }, children: "Detailed Timings" }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "4px 12px" }, children: [
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx3("span", { children: "Clear" }),
-                " ",
-                /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.clearTime?.toFixed(2) || 0,
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx3("span", { children: "Physics" }),
-                " ",
-                /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.physicsTime?.toFixed(2) || 0,
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx3("span", { children: "Draw" }),
-                " ",
-                /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.drawTime?.toFixed(2) || 0,
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ jsx3("span", { children: "Scan" }),
-                " ",
-                /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.scanTime.toFixed(2),
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", gridColumn: "span 2" }, children: [
-                /* @__PURE__ */ jsx3("span", { children: "Rect Update" }),
-                " ",
-                /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.rectUpdateTime.toFixed(2),
-                  "ms"
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ jsx3("div", { style: { color: "#94a3b8", marginBottom: "8px", fontSize: "11px", fontWeight: "600", letterSpacing: "0.5px", textTransform: "uppercase" }, children: "Counts" }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "4px" }, children: [
-              /* @__PURE__ */ jsx3("span", { children: "Snowflakes" }),
-              /* @__PURE__ */ jsxs("span", { style: { fontFamily: "monospace" }, children: [
-                metrics.flakeCount,
-                " / ",
-                metrics.maxFlakes
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-              /* @__PURE__ */ jsx3("span", { children: "Surfaces" }),
-              /* @__PURE__ */ jsx3("span", { style: { fontFamily: "monospace" }, children: metrics.surfaceCount })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              onClick: copyToClipboard,
-              style: {
-                width: "100%",
-                padding: "10px",
-                background: copied ? "rgba(34, 197, 94, 0.2)" : "rgba(255, 255, 255, 0.05)",
-                border: copied ? "1px solid rgba(34, 197, 94, 0.5)" : "1px solid rgba(255, 255, 255, 0.1)",
-                color: copied ? "#4ade80" : "#fff",
-                cursor: "pointer",
-                borderRadius: "8px",
-                fontSize: "11px",
-                fontWeight: "600",
-                transition: "all 0.2s",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                gap: "6px"
-              },
-              children: copied ? "\u2713 COPIED" : "\u{1F4CB} COPY METRICS"
-            }
-          ),
-          /* @__PURE__ */ jsx3("div", { style: { marginTop: "12px", fontSize: "10px", color: "#64748b", textAlign: "center" }, children: "Shift+D to toggle" })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  DEFAULT_PHYSICS,
-  DebugPanel,
-  Snowfall,
-  SnowfallProvider,
-  useSnowfall
-};
+"use client";import{useEffect as K,useRef as W,useState as $e}from"react";import{createContext as ot,useContext as rt,useState as J,useMemo as st,useCallback as Q}from"react";import{jsx as ct}from"react/jsx-runtime";var ne={MAX_FLAKES:1e3,MELT_SPEED:1e-5,WIND_STRENGTH:1.5,ACCUMULATION:{SIDE_RATE:1,TOP_RATE:5,BOTTOM_RATE:5},MAX_DEPTH:{TOP:100,BOTTOM:50,SIDE:20},FLAKE_SIZE:{MIN:.5,MAX:1.6},MAX_SURFACES:15,COLLISION_CHECK_RATE:.3,MAX_RENDER_DPR:1.25},be=ot(void 0);function it({children:e,initialDebug:o=!1,initialEnabled:r=!0}){let[s,n]=J(r),[i,c]=J(ne),[t,u]=J(o),[l,m]=J(null),b=Q(()=>{n(p=>!p)},[]),h=Q(()=>{u(p=>!p)},[]),d=Q(p=>{c(g=>({...g,...p,ACCUMULATION:{...g.ACCUMULATION,...p.ACCUMULATION||{}},MAX_DEPTH:{...g.MAX_DEPTH,...p.MAX_DEPTH||{}},FLAKE_SIZE:{...g.FLAKE_SIZE,...p.FLAKE_SIZE||{}}}))},[]),a=Q(()=>{c(ne)},[]),f=st(()=>({isEnabled:s,toggleSnow:b,physicsConfig:i,updatePhysicsConfig:d,resetPhysics:a,debugMode:t,toggleDebug:h,metrics:l,setMetrics:m}),[s,b,i,d,a,t,h,l,m]);return ct(be.Provider,{value:f,children:e})}function oe(){let e=rt(be);if(e===void 0)throw new Error("useSnowfall must be used within a SnowfallProvider");return e}var z="data-snowfall",re="ignore";var R="bottom",se="header",ge="footer",ie="banner",pe="contentinfo",_=Math.PI*2,w=4;var Se=[se],Me=[ie],at=[se,ge,"article","section","aside","nav"],lt=[`[role="${ie}"]`,`[role="${pe}"]`,'[role="main"]'],ut=[".card",'[class*="card"]','[class*="Card"]','[class*="bg-"]','[class*="shadow-"]','[class*="rounded-"]'],ft=e=>{let o=e.tagName.toLowerCase();if(Se.includes(o))return R;let r=e.getAttribute("role");return r&&Me.includes(r)?R:"top"},mt=(e,o)=>{if(e.getAttribute(z)===re)return!1;if(e.hasAttribute(z))return!0;let r=o||window.getComputedStyle(e);if(!(r.display!=="none"&&r.visibility!=="hidden"&&parseFloat(r.opacity)>.1))return!1;let n=r.backgroundColor,i=n!=="rgba(0, 0, 0, 0)"&&n!=="transparent",c=parseFloat(r.borderWidth)>0&&r.borderColor!=="transparent"&&r.borderColor!=="rgba(0, 0, 0, 0)"&&r.borderStyle!=="none",t=r.boxShadow!=="none",u=r.filter!=="none"&&r.filter.includes("drop-shadow"),l=r.backdropFilter!=="none";return i||c||t||u||l},we=(e=5)=>{let o=[],r=new Set,s=document.querySelectorAll([`[${z}]`,...at,...lt,...ut].join(", "));for(let n of s){if(o.length>=e)break;if(r.has(n))continue;let i=n.getAttribute(z);if(i===re)continue;let c=i!==null,t=window.getComputedStyle(n);if(!(t.display!=="none"&&t.visibility!=="hidden"&&parseFloat(t.opacity)>.1)&&!c)continue;let l=n.getBoundingClientRect();if(!(l.width>=100&&l.height>=50)&&!c)continue;let b=l.top<=10&&l.height>=window.innerHeight*.9,h=Se.includes(n.tagName.toLowerCase()),d=Me.includes(n.getAttribute("role")||"");if(!(b&&!(h||d||i===R)&&!c)&&mt(n,t)){let f=ft(n);i===R?f=R:i==="top"&&(f="top"),o.push({el:n,type:f}),r.add(n)}}return o},Te=e=>{let o=[];for(let[r,s]of e.entries()){if(!r.isConnected)continue;let n=r.getBoundingClientRect();o.push({el:r,rect:n,acc:s,hasChanged:!1})}return o};var U=512,ye=U-1,ve=U/_,Oe=new Float64Array(U),Fe=new Float64Array(U);for(let e=0;e<U;e++){let o=e/U*_;Oe[e]=Math.sin(o),Fe[e]=Math.cos(o)}var ht=e=>{let o=e<0?e%_+_:e%_;return Oe[(o*ve|0)&ye]},dt=e=>{let o=e<0?e%_+_:e%_;return Fe[(o*ve|0)&ye]},k=64,Le=new Float64Array(k);for(let e=0;e<k;e++){let o=e/(k-1);Le[e]=(Math.cos(o*Math.PI)+1)/2}var Pe=e=>{let o=e*(k-1)+.5|0;return Le[o<0?0:o>=k?k-1:o]},le=e=>e/w|0,Ie=1024,ae=new Map,He=()=>{ae.clear()},bt=e=>e*Ie|0,gt=(e,o,r)=>{let n=((o?Ie:0)+bt(e)).toString(36),i=ae.get(n);if(i)return i;let{MIN:c,MAX:t}=r.FLAKE_SIZE,u=o?{sizeMin:c*.6,sizeRange:(t-c)*.4,speedBase:.2,speedScale:.3,noiseSpeedScale:.2,windScale:r.WIND_STRENGTH*.625,wobbleBase:.005,wobbleScale:.015}:{sizeMin:c,sizeRange:t-c,speedBase:.5,speedScale:.5,noiseSpeedScale:.3,windScale:r.WIND_STRENGTH,wobbleBase:.01,wobbleScale:.02},l=u.sizeMin+e*u.sizeRange,m=e*13%1,b=e*7%1,h=e*5%1;return i={radius:l,speed:l*u.speedScale+m*u.noiseSpeedScale+u.speedBase,wind:(b-.5)*u.windScale,wobbleSpeed:h*u.wobbleScale+u.wobbleBase},ae.set(n,i),i},De=(e,o,r=!1,s=0)=>{let n=Math.random()*e,i=Math.random(),c=gt(i,r,o),t=i*23%1;return{x:n,y:s-5,wobble:t*_,visual:c}},pt=(e,o,r,s=!1)=>{let n=Math.ceil(e/w),i=new Float32Array(n);for(let u=0;u<n;u++){let l=u*w+w/2,m=1;!s&&r>0&&(l<r?m=Math.pow(l/r,1.2):l>e-r&&(m=Math.pow((e-l)/r,1.2))),i[u]=o*m*(.85+Math.random()*.15)}let c=new Float32Array(n),t=4;for(let u=0;u<t;u++){c[0]=i[0],c[n-1]=i[n-1];for(let l=1;l<n-1;l++)c[l]=(i[l-1]+i[l]+i[l+1])/3;i.set(c)}return i},Ae=(e,o,r)=>{let s=Math.ceil(e/w),n=new Float32Array(s);if(o<=0||r)return n;for(let i=0;i<s;i++){let c=i*w+w/2,t=0;if(c<o){let u=o-c;t=o-Math.sqrt(Math.max(0,o*o-u*u))}else if(c>e-o){let u=c-(e-o);t=o-Math.sqrt(Math.max(0,o*o-u*u))}n[i]=t}return n},Ee=e=>{let o=Math.ceil(e/w),r=new Float32Array(o);for(let s=0;s<o;s++){let i=(s*w+w/2)/e;r[s]=Math.sqrt(i)}return r},Ne=(e,o)=>{let r=we(o.MAX_SURFACES);for(let[s]of e.entries())s.isConnected||e.delete(s);for(let{el:s,type:n}of r){let i=s.getBoundingClientRect(),c=window.getComputedStyle(s),t=e.get(s),u=Math.ceil(i.width),l=n===R,m=Math.ceil(u/w);if(t&&t.heights.length===m){if(t.type=n,t.borderRadius!==void 0){t.borderRadius=parseFloat(c.borderTopLeftRadius)||0,t.curveOffsets=Ae(u,t.borderRadius,l);let p=Math.ceil(Math.ceil(i.height)/w);t.leftSide.length===p&&!t.sideGravityMultipliers.length&&(t.sideGravityMultipliers=Ee(Math.ceil(i.height)))}continue}let b=Math.ceil(i.height),h=l?o.MAX_DEPTH.BOTTOM:o.MAX_DEPTH.TOP,d=parseFloat(c.borderTopLeftRadius)||0,a=Math.ceil(b/w),f=pt(u,h,d,l);e.set(s,{heights:t?.heights.length===m?t.heights:new Float32Array(m),maxHeights:f,leftSide:t?.leftSide.length===a?t.leftSide:new Float32Array(a),rightSide:t?.rightSide.length===a?t.rightSide:new Float32Array(a),maxSideHeight:l?0:o.MAX_DEPTH.SIDE,leftMax:t?.leftSide.length===a?t.leftMax:0,rightMax:t?.rightSide.length===a?t.rightMax:0,maxHeight:t?.maxHeight||0,borderRadius:d,curveOffsets:Ae(u,d,l),sideGravityMultipliers:Ee(b),type:n,_smoothTemp:t?._smoothTemp??new Float32Array(0),dirtyMin:t?.dirtyMin??m,dirtyMax:t?.dirtyMax??0,bucketSize:w,_cacheCanvas:t?._cacheCanvas??null,_cacheCtx:t?._cacheCtx??null,_cacheMaxHeight:t?._cacheMaxHeight??-1})}},St=(e,o)=>{o<e.dirtyMin&&(e.dirtyMin=o),o>e.dirtyMax&&(e.dirtyMax=o)},Ce=(e,o,r,s,n,i,c)=>{let t=Math.max(1,Math.ceil(4/w)),u=le(r),l=i*(.8+Math.random()*.4),m=c;for(let b=-t;b<=t;b++){let h=u+b;if(h>=0&&h<e.length){let d=h*w+w/2,a=d<n,f=d>o-n;if(n>0&&(a||f))continue;let p=Math.abs(b)/t,g=Pe(p),S=Math.min(s,e[h]+l*g);e[h]=S,S>m&&(m=S)}}return m},Mt=(e,o)=>{let{visual:r}=e;e.wobble+=r.wobbleSpeed*o,e.x+=(r.wind+ht(e.wobble)*.5)*o,e.y+=(r.speed+dt(e.wobble*.5)*.1)*o},wt=(e,o,r,s,n)=>{if(!(o>=r.top&&o<=r.bottom)||s.maxSideHeight<=0)return!1;let c=Math.floor(o-r.top),t=s.borderRadius,l=le(c)*w+w/2,m=l<t,b=l>r.height-t;return t>0&&(m||b)?!1:e>=r.left-5&&e<r.left+3?(s.leftMax=Ce(s.leftSide,r.height,c,s.maxSideHeight,t,n,s.leftMax),!0):e>r.right-3&&e<=r.right+5?(s.rightMax=Ce(s.rightSide,r.height,c,s.maxSideHeight,t,n,s.rightMax),!0):!1},Tt=(e,o,r,s,n,i,c)=>{if(o<s.left||o>s.right)return!1;let t=Math.floor(o-s.left),u=le(t);if(u<0||u>=n.heights.length)return!1;let l=n.heights[u],m=n.maxHeights[u],b=i?s.bottom-l:s.top-l;if(r<b||r>=b+10||l>=m||i&&Math.random()>=.15)return!1;let h=Math.max(1,Math.ceil(e.visual.radius/w)),d=Math.random(),a=Math.random(),f=h+(d<.5?0:1),p=i?c.ACCUMULATION.BOTTOM_RATE:c.ACCUMULATION.TOP_RATE,g=(a*3|0)-1;for(let S=-f;S<=f;S++){if(Math.random()<.15)continue;let M=u+S+g;if(M>=0&&M<n.heights.length){let A=Math.abs(S),L=n.maxHeights[M],C=A/f,E=.3*Pe(C),v=.8+(d+S*.1)%1*.4,D=E*v*p;if(n.heights[M]<L&&D>0){let P=Math.min(L,n.heights[M]+D);n.heights[M]=P,P>n.maxHeight&&(n.maxHeight=P),St(n,M)}}}return!0},At=(e,o,r,s)=>o||e.y>s+10||e.x<-20||e.x>r+20,Et=e=>{let o=1/0,r=-1/0,s=1/0,n=-1/0;for(let i=0;i<e.length;i++){let c=e[i].rect;c.top<o&&(o=c.top),c.bottom>r&&(r=c.bottom),c.left<s&&(s=c.left),c.right>n&&(n=c.right)}return{top:o,bottom:r,left:s,right:n}},xe=60,_e=10,Be=(e,o,r,s,n,i,c,t,u=0)=>{let l=Math.max(1,Math.round(1/r.COLLISION_CHECK_RATE)),m=r.ACCUMULATION.SIDE_RATE,b=Et(o),h=b.top-xe,d=b.bottom+xe,a=b.left-_e,f=b.right+_e,p=e.length;for(;p-- >0;){let g=e[p];Mt(g,s);let S=!1;if(p%l===u%l){let M=g.x-c,A=g.y-t;if(A>=h&&A<=d&&M>=a&&M<=f)for(let C of o){let{rect:y,acc:E}=C,v=E.type===R;if(!S&&!v&&(S=wt(M,A,y,E,m),S)){C.hasChanged=!0;break}if(!S&&(S=Tt(g,M,A,y,E,v,r),S)){C.hasChanged=!0;break}}}if(At(g,S,n,i)){let M=e.length-1;p<M&&(e[p]=e[M]),e.length=M}}},Ct=4,Re=3,xt=6,ke=(e,o,r,s=0)=>{let n=s%Re===0,i=s%Ct===0,c=n?o.MELT_SPEED*r*Re:0;for(let{acc:t}of e){let u=t.heights.length;if(t.dirtyMin>t.dirtyMax)continue;let l=Math.max(1,t.dirtyMin),m=Math.min(u-2,t.dirtyMax),b=m-l+1,h=i&&b>=xt,d=0;if(h&&c>0)for(let a=l;a<=m;a++){let f=t.heights[a];if(f>.05){let p=(t.heights[a-1]+t.heights[a+1])/2,g=f*.99+p*.01;g-=c,g<0&&(g=0),t.heights[a]=g,g>d&&(d=g)}else f>0&&(t.heights[a]=0)}else if(c>0)for(let a=l;a<=m;a++){let f=t.heights[a];if(f>0){let p=f-c,g=p>0?p:0;t.heights[a]=g,g>d&&(d=g)}}else if(h)for(let a=l;a<=m;a++){let f=t.heights[a];if(f>.05){let p=(t.heights[a-1]+t.heights[a+1])/2,g=f*.99+p*.01;t.heights[a]=g,g>d&&(d=g)}}else for(let a=l;a<=m;a++)t.heights[a]>d&&(d=t.heights[a]);for(let a=0;a<Math.min(l,u);a++)t.heights[a]>d&&(d=t.heights[a]);for(let a=Math.max(m+1,0);a<u;a++)t.heights[a]>d&&(d=t.heights[a]);if(t.maxHeight=d,n&&(t.leftMax>0||t.rightMax>0)){let a=0,f=0,p=t.leftSide.length;for(let g=0;g<p;g++){let S=t.leftSide[g];if(S>0){let A=S>c?S-c:0;t.leftSide[g]=A,A>a&&(a=A)}let M=t.rightSide[g];if(M>0){let A=M>c?M-c:0;t.rightSide[g]=A,A>f&&(f=A)}}t.leftMax=a,t.rightMax=f}if(n){let a=t.dirtyMin,f=t.dirtyMax;for(;a<=f&&t.heights[a]<=.05;)a++;for(;f>=a&&t.heights[f]<=.05;)f--;t.dirtyMin=a,t.dirtyMax=f}}};import{useRef as j,useCallback as ue}from"react";function Ue(){let e=j(0),o=j(0),r=j(0),s=j({scanTime:0,rectUpdateTime:0,frameTime:0,rafGap:0,clearTime:0,physicsTime:0,drawTime:0}),n=ue(t=>{let u=Math.floor(t/1e3);u!==e.current?(r.current=o.current,o.current=1,e.current=u):o.current++},[]),i=ue(()=>r.current||o.current,[]),c=ue((t,u,l)=>({fps:r.current||o.current,frameTime:s.current.frameTime,scanTime:s.current.scanTime,rectUpdateTime:s.current.rectUpdateTime,surfaceCount:t,flakeCount:u,maxFlakes:l,rafGap:s.current.rafGap,clearTime:s.current.clearTime,physicsTime:s.current.physicsTime,drawTime:s.current.drawTime}),[]);return{metricsRef:s,updateFps:n,getCurrentFps:i,buildMetrics:c}}import{useRef as Xe,useCallback as _t}from"react";function Ge(){let e=Xe(null),o=Xe(1),r=_t((s=Number.POSITIVE_INFINITY)=>{if(e.current){let n=window.innerWidth,i=window.innerHeight,c=Math.min(window.devicePixelRatio||1,Math.max(1,s));o.current=c,e.current.width=n*c,e.current.height=i*c,e.current.style.width=`${n}px`,e.current.style.height=`${i}px`}},[]);return{canvasRef:e,dprRef:o,resizeCanvas:r}}import{useEffect as Ye,useRef as x,useCallback as ee}from"react";var Ve="rgba(255, 255, 255, 0.95)",Rt=.5,V=3,ze=(e,o,r,s,n,i,c,t)=>{let l=(r?n.left:n.right)+i,m=n.top+c,b=n.bottom+c,h=r?-1:1,d=o.length*t;e.moveTo(l,m);for(let f=0;f<d;f+=V){let p=F(o,f,t),g=F(s,f,t);e.lineTo(l+p*g*h,m+f)}let a=d-1;if(a%V!==0){let f=F(o,a,t),p=F(s,a,t);e.lineTo(l+f*p*h,m+a)}e.lineTo(l,b)},Ke=(e,o)=>{if(o.length!==0){e.globalAlpha=1,e.fillStyle="#FFFFFF",e.beginPath();for(let r=0,s=o.length;r<s;r++){let n=o[r],i=n.visual.radius;i<2?e.rect(n.x-i,n.y-i,i*2,i*2):(e.moveTo(n.x+i,n.y),e.arc(n.x,n.y,i,0,_))}e.fill()}},F=(e,o,r)=>{let s=o/r,n=s|0;if(n>=e.length-1)return e[e.length-1]||0;let i=s-n;return e[n]*(1-i)+e[n+1]*i},yt=(e,o,r)=>{let s=Math.ceil(r)+10;if(e._cacheCanvas&&e._cacheCtx)(e._cacheCanvas.width<o||e._cacheCanvas.height<s)&&(e._cacheCanvas.width=o,e._cacheCanvas.height=s);else{let n=document.createElement("canvas");n.width=o,n.height=s;let i=n.getContext("2d");if(!i)throw new Error("Failed to create cache canvas context");e._cacheCanvas=n,e._cacheCtx=i}return e._cacheCtx},vt=(e,o,r)=>{let s=e.maxHeight,n=yt(e,o,s),i=e._cacheCanvas,c=i.width,t=i.height;n.clearRect(0,0,c,t);let u=e.bucketSize,l=Math.ceil(s)+5;n.beginPath();let m=!0;for(let h=0;h<o;h+=V){let d=F(e.heights,h,u),a=F(e.curveOffsets,h,u),f=l-d+a;m?(n.moveTo(h,f),m=!1):n.lineTo(h,f)}let b=o-1;if(b%V!==0){let h=F(e.heights,b,u),d=F(e.curveOffsets,b,u);n.lineTo(b,l-h+d)}for(let h=o-1;h>=0;h-=V){let d=F(e.curveOffsets,h,u);n.lineTo(h,l+d)}n.closePath(),n.fillStyle=Ve,n.shadowColor="rgba(200, 230, 255, 0.6)",n.shadowBlur=4,n.shadowOffsetY=r?1:-1,n.fill(),n.shadowColor="transparent",n.shadowBlur=0,n.shadowOffsetY=0,e._cacheMaxHeight=s},We=(e,o,r,s)=>{e.globalAlpha=1;for(let n of o){let{rect:i,acc:c}=n;if(c.maxHeight<=.1)continue;let t=c.type===R,u=c.heights.length*c.bucketSize;(!c._cacheCanvas||Math.abs(c.maxHeight-c._cacheMaxHeight)>Rt)&&vt(c,u,t);let l=c._cacheCanvas;if(!l)continue;let m=Math.ceil(c._cacheMaxHeight)+5,b=i.left+r;if(t){let h=i.bottom+s-m;e.drawImage(l,b,h)}else{let h=i.top+s-m;e.drawImage(l,b,h)}}},qe=(e,o,r,s)=>{e.globalAlpha=1,e.beginPath();let n=!1;for(let i of o){let{rect:c,acc:t}=i;if(t.maxSideHeight===0)continue;let u=t.leftMax>.3,l=t.rightMax>.3;!u&&!l||(u&&(ze(e,t.leftSide,!0,t.sideGravityMultipliers,c,r,s,t.bucketSize),n=!0),l&&(ze(e,t.rightSide,!1,t.sideGravityMultipliers,c,r,s,t.bucketSize),n=!0))}n&&(e.fillStyle=Ve,e.fill())};function Ze(e){let o=x(0),r=x(()=>{}),s=x(0),n=x(0),i=x([]),c=x([]),t=x(!0),u=x(0),l=x({width:0,height:0}),m=x({width:0,height:0}),b=x(null),h=x(1),d=x(e);Ye(()=>{d.current=e});let a=ee(S=>{let{canvasRef:M,dprRef:A,snowflakesRef:L,accumulationRef:C,isEnabledRef:y,physicsConfigRef:E,metricsRef:v,updateFps:D,getCurrentFps:P,buildMetrics:q,setMetricsRef:Y}=d.current,O=M.current;if(!O){o.current=requestAnimationFrame(r.current);return}let T=b.current||O.getContext("2d");if(!T){o.current=requestAnimationFrame(r.current);return}if(b.current||(b.current=T),s.current===0){s.current=S,o.current=requestAnimationFrame(r.current);return}let I=Math.min(S-s.current,50);D(S),v.current.rafGap=S-s.current,s.current=S;let te=I/16.67,H=u.current++,fe=A.current,me=h.current;T.setTransform(fe,0,0,fe,0,0),T.clearRect(0,0,O.width*me,O.height*me);let Z=window.scrollX,X=window.scrollY;T.translate(-Z,-X);let he=l.current.width,Qe=l.current.height,je=m.current.width,et=m.current.height,N=L.current;if(t.current&&(i.current=Te(C.current),t.current=!1),ke(i.current,E.current,te,H),Be(N,i.current,E.current,te,he,Qe,Z,X,H),Ke(T,N),y.current&&N.length<E.current.MAX_FLAKES){let $=Math.min(80,E.current.MAX_FLAKES),B=N.length<$,de=P(),tt=document.visibilityState==="visible"&&de>0&&de<40;if(B||!tt||Math.random()<.2){let nt=Math.random()<.4;N.push(De(he,E.current,nt,X))}}let G=c.current;G.length=0;for(let $ of i.current){let{rect:B}=$;B.right>=0&&B.left<=je&&B.bottom>=0&&B.top<=et&&G.push($)}G.length>0&&(We(T,G,Z,X),qe(T,G,Z,X)),S-n.current>500&&(Y.current(q(C.current.size,N.length,E.current.MAX_FLAKES)),n.current=S),o.current=requestAnimationFrame(r.current)},[]);Ye(()=>{r.current=a},[a]);let f=ee(()=>{s.current=0,n.current=0,o.current=requestAnimationFrame(r.current)},[]),p=ee(()=>{cancelAnimationFrame(o.current)},[]),g=ee(()=>{t.current=!0,l.current.width=document.documentElement.scrollWidth,l.current.height=document.documentElement.scrollHeight,m.current.width=window.innerWidth,m.current.height=window.innerHeight,h.current=1/(d.current.dprRef.current||1)},[]);return{start:f,stop:p,markRectsDirty:g}}import{jsx as Ot}from"react/jsx-runtime";function Je(){let{isEnabled:e,physicsConfig:o,setMetrics:r}=oe(),s=W(e),n=W(o),i=W(r),[c,t]=$e(!1),[u,l]=$e(!1),m=W([]),b=W(new Map),{canvasRef:h,dprRef:d,resizeCanvas:a}=Ge(),{metricsRef:f,updateFps:p,getCurrentFps:g,buildMetrics:S}=Ue(),{start:M,stop:A,markRectsDirty:L}=Ze({canvasRef:h,dprRef:d,snowflakesRef:m,accumulationRef:b,isEnabledRef:s,physicsConfigRef:n,metricsRef:f,updateFps:p,getCurrentFps:g,buildMetrics:S,setMetricsRef:i});return K(()=>{requestAnimationFrame(()=>t(!0))},[]),K(()=>{s.current=e},[e]),K(()=>{n.current=o,He(),m.current=[],c&&a(o.MAX_RENDER_DPR)},[c,o,a]),K(()=>{i.current=r},[r]),K(()=>{if(!c)return;let C=h.current;if(!C)return;a(n.current.MAX_RENDER_DPR),m.current=[];let y=!1,E=0,v=new ResizeObserver(O=>{let T=!1;for(let I of O)if(I.target.isConnected){T=!0;break}T&&P()}),D=()=>{if(y)return;let O=performance.now();Ne(b.current,n.current),v.disconnect();for(let[T]of b.current)v.observe(T);f.current.scanTime=performance.now()-O,L()},P=()=>{E!==0||y||(E=requestAnimationFrame(()=>{E=0,D()}))};D(),requestAnimationFrame(()=>{!y&&c&&l(!0)}),M();let q=()=>{a(n.current.MAX_RENDER_DPR),L()};window.addEventListener("resize",q);let Y=new MutationObserver(O=>{let T=!1;for(let I of O)if(!(I.type!=="childList"||I.target===C)){for(let H of I.addedNodes)if(H.nodeType===Node.ELEMENT_NODE&&H!==C){T=!0;break}if(T)break;for(let H of I.removedNodes)if(H.nodeType===Node.ELEMENT_NODE&&H!==C){T=!0;break}if(T)break}T&&P()});return Y.observe(document.body,{childList:!0,subtree:!0}),()=>{y=!0,E!==0&&cancelAnimationFrame(E),A(),window.removeEventListener("resize",q),Y.disconnect(),v.disconnect()}},[c]),c?Ot("canvas",{ref:h,style:{position:"fixed",top:0,left:0,pointerEvents:"none",zIndex:9999,opacity:u?1:0,transition:u?void 0:"opacity 0.3s ease-in",willChange:u?void 0:"opacity"},"aria-hidden":"true"}):null}export{ne as DEFAULT_PHYSICS,Je as Snowfall,it as SnowfallProvider,oe as useSnowfall};
 //# sourceMappingURL=index.mjs.map