@hdcodedev/snowfall 1.0.14 → 1.0.15

package/dist/index.js

@@ -1,1231 +1,2 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DEFAULT_PHYSICS: () => DEFAULT_PHYSICS,
-  DebugPanel: () => DebugPanel,
-  Snowfall: () => Snowfall,
-  SnowfallProvider: () => SnowfallProvider,
-  useSnowfall: () => useSnowfall
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/Snowfall.tsx
-var import_react5 = require("react");
-
-// src/components/SnowfallProvider.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("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
-  MAX_RENDER_DPR: 1.25
-};
-var SnowfallContext = (0, import_react.createContext)(void 0);
-function SnowfallProvider({ children, initialDebug = false, initialEnabled = true }) {
-  const [isEnabled, setIsEnabled] = (0, import_react.useState)(initialEnabled);
-  const [physicsConfig, setPhysicsConfig] = (0, import_react.useState)(DEFAULT_PHYSICS);
-  const [debugMode, setDebugMode] = (0, import_react.useState)(initialDebug);
-  const [metrics, setMetrics] = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(SnowfallContext.Provider, { value: {
-    isEnabled,
-    toggleSnow,
-    physicsConfig,
-    updatePhysicsConfig,
-    resetPhysics,
-    debugMode,
-    toggleDebug,
-    metrics,
-    setMetrics
-  }, children });
-}
-function useSnowfall() {
-  const context = (0, import_react.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 = (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(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
-var import_react2 = require("react");
-function usePerformanceMetrics() {
-  const lastFpsSecondRef = (0, import_react2.useRef)(0);
-  const framesInSecondRef = (0, import_react2.useRef)(0);
-  const currentFpsRef = (0, import_react2.useRef)(0);
-  const metricsRef = (0, import_react2.useRef)({
-    scanTime: 0,
-    rectUpdateTime: 0,
-    frameTime: 0,
-    rafGap: 0,
-    clearTime: 0,
-    physicsTime: 0,
-    drawTime: 0
-  });
-  const updateFps = (0, import_react2.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 = (0, import_react2.useCallback)(() => {
-    return currentFpsRef.current || framesInSecondRef.current;
-  }, []);
-  const buildMetrics = (0, import_react2.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
-var import_react3 = require("react");
-function useSnowfallCanvas() {
-  const canvasRef = (0, import_react3.useRef)(null);
-  const dprRef = (0, import_react3.useRef)(1);
-  const resizeCanvas = (0, import_react3.useCallback)((maxRenderDpr = Number.POSITIVE_INFINITY) => {
-    if (canvasRef.current) {
-      const newWidth = window.innerWidth;
-      const newHeight = window.innerHeight;
-      const dpr = Math.min(window.devicePixelRatio || 1, Math.max(1, maxRenderDpr));
-      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
-var import_react4 = require("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 OPACITY_BUCKETS2 = [0.3, 0.5, 0.7, 0.9];
-var drawSnowflakes = (ctx, flakes) => {
-  if (flakes.length === 0) return;
-  ctx.fillStyle = "#FFFFFF";
-  for (const alpha of OPACITY_BUCKETS2) {
-    let hasPath = false;
-    for (const flake of flakes) {
-      if (flake.isBackground || flake.glowOpacity !== alpha) continue;
-      if (!hasPath) {
-        ctx.globalAlpha = alpha;
-        ctx.beginPath();
-        hasPath = true;
-      }
-      ctx.moveTo(flake.x + flake.glowRadius, flake.y);
-      ctx.arc(flake.x, flake.y, flake.glowRadius, 0, TAU);
-    }
-    if (hasPath) {
-      ctx.fill();
-    }
-  }
-  for (const alpha of OPACITY_BUCKETS2) {
-    let hasPath = false;
-    for (const flake of flakes) {
-      if (flake.opacity !== alpha) continue;
-      if (!hasPath) {
-        ctx.globalAlpha = alpha;
-        ctx.beginPath();
-        hasPath = true;
-      }
-      ctx.moveTo(flake.x + flake.radius, flake.y);
-      ctx.arc(flake.x, flake.y, flake.radius, 0, TAU);
-    }
-    if (hasPath) {
-      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 = (0, import_react4.useRef)(0);
-  const animateRef = (0, import_react4.useRef)(() => {
-  });
-  const lastTimeRef = (0, import_react4.useRef)(0);
-  const lastMetricsUpdateRef = (0, import_react4.useRef)(0);
-  const elementRectsRef = (0, import_react4.useRef)([]);
-  const visibleRectsRef = (0, import_react4.useRef)([]);
-  const dirtyRectsRef = (0, import_react4.useRef)(true);
-  const animate = (0, import_react4.useCallback)((currentTime) => {
-    const {
-      canvasRef,
-      dprRef,
-      snowflakesRef,
-      accumulationRef,
-      isEnabledRef,
-      physicsConfigRef,
-      metricsRef,
-      updateFps,
-      getCurrentFps,
-      buildMetrics,
-      setMetricsRef
-    } = params;
-    const canvas = canvasRef.current;
-    if (!canvas) {
-      animationIdRef.current = requestAnimationFrame(animateRef.current);
-      return;
-    }
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      animationIdRef.current = requestAnimationFrame(animateRef.current);
-      return;
-    }
-    if (lastTimeRef.current === 0) {
-      lastTimeRef.current = currentTime;
-      animationIdRef.current = requestAnimationFrame(animateRef.current);
-      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 = now;
-    const clearStart = 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);
-    const docEl = document.documentElement;
-    const worldWidth = docEl.scrollWidth;
-    const worldHeight = docEl.scrollHeight;
-    updateSnowflakes(
-      snowflakes,
-      elementRectsRef.current,
-      physicsConfigRef.current,
-      dt,
-      worldWidth,
-      worldHeight
-    );
-    metricsRef.current.physicsTime = performance.now() - physicsStart;
-    const drawStart = performance.now();
-    drawSnowflakes(ctx, snowflakes);
-    if (isEnabledRef.current && snowflakes.length < physicsConfigRef.current.MAX_FLAKES) {
-      const minFlakeFloor = Math.min(80, physicsConfigRef.current.MAX_FLAKES);
-      const shouldForceSpawn = snowflakes.length < minFlakeFloor;
-      const currentFps = getCurrentFps();
-      const isVisible = document.visibilityState === "visible";
-      const isUnderFpsThreshold = isVisible && currentFps > 0 && currentFps < 40;
-      const shouldSpawn = shouldForceSpawn || !isUnderFpsThreshold || Math.random() < 0.2;
-      if (shouldSpawn) {
-        const isBackground = Math.random() < 0.4;
-        snowflakes.push(createSnowflake(worldWidth, physicsConfigRef.current, isBackground));
-      }
-    }
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const visibleRects = visibleRectsRef.current;
-    visibleRects.length = 0;
-    for (const item of elementRectsRef.current) {
-      const { rect } = item;
-      if (rect.right >= 0 && rect.left <= viewportWidth && rect.bottom >= 0 && rect.top <= viewportHeight) {
-        visibleRects.push(item);
-      }
-    }
-    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(animateRef.current);
-  }, [params]);
-  (0, import_react4.useEffect)(() => {
-    animateRef.current = animate;
-  }, [animate]);
-  const start = (0, import_react4.useCallback)(() => {
-    lastTimeRef.current = 0;
-    lastMetricsUpdateRef.current = 0;
-    animationIdRef.current = requestAnimationFrame(animateRef.current);
-  }, []);
-  const stop = (0, import_react4.useCallback)(() => {
-    cancelAnimationFrame(animationIdRef.current);
-  }, []);
-  const markRectsDirty = (0, import_react4.useCallback)(() => {
-    dirtyRectsRef.current = true;
-  }, []);
-  return {
-    start,
-    stop,
-    markRectsDirty
-  };
-}
-
-// src/components/Snowfall.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function Snowfall() {
-  const { isEnabled, physicsConfig, setMetrics } = useSnowfall();
-  const isEnabledRef = (0, import_react5.useRef)(isEnabled);
-  const physicsConfigRef = (0, import_react5.useRef)(physicsConfig);
-  const setMetricsRef = (0, import_react5.useRef)(setMetrics);
-  const [isMounted, setIsMounted] = (0, import_react5.useState)(false);
-  const [isVisible, setIsVisible] = (0, import_react5.useState)(false);
-  const snowflakesRef = (0, import_react5.useRef)([]);
-  const accumulationRef = (0, import_react5.useRef)(/* @__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
-  });
-  (0, import_react5.useEffect)(() => {
-    requestAnimationFrame(() => setIsMounted(true));
-  }, []);
-  (0, import_react5.useEffect)(() => {
-    isEnabledRef.current = isEnabled;
-  }, [isEnabled]);
-  (0, import_react5.useEffect)(() => {
-    physicsConfigRef.current = physicsConfig;
-    if (isMounted) {
-      resizeCanvas(physicsConfig.MAX_RENDER_DPR);
-    }
-  }, [isMounted, physicsConfig, resizeCanvas]);
-  (0, import_react5.useEffect)(() => {
-    setMetricsRef.current = setMetrics;
-  }, [setMetrics]);
-  (0, import_react5.useEffect)(() => {
-    if (!isMounted) return;
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    resizeCanvas(physicsConfigRef.current.MAX_RENDER_DPR);
-    snowflakesRef.current = [];
-    let isUnmounted = false;
-    let scheduledInitFrame = 0;
-    const surfaceObserver = new ResizeObserver((entries) => {
-      let needsUpdate = false;
-      for (const entry of entries) {
-        if (entry.target.isConnected) {
-          needsUpdate = true;
-          break;
-        }
-      }
-      if (needsUpdate) {
-        scheduleAccumulationInit();
-      }
-    });
-    const initAccumulationWrapper = () => {
-      if (isUnmounted) return;
-      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();
-    };
-    const scheduleAccumulationInit = () => {
-      if (scheduledInitFrame !== 0 || isUnmounted) return;
-      scheduledInitFrame = requestAnimationFrame(() => {
-        scheduledInitFrame = 0;
-        initAccumulationWrapper();
-      });
-    };
-    initAccumulationWrapper();
-    requestAnimationFrame(() => {
-      if (!isUnmounted && isMounted) setIsVisible(true);
-    });
-    startAnimation();
-    const handleResize = () => {
-      resizeCanvas(physicsConfigRef.current.MAX_RENDER_DPR);
-      accumulationRef.current.clear();
-      initAccumulationWrapper();
-      markRectsDirty();
-    };
-    window.addEventListener("resize", handleResize);
-    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) {
-        scheduleAccumulationInit();
-      }
-    });
-    mutationObserver.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-    return () => {
-      isUnmounted = true;
-      if (scheduledInitFrame !== 0) {
-        cancelAnimationFrame(scheduledInitFrame);
-      }
-      stopAnimation();
-      window.removeEventListener("resize", handleResize);
-      mutationObserver.disconnect();
-      surfaceObserver.disconnect();
-    };
-  }, [isMounted]);
-  if (!isMounted) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "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
-var import_react6 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function DebugPanel({ defaultOpen = true }) {
-  const { debugMode, toggleDebug, metrics } = useSnowfall();
-  const [isMinimized, setIsMinimized] = (0, import_react6.useState)(!defaultOpen);
-  const [copied, setCopied] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.jsxs)("div", { style: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          marginBottom: isMinimized ? 0 : "16px",
-          gap: "16px"
-        }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { fontWeight: "600", color: "#fff", display: "flex", alignItems: "center", gap: "8px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: "14px" }, children: "\u2744\uFE0F" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: {
-              background: "linear-gradient(to right, #60a5fa, #22d3ee)",
-              WebkitBackgroundClip: "text",
-              WebkitTextFillColor: "transparent",
-              fontWeight: "700"
-            }, children: "DEBUG" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "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__ */ (0, import_jsx_runtime3.jsx)(
-              "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__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginBottom: "12px", paddingBottom: "12px", borderBottom: "1px solid rgba(255,255,255,0.08)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: "#94a3b8", marginBottom: "8px", fontSize: "11px", fontWeight: "600", letterSpacing: "0.5px", textTransform: "uppercase" }, children: "Performance" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "4px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "FPS" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontWeight: "bold", color: metrics.fps < 30 ? "#f87171" : metrics.fps < 50 ? "#facc15" : "#4ade80" }, children: metrics.fps.toFixed(1) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "4px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Frame Time" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                metrics.frameTime.toFixed(2),
-                "ms"
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: metrics.rafGap && metrics.rafGap > 20 ? "#fbbf24" : "inherit" }, children: "rAF Gap" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                metrics.rafGap?.toFixed(1) || 0,
-                "ms"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginBottom: "12px", paddingBottom: "12px", borderBottom: "1px solid rgba(255,255,255,0.08)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: "#94a3b8", marginBottom: "8px", fontSize: "11px", fontWeight: "600", letterSpacing: "0.5px", textTransform: "uppercase" }, children: "Detailed Timings" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "4px 12px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Clear" }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.clearTime?.toFixed(2) || 0,
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Physics" }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.physicsTime?.toFixed(2) || 0,
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Draw" }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.drawTime?.toFixed(2) || 0,
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Scan" }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.scanTime.toFixed(2),
-                  "ms"
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", gridColumn: "span 2" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Rect Update" }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                  metrics.rectUpdateTime.toFixed(2),
-                  "ms"
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: "#94a3b8", marginBottom: "8px", fontSize: "11px", fontWeight: "600", letterSpacing: "0.5px", textTransform: "uppercase" }, children: "Counts" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "4px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Snowflakes" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontFamily: "monospace" }, children: [
-                metrics.flakeCount,
-                " / ",
-                metrics.maxFlakes
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Surfaces" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontFamily: "monospace" }, children: metrics.surfaceCount })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "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__ */ (0, import_jsx_runtime3.jsx)("div", { style: { marginTop: "12px", fontSize: "10px", color: "#64748b", textAlign: "center" }, children: "Shift+D to toggle" })
-        ] })
-      ]
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_PHYSICS,
-  DebugPanel,
-  Snowfall,
-  SnowfallProvider,
-  useSnowfall
-});
+"use strict";"use client";var ne=Object.defineProperty;var tt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var ot=Object.prototype.hasOwnProperty;var rt=(e,t)=>{for(var r in t)ne(e,r,{get:t[r],enumerable:!0})},st=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of nt(t))!ot.call(e,n)&&n!==r&&ne(e,n,{get:()=>t[n],enumerable:!(s=tt(t,n))||s.enumerable});return e};var it=e=>st(ne({},"__esModule",{value:!0}),e);var yt={};rt(yt,{DEFAULT_PHYSICS:()=>j,Snowfall:()=>le,SnowfallProvider:()=>be,useSnowfall:()=>ee});module.exports=it(yt);var _=require("react");var x=require("react"),ge=require("react/jsx-runtime"),j={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},de=(0,x.createContext)(void 0);function be({children:e,initialDebug:t=!1,initialEnabled:r=!0}){let[s,n]=(0,x.useState)(r),[i,c]=(0,x.useState)(j),[o,u]=(0,x.useState)(t),[l,m]=(0,x.useState)(null),b=(0,x.useCallback)(()=>{n(p=>!p)},[]),h=(0,x.useCallback)(()=>{u(p=>!p)},[]),d=(0,x.useCallback)(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=(0,x.useCallback)(()=>{c(j)},[]),f=(0,x.useMemo)(()=>({isEnabled:s,toggleSnow:b,physicsConfig:i,updatePhysicsConfig:d,resetPhysics:a,debugMode:o,toggleDebug:h,metrics:l,setMetrics:m}),[s,b,i,d,a,o,h,l,m]);return(0,ge.jsx)(de.Provider,{value:f,children:e})}function ee(){let e=(0,x.useContext)(de);if(e===void 0)throw new Error("useSnowfall must be used within a SnowfallProvider");return e}var W="data-snowfall",oe="ignore";var v="bottom",re="header",pe="footer",se="banner",Se="contentinfo",y=Math.PI*2,T=4;var Me=[re],we=[se],ct=[re,pe,"article","section","aside","nav"],at=[`[role="${se}"]`,`[role="${Se}"]`,'[role="main"]'],lt=[".card",'[class*="card"]','[class*="Card"]','[class*="bg-"]','[class*="shadow-"]','[class*="rounded-"]'],ut=e=>{let t=e.tagName.toLowerCase();if(Me.includes(t))return v;let r=e.getAttribute("role");return r&&we.includes(r)?v:"top"},ft=(e,t)=>{if(e.getAttribute(W)===oe)return!1;if(e.hasAttribute(W))return!0;let r=t||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",o=r.boxShadow!=="none",u=r.filter!=="none"&&r.filter.includes("drop-shadow"),l=r.backdropFilter!=="none";return i||c||o||u||l},Te=(e=5)=>{let t=[],r=new Set,s=document.querySelectorAll([`[${W}]`,...ct,...at,...lt].join(", "));for(let n of s){if(t.length>=e)break;if(r.has(n))continue;let i=n.getAttribute(W);if(i===oe)continue;let c=i!==null,o=window.getComputedStyle(n);if(!(o.display!=="none"&&o.visibility!=="hidden"&&parseFloat(o.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=Me.includes(n.tagName.toLowerCase()),d=we.includes(n.getAttribute("role")||"");if(!(b&&!(h||d||i===v)&&!c)&&ft(n,o)){let f=ut(n);i===v?f=v:i==="top"&&(f="top"),t.push({el:n,type:f}),r.add(n)}}return t},Ae=e=>{let t=[];for(let[r,s]of e.entries()){if(!r.isConnected)continue;let n=r.getBoundingClientRect();t.push({el:r,rect:n,acc:s,hasChanged:!1})}return t};var z=512,ve=z-1,Oe=z/y,Fe=new Float64Array(z),Le=new Float64Array(z);for(let e=0;e<z;e++){let t=e/z*y;Fe[e]=Math.sin(t),Le[e]=Math.cos(t)}var mt=e=>{let t=e<0?e%y+y:e%y;return Fe[(t*Oe|0)&ve]},ht=e=>{let t=e<0?e%y+y:e%y;return Le[(t*Oe|0)&ve]},G=64,Pe=new Float64Array(G);for(let e=0;e<G;e++){let t=e/(G-1);Pe[e]=(Math.cos(t*Math.PI)+1)/2}var Ie=e=>{let t=e*(G-1)+.5|0;return Pe[t<0?0:t>=G?G-1:t]},ae=e=>e/T|0,He=1024,ce=new Map,De=()=>{ce.clear()},dt=e=>e*He|0,bt=(e,t,r)=>{let n=((t?He:0)+dt(e)).toString(36),i=ce.get(n);if(i)return i;let{MIN:c,MAX:o}=r.FLAKE_SIZE,u=t?{sizeMin:c*.6,sizeRange:(o-c)*.4,speedBase:.2,speedScale:.3,noiseSpeedScale:.2,windScale:r.WIND_STRENGTH*.625,wobbleBase:.005,wobbleScale:.015}:{sizeMin:c,sizeRange:o-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},ce.set(n,i),i},Ne=(e,t,r=!1,s=0)=>{let n=Math.random()*e,i=Math.random(),c=bt(i,r,t),o=i*23%1;return{x:n,y:s-5,wobble:o*y,visual:c}},gt=(e,t,r,s=!1)=>{let n=Math.ceil(e/T),i=new Float32Array(n);for(let u=0;u<n;u++){let l=u*T+T/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]=t*m*(.85+Math.random()*.15)}let c=new Float32Array(n),o=4;for(let u=0;u<o;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},Ee=(e,t,r)=>{let s=Math.ceil(e/T),n=new Float32Array(s);if(t<=0||r)return n;for(let i=0;i<s;i++){let c=i*T+T/2,o=0;if(c<t){let u=t-c;o=t-Math.sqrt(Math.max(0,t*t-u*u))}else if(c>e-t){let u=c-(e-t);o=t-Math.sqrt(Math.max(0,t*t-u*u))}n[i]=o}return n},Ce=e=>{let t=Math.ceil(e/T),r=new Float32Array(t);for(let s=0;s<t;s++){let i=(s*T+T/2)/e;r[s]=Math.sqrt(i)}return r},Be=(e,t)=>{let r=Te(t.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),o=e.get(s),u=Math.ceil(i.width),l=n===v,m=Math.ceil(u/T);if(o&&o.heights.length===m){if(o.type=n,o.borderRadius!==void 0){o.borderRadius=parseFloat(c.borderTopLeftRadius)||0,o.curveOffsets=Ee(u,o.borderRadius,l);let p=Math.ceil(Math.ceil(i.height)/T);o.leftSide.length===p&&!o.sideGravityMultipliers.length&&(o.sideGravityMultipliers=Ce(Math.ceil(i.height)))}continue}let b=Math.ceil(i.height),h=l?t.MAX_DEPTH.BOTTOM:t.MAX_DEPTH.TOP,d=parseFloat(c.borderTopLeftRadius)||0,a=Math.ceil(b/T),f=gt(u,h,d,l);e.set(s,{heights:o?.heights.length===m?o.heights:new Float32Array(m),maxHeights:f,leftSide:o?.leftSide.length===a?o.leftSide:new Float32Array(a),rightSide:o?.rightSide.length===a?o.rightSide:new Float32Array(a),maxSideHeight:l?0:t.MAX_DEPTH.SIDE,leftMax:o?.leftSide.length===a?o.leftMax:0,rightMax:o?.rightSide.length===a?o.rightMax:0,maxHeight:o?.maxHeight||0,borderRadius:d,curveOffsets:Ee(u,d,l),sideGravityMultipliers:Ce(b),type:n,_smoothTemp:o?._smoothTemp??new Float32Array(0),dirtyMin:o?.dirtyMin??m,dirtyMax:o?.dirtyMax??0,bucketSize:T,_cacheCanvas:o?._cacheCanvas??null,_cacheCtx:o?._cacheCtx??null,_cacheMaxHeight:o?._cacheMaxHeight??-1})}},pt=(e,t)=>{t<e.dirtyMin&&(e.dirtyMin=t),t>e.dirtyMax&&(e.dirtyMax=t)},xe=(e,t,r,s,n,i,c)=>{let o=Math.max(1,Math.ceil(4/T)),u=ae(r),l=i*(.8+Math.random()*.4),m=c;for(let b=-o;b<=o;b++){let h=u+b;if(h>=0&&h<e.length){let d=h*T+T/2,a=d<n,f=d>t-n;if(n>0&&(a||f))continue;let p=Math.abs(b)/o,g=Ie(p),S=Math.min(s,e[h]+l*g);e[h]=S,S>m&&(m=S)}}return m},St=(e,t)=>{let{visual:r}=e;e.wobble+=r.wobbleSpeed*t,e.x+=(r.wind+mt(e.wobble)*.5)*t,e.y+=(r.speed+ht(e.wobble*.5)*.1)*t},Mt=(e,t,r,s,n)=>{if(!(t>=r.top&&t<=r.bottom)||s.maxSideHeight<=0)return!1;let c=Math.floor(t-r.top),o=s.borderRadius,l=ae(c)*T+T/2,m=l<o,b=l>r.height-o;return o>0&&(m||b)?!1:e>=r.left-5&&e<r.left+3?(s.leftMax=xe(s.leftSide,r.height,c,s.maxSideHeight,o,n,s.leftMax),!0):e>r.right-3&&e<=r.right+5?(s.rightMax=xe(s.rightSide,r.height,c,s.maxSideHeight,o,n,s.rightMax),!0):!1},wt=(e,t,r,s,n,i,c)=>{if(t<s.left||t>s.right)return!1;let o=Math.floor(t-s.left),u=ae(o);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/T)),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 E=Math.abs(S),H=n.maxHeights[M],R=E/f,C=.3*Ie(R),F=.8+(d+S*.1)%1*.4,k=C*F*p;if(n.heights[M]<H&&k>0){let D=Math.min(H,n.heights[M]+k);n.heights[M]=D,D>n.maxHeight&&(n.maxHeight=D),pt(n,M)}}}return!0},Tt=(e,t,r,s)=>t||e.y>s+10||e.x<-20||e.x>r+20,At=e=>{let t=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<t&&(t=c.top),c.bottom>r&&(r=c.bottom),c.left<s&&(s=c.left),c.right>n&&(n=c.right)}return{top:t,bottom:r,left:s,right:n}},_e=60,Re=10,ke=(e,t,r,s,n,i,c,o,u=0)=>{let l=Math.max(1,Math.round(1/r.COLLISION_CHECK_RATE)),m=r.ACCUMULATION.SIDE_RATE,b=At(t),h=b.top-_e,d=b.bottom+_e,a=b.left-Re,f=b.right+Re,p=e.length;for(;p-- >0;){let g=e[p];St(g,s);let S=!1;if(p%l===u%l){let M=g.x-c,E=g.y-o;if(E>=h&&E<=d&&M>=a&&M<=f)for(let R of t){let{rect:O,acc:C}=R,F=C.type===v;if(!S&&!F&&(S=Mt(M,E,O,C,m),S)){R.hasChanged=!0;break}if(!S&&(S=wt(g,M,E,O,C,F,r),S)){R.hasChanged=!0;break}}}if(Tt(g,S,n,i)){let M=e.length-1;p<M&&(e[p]=e[M]),e.length=M}}},Et=4,ye=3,Ct=6,Ue=(e,t,r,s=0)=>{let n=s%ye===0,i=s%Et===0,c=n?t.MELT_SPEED*r*ye:0;for(let{acc:o}of e){let u=o.heights.length;if(o.dirtyMin>o.dirtyMax)continue;let l=Math.max(1,o.dirtyMin),m=Math.min(u-2,o.dirtyMax),b=m-l+1,h=i&&b>=Ct,d=0;if(h&&c>0)for(let a=l;a<=m;a++){let f=o.heights[a];if(f>.05){let p=(o.heights[a-1]+o.heights[a+1])/2,g=f*.99+p*.01;g-=c,g<0&&(g=0),o.heights[a]=g,g>d&&(d=g)}else f>0&&(o.heights[a]=0)}else if(c>0)for(let a=l;a<=m;a++){let f=o.heights[a];if(f>0){let p=f-c,g=p>0?p:0;o.heights[a]=g,g>d&&(d=g)}}else if(h)for(let a=l;a<=m;a++){let f=o.heights[a];if(f>.05){let p=(o.heights[a-1]+o.heights[a+1])/2,g=f*.99+p*.01;o.heights[a]=g,g>d&&(d=g)}}else for(let a=l;a<=m;a++)o.heights[a]>d&&(d=o.heights[a]);for(let a=0;a<Math.min(l,u);a++)o.heights[a]>d&&(d=o.heights[a]);for(let a=Math.max(m+1,0);a<u;a++)o.heights[a]>d&&(d=o.heights[a]);if(o.maxHeight=d,n&&(o.leftMax>0||o.rightMax>0)){let a=0,f=0,p=o.leftSide.length;for(let g=0;g<p;g++){let S=o.leftSide[g];if(S>0){let E=S>c?S-c:0;o.leftSide[g]=E,E>a&&(a=E)}let M=o.rightSide[g];if(M>0){let E=M>c?M-c:0;o.rightSide[g]=E,E>f&&(f=E)}}o.leftMax=a,o.rightMax=f}if(n){let a=o.dirtyMin,f=o.dirtyMax;for(;a<=f&&o.heights[a]<=.05;)a++;for(;f>=a&&o.heights[f]<=.05;)f--;o.dirtyMin=a,o.dirtyMax=f}}};var P=require("react");function Xe(){let e=(0,P.useRef)(0),t=(0,P.useRef)(0),r=(0,P.useRef)(0),s=(0,P.useRef)({scanTime:0,rectUpdateTime:0,frameTime:0,rafGap:0,clearTime:0,physicsTime:0,drawTime:0}),n=(0,P.useCallback)(o=>{let u=Math.floor(o/1e3);u!==e.current?(r.current=t.current,t.current=1,e.current=u):t.current++},[]),i=(0,P.useCallback)(()=>r.current||t.current,[]),c=(0,P.useCallback)((o,u,l)=>({fps:r.current||t.current,frameTime:s.current.frameTime,scanTime:s.current.scanTime,rectUpdateTime:s.current.rectUpdateTime,surfaceCount:o,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}}var q=require("react");function Ge(){let e=(0,q.useRef)(null),t=(0,q.useRef)(1),r=(0,q.useCallback)((s=Number.POSITIVE_INFINITY)=>{if(e.current){let n=window.innerWidth,i=window.innerHeight,c=Math.min(window.devicePixelRatio||1,Math.max(1,s));t.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:t,resizeCanvas:r}}var w=require("react");var Ve="rgba(255, 255, 255, 0.95)",xt=.5,Y=3,ze=(e,t,r,s,n,i,c,o)=>{let l=(r?n.left:n.right)+i,m=n.top+c,b=n.bottom+c,h=r?-1:1,d=t.length*o;e.moveTo(l,m);for(let f=0;f<d;f+=Y){let p=I(t,f,o),g=I(s,f,o);e.lineTo(l+p*g*h,m+f)}let a=d-1;if(a%Y!==0){let f=I(t,a,o),p=I(s,a,o);e.lineTo(l+f*p*h,m+a)}e.lineTo(l,b)},Ke=(e,t)=>{if(t.length!==0){e.globalAlpha=1,e.fillStyle="#FFFFFF",e.beginPath();for(let r=0,s=t.length;r<s;r++){let n=t[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,y))}e.fill()}},I=(e,t,r)=>{let s=t/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},_t=(e,t,r)=>{let s=Math.ceil(r)+10;if(e._cacheCanvas&&e._cacheCtx)(e._cacheCanvas.width<t||e._cacheCanvas.height<s)&&(e._cacheCanvas.width=t,e._cacheCanvas.height=s);else{let n=document.createElement("canvas");n.width=t,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},Rt=(e,t,r)=>{let s=e.maxHeight,n=_t(e,t,s),i=e._cacheCanvas,c=i.width,o=i.height;n.clearRect(0,0,c,o);let u=e.bucketSize,l=Math.ceil(s)+5;n.beginPath();let m=!0;for(let h=0;h<t;h+=Y){let d=I(e.heights,h,u),a=I(e.curveOffsets,h,u),f=l-d+a;m?(n.moveTo(h,f),m=!1):n.lineTo(h,f)}let b=t-1;if(b%Y!==0){let h=I(e.heights,b,u),d=I(e.curveOffsets,b,u);n.lineTo(b,l-h+d)}for(let h=t-1;h>=0;h-=Y){let d=I(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,t,r,s)=>{e.globalAlpha=1;for(let n of t){let{rect:i,acc:c}=n;if(c.maxHeight<=.1)continue;let o=c.type===v,u=c.heights.length*c.bucketSize;(!c._cacheCanvas||Math.abs(c.maxHeight-c._cacheMaxHeight)>xt)&&Rt(c,u,o);let l=c._cacheCanvas;if(!l)continue;let m=Math.ceil(c._cacheMaxHeight)+5,b=i.left+r;if(o){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,t,r,s)=>{e.globalAlpha=1,e.beginPath();let n=!1;for(let i of t){let{rect:c,acc:o}=i;if(o.maxSideHeight===0)continue;let u=o.leftMax>.3,l=o.rightMax>.3;!u&&!l||(u&&(ze(e,o.leftSide,!0,o.sideGravityMultipliers,c,r,s,o.bucketSize),n=!0),l&&(ze(e,o.rightSide,!1,o.sideGravityMultipliers,c,r,s,o.bucketSize),n=!0))}n&&(e.fillStyle=Ve,e.fill())};function Ye(e){let t=(0,w.useRef)(0),r=(0,w.useRef)(()=>{}),s=(0,w.useRef)(0),n=(0,w.useRef)(0),i=(0,w.useRef)([]),c=(0,w.useRef)([]),o=(0,w.useRef)(!0),u=(0,w.useRef)(0),l=(0,w.useRef)({width:0,height:0}),m=(0,w.useRef)({width:0,height:0}),b=(0,w.useRef)(null),h=(0,w.useRef)(1),d=(0,w.useRef)(e);(0,w.useEffect)(()=>{d.current=e});let a=(0,w.useCallback)(S=>{let{canvasRef:M,dprRef:E,snowflakesRef:H,accumulationRef:R,isEnabledRef:O,physicsConfigRef:C,metricsRef:F,updateFps:k,getCurrentFps:D,buildMetrics:Z,setMetricsRef:$}=d.current,L=M.current;if(!L){t.current=requestAnimationFrame(r.current);return}let A=b.current||L.getContext("2d");if(!A){t.current=requestAnimationFrame(r.current);return}if(b.current||(b.current=A),s.current===0){s.current=S,t.current=requestAnimationFrame(r.current);return}let N=Math.min(S-s.current,50);k(S),F.current.rafGap=S-s.current,s.current=S;let te=N/16.67,B=u.current++,ue=E.current,fe=h.current;A.setTransform(ue,0,0,ue,0,0),A.clearRect(0,0,L.width*fe,L.height*fe);let J=window.scrollX,V=window.scrollY;A.translate(-J,-V);let me=l.current.width,$e=l.current.height,Je=m.current.width,Qe=m.current.height,U=H.current;if(o.current&&(i.current=Ae(R.current),o.current=!1),Ue(i.current,C.current,te,B),ke(U,i.current,C.current,te,me,$e,J,V,B),Ke(A,U),O.current&&U.length<C.current.MAX_FLAKES){let Q=Math.min(80,C.current.MAX_FLAKES),X=U.length<Q,he=D(),je=document.visibilityState==="visible"&&he>0&&he<40;if(X||!je||Math.random()<.2){let et=Math.random()<.4;U.push(Ne(me,C.current,et,V))}}let K=c.current;K.length=0;for(let Q of i.current){let{rect:X}=Q;X.right>=0&&X.left<=Je&&X.bottom>=0&&X.top<=Qe&&K.push(Q)}K.length>0&&(We(A,K,J,V),qe(A,K,J,V)),S-n.current>500&&($.current(Z(R.current.size,U.length,C.current.MAX_FLAKES)),n.current=S),t.current=requestAnimationFrame(r.current)},[]);(0,w.useEffect)(()=>{r.current=a},[a]);let f=(0,w.useCallback)(()=>{s.current=0,n.current=0,t.current=requestAnimationFrame(r.current)},[]),p=(0,w.useCallback)(()=>{cancelAnimationFrame(t.current)},[]),g=(0,w.useCallback)(()=>{o.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}}var Ze=require("react/jsx-runtime");function le(){let{isEnabled:e,physicsConfig:t,setMetrics:r}=ee(),s=(0,_.useRef)(e),n=(0,_.useRef)(t),i=(0,_.useRef)(r),[c,o]=(0,_.useState)(!1),[u,l]=(0,_.useState)(!1),m=(0,_.useRef)([]),b=(0,_.useRef)(new Map),{canvasRef:h,dprRef:d,resizeCanvas:a}=Ge(),{metricsRef:f,updateFps:p,getCurrentFps:g,buildMetrics:S}=Xe(),{start:M,stop:E,markRectsDirty:H}=Ye({canvasRef:h,dprRef:d,snowflakesRef:m,accumulationRef:b,isEnabledRef:s,physicsConfigRef:n,metricsRef:f,updateFps:p,getCurrentFps:g,buildMetrics:S,setMetricsRef:i});return(0,_.useEffect)(()=>{requestAnimationFrame(()=>o(!0))},[]),(0,_.useEffect)(()=>{s.current=e},[e]),(0,_.useEffect)(()=>{n.current=t,De(),m.current=[],c&&a(t.MAX_RENDER_DPR)},[c,t,a]),(0,_.useEffect)(()=>{i.current=r},[r]),(0,_.useEffect)(()=>{if(!c)return;let R=h.current;if(!R)return;a(n.current.MAX_RENDER_DPR),m.current=[];let O=!1,C=0,F=new ResizeObserver(L=>{let A=!1;for(let N of L)if(N.target.isConnected){A=!0;break}A&&D()}),k=()=>{if(O)return;let L=performance.now();Be(b.current,n.current),F.disconnect();for(let[A]of b.current)F.observe(A);f.current.scanTime=performance.now()-L,H()},D=()=>{C!==0||O||(C=requestAnimationFrame(()=>{C=0,k()}))};k(),requestAnimationFrame(()=>{!O&&c&&l(!0)}),M();let Z=()=>{a(n.current.MAX_RENDER_DPR),H()};window.addEventListener("resize",Z);let $=new MutationObserver(L=>{let A=!1;for(let N of L)if(!(N.type!=="childList"||N.target===R)){for(let B of N.addedNodes)if(B.nodeType===Node.ELEMENT_NODE&&B!==R){A=!0;break}if(A)break;for(let B of N.removedNodes)if(B.nodeType===Node.ELEMENT_NODE&&B!==R){A=!0;break}if(A)break}A&&D()});return $.observe(document.body,{childList:!0,subtree:!0}),()=>{O=!0,C!==0&&cancelAnimationFrame(C),E(),window.removeEventListener("resize",Z),$.disconnect(),F.disconnect()}},[c]),c?(0,Ze.jsx)("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}0&&(module.exports={DEFAULT_PHYSICS,Snowfall,SnowfallProvider,useSnowfall});
 //# sourceMappingURL=index.js.map