@waveso/ui 0.0.8 → 0.0.10

package/dist/count.js

@@ -0,0 +1,176 @@
+import { useRef, useState, useEffect, isValidElement, cloneElement } from 'react';
+import { useInView } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+function easeOut(t) {
+  return 1 - Math.pow(1 - t, 3);
+}
+function formatCountdown(ms) {
+  if (ms <= 0) return "00:00:00";
+  const totalSeconds = Math.floor(ms / 1e3);
+  const days = Math.floor(totalSeconds / 86400);
+  const hours = Math.floor(totalSeconds % 86400 / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const pad = (n) => String(n).padStart(2, "0");
+  if (days > 0) {
+    return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+  }
+  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+}
+function mergeRef(internalRef, externalRef) {
+  return (el) => {
+    internalRef.current = el;
+    if (typeof externalRef === "function") externalRef(el);
+    else if (externalRef && typeof externalRef === "object") {
+      externalRef.current = el;
+    }
+  };
+}
+function Count({
+  to,
+  from: start = 0,
+  duration = 900,
+  delay = 0,
+  format,
+  prefix = "",
+  suffix = "",
+  children,
+  once = true,
+  easing = easeOut,
+  onComplete
+}) {
+  const isDate = to instanceof Date;
+  if (isDate) {
+    return /* @__PURE__ */ jsx(
+      DateCount,
+      {
+        to,
+        delay,
+        format,
+        prefix,
+        suffix,
+        once,
+        onComplete,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NumberCount,
+    {
+      to,
+      from: start,
+      duration,
+      delay,
+      format,
+      prefix,
+      suffix,
+      once,
+      easing,
+      onComplete,
+      children
+    }
+  );
+}
+function NumberCount({
+  to,
+  from: start,
+  duration,
+  delay,
+  format,
+  prefix,
+  suffix,
+  children,
+  once,
+  easing,
+  onComplete
+}) {
+  const ref = useRef(null);
+  const isInView = useInView(ref, { once, margin: "-50px" });
+  const [display, setDisplay] = useState(start);
+  const hasAnimated = useRef(false);
+  const formatFn = format ?? ((n) => Number.isInteger(to) ? Math.round(n).toLocaleString() : n.toLocaleString());
+  useEffect(() => {
+    if (!isInView || hasAnimated.current) return;
+    hasAnimated.current = true;
+    const delayMs = delay * 1e3;
+    let raf;
+    let startTime;
+    const timer = setTimeout(() => {
+      const animate = (timestamp) => {
+        if (!startTime) startTime = timestamp;
+        const elapsed = timestamp - startTime;
+        const progress = Math.min(elapsed / duration, 1);
+        const easedProgress = easing(progress);
+        const current = start + (to - start) * easedProgress;
+        setDisplay(current);
+        if (progress < 1) {
+          raf = requestAnimationFrame(animate);
+        } else {
+          onComplete?.();
+        }
+      };
+      raf = requestAnimationFrame(animate);
+    }, delayMs);
+    return () => {
+      clearTimeout(timer);
+      cancelAnimationFrame(raf);
+    };
+  }, [isInView, to, start, duration, delay, easing, onComplete]);
+  if (!isValidElement(children)) return children;
+  const childProps = children.props;
+  const existingRef = childProps.ref;
+  return cloneElement(children, {
+    ref: mergeRef(ref, existingRef),
+    children: `${prefix}${formatFn(display)}${suffix}`
+  });
+}
+function DateCount({
+  to,
+  delay,
+  format,
+  prefix,
+  suffix,
+  children,
+  once,
+  onComplete
+}) {
+  const ref = useRef(null);
+  const isInView = useInView(ref, { once, margin: "-50px" });
+  const [remaining, setRemaining] = useState(() => Math.max(0, to.getTime() - Date.now()));
+  const [started, setStarted] = useState(false);
+  const completedRef = useRef(false);
+  const formatFn = format ?? formatCountdown;
+  useEffect(() => {
+    if (!isInView || started) return;
+    const timer = setTimeout(() => setStarted(true), delay * 1e3);
+    return () => clearTimeout(timer);
+  }, [isInView, delay, started]);
+  useEffect(() => {
+    if (!started) return;
+    const tick = () => {
+      const ms = Math.max(0, to.getTime() - Date.now());
+      setRemaining(ms);
+      if (ms <= 0 && !completedRef.current) {
+        completedRef.current = true;
+        onComplete?.();
+      }
+    };
+    tick();
+    const interval = setInterval(tick, 1e3);
+    return () => clearInterval(interval);
+  }, [started, to, onComplete]);
+  if (!isValidElement(children)) return children;
+  const childProps = children.props;
+  const existingRef = childProps.ref;
+  return cloneElement(children, {
+    ref: mergeRef(ref, existingRef),
+    children: `${prefix}${formatFn(remaining)}${suffix}`
+  });
+}
+var CountUp = Count;
+
+export { Count, CountUp, easeOut };
+//# sourceMappingURL=count.js.map
+//# sourceMappingURL=count.js.map

package/dist/count.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/count.tsx"],"names":[],"mappings":"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","file":"count.js","sourcesContent":["\"use client\"\n\nimport {\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ninterface CountProps {\n  /** Target number or Date to count to */\n  to: number | Date\n  /** Starting number. Default: 0. Ignored when `to` is a Date. */\n  from?: number\n  /** Animation duration in milliseconds. Default: 900. Ignored when `to` is a Date. */\n  duration?: number\n  /** Delay before starting in seconds. Default: 0 */\n  delay?: number\n  /**\n   * Format the value for display.\n   * - For numbers: receives the current interpolated number.\n   * - For dates: receives remaining milliseconds.\n   * Default: toLocaleString() for numbers, dd:hh:mm:ss for dates.\n   */\n  format?: (value: number) => string\n  /** Prefix string (e.g., \"$\"). Default: '' */\n  prefix?: string\n  /** Suffix string (e.g., \"%\", \"+\"). Default: '' */\n  suffix?: string\n  /** Element to render into. Receives the formatted value as children. */\n  children: ReactElement\n  /** Trigger once. Default: true */\n  once?: boolean\n  /** Easing function. Default: easeOut. Ignored when `to` is a Date. */\n  easing?: (t: number) => number\n  /** Called when the count finishes (reaches target or date passes). */\n  onComplete?: () => void\n}\n\n/** @deprecated Use `Count` instead. `CountUp` is an alias kept for backwards compatibility. */\ntype CountUpProps = CountProps\n\n// ── Easing ───────────────────────────────────────────────────────────\n\n/** Cubic ease-out: fast start, smooth deceleration */\nfunction easeOut(t: number): number {\n  return 1 - Math.pow(1 - t, 3)\n}\n\n// ── Date Formatting ──────────────────────────────────────────────────\n\nfunction formatCountdown(ms: number): string {\n  if (ms <= 0) return \"00:00:00\"\n\n  const totalSeconds = Math.floor(ms / 1000)\n  const days = Math.floor(totalSeconds / 86400)\n  const hours = Math.floor((totalSeconds % 86400) / 3600)\n  const minutes = Math.floor((totalSeconds % 3600) / 60)\n  const seconds = totalSeconds % 60\n\n  const pad = (n: number) => String(n).padStart(2, \"0\")\n\n  if (days > 0) {\n    return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`\n  }\n  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`\n}\n\n// ── Ref Merge ────────────────────────────────────────────────────────\n\nfunction mergeRef(\n  internalRef: React.RefObject<HTMLElement | null>,\n  externalRef?: Ref<HTMLElement>,\n) {\n  return (el: HTMLElement | null) => {\n    ;(internalRef as { current: HTMLElement | null }).current = el\n    if (typeof externalRef === \"function\") externalRef(el)\n    else if (externalRef && typeof externalRef === \"object\") {\n      ;(externalRef as { current: HTMLElement | null }).current = el\n    }\n  }\n}\n\n// ── Count ────────────────────────────────────────────────────────────\n\n/**\n * Animated number counter. Counts up, counts down, or live-counts to a date.\n *\n * Direction is automatic — if `from < to` it counts up, if `from > to` it\n * counts down. When `to` is a Date, it becomes a live countdown that ticks\n * every second.\n *\n * Zero wrapper — injects the formatted value as children via cloneElement.\n *\n * @example\n * ```tsx\n * // Count up\n * <Count to={1234}>\n *   <span className=\"text-4xl font-bold tabular-nums\" />\n * </Count>\n *\n * // Count down\n * <Count from={100} to={0} onComplete={() => alert(\"Done!\")}>\n *   <span className=\"text-4xl font-bold tabular-nums\" />\n * </Count>\n *\n * // Live countdown to a date\n * <Count to={new Date(\"2026-04-01T00:00:00\")}>\n *   <span className=\"text-2xl font-mono tabular-nums\" />\n * </Count>\n *\n * // Custom date format\n * <Count to={launchDate} format={(ms) => `${Math.ceil(ms / 86400000)} days left`}>\n *   <span className=\"text-xl\" />\n * </Count>\n * ```\n */\nfunction Count({\n  to,\n  from: start = 0,\n  duration = 900,\n  delay = 0,\n  format,\n  prefix = \"\",\n  suffix = \"\",\n  children,\n  once = true,\n  easing = easeOut,\n  onComplete,\n}: CountProps) {\n  const isDate = to instanceof Date\n\n  if (isDate) {\n    return (\n      <DateCount\n        to={to}\n        delay={delay}\n        format={format}\n        prefix={prefix}\n        suffix={suffix}\n        once={once}\n        onComplete={onComplete}\n      >\n        {children}\n      </DateCount>\n    )\n  }\n\n  return (\n    <NumberCount\n      to={to}\n      from={start}\n      duration={duration}\n      delay={delay}\n      format={format}\n      prefix={prefix}\n      suffix={suffix}\n      once={once}\n      easing={easing}\n      onComplete={onComplete}\n    >\n      {children}\n    </NumberCount>\n  )\n}\n\n// ── Number Count (up or down) ────────────────────────────────────────\n\nfunction NumberCount({\n  to,\n  from: start,\n  duration,\n  delay,\n  format,\n  prefix,\n  suffix,\n  children,\n  once,\n  easing,\n  onComplete,\n}: {\n  to: number\n  from: number\n  duration: number\n  delay: number\n  format?: (value: number) => string\n  prefix: string\n  suffix: string\n  children: ReactElement\n  once: boolean\n  easing: (t: number) => number\n  onComplete?: () => void\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n  const [display, setDisplay] = useState(start)\n  const hasAnimated = useRef(false)\n\n  const formatFn = format ?? ((n: number) =>\n    Number.isInteger(to) ? Math.round(n).toLocaleString() : n.toLocaleString()\n  )\n\n  useEffect(() => {\n    if (!isInView || hasAnimated.current) return\n    hasAnimated.current = true\n\n    const delayMs = delay * 1000\n    let raf: number\n    let startTime: number\n\n    const timer = setTimeout(() => {\n      const animate = (timestamp: number) => {\n        if (!startTime) startTime = timestamp\n        const elapsed = timestamp - startTime\n        const progress = Math.min(elapsed / duration, 1)\n        const easedProgress = easing(progress)\n        const current = start + (to - start) * easedProgress\n\n        setDisplay(current)\n\n        if (progress < 1) {\n          raf = requestAnimationFrame(animate)\n        } else {\n          onComplete?.()\n        }\n      }\n\n      raf = requestAnimationFrame(animate)\n    }, delayMs)\n\n    return () => {\n      clearTimeout(timer)\n      cancelAnimationFrame(raf)\n    }\n  }, [isInView, to, start, duration, delay, easing, onComplete])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return cloneElement(children, {\n    ref: mergeRef(ref, existingRef),\n    children: `${prefix}${formatFn(display)}${suffix}`,\n  } as Record<string, unknown>)\n}\n\n// ── Date Count (live countdown) ──────────────────────────────────────\n\nfunction DateCount({\n  to,\n  delay,\n  format,\n  prefix,\n  suffix,\n  children,\n  once,\n  onComplete,\n}: {\n  to: Date\n  delay: number\n  format?: (value: number) => string\n  prefix: string\n  suffix: string\n  children: ReactElement\n  once: boolean\n  onComplete?: () => void\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n  const [remaining, setRemaining] = useState(() => Math.max(0, to.getTime() - Date.now()))\n  const [started, setStarted] = useState(false)\n  const completedRef = useRef(false)\n\n  const formatFn = format ?? formatCountdown\n\n  useEffect(() => {\n    if (!isInView || started) return\n    const timer = setTimeout(() => setStarted(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [isInView, delay, started])\n\n  useEffect(() => {\n    if (!started) return\n\n    const tick = () => {\n      const ms = Math.max(0, to.getTime() - Date.now())\n      setRemaining(ms)\n\n      if (ms <= 0 && !completedRef.current) {\n        completedRef.current = true\n        onComplete?.()\n      }\n    }\n\n    tick()\n    const interval = setInterval(tick, 1000)\n    return () => clearInterval(interval)\n  }, [started, to, onComplete])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return cloneElement(children, {\n    ref: mergeRef(ref, existingRef),\n    children: `${prefix}${formatFn(remaining)}${suffix}`,\n  } as Record<string, unknown>)\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\n/** @deprecated Use `Count` instead */\nconst CountUp = Count\n\nexport { Count, CountUp, easeOut }\nexport type { CountProps, CountUpProps }\n"]}

package/dist/dialog.js

@@ -1,5 +1,5 @@
-import { Button } from './chunk-OUFYQLVN.js';
 import { CloseIcon } from './chunk-DIGOLJIR.js';
+import { Button } from './chunk-OUFYQLVN.js';
 import { cn } from './chunk-76UQO56T.js';
 import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/drawer.js

@@ -1,6 +1,6 @@
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-MO4KRZFJ.js';
-import './chunk-OUFYQLVN.js';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-BKTJYX4M.js';
 import './chunk-DIGOLJIR.js';
+import './chunk-OUFYQLVN.js';
 import './chunk-76UQO56T.js';
 //# sourceMappingURL=drawer.js.map
 //# sourceMappingURL=drawer.js.map

package/dist/film-grain.d.ts

@@ -8,7 +8,8 @@ interface FilmGrainProps {
     fps?: number;
     color?: string;
     className?: string;
+    style?: React.CSSProperties;
 }
-declare function FilmGrain({ density, opacity, blendMode, fps, color, className, }: FilmGrainProps): react_jsx_runtime.JSX.Element;
+declare function FilmGrain({ density, opacity, blendMode, fps, color, className, style, }: FilmGrainProps): react_jsx_runtime.JSX.Element;
 
 export { FilmGrain, type FilmGrainProps };

package/dist/film-grain.js

@@ -393,7 +393,8 @@ function FilmGrain({
   blendMode = "overlay",
   fps = 18,
   color = "#ffffff",
-  className
+  className,
+  style
 }) {
   const canvasRef = useFilmGrain({ density, opacity, fps, color });
   return /* @__PURE__ */ jsx(
@@ -404,7 +405,7 @@ function FilmGrain({
         "absolute inset-0 z-0 pointer-events-none select-none overflow-hidden",
         className
       ].filter(Boolean).join(" "),
-      style: { mixBlendMode: blendMode, opacity },
+      style: { mixBlendMode: blendMode, opacity, ...style },
       children: /* @__PURE__ */ jsx(
         "canvas",
         {

package/dist/film-grain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/film-grain-shader.ts","../src/film-grain-webgl.ts","../src/film-grain.tsx"],"names":["w","h","onResize","pad"],"mappings":"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","file":"film-grain.js","sourcesContent":["export const vertexShader = `\nattribute vec2 position;\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = position * 0.5 + 0.5;\n  gl_Position = vec4(position, 0.0, 1.0);\n}\n`\n\nexport const fragmentShader = `\nprecision highp float;\n\nuniform float uTime;\nuniform vec2 uResolution;\nuniform float uDensity;\nuniform float uOpacity;\nuniform float uFps;\nuniform vec3 uColor;\n\nvarying vec2 vUv;\n\n// Stable hash\nfloat hash(vec2 p, float seed) {\n  return fract(sin(dot(p + seed, vec2(127.1, 311.7))) * 43758.5453123);\n}\n\n// Film response curve (soft toe + shoulder rolloff)\nfloat filmCurve(float x) {\n  return smoothstep(0.0, 0.2, x) * (1.0 - smoothstep(0.8, 1.0, x));\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy;\n  vec2 p = floor(uv);\n\n  // Temporal coherence: blend between current and next frame seed\n  float frame = floor(uTime * uFps);\n  float t = fract(uTime * uFps);\n  float seed = frame * 0.1731;\n\n  // Multi-scale grain with inter-frame blending on fine layer\n  float fineA = hash(p, seed);\n  float fineB = hash(p, seed + 0.1731);\n  float fine = mix(fineA, fineB, t);\n\n  float medium = hash(floor(uv * 0.5), seed + 3.1);\n  float coarse = hash(floor(uv * 0.25), seed + 7.93);\n\n  float grain = fine * 0.65 + medium * 0.25 + coarse * 0.10;\n\n  // Emulsion clumping (organic structure)\n  float cluster = hash(floor(uv * 0.18), seed + 9.2);\n  grain *= mix(0.75, 1.35, cluster);\n\n  // Density threshold\n  grain = smoothstep(1.0 - uDensity, 1.0, grain);\n\n  // Film response curve (replaces raw pow gamma)\n  grain = filmCurve(grain);\n\n  // Micro-blur: sample neighbors for optical diffusion\n  float n1 = hash(p + vec2(1.0, 0.0), seed);\n  float n2 = hash(p - vec2(1.0, 0.0), seed);\n  float n3 = hash(p + vec2(0.0, 1.0), seed);\n  float n4 = hash(p - vec2(0.0, 1.0), seed);\n  float neighbors = (n1 + n2 + n3 + n4) * 0.25;\n  grain = mix(grain, neighbors, 0.15);\n\n  // Chromatic aberration (reuse neighbor hashes)\n  float rShift = n1 * 0.015;\n  float bShift = n2 * 0.015;\n\n  vec3 color = uColor * vec3(\n    grain + rShift,\n    grain,\n    grain + bShift\n  );\n\n  color = clamp(color, 0.0, 1.0);\n\n  gl_FragColor = vec4(color, grain * uOpacity);\n}\n`\n","import { useEffect, useRef, useMemo } from \"react\"\nimport { vertexShader, fragmentShader } from \"./film-grain-shader\"\n\ninterface UseFilmGrainOptions {\n  density: number\n  opacity: number\n  /** Target FPS for both WebGL and canvas fallback. Default 18 */\n  fps?: number\n  /** Hex color for canvas fallback grain. Default '#ffffff' */\n  color?: string\n}\n\n/** Parse hex color safely */\nfunction parseHex(hex: string): [number, number, number, number] {\n  if (!/^#([0-9a-f]{3,8})$/i.test(hex)) return [255, 255, 255, 255]\n  let h = hex.replace(\"#\", \"\")\n  if (h.length === 3) h = h.split(\"\").map((c) => c + c).join(\"\")\n  if (h.length === 6) h += \"ff\"\n  const n = parseInt(h, 16)\n  return [(n >> 24) & 0xff, (n >> 16) & 0xff, (n >> 8) & 0xff, n & 0xff]\n}\n\n// ── WebGL renderer ──────────────────────────────────────────────────\n\ninterface WebGLUniforms {\n  uTime: WebGLUniformLocation | null\n  uResolution: WebGLUniformLocation | null\n  uDensity: WebGLUniformLocation | null\n  uOpacity: WebGLUniformLocation | null\n  uFps: WebGLUniformLocation | null\n  uColor: WebGLUniformLocation | null\n  program: WebGLProgram\n  vs: WebGLShader\n  fs: WebGLShader\n  buffer: WebGLBuffer | null\n}\n\nfunction initWebGL(gl: WebGLRenderingContext): WebGLUniforms | null {\n  const createShader = (type: number, source: string) => {\n    const shader = gl.createShader(type)\n    if (!shader) return null\n    gl.shaderSource(shader, source)\n    gl.compileShader(shader)\n    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n      gl.deleteShader(shader)\n      return null\n    }\n    return shader\n  }\n\n  const vs = createShader(gl.VERTEX_SHADER, vertexShader)\n  const fs = createShader(gl.FRAGMENT_SHADER, fragmentShader)\n  if (!vs || !fs) return null\n\n  const program = gl.createProgram()\n  if (!program) return null\n\n  gl.attachShader(program, vs)\n  gl.attachShader(program, fs)\n  gl.linkProgram(program)\n\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    gl.deleteProgram(program)\n    return null\n  }\n\n  gl.useProgram(program)\n\n  const buffer = gl.createBuffer()\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer)\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),\n    gl.STATIC_DRAW\n  )\n\n  const position = gl.getAttribLocation(program, \"position\")\n  gl.enableVertexAttribArray(position)\n  gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0)\n\n  return {\n    uTime: gl.getUniformLocation(program, \"uTime\"),\n    uResolution: gl.getUniformLocation(program, \"uResolution\"),\n    uDensity: gl.getUniformLocation(program, \"uDensity\"),\n    uOpacity: gl.getUniformLocation(program, \"uOpacity\"),\n    uFps: gl.getUniformLocation(program, \"uFps\"),\n    uColor: gl.getUniformLocation(program, \"uColor\"),\n    program,\n    vs,\n    fs,\n    buffer,\n  }\n}\n\n/** Safe uniform setters */\nfunction setUniform1f(\n  gl: WebGLRenderingContext,\n  loc: WebGLUniformLocation | null,\n  val: number\n) {\n  if (loc) gl.uniform1f(loc, val)\n}\n\nfunction setUniform2f(\n  gl: WebGLRenderingContext,\n  loc: WebGLUniformLocation | null,\n  x: number,\n  y: number\n) {\n  if (loc) gl.uniform2f(loc, x, y)\n}\n\nfunction setUniform3f(\n  gl: WebGLRenderingContext,\n  loc: WebGLUniformLocation | null,\n  x: number,\n  y: number,\n  z: number\n) {\n  if (loc) gl.uniform3f(loc, x, y, z)\n}\n\n// ── Canvas 2D fallback renderer ─────────────────────────────────────\n\nfunction generateGrainTexture(\n  width: number,\n  height: number,\n  density: number,\n  color: string\n): HTMLCanvasElement {\n  const offscreen = document.createElement(\"canvas\")\n  offscreen.width = width\n  offscreen.height = height\n  const ctx = offscreen.getContext(\"2d\")\n  if (!ctx) return offscreen\n\n  const [r, g, b, a] = parseHex(color)\n  const imageData = ctx.createImageData(width, height)\n  const pixels = new Uint32Array(imageData.data.buffer)\n\n  for (let i = 0; i < pixels.length; i++) {\n    if (Math.random() < density) {\n      const variation = Math.round(a * (0.4 + Math.random() * 0.6))\n      pixels[i] = ((variation << 24) | (b << 16) | (g << 8) | r) >>> 0\n    }\n  }\n\n  ctx.putImageData(imageData, 0, 0)\n  return offscreen\n}\n\n// ── Hook ────────────────────────────────────────────────────────────\n\nexport function useFilmGrain({\n  density,\n  opacity,\n  fps = 18,\n  color = \"#ffffff\",\n}: UseFilmGrainOptions) {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null)\n  const rafRef = useRef<number>(0)\n  const visibleRef = useRef(true)\n  const grainTextureRef = useRef<HTMLCanvasElement | null>(null)\n  const resizeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const interval = useMemo(() => 1000 / fps, [fps])\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const container = canvas.parentElement\n    if (!container) return\n\n    const prefersReducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches\n\n    // Pause when offscreen\n    const intersectionObs = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry) visibleRef.current = entry.isIntersecting\n      },\n      { threshold: 0.01 }\n    )\n    intersectionObs.observe(container)\n\n    const getDimensions = () => {\n      const dpr = window.devicePixelRatio || 1\n      return {\n        w: Math.round(canvas.clientWidth * dpr),\n        h: Math.round(canvas.clientHeight * dpr),\n        dpr,\n      }\n    }\n\n    // ── Try WebGL ──\n\n    const gl =\n      canvas.getContext(\"webgl\") ||\n      (canvas.getContext(\"experimental-webgl\") as WebGLRenderingContext | null)\n    const uniforms = gl ? initWebGL(gl) : null\n\n    if (gl && uniforms) {\n      let contextLost = false\n\n      const [cr, cg, cb] = parseHex(color)\n      const setUniforms = () => {\n        setUniform1f(gl, uniforms.uDensity, density)\n        setUniform1f(gl, uniforms.uOpacity, opacity)\n        setUniform1f(gl, uniforms.uFps, fps)\n        setUniform3f(gl, uniforms.uColor, cr / 255, cg / 255, cb / 255)\n      }\n\n      const onContextLost = (e: Event) => {\n        e.preventDefault()\n        contextLost = true\n        cancelAnimationFrame(rafRef.current)\n      }\n\n      const onContextRestored = () => {\n        contextLost = false\n        const newUniforms = initWebGL(gl)\n        if (newUniforms) {\n          uniforms.uTime = newUniforms.uTime\n          uniforms.uResolution = newUniforms.uResolution\n          uniforms.uDensity = newUniforms.uDensity\n          uniforms.uOpacity = newUniforms.uOpacity\n          uniforms.uFps = newUniforms.uFps\n          uniforms.uColor = newUniforms.uColor\n          uniforms.program = newUniforms.program\n          uniforms.vs = newUniforms.vs\n          uniforms.fs = newUniforms.fs\n          uniforms.buffer = newUniforms.buffer\n          resize()\n          setUniforms()\n          if (!prefersReducedMotion)\n            rafRef.current = requestAnimationFrame(render)\n        }\n      }\n\n      canvas.addEventListener(\"webglcontextlost\", onContextLost)\n      canvas.addEventListener(\"webglcontextrestored\", onContextRestored)\n\n      const resize = () => {\n        const { w, h } = getDimensions()\n        if (w === 0 || h === 0) return\n        canvas.width = w\n        canvas.height = h\n        gl.viewport(0, 0, w, h)\n        setUniform2f(gl, uniforms.uResolution, w, h)\n      }\n\n      resize()\n      setUniforms()\n\n      gl.clearColor(0, 0, 0, 0)\n\n      const start = performance.now()\n      let lastSeed = -1\n\n      const render = (now: number) => {\n        if (contextLost) return\n\n        if (\n          !document.hidden &&\n          visibleRef.current &&\n          canvas.width > 0 &&\n          canvas.height > 0\n        ) {\n          const time = (now - start) / 1000\n\n          // Skip draw if grain seed hasn't changed\n          const seed = Math.floor(time * fps)\n          if (seed !== lastSeed) {\n            lastSeed = seed\n            gl.clear(gl.COLOR_BUFFER_BIT)\n            setUniform1f(gl, uniforms.uTime, time)\n            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)\n          }\n        }\n\n        rafRef.current = requestAnimationFrame(render)\n      }\n\n      if (prefersReducedMotion) {\n        setUniform1f(gl, uniforms.uTime, 0)\n        gl.clear(gl.COLOR_BUFFER_BIT)\n        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)\n      } else {\n        rafRef.current = requestAnimationFrame(render)\n      }\n\n      const onResize = () => {\n        if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n        resizeTimerRef.current = setTimeout(resize, 150)\n      }\n\n      window.addEventListener(\"resize\", onResize)\n\n      return () => {\n        cancelAnimationFrame(rafRef.current)\n        if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n        window.removeEventListener(\"resize\", onResize)\n        canvas.removeEventListener(\"webglcontextlost\", onContextLost)\n        canvas.removeEventListener(\"webglcontextrestored\", onContextRestored)\n        intersectionObs.disconnect()\n\n        gl.deleteBuffer(uniforms.buffer)\n        gl.deleteShader(uniforms.vs)\n        gl.deleteShader(uniforms.fs)\n        gl.deleteProgram(uniforms.program)\n      }\n    }\n\n    // ── Canvas 2D fallback ──\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) {\n      intersectionObs.disconnect()\n      return\n    }\n\n    const padFactor = 0.3\n    const getPad = (w: number, h: number) =>\n      Math.round(Math.max(w, h) * padFactor)\n\n    const setup = () => {\n      const { w, h } = getDimensions()\n      if (w === 0 || h === 0) return { w: 0, h: 0, pad: 0 }\n\n      const pad = getPad(w, h)\n      canvas.width = w\n      canvas.height = h\n\n      if (\n        !grainTextureRef.current ||\n        grainTextureRef.current.width < w + pad ||\n        grainTextureRef.current.height < h + pad\n      ) {\n        grainTextureRef.current = generateGrainTexture(\n          w + pad,\n          h + pad,\n          density,\n          color\n        )\n      }\n\n      return { w, h, pad }\n    }\n\n    let { w, h, pad } = setup()\n\n    // Drifting offset for temporal coherence (not teleporting)\n    let offsetX = 0\n    let offsetY = 0\n\n    const drawFrame = () => {\n      const grain = grainTextureRef.current\n      if (!grain || w === 0 || h === 0) return\n\n      const dpr = window.devicePixelRatio || 1\n\n      ctx.clearRect(0, 0, w, h)\n      ctx.filter = `blur(${0.3 * dpr}px)`\n\n      offsetX = (offsetX + 0.7) % pad\n      offsetY = (offsetY + 0.5) % pad\n\n      ctx.drawImage(grain, -offsetX, -offsetY, w + pad, h + pad)\n      ctx.filter = \"none\"\n    }\n\n    if (prefersReducedMotion) {\n      drawFrame()\n      intersectionObs.disconnect()\n      grainTextureRef.current = null\n      return\n    }\n\n    let lastFrame = performance.now()\n\n    const tick = (now: number) => {\n      if (\n        !document.hidden &&\n        visibleRef.current &&\n        w > 0 &&\n        h > 0\n      ) {\n        while (now - lastFrame >= interval) {\n          lastFrame += interval\n          drawFrame()\n        }\n      }\n      rafRef.current = requestAnimationFrame(tick)\n    }\n\n    rafRef.current = requestAnimationFrame(tick)\n\n    const onResize = () => {\n      if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n      resizeTimerRef.current = setTimeout(() => {\n        const m = getDimensions()\n        const newPad = getPad(m.w, m.h)\n\n        if (\n          grainTextureRef.current &&\n          grainTextureRef.current.width >= m.w + newPad &&\n          grainTextureRef.current.height >= m.h + newPad\n        ) {\n          w = m.w\n          h = m.h\n          pad = newPad\n          canvas.width = w\n          canvas.height = h\n          return\n        }\n\n        w = m.w\n        h = m.h\n        pad = newPad\n        canvas.width = w\n        canvas.height = h\n        grainTextureRef.current = generateGrainTexture(\n          w + pad,\n          h + pad,\n          density,\n          color\n        )\n      }, 150)\n    }\n\n    window.addEventListener(\"resize\", onResize)\n\n    return () => {\n      cancelAnimationFrame(rafRef.current)\n      if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n      window.removeEventListener(\"resize\", onResize)\n      intersectionObs.disconnect()\n      grainTextureRef.current = null\n    }\n  }, [density, opacity, fps, interval, color])\n\n  return canvasRef\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { useFilmGrain } from \"./film-grain-webgl\"\n\ninterface FilmGrainProps {\n  density?: number\n  opacity?: number\n  blendMode?: React.CSSProperties[\"mixBlendMode\"]\n  fps?: number\n  color?: string\n  className?: string\n}\n\nfunction FilmGrain({\n  density = 0.6,\n  opacity = 0.08,\n  blendMode = \"overlay\",\n  fps = 18,\n  color = \"#ffffff\",\n  className,\n}: FilmGrainProps) {\n  const canvasRef = useFilmGrain({ density, opacity, fps, color })\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={[\n        \"absolute inset-0 z-0 pointer-events-none select-none overflow-hidden\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={{ mixBlendMode: blendMode, opacity }}\n    >\n      <canvas\n        ref={canvasRef}\n        className=\"w-full h-full will-change-transform\"\n      />\n    </div>\n  )\n}\n\nexport { FilmGrain }\nexport type { FilmGrainProps }\n"]}
+{"version":3,"sources":["../src/film-grain-shader.ts","../src/film-grain-webgl.ts","../src/film-grain.tsx"],"names":["w","h","onResize","pad"],"mappings":"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","file":"film-grain.js","sourcesContent":["export const vertexShader = `\nattribute vec2 position;\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = position * 0.5 + 0.5;\n  gl_Position = vec4(position, 0.0, 1.0);\n}\n`\n\nexport const fragmentShader = `\nprecision highp float;\n\nuniform float uTime;\nuniform vec2 uResolution;\nuniform float uDensity;\nuniform float uOpacity;\nuniform float uFps;\nuniform vec3 uColor;\n\nvarying vec2 vUv;\n\n// Stable hash\nfloat hash(vec2 p, float seed) {\n  return fract(sin(dot(p + seed, vec2(127.1, 311.7))) * 43758.5453123);\n}\n\n// Film response curve (soft toe + shoulder rolloff)\nfloat filmCurve(float x) {\n  return smoothstep(0.0, 0.2, x) * (1.0 - smoothstep(0.8, 1.0, x));\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy;\n  vec2 p = floor(uv);\n\n  // Temporal coherence: blend between current and next frame seed\n  float frame = floor(uTime * uFps);\n  float t = fract(uTime * uFps);\n  float seed = frame * 0.1731;\n\n  // Multi-scale grain with inter-frame blending on fine layer\n  float fineA = hash(p, seed);\n  float fineB = hash(p, seed + 0.1731);\n  float fine = mix(fineA, fineB, t);\n\n  float medium = hash(floor(uv * 0.5), seed + 3.1);\n  float coarse = hash(floor(uv * 0.25), seed + 7.93);\n\n  float grain = fine * 0.65 + medium * 0.25 + coarse * 0.10;\n\n  // Emulsion clumping (organic structure)\n  float cluster = hash(floor(uv * 0.18), seed + 9.2);\n  grain *= mix(0.75, 1.35, cluster);\n\n  // Density threshold\n  grain = smoothstep(1.0 - uDensity, 1.0, grain);\n\n  // Film response curve (replaces raw pow gamma)\n  grain = filmCurve(grain);\n\n  // Micro-blur: sample neighbors for optical diffusion\n  float n1 = hash(p + vec2(1.0, 0.0), seed);\n  float n2 = hash(p - vec2(1.0, 0.0), seed);\n  float n3 = hash(p + vec2(0.0, 1.0), seed);\n  float n4 = hash(p - vec2(0.0, 1.0), seed);\n  float neighbors = (n1 + n2 + n3 + n4) * 0.25;\n  grain = mix(grain, neighbors, 0.15);\n\n  // Chromatic aberration (reuse neighbor hashes)\n  float rShift = n1 * 0.015;\n  float bShift = n2 * 0.015;\n\n  vec3 color = uColor * vec3(\n    grain + rShift,\n    grain,\n    grain + bShift\n  );\n\n  color = clamp(color, 0.0, 1.0);\n\n  gl_FragColor = vec4(color, grain * uOpacity);\n}\n`\n","import { useEffect, useRef, useMemo } from \"react\"\nimport { vertexShader, fragmentShader } from \"./film-grain-shader\"\n\ninterface UseFilmGrainOptions {\n  density: number\n  opacity: number\n  /** Target FPS for both WebGL and canvas fallback. Default 18 */\n  fps?: number\n  /** Hex color for canvas fallback grain. Default '#ffffff' */\n  color?: string\n}\n\n/** Parse hex color safely */\nfunction parseHex(hex: string): [number, number, number, number] {\n  if (!/^#([0-9a-f]{3,8})$/i.test(hex)) return [255, 255, 255, 255]\n  let h = hex.replace(\"#\", \"\")\n  if (h.length === 3) h = h.split(\"\").map((c) => c + c).join(\"\")\n  if (h.length === 6) h += \"ff\"\n  const n = parseInt(h, 16)\n  return [(n >> 24) & 0xff, (n >> 16) & 0xff, (n >> 8) & 0xff, n & 0xff]\n}\n\n// ── WebGL renderer ──────────────────────────────────────────────────\n\ninterface WebGLUniforms {\n  uTime: WebGLUniformLocation | null\n  uResolution: WebGLUniformLocation | null\n  uDensity: WebGLUniformLocation | null\n  uOpacity: WebGLUniformLocation | null\n  uFps: WebGLUniformLocation | null\n  uColor: WebGLUniformLocation | null\n  program: WebGLProgram\n  vs: WebGLShader\n  fs: WebGLShader\n  buffer: WebGLBuffer | null\n}\n\nfunction initWebGL(gl: WebGLRenderingContext): WebGLUniforms | null {\n  const createShader = (type: number, source: string) => {\n    const shader = gl.createShader(type)\n    if (!shader) return null\n    gl.shaderSource(shader, source)\n    gl.compileShader(shader)\n    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n      gl.deleteShader(shader)\n      return null\n    }\n    return shader\n  }\n\n  const vs = createShader(gl.VERTEX_SHADER, vertexShader)\n  const fs = createShader(gl.FRAGMENT_SHADER, fragmentShader)\n  if (!vs || !fs) return null\n\n  const program = gl.createProgram()\n  if (!program) return null\n\n  gl.attachShader(program, vs)\n  gl.attachShader(program, fs)\n  gl.linkProgram(program)\n\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    gl.deleteProgram(program)\n    return null\n  }\n\n  gl.useProgram(program)\n\n  const buffer = gl.createBuffer()\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer)\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),\n    gl.STATIC_DRAW\n  )\n\n  const position = gl.getAttribLocation(program, \"position\")\n  gl.enableVertexAttribArray(position)\n  gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0)\n\n  return {\n    uTime: gl.getUniformLocation(program, \"uTime\"),\n    uResolution: gl.getUniformLocation(program, \"uResolution\"),\n    uDensity: gl.getUniformLocation(program, \"uDensity\"),\n    uOpacity: gl.getUniformLocation(program, \"uOpacity\"),\n    uFps: gl.getUniformLocation(program, \"uFps\"),\n    uColor: gl.getUniformLocation(program, \"uColor\"),\n    program,\n    vs,\n    fs,\n    buffer,\n  }\n}\n\n/** Safe uniform setters */\nfunction setUniform1f(\n  gl: WebGLRenderingContext,\n  loc: WebGLUniformLocation | null,\n  val: number\n) {\n  if (loc) gl.uniform1f(loc, val)\n}\n\nfunction setUniform2f(\n  gl: WebGLRenderingContext,\n  loc: WebGLUniformLocation | null,\n  x: number,\n  y: number\n) {\n  if (loc) gl.uniform2f(loc, x, y)\n}\n\nfunction setUniform3f(\n  gl: WebGLRenderingContext,\n  loc: WebGLUniformLocation | null,\n  x: number,\n  y: number,\n  z: number\n) {\n  if (loc) gl.uniform3f(loc, x, y, z)\n}\n\n// ── Canvas 2D fallback renderer ─────────────────────────────────────\n\nfunction generateGrainTexture(\n  width: number,\n  height: number,\n  density: number,\n  color: string\n): HTMLCanvasElement {\n  const offscreen = document.createElement(\"canvas\")\n  offscreen.width = width\n  offscreen.height = height\n  const ctx = offscreen.getContext(\"2d\")\n  if (!ctx) return offscreen\n\n  const [r, g, b, a] = parseHex(color)\n  const imageData = ctx.createImageData(width, height)\n  const pixels = new Uint32Array(imageData.data.buffer)\n\n  for (let i = 0; i < pixels.length; i++) {\n    if (Math.random() < density) {\n      const variation = Math.round(a * (0.4 + Math.random() * 0.6))\n      pixels[i] = ((variation << 24) | (b << 16) | (g << 8) | r) >>> 0\n    }\n  }\n\n  ctx.putImageData(imageData, 0, 0)\n  return offscreen\n}\n\n// ── Hook ────────────────────────────────────────────────────────────\n\nexport function useFilmGrain({\n  density,\n  opacity,\n  fps = 18,\n  color = \"#ffffff\",\n}: UseFilmGrainOptions) {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null)\n  const rafRef = useRef<number>(0)\n  const visibleRef = useRef(true)\n  const grainTextureRef = useRef<HTMLCanvasElement | null>(null)\n  const resizeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const interval = useMemo(() => 1000 / fps, [fps])\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const container = canvas.parentElement\n    if (!container) return\n\n    const prefersReducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches\n\n    // Pause when offscreen\n    const intersectionObs = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry) visibleRef.current = entry.isIntersecting\n      },\n      { threshold: 0.01 }\n    )\n    intersectionObs.observe(container)\n\n    const getDimensions = () => {\n      const dpr = window.devicePixelRatio || 1\n      return {\n        w: Math.round(canvas.clientWidth * dpr),\n        h: Math.round(canvas.clientHeight * dpr),\n        dpr,\n      }\n    }\n\n    // ── Try WebGL ──\n\n    const gl =\n      canvas.getContext(\"webgl\") ||\n      (canvas.getContext(\"experimental-webgl\") as WebGLRenderingContext | null)\n    const uniforms = gl ? initWebGL(gl) : null\n\n    if (gl && uniforms) {\n      let contextLost = false\n\n      const [cr, cg, cb] = parseHex(color)\n      const setUniforms = () => {\n        setUniform1f(gl, uniforms.uDensity, density)\n        setUniform1f(gl, uniforms.uOpacity, opacity)\n        setUniform1f(gl, uniforms.uFps, fps)\n        setUniform3f(gl, uniforms.uColor, cr / 255, cg / 255, cb / 255)\n      }\n\n      const onContextLost = (e: Event) => {\n        e.preventDefault()\n        contextLost = true\n        cancelAnimationFrame(rafRef.current)\n      }\n\n      const onContextRestored = () => {\n        contextLost = false\n        const newUniforms = initWebGL(gl)\n        if (newUniforms) {\n          uniforms.uTime = newUniforms.uTime\n          uniforms.uResolution = newUniforms.uResolution\n          uniforms.uDensity = newUniforms.uDensity\n          uniforms.uOpacity = newUniforms.uOpacity\n          uniforms.uFps = newUniforms.uFps\n          uniforms.uColor = newUniforms.uColor\n          uniforms.program = newUniforms.program\n          uniforms.vs = newUniforms.vs\n          uniforms.fs = newUniforms.fs\n          uniforms.buffer = newUniforms.buffer\n          resize()\n          setUniforms()\n          if (!prefersReducedMotion)\n            rafRef.current = requestAnimationFrame(render)\n        }\n      }\n\n      canvas.addEventListener(\"webglcontextlost\", onContextLost)\n      canvas.addEventListener(\"webglcontextrestored\", onContextRestored)\n\n      const resize = () => {\n        const { w, h } = getDimensions()\n        if (w === 0 || h === 0) return\n        canvas.width = w\n        canvas.height = h\n        gl.viewport(0, 0, w, h)\n        setUniform2f(gl, uniforms.uResolution, w, h)\n      }\n\n      resize()\n      setUniforms()\n\n      gl.clearColor(0, 0, 0, 0)\n\n      const start = performance.now()\n      let lastSeed = -1\n\n      const render = (now: number) => {\n        if (contextLost) return\n\n        if (\n          !document.hidden &&\n          visibleRef.current &&\n          canvas.width > 0 &&\n          canvas.height > 0\n        ) {\n          const time = (now - start) / 1000\n\n          // Skip draw if grain seed hasn't changed\n          const seed = Math.floor(time * fps)\n          if (seed !== lastSeed) {\n            lastSeed = seed\n            gl.clear(gl.COLOR_BUFFER_BIT)\n            setUniform1f(gl, uniforms.uTime, time)\n            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)\n          }\n        }\n\n        rafRef.current = requestAnimationFrame(render)\n      }\n\n      if (prefersReducedMotion) {\n        setUniform1f(gl, uniforms.uTime, 0)\n        gl.clear(gl.COLOR_BUFFER_BIT)\n        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)\n      } else {\n        rafRef.current = requestAnimationFrame(render)\n      }\n\n      const onResize = () => {\n        if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n        resizeTimerRef.current = setTimeout(resize, 150)\n      }\n\n      window.addEventListener(\"resize\", onResize)\n\n      return () => {\n        cancelAnimationFrame(rafRef.current)\n        if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n        window.removeEventListener(\"resize\", onResize)\n        canvas.removeEventListener(\"webglcontextlost\", onContextLost)\n        canvas.removeEventListener(\"webglcontextrestored\", onContextRestored)\n        intersectionObs.disconnect()\n\n        gl.deleteBuffer(uniforms.buffer)\n        gl.deleteShader(uniforms.vs)\n        gl.deleteShader(uniforms.fs)\n        gl.deleteProgram(uniforms.program)\n      }\n    }\n\n    // ── Canvas 2D fallback ──\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) {\n      intersectionObs.disconnect()\n      return\n    }\n\n    const padFactor = 0.3\n    const getPad = (w: number, h: number) =>\n      Math.round(Math.max(w, h) * padFactor)\n\n    const setup = () => {\n      const { w, h } = getDimensions()\n      if (w === 0 || h === 0) return { w: 0, h: 0, pad: 0 }\n\n      const pad = getPad(w, h)\n      canvas.width = w\n      canvas.height = h\n\n      if (\n        !grainTextureRef.current ||\n        grainTextureRef.current.width < w + pad ||\n        grainTextureRef.current.height < h + pad\n      ) {\n        grainTextureRef.current = generateGrainTexture(\n          w + pad,\n          h + pad,\n          density,\n          color\n        )\n      }\n\n      return { w, h, pad }\n    }\n\n    let { w, h, pad } = setup()\n\n    // Drifting offset for temporal coherence (not teleporting)\n    let offsetX = 0\n    let offsetY = 0\n\n    const drawFrame = () => {\n      const grain = grainTextureRef.current\n      if (!grain || w === 0 || h === 0) return\n\n      const dpr = window.devicePixelRatio || 1\n\n      ctx.clearRect(0, 0, w, h)\n      ctx.filter = `blur(${0.3 * dpr}px)`\n\n      offsetX = (offsetX + 0.7) % pad\n      offsetY = (offsetY + 0.5) % pad\n\n      ctx.drawImage(grain, -offsetX, -offsetY, w + pad, h + pad)\n      ctx.filter = \"none\"\n    }\n\n    if (prefersReducedMotion) {\n      drawFrame()\n      intersectionObs.disconnect()\n      grainTextureRef.current = null\n      return\n    }\n\n    let lastFrame = performance.now()\n\n    const tick = (now: number) => {\n      if (\n        !document.hidden &&\n        visibleRef.current &&\n        w > 0 &&\n        h > 0\n      ) {\n        while (now - lastFrame >= interval) {\n          lastFrame += interval\n          drawFrame()\n        }\n      }\n      rafRef.current = requestAnimationFrame(tick)\n    }\n\n    rafRef.current = requestAnimationFrame(tick)\n\n    const onResize = () => {\n      if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n      resizeTimerRef.current = setTimeout(() => {\n        const m = getDimensions()\n        const newPad = getPad(m.w, m.h)\n\n        if (\n          grainTextureRef.current &&\n          grainTextureRef.current.width >= m.w + newPad &&\n          grainTextureRef.current.height >= m.h + newPad\n        ) {\n          w = m.w\n          h = m.h\n          pad = newPad\n          canvas.width = w\n          canvas.height = h\n          return\n        }\n\n        w = m.w\n        h = m.h\n        pad = newPad\n        canvas.width = w\n        canvas.height = h\n        grainTextureRef.current = generateGrainTexture(\n          w + pad,\n          h + pad,\n          density,\n          color\n        )\n      }, 150)\n    }\n\n    window.addEventListener(\"resize\", onResize)\n\n    return () => {\n      cancelAnimationFrame(rafRef.current)\n      if (resizeTimerRef.current) clearTimeout(resizeTimerRef.current)\n      window.removeEventListener(\"resize\", onResize)\n      intersectionObs.disconnect()\n      grainTextureRef.current = null\n    }\n  }, [density, opacity, fps, interval, color])\n\n  return canvasRef\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { useFilmGrain } from \"./film-grain-webgl\"\n\ninterface FilmGrainProps {\n  density?: number\n  opacity?: number\n  blendMode?: React.CSSProperties[\"mixBlendMode\"]\n  fps?: number\n  color?: string\n  className?: string\n  style?: React.CSSProperties\n}\n\nfunction FilmGrain({\n  density = 0.6,\n  opacity = 0.08,\n  blendMode = \"overlay\",\n  fps = 18,\n  color = \"#ffffff\",\n  className,\n  style,\n}: FilmGrainProps) {\n  const canvasRef = useFilmGrain({ density, opacity, fps, color })\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={[\n        \"absolute inset-0 z-0 pointer-events-none select-none overflow-hidden\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={{ mixBlendMode: blendMode, opacity, ...style }}\n    >\n      <canvas\n        ref={canvasRef}\n        className=\"w-full h-full will-change-transform\"\n      />\n    </div>\n  )\n}\n\nexport { FilmGrain }\nexport type { FilmGrainProps }\n"]}

package/dist/gradient-reveal-text.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface GradientRevealTextProps {
+    /** The text to display */
+    text: string;
+    /** Spotlight follow speed in seconds. Default: 0 (instant) */
+    duration?: number;
+    /** Gradient colors for the reveal effect. Default: rainbow */
+    colors?: string[];
+    /** Base stroke opacity when not hovered. Default: 0.3 */
+    baseOpacity?: number;
+    /** Hovered stroke opacity. Default: 0.7 */
+    hoverOpacity?: number;
+    /** Font family for SVG text. Default: Helvetica Neue */
+    fontFamily?: string;
+    /** Spotlight radius multiplier relative to text height. Default: 0.6 */
+    spotlightSize?: number;
+    /** Stroke width in px. Default: auto (1.5% of text height) */
+    strokeWidth?: number;
+    /** Base stroke color. Default: neutral-200 (light) / neutral-800 (dark) via Tailwind */
+    baseColor?: string;
+    className?: string;
+}
+/**
+ * Large decorative text with a gradient spotlight that follows the cursor.
+ *
+ * Renders as an SVG that auto-sizes to fit the text with zero padding.
+ * The gradient reveal effect activates on hover — a circular spotlight
+ * follows the mouse, revealing rainbow-colored strokes beneath.
+ *
+ * @example
+ * ```tsx
+ * <GradientRevealText text="HELLO" />
+ * <GradientRevealText text="BRAND" colors={["#ff0000", "#00ff00"]} />
+ * ```
+ */
+declare function GradientRevealText({ text, duration, colors, baseOpacity, hoverOpacity, fontFamily, spotlightSize, strokeWidth: strokeWidthPx, baseColor, className, }: GradientRevealTextProps): react_jsx_runtime.JSX.Element;
+
+export { GradientRevealText, type GradientRevealTextProps };

package/dist/gradient-reveal-text.js

@@ -0,0 +1,209 @@
+import { cn } from './chunk-76UQO56T.js';
+import { useId, useRef, useState, useCallback, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_COLORS = [
+  "#eab308",
+  "#ef4444",
+  "#3b82f6",
+  "#06b6d4",
+  "#8b5cf6"
+];
+function GradientRevealText({
+  text,
+  duration = 0,
+  colors = DEFAULT_COLORS,
+  baseOpacity = 0.3,
+  hoverOpacity = 0.7,
+  fontFamily = "Helvetica Neue, Helvetica, Arial, sans-serif",
+  spotlightSize = 0.6,
+  strokeWidth: strokeWidthPx,
+  baseColor,
+  className
+}) {
+  const uid = useId();
+  const svgRef = useRef(null);
+  const textRef = useRef(null);
+  const gradientRef = useRef(null);
+  const [vb, setVb] = useState({ x: 0, y: 0, w: 100, h: 20 });
+  const [measured, setMeasured] = useState(false);
+  const [hovered, setHovered] = useState(false);
+  const targetPos = useRef({ cx: 0.5, cy: 0.5 });
+  const currentPos = useRef({ cx: 0.5, cy: 0.5 });
+  const rafId = useRef(0);
+  const measure = useCallback(() => {
+    const el = textRef.current;
+    if (!el) return;
+    const bbox = el.getBBox();
+    if (bbox.width === 0) return;
+    setVb({ x: bbox.x, y: bbox.y, w: bbox.width, h: bbox.height });
+    setMeasured(true);
+  }, []);
+  useEffect(() => {
+    measure();
+    document.fonts?.ready?.then(measure);
+  }, [text, measure]);
+  const applyGradientPos = useCallback((cx, cy) => {
+    const el = gradientRef.current;
+    if (!el) return;
+    const svgCx = vb.x + cx * vb.w;
+    const svgCy = vb.y + cy * vb.h;
+    el.setAttribute("cx", String(svgCx));
+    el.setAttribute("cy", String(svgCy));
+  }, [vb]);
+  useEffect(() => {
+    if (duration <= 0) return;
+    const speed = 1 - Math.pow(1e-3, 1 / (duration * 60));
+    const tick = () => {
+      const cur = currentPos.current;
+      const tgt = targetPos.current;
+      cur.cx += (tgt.cx - cur.cx) * speed;
+      cur.cy += (tgt.cy - cur.cy) * speed;
+      applyGradientPos(cur.cx, cur.cy);
+      rafId.current = requestAnimationFrame(tick);
+    };
+    rafId.current = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(rafId.current);
+  }, [duration, applyGradientPos]);
+  const updatePos = (e) => {
+    const svg = svgRef.current;
+    if (!svg) return;
+    const rect = svg.getBoundingClientRect();
+    const cx = (e.clientX - rect.left) / rect.width;
+    const cy = (e.clientY - rect.top) / rect.height;
+    targetPos.current = { cx, cy };
+    if (duration <= 0) {
+      currentPos.current = { cx, cy };
+      applyGradientPos(cx, cy);
+    }
+  };
+  const handleMouseEnter = (e) => {
+    const svg = svgRef.current;
+    if (svg) {
+      const rect = svg.getBoundingClientRect();
+      const cx = (e.clientX - rect.left) / rect.width;
+      const cy = (e.clientY - rect.top) / rect.height;
+      targetPos.current = { cx, cy };
+      currentPos.current = { cx, cy };
+      applyGradientPos(cx, cy);
+    }
+    setHovered(true);
+  };
+  const spotlightR = vb.h * spotlightSize;
+  const strokeW = strokeWidthPx ?? vb.h * 0.015;
+  const initCx = vb.x + 0.5 * vb.w;
+  const initCy = vb.y + 0.5 * vb.h;
+  const gradientId = `grad-${uid}`;
+  const maskId = `mask-${uid}`;
+  const revealId = `reveal-${uid}`;
+  const stops = colors.map((color, i) => ({
+    offset: `${i / Math.max(colors.length - 1, 1) * 100}%`,
+    color
+  }));
+  const textStyle = {
+    fontSize: "1em",
+    fontFamily,
+    fill: "none",
+    strokeWidth: strokeW,
+    strokeLinejoin: "round",
+    strokeLinecap: "round",
+    paintOrder: "stroke fill"
+  };
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref: svgRef,
+      "data-slot": "gradient-reveal-text",
+      width: "100%",
+      viewBox: `${vb.x} ${vb.y} ${vb.w} ${vb.h}`,
+      preserveAspectRatio: "xMidYMid meet",
+      xmlns: "http://www.w3.org/2000/svg",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: () => setHovered(false),
+      onMouseMove: updatePos,
+      className: cn("select-none", className),
+      style: { opacity: measured ? 1 : 0 },
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsx("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: hovered && stops.map((s) => /* @__PURE__ */ jsx("stop", { offset: s.offset, stopColor: s.color }, s.offset)) }),
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              ref: gradientRef,
+              id: revealId,
+              gradientUnits: "userSpaceOnUse",
+              r: spotlightR,
+              cx: initCx,
+              cy: initCy,
+              children: [
+                /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white" }),
+                /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "black" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: vb.x - vb.w,
+              y: vb.y - vb.h,
+              width: vb.w * 3,
+              height: vb.h * 3,
+              fill: `url(#${revealId})`
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            ref: textRef,
+            x: "50%",
+            y: "50%",
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            className: "font-bold",
+            style: { fontSize: "1em", fontFamily, visibility: "hidden" },
+            children: text
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "50%",
+            y: "50%",
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            className: baseColor ? "font-bold" : "font-bold stroke-neutral-200 dark:stroke-neutral-800",
+            style: {
+              ...textStyle,
+              ...baseColor ? { stroke: baseColor } : {},
+              opacity: hovered ? hoverOpacity : baseOpacity,
+              transition: "opacity 0.3s ease"
+            },
+            children: text
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "50%",
+            y: "50%",
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            mask: `url(#${maskId})`,
+            className: "font-bold",
+            style: {
+              ...textStyle,
+              stroke: `url(#${gradientId})`
+            },
+            children: text
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { GradientRevealText };
+//# sourceMappingURL=gradient-reveal-text.js.map
+//# sourceMappingURL=gradient-reveal-text.js.map