@flikk/ui 1.0.0-beta.31 → 1.0.0-beta.32

package/dist/components/effects/SmokeRing/SmokeRing.shaders.d.ts

@@ -1,14 +0,0 @@
-/**
- * SmokeRing fragment shader — adapted from paper-design/shaders'
- * `smoke-ring.ts` (https://github.com/paper-design/shaders, Apache License
- * 2.0).
- *
- * Simplified from the original: plain centered/aspect-corrected UV
- * (gl_FragCoord/iResolution) instead of paper-design's ShaderSizingParams
- * fit/scale/rotation engine; pure-hash GLSL (see shared/shaderNoise.glsl.ts)
- * instead of pre-generated noise-texture sampling. The color-ramp loop also
- * adds an explicit `i > idxLast` bounds check so fewer than the maximum 10
- * colors renders correctly (the unset trailing `u_colors[]` slots are never
- * blended in).
- */
-export declare const smokeRingFragmentShader = "#version 300 es\nprecision mediump float;\n\nuniform float iTime;\nuniform vec2 iResolution;\n\nuniform vec4 u_colorBack;\nuniform vec4 u_colors[10];\nuniform float u_colorsCount;\n\nuniform float u_thickness;\nuniform float u_radius;\nuniform float u_innerShape;\nuniform float u_noiseScale;\nuniform float u_noiseIterations;\nuniform float u_speed;\n\nout vec4 fragColor;\n\n\nconst float PI = 3.14159265359;\nconst float TWO_PI = 6.28318530718;\n\n\nfloat randomR(vec2 st) {\n  return fract(sin(dot(st, vec2(12.9898, 78.233))) * 43758.5453123);\n}\n\n\nfloat valueNoise(vec2 st) {\n  vec2 i = floor(st);\n  vec2 f = fract(st);\n  float a = randomR(i);\n  float b = randomR(i + vec2(1.0, 0.0));\n  float c = randomR(i + vec2(0.0, 1.0));\n  float d = randomR(i + vec2(1.0, 1.0));\n  vec2 u = f * f * (3.0 - 2.0 * f);\n  float x1 = mix(a, b, u.x);\n  float x2 = mix(c, d, u.x);\n  return mix(x1, x2, u.y);\n}\n\nvec2 fbm(vec2 n0, vec2 n1) {\n  vec2 total = vec2(0.0);\n  float amplitude = .4;\n  for (int i = 0; i < 8; i++) {\n    if (i >= int(u_noiseIterations)) break;\n    total.x += valueNoise(n0) * amplitude;\n    total.y += valueNoise(n1) * amplitude;\n    n0 *= 1.99;\n    n1 *= 1.99;\n    amplitude *= 0.65;\n  }\n  return total;\n}\n\nfloat getNoise(vec2 uv, vec2 pUv, float t) {\n  vec2 pUvLeft = pUv + .03 * t;\n  float period = max(abs(u_noiseScale * TWO_PI), 1e-6);\n  vec2 pUvRight = vec2(fract(pUv.x / period) * period, pUv.y) + .03 * t;\n  vec2 noiseVal = fbm(pUvLeft, pUvRight);\n  return mix(noiseVal.y, noiseVal.x, smoothstep(-.25, .25, uv.x));\n}\n\nfloat getRingShape(vec2 uv) {\n  float radius = u_radius;\n  float thickness = u_thickness;\n  float distance = length(uv);\n  float ringValue = 1. - smoothstep(radius, radius + thickness, distance);\n  ringValue *= smoothstep(radius - pow(u_innerShape, 3.) * thickness, radius, distance);\n  return ringValue;\n}\n\nvoid main() {\n  vec2 shape_uv = (gl_FragCoord.xy - 0.5 * iResolution.xy) / min(iResolution.x, iResolution.y);\n\n  float t = u_speed * iTime;\n  float cycleDuration = 3.;\n  float period2 = 2.0 * cycleDuration;\n  float localTime1 = fract((0.1 * t + cycleDuration) / period2) * period2;\n  float localTime2 = fract((0.1 * t) / period2) * period2;\n  float timeBlend = .5 + .5 * sin(.1 * t * PI / cycleDuration - .5 * PI);\n\n  float atg = atan(shape_uv.y, shape_uv.x) + .001;\n  float l = length(shape_uv);\n  float radialOffset = .5 * l - inversesqrt(max(1e-4, l));\n  vec2 polar_uv1 = vec2(atg, localTime1 - radialOffset) * u_noiseScale;\n  vec2 polar_uv2 = vec2(atg, localTime2 - radialOffset) * u_noiseScale;\n\n  float noise1 = getNoise(shape_uv, polar_uv1, t);\n  float noise2 = getNoise(shape_uv, polar_uv2, t);\n  float noiseVal = mix(noise1, noise2, timeBlend);\n\n  shape_uv *= (.8 + 1.2 * noiseVal);\n\n  float ringShape = getRingShape(shape_uv);\n\n  float mixer = ringShape * ringShape * (u_colorsCount - 1.);\n  int idxLast = int(u_colorsCount) - 1;\n  vec4 gradient = u_colors[idxLast];\n  gradient.rgb *= gradient.a;\n  for (int i = 9; i >= 0; i--) {\n    if (i > idxLast) continue;\n    float localT = clamp(mixer - float(idxLast - i - 1), 0., 1.);\n    vec4 c = u_colors[i];\n    c.rgb *= c.a;\n    gradient = mix(gradient, c, localT);\n  }\n\n  vec3 color = gradient.rgb * ringShape;\n  float opacity = gradient.a * ringShape;\n  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;\n  color = color + bgColor * (1. - opacity);\n  opacity = opacity + u_colorBack.a * (1. - opacity);\n\n  fragColor = vec4(color, opacity);\n}\n";

package/dist/components/effects/SmokeRing/SmokeRing.shaders.js

@@ -1,130 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-import { glslDeclarePI, glslHashFloat } from '../shared/shaderNoise.glsl.js';
-
-/**
- * SmokeRing fragment shader — adapted from paper-design/shaders'
- * `smoke-ring.ts` (https://github.com/paper-design/shaders, Apache License
- * 2.0).
- *
- * Simplified from the original: plain centered/aspect-corrected UV
- * (gl_FragCoord/iResolution) instead of paper-design's ShaderSizingParams
- * fit/scale/rotation engine; pure-hash GLSL (see shared/shaderNoise.glsl.ts)
- * instead of pre-generated noise-texture sampling. The color-ramp loop also
- * adds an explicit `i > idxLast` bounds check so fewer than the maximum 10
- * colors renders correctly (the unset trailing `u_colors[]` slots are never
- * blended in).
- */
-const smokeRingFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform float iTime;
-uniform vec2 iResolution;
-
-uniform vec4 u_colorBack;
-uniform vec4 u_colors[10];
-uniform float u_colorsCount;
-
-uniform float u_thickness;
-uniform float u_radius;
-uniform float u_innerShape;
-uniform float u_noiseScale;
-uniform float u_noiseIterations;
-uniform float u_speed;
-
-out vec4 fragColor;
-
-${glslDeclarePI}
-${glslHashFloat}
-
-float valueNoise(vec2 st) {
-  vec2 i = floor(st);
-  vec2 f = fract(st);
-  float a = randomR(i);
-  float b = randomR(i + vec2(1.0, 0.0));
-  float c = randomR(i + vec2(0.0, 1.0));
-  float d = randomR(i + vec2(1.0, 1.0));
-  vec2 u = f * f * (3.0 - 2.0 * f);
-  float x1 = mix(a, b, u.x);
-  float x2 = mix(c, d, u.x);
-  return mix(x1, x2, u.y);
-}
-
-vec2 fbm(vec2 n0, vec2 n1) {
-  vec2 total = vec2(0.0);
-  float amplitude = .4;
-  for (int i = 0; i < 8; i++) {
-    if (i >= int(u_noiseIterations)) break;
-    total.x += valueNoise(n0) * amplitude;
-    total.y += valueNoise(n1) * amplitude;
-    n0 *= 1.99;
-    n1 *= 1.99;
-    amplitude *= 0.65;
-  }
-  return total;
-}
-
-float getNoise(vec2 uv, vec2 pUv, float t) {
-  vec2 pUvLeft = pUv + .03 * t;
-  float period = max(abs(u_noiseScale * TWO_PI), 1e-6);
-  vec2 pUvRight = vec2(fract(pUv.x / period) * period, pUv.y) + .03 * t;
-  vec2 noiseVal = fbm(pUvLeft, pUvRight);
-  return mix(noiseVal.y, noiseVal.x, smoothstep(-.25, .25, uv.x));
-}
-
-float getRingShape(vec2 uv) {
-  float radius = u_radius;
-  float thickness = u_thickness;
-  float distance = length(uv);
-  float ringValue = 1. - smoothstep(radius, radius + thickness, distance);
-  ringValue *= smoothstep(radius - pow(u_innerShape, 3.) * thickness, radius, distance);
-  return ringValue;
-}
-
-void main() {
-  vec2 shape_uv = (gl_FragCoord.xy - 0.5 * iResolution.xy) / min(iResolution.x, iResolution.y);
-
-  float t = u_speed * iTime;
-  float cycleDuration = 3.;
-  float period2 = 2.0 * cycleDuration;
-  float localTime1 = fract((0.1 * t + cycleDuration) / period2) * period2;
-  float localTime2 = fract((0.1 * t) / period2) * period2;
-  float timeBlend = .5 + .5 * sin(.1 * t * PI / cycleDuration - .5 * PI);
-
-  float atg = atan(shape_uv.y, shape_uv.x) + .001;
-  float l = length(shape_uv);
-  float radialOffset = .5 * l - inversesqrt(max(1e-4, l));
-  vec2 polar_uv1 = vec2(atg, localTime1 - radialOffset) * u_noiseScale;
-  vec2 polar_uv2 = vec2(atg, localTime2 - radialOffset) * u_noiseScale;
-
-  float noise1 = getNoise(shape_uv, polar_uv1, t);
-  float noise2 = getNoise(shape_uv, polar_uv2, t);
-  float noiseVal = mix(noise1, noise2, timeBlend);
-
-  shape_uv *= (.8 + 1.2 * noiseVal);
-
-  float ringShape = getRingShape(shape_uv);
-
-  float mixer = ringShape * ringShape * (u_colorsCount - 1.);
-  int idxLast = int(u_colorsCount) - 1;
-  vec4 gradient = u_colors[idxLast];
-  gradient.rgb *= gradient.a;
-  for (int i = 9; i >= 0; i--) {
-    if (i > idxLast) continue;
-    float localT = clamp(mixer - float(idxLast - i - 1), 0., 1.);
-    vec4 c = u_colors[i];
-    c.rgb *= c.a;
-    gradient = mix(gradient, c, localT);
-  }
-
-  vec3 color = gradient.rgb * ringShape;
-  float opacity = gradient.a * ringShape;
-  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;
-  color = color + bgColor * (1. - opacity);
-  opacity = opacity + u_colorBack.a * (1. - opacity);
-
-  fragColor = vec4(color, opacity);
-}
-`;
-
-export { smokeRingFragmentShader };

package/dist/components/effects/SmokeRing/SmokeRing.types.d.ts

@@ -1,22 +0,0 @@
-import type React from "react";
-export declare const SMOKE_RING_MAX_COLORS = 10;
-export declare const SMOKE_RING_MAX_NOISE_ITERATIONS = 8;
-export interface SmokeRingProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Background CSS color. Default: 'var(--color-background)'. */
-    colorBack?: string;
-    /** Ring color ramp, up to 10. Default: a 3-stop primary ramp. */
-    colors?: string[];
-    /** Turbulence scale of the ring's noise distortion. Default: 1. */
-    noiseScale?: number;
-    /** Ring thickness. Default: 0.3. */
-    thickness?: number;
-    /** Ring radius. Default: 0.35. */
-    radius?: number;
-    /** Inner-edge softness/shape, 0-1. Default: 0.5. */
-    innerShape?: number;
-    /** fbm octave count, 1-8 (higher = more detailed turbulence). Default: 4. */
-    noiseIterations?: number;
-    /** Animation speed multiplier. Default: 1. */
-    speed?: number;
-    className?: string;
-}

package/dist/components/effects/SmokeRing/SmokeRing.types.js

@@ -1,3 +0,0 @@
-const SMOKE_RING_MAX_COLORS = 10;
-
-export { SMOKE_RING_MAX_COLORS };

package/dist/components/effects/SmokeRing/index.d.ts

@@ -1,2 +0,0 @@
-export { SmokeRing } from "./SmokeRing";
-export type { SmokeRingProps } from "./SmokeRing.types";

package/dist/components/effects/StaticGradientMesh/StaticGradientMesh.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { StaticGradientMeshProps } from "./StaticGradientMesh.types";
-/**
- * Non-animated blob mesh gradient — a static arrangement of weighted color
- * blobs blended into a soft organic gradient, with subtle grain. WebGL2-
- * powered; falls back to a static CSS gradient when WebGL2 is unavailable.
- * Being static, it needs no `prefers-reduced-motion` handling.
- */
-export declare const StaticGradientMesh: React.FC<StaticGradientMeshProps>;

package/dist/components/effects/StaticGradientMesh/StaticGradientMesh.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useMemo, useRef } from 'react';
-import { useIsClient } from '../../../hooks/useIsClient.js';
-import 'motion/react';
-import { useDarkMode } from '../../../hooks/useDarkMode.js';
-import { cn } from '../../../utils/cn.js';
-import { ShaderCanvas } from '../shared/ShaderCanvas/ShaderCanvas.js';
-import { resolveShaderColors } from '../shared/resolveShaderColor.js';
-import { staticGradientMeshFragmentShader } from './StaticGradientMesh.shaders.js';
-import { STATIC_GRADIENT_MESH_MAX_COLORS } from './StaticGradientMesh.types.js';
-
-const DEFAULT_COLORS = ["var(--color-primary-300)", "var(--color-primary)", "var(--color-primary-700)"];
-function useWebgl2Supported() {
-    return useMemo(() => {
-        if (typeof document === "undefined")
-            return false;
-        try {
-            return !!document.createElement("canvas").getContext("webgl2");
-        }
-        catch (_a) {
-            return false;
-        }
-    }, []);
-}
-/**
- * Non-animated blob mesh gradient — a static arrangement of weighted color
- * blobs blended into a soft organic gradient, with subtle grain. WebGL2-
- * powered; falls back to a static CSS gradient when WebGL2 is unavailable.
- * Being static, it needs no `prefers-reduced-motion` handling.
- */
-const StaticGradientMesh = ({ colors = DEFAULT_COLORS, positions = 0, waveX = 0.3, waveXShift = 0, waveY = 0.3, waveYShift = 0, mixing = 0.5, grainMixer = 0.2, grainOverlay = 0.1, className, style, ...props }) => {
-    var _a, _b;
-    const isClient = useIsClient();
-    const isDark = useDarkMode();
-    const webglSupported = useWebgl2Supported();
-    const safeColors = colors.length > 0 ? colors.slice(0, STATIC_GRADIENT_MESH_MAX_COLORS) : DEFAULT_COLORS;
-    const resolvedColors = useMemo(() => resolveShaderColors(safeColors), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [safeColors.join("|"), isDark]);
-    const uniformsRef = useRef({});
-    for (let i = 0; i < STATIC_GRADIENT_MESH_MAX_COLORS; i++) {
-        uniformsRef.current[`u_colors[${i}]`] =
-            (_b = (_a = resolvedColors[i]) !== null && _a !== void 0 ? _a : resolvedColors[resolvedColors.length - 1]) !== null && _b !== void 0 ? _b : [0, 0, 0, 0];
-    }
-    uniformsRef.current.u_colorsCount = resolvedColors.length;
-    uniformsRef.current.u_positions = positions;
-    uniformsRef.current.u_waveX = waveX;
-    uniformsRef.current.u_waveXShift = waveXShift;
-    uniformsRef.current.u_waveY = waveY;
-    uniformsRef.current.u_waveYShift = waveYShift;
-    uniformsRef.current.u_mixing = mixing;
-    uniformsRef.current.u_grainMixer = grainMixer;
-    uniformsRef.current.u_grainOverlay = grainOverlay;
-    const fallbackGradient = `linear-gradient(135deg, ${safeColors.join(", ")})`;
-    return (jsx("div", { className: cn("absolute inset-0 overflow-hidden pointer-events-none select-none", className), style: style, "aria-hidden": "true", ...props, children: isClient && webglSupported ? (jsx(ShaderCanvas, { fragmentShader: staticGradientMeshFragmentShader, uniformsRef: uniformsRef })) : (jsx("div", { className: "absolute inset-0", style: { background: fallbackGradient } })) }));
-};
-
-export { StaticGradientMesh };

package/dist/components/effects/StaticGradientMesh/StaticGradientMesh.shaders.d.ts

@@ -1,14 +0,0 @@
-/**
- * StaticGradientMesh fragment shader — adapted from paper-design/shaders'
- * `static-mesh-gradient.ts` (https://github.com/paper-design/shaders, Apache
- * License 2.0). Renamed from paper-design's "Static Mesh Gradient" to avoid
- * a naming collision with this library's existing `MeshGradient` (an
- * unrelated SVG-based deterministic seed→blob avatar generator).
- *
- * Simplified from the original: plain centered/aspect-corrected UV
- * (gl_FragCoord/iResolution) instead of paper-design's ShaderSizingParams
- * fit/scale/rotation engine; pure-hash GLSL (see shared/shaderNoise.glsl.ts)
- * instead of pre-generated noise-texture sampling. Non-animated — a fixed
- * `positions` seed substitutes for time, matching the original's design.
- */
-export declare const staticGradientMeshFragmentShader = "#version 300 es\nprecision mediump float;\n\nuniform vec2 iResolution;\n\nuniform vec4 u_colors[10];\nuniform float u_colorsCount;\nuniform float u_positions;\nuniform float u_waveX;\nuniform float u_waveXShift;\nuniform float u_waveY;\nuniform float u_waveYShift;\nuniform float u_mixing;\nuniform float u_grainMixer;\nuniform float u_grainOverlay;\n\nout vec4 fragColor;\n\nconst float PI = 3.14159265359;\nconst float TWO_PI = 6.28318530718;\n\n\nvec2 rotate(vec2 v, float angle) {\n  float s = sin(angle);\n  float c = cos(angle);\n  return mat2(c, -s, s, c) * v;\n}\n\n\nfloat randomR(vec2 st) {\n  return fract(sin(dot(st, vec2(12.9898, 78.233))) * 43758.5453123);\n}\n\n\nfloat hash21(vec2 p) {\n  return randomR(p);\n}\n\nfloat valueNoise(vec2 st) {\n  vec2 i = floor(st);\n  vec2 f = fract(st);\n  float a = hash21(i);\n  float b = hash21(i + vec2(1.0, 0.0));\n  float c = hash21(i + vec2(0.0, 1.0));\n  float d = hash21(i + vec2(1.0, 1.0));\n  vec2 u = f * f * (3.0 - 2.0 * f);\n  float x1 = mix(a, b, u.x);\n  float x2 = mix(c, d, u.x);\n  return mix(x1, x2, u.y);\n}\n\nfloat noise(vec2 n, vec2 seedOffset) {\n  return valueNoise(n + seedOffset);\n}\n\nvec2 getPosition(int i, float t) {\n  float a = float(i) * .37;\n  float b = .6 + mod(float(i), 3.) * .3;\n  float c = .8 + mod(float(i + 1), 4.) * 0.25;\n  float x = sin(t * b + a);\n  float y = cos(t * c + a * 1.5);\n  return .5 + .5 * vec2(x, y);\n}\n\nvoid main() {\n  vec2 uv = (gl_FragCoord.xy - 0.5 * iResolution.xy) / min(iResolution.x, iResolution.y);\n  uv += .5;\n  vec2 grainUV = uv * 1000.;\n\n  float grain = noise(grainUV, vec2(0.));\n  float mixerGrain = .4 * u_grainMixer * (grain - .5);\n\n  float radius = smoothstep(0., 1., length(uv - .5));\n  float center = 1. - radius;\n  for (float i = 1.; i <= 2.; i++) {\n    uv.x += u_waveX * center / i * cos(TWO_PI * u_waveXShift + i * 2. * smoothstep(.0, 1., uv.y));\n    uv.y += u_waveY * center / i * cos(TWO_PI * u_waveYShift + i * 2. * smoothstep(.0, 1., uv.x));\n  }\n\n  vec3 color = vec3(0.);\n  float opacity = 0.;\n  float totalWeight = 0.;\n  float positionSeed = 25. + .33 * u_positions;\n\n  for (int i = 0; i < 10; i++) {\n    if (i >= int(u_colorsCount)) break;\n    vec2 pos = getPosition(i, positionSeed) + mixerGrain;\n    float dist = length(uv - pos);\n    vec3 colorFraction = u_colors[i].rgb * u_colors[i].a;\n    float opacityFraction = u_colors[i].a;\n\n    float mixing = pow(u_mixing, .7);\n    float power = mix(2., 1., mixing);\n    dist = pow(dist, power);\n\n    float w = 1. / (dist + 1e-3);\n    float baseSharpness = mix(.0, 8., clamp(w, 0., 1.));\n    float sharpness = mix(baseSharpness, 1., mixing);\n    w = pow(w, sharpness);\n    color += colorFraction * w;\n    opacity += opacityFraction * w;\n    totalWeight += w;\n  }\n  color /= max(1e-4, totalWeight);\n  opacity /= max(1e-4, totalWeight);\n\n  float grainOverlay = valueNoise(rotate(grainUV, 1.) + vec2(3.));\n  grainOverlay = mix(grainOverlay, valueNoise(rotate(grainUV, 2.) + vec2(-1.)), .5);\n  grainOverlay = pow(grainOverlay, 1.3);\n  float grainOverlayV = grainOverlay * 2. - 1.;\n  vec3 grainOverlayColor = vec3(step(0., grainOverlayV));\n  float grainOverlayStrength = u_grainOverlay * abs(grainOverlayV);\n  grainOverlayStrength = pow(grainOverlayStrength, .8);\n  color = mix(color, grainOverlayColor, .35 * grainOverlayStrength);\n  opacity += .5 * grainOverlayStrength;\n  opacity = clamp(opacity, 0., 1.);\n\n  fragColor = vec4(color, opacity);\n}\n";

package/dist/components/effects/StaticGradientMesh/StaticGradientMesh.shaders.js

@@ -1,129 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-import { glslRotate2, glslHashFloat } from '../shared/shaderNoise.glsl.js';
-
-/**
- * StaticGradientMesh fragment shader — adapted from paper-design/shaders'
- * `static-mesh-gradient.ts` (https://github.com/paper-design/shaders, Apache
- * License 2.0). Renamed from paper-design's "Static Mesh Gradient" to avoid
- * a naming collision with this library's existing `MeshGradient` (an
- * unrelated SVG-based deterministic seed→blob avatar generator).
- *
- * Simplified from the original: plain centered/aspect-corrected UV
- * (gl_FragCoord/iResolution) instead of paper-design's ShaderSizingParams
- * fit/scale/rotation engine; pure-hash GLSL (see shared/shaderNoise.glsl.ts)
- * instead of pre-generated noise-texture sampling. Non-animated — a fixed
- * `positions` seed substitutes for time, matching the original's design.
- */
-const staticGradientMeshFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform vec2 iResolution;
-
-uniform vec4 u_colors[10];
-uniform float u_colorsCount;
-uniform float u_positions;
-uniform float u_waveX;
-uniform float u_waveXShift;
-uniform float u_waveY;
-uniform float u_waveYShift;
-uniform float u_mixing;
-uniform float u_grainMixer;
-uniform float u_grainOverlay;
-
-out vec4 fragColor;
-
-const float PI = 3.14159265359;
-const float TWO_PI = 6.28318530718;
-
-${glslRotate2}
-${glslHashFloat}
-
-float hash21(vec2 p) {
-  return randomR(p);
-}
-
-float valueNoise(vec2 st) {
-  vec2 i = floor(st);
-  vec2 f = fract(st);
-  float a = hash21(i);
-  float b = hash21(i + vec2(1.0, 0.0));
-  float c = hash21(i + vec2(0.0, 1.0));
-  float d = hash21(i + vec2(1.0, 1.0));
-  vec2 u = f * f * (3.0 - 2.0 * f);
-  float x1 = mix(a, b, u.x);
-  float x2 = mix(c, d, u.x);
-  return mix(x1, x2, u.y);
-}
-
-float noise(vec2 n, vec2 seedOffset) {
-  return valueNoise(n + seedOffset);
-}
-
-vec2 getPosition(int i, float t) {
-  float a = float(i) * .37;
-  float b = .6 + mod(float(i), 3.) * .3;
-  float c = .8 + mod(float(i + 1), 4.) * 0.25;
-  float x = sin(t * b + a);
-  float y = cos(t * c + a * 1.5);
-  return .5 + .5 * vec2(x, y);
-}
-
-void main() {
-  vec2 uv = (gl_FragCoord.xy - 0.5 * iResolution.xy) / min(iResolution.x, iResolution.y);
-  uv += .5;
-  vec2 grainUV = uv * 1000.;
-
-  float grain = noise(grainUV, vec2(0.));
-  float mixerGrain = .4 * u_grainMixer * (grain - .5);
-
-  float radius = smoothstep(0., 1., length(uv - .5));
-  float center = 1. - radius;
-  for (float i = 1.; i <= 2.; i++) {
-    uv.x += u_waveX * center / i * cos(TWO_PI * u_waveXShift + i * 2. * smoothstep(.0, 1., uv.y));
-    uv.y += u_waveY * center / i * cos(TWO_PI * u_waveYShift + i * 2. * smoothstep(.0, 1., uv.x));
-  }
-
-  vec3 color = vec3(0.);
-  float opacity = 0.;
-  float totalWeight = 0.;
-  float positionSeed = 25. + .33 * u_positions;
-
-  for (int i = 0; i < 10; i++) {
-    if (i >= int(u_colorsCount)) break;
-    vec2 pos = getPosition(i, positionSeed) + mixerGrain;
-    float dist = length(uv - pos);
-    vec3 colorFraction = u_colors[i].rgb * u_colors[i].a;
-    float opacityFraction = u_colors[i].a;
-
-    float mixing = pow(u_mixing, .7);
-    float power = mix(2., 1., mixing);
-    dist = pow(dist, power);
-
-    float w = 1. / (dist + 1e-3);
-    float baseSharpness = mix(.0, 8., clamp(w, 0., 1.));
-    float sharpness = mix(baseSharpness, 1., mixing);
-    w = pow(w, sharpness);
-    color += colorFraction * w;
-    opacity += opacityFraction * w;
-    totalWeight += w;
-  }
-  color /= max(1e-4, totalWeight);
-  opacity /= max(1e-4, totalWeight);
-
-  float grainOverlay = valueNoise(rotate(grainUV, 1.) + vec2(3.));
-  grainOverlay = mix(grainOverlay, valueNoise(rotate(grainUV, 2.) + vec2(-1.)), .5);
-  grainOverlay = pow(grainOverlay, 1.3);
-  float grainOverlayV = grainOverlay * 2. - 1.;
-  vec3 grainOverlayColor = vec3(step(0., grainOverlayV));
-  float grainOverlayStrength = u_grainOverlay * abs(grainOverlayV);
-  grainOverlayStrength = pow(grainOverlayStrength, .8);
-  color = mix(color, grainOverlayColor, .35 * grainOverlayStrength);
-  opacity += .5 * grainOverlayStrength;
-  opacity = clamp(opacity, 0., 1.);
-
-  fragColor = vec4(color, opacity);
-}
-`;
-
-export { staticGradientMeshFragmentShader };

package/dist/components/effects/StaticGradientMesh/StaticGradientMesh.types.d.ts

@@ -1,23 +0,0 @@
-import type React from "react";
-export declare const STATIC_GRADIENT_MESH_MAX_COLORS = 10;
-export interface StaticGradientMeshProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Blob colors (hex, rgb(), named, or var(--...)), up to 10. Default: a 3-stop primary ramp. */
-    colors?: string[];
-    /** Seeds the (fixed) blob layout — change to get a different arrangement. Default: 0. */
-    positions?: number;
-    /** Horizontal wave warp strength. Default: 0.3. */
-    waveX?: number;
-    /** Horizontal wave phase shift, 0-1. Default: 0. */
-    waveXShift?: number;
-    /** Vertical wave warp strength. Default: 0.3. */
-    waveY?: number;
-    /** Vertical wave phase shift, 0-1. Default: 0. */
-    waveYShift?: number;
-    /** Blend sharpness between blobs, 0-1 (0 = sharp, 1 = soft). Default: 0.5. */
-    mixing?: number;
-    /** Grain influence on blob positions, 0-1. Default: 0.2. */
-    grainMixer?: number;
-    /** Post-composite grain overlay strength, 0-1. Default: 0.1. */
-    grainOverlay?: number;
-    className?: string;
-}

package/dist/components/effects/StaticGradientMesh/StaticGradientMesh.types.js

@@ -1,3 +0,0 @@
-const STATIC_GRADIENT_MESH_MAX_COLORS = 10;
-
-export { STATIC_GRADIENT_MESH_MAX_COLORS };

package/dist/components/effects/StaticGradientMesh/index.d.ts

@@ -1,2 +0,0 @@
-export { StaticGradientMesh } from "./StaticGradientMesh";
-export type { StaticGradientMeshProps } from "./StaticGradientMesh.types";

package/dist/components/effects/Water/Water.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { WaterProps } from "./Water.types";
-/**
- * Animated water-caustic image filter — distorts a source image with
- * ripple/wave displacement and caustic light highlights. WebGL2-powered;
- * falls back to the plain source image (via `object-fit: cover`) when
- * WebGL2 is unavailable or the user prefers reduced motion.
- */
-export declare const Water: React.FC<WaterProps>;

package/dist/components/effects/Water/Water.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useRef, useCallback } from 'react';
-import { useReducedMotion } from 'motion/react';
-import { useIsClient } from '../../../hooks/useIsClient.js';
-import { useDarkMode } from '../../../hooks/useDarkMode.js';
-import { cn } from '../../../utils/cn.js';
-import { ShaderCanvas } from '../shared/ShaderCanvas/ShaderCanvas.js';
-import { resolveShaderColor } from '../shared/resolveShaderColor.js';
-import { waterFragmentShader } from './Water.shaders.js';
-
-const DEFAULT_COLOR_BACK = "var(--color-surface-sunken)";
-const DEFAULT_COLOR_HIGHLIGHT = "var(--color-primary-50)";
-function useWebgl2Supported(disabled) {
-    return useMemo(() => {
-        if (disabled || typeof document === "undefined")
-            return false;
-        try {
-            return !!document.createElement("canvas").getContext("webgl2");
-        }
-        catch (_a) {
-            return false;
-        }
-    }, [disabled]);
-}
-/**
- * Animated water-caustic image filter — distorts a source image with
- * ripple/wave displacement and caustic light highlights. WebGL2-powered;
- * falls back to the plain source image (via `object-fit: cover`) when
- * WebGL2 is unavailable or the user prefers reduced motion.
- */
-const Water = ({ image, colorBack = DEFAULT_COLOR_BACK, colorHighlight = DEFAULT_COLOR_HIGHLIGHT, highlights = 0.5, layering = 0.3, edges = 0, caustic = 1, waves = 0.3, size = 0.3, speed = 1, className, style, ...props }) => {
-    const isClient = useIsClient();
-    const shouldReduceMotion = useReducedMotion();
-    const isDark = useDarkMode();
-    const webglSupported = useWebgl2Supported(!!shouldReduceMotion);
-    const [imageAspectRatio, setImageAspectRatio] = useState(16 / 9);
-    const resolvedBack = useMemo(() => resolveShaderColor(colorBack), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [colorBack, isDark]);
-    const resolvedHighlight = useMemo(() => resolveShaderColor(colorHighlight), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [colorHighlight, isDark]);
-    const texturesRef = useRef({ u_image: image });
-    texturesRef.current.u_image = image;
-    const handleTextureLoad = useCallback((name, aspectRatio) => {
-        if (name === "u_image")
-            setImageAspectRatio(aspectRatio);
-    }, []);
-    const uniformsRef = useRef({});
-    uniformsRef.current.u_colorBack = resolvedBack;
-    uniformsRef.current.u_colorHighlight = resolvedHighlight;
-    uniformsRef.current.u_imageAspectRatio = imageAspectRatio;
-    uniformsRef.current.u_highlights = highlights;
-    uniformsRef.current.u_layering = layering;
-    uniformsRef.current.u_edges = edges;
-    uniformsRef.current.u_caustic = caustic;
-    uniformsRef.current.u_waves = waves;
-    uniformsRef.current.u_size = size;
-    uniformsRef.current.u_speed = speed;
-    const imageSrc = typeof image === "string" ? image : image.src;
-    return (jsx("div", { className: cn("absolute inset-0 overflow-hidden pointer-events-none select-none", className), style: style, "aria-hidden": "true", ...props, children: isClient && webglSupported ? (jsx(ShaderCanvas, { fragmentShader: waterFragmentShader, uniformsRef: uniformsRef, texturesRef: texturesRef, onTextureLoad: handleTextureLoad })) : (jsx("img", { src: imageSrc, alt: "", className: "absolute inset-0 w-full h-full object-cover" })) }));
-};
-
-export { Water };

package/dist/components/effects/Water/Water.shaders.d.ts

@@ -1,11 +0,0 @@
-/**
- * Water fragment shader — adapted from paper-design/shaders' `water.ts`
- * (https://github.com/paper-design/shaders, Apache License 2.0). An image
- * filter: distorts a source image with caustic-noise ripples and wave
- * displacement.
- *
- * Simplified from the original: image UV computed via the shared
- * `getImageCoverUV` cover-fit helper (see shared/imageUV.glsl.ts) instead of
- * paper-design's ShaderSizingParams fit/scale/rotation engine.
- */
-export declare const waterFragmentShader = "#version 300 es\nprecision mediump float;\n\nuniform float iTime;\nuniform vec2 iResolution;\n\nuniform vec4 u_colorBack;\nuniform vec4 u_colorHighlight;\n\nuniform sampler2D u_image;\nuniform float u_imageAspectRatio;\n\nuniform float u_size;\nuniform float u_highlights;\nuniform float u_layering;\nuniform float u_edges;\nuniform float u_caustic;\nuniform float u_waves;\nuniform float u_speed;\n\nout vec4 fragColor;\n\n\nvec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\nvec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\nvec3 permute(vec3 x) { return mod289(((x * 34.0) + 1.0) * x); }\n\nfloat snoise(vec2 v) {\n  const vec4 C = vec4(0.211324865405187, 0.366025403784439,\n                       -0.577350269189626, 0.024390243902439);\n  vec2 i  = floor(v + dot(v, C.yy));\n  vec2 x0 = v - i + dot(i, C.xx);\n\n  vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n  i = mod289(i);\n  vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));\n\n  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);\n  m = m * m;\n  m = m * m;\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n  m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n\n  vec3 g;\n  g.x = a0.x * x0.x + h.x * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\n\nvec2 getImageCoverUV(vec2 fragUV, vec2 resolution, float imageAspectRatio) {\n  float containerAspect = resolution.x / resolution.y;\n  // Container wider (relative to its height) than the image: sample a\n  // narrower vertical slice of the image (crop top/bottom) so it fills the\n  // container width with no letterboxing. Container narrower/taller than\n  // the image: sample a narrower horizontal slice (crop left/right) instead.\n  vec2 scale = containerAspect > imageAspectRatio\n    ? vec2(1.0, imageAspectRatio / containerAspect)\n    : vec2(containerAspect / imageAspectRatio, 1.0);\n  return (fragUV - 0.5) * scale + 0.5;\n}\n\n\nfloat getUvFrame(vec2 uv) {\n  float aax = 2. * fwidth(uv.x);\n  float aay = 2. * fwidth(uv.y);\n\n  float left = smoothstep(0., aax, uv.x);\n  float right = 1.0 - smoothstep(1. - aax, 1., uv.x);\n  float bottom = smoothstep(0., aay, uv.y);\n  float top = 1.0 - smoothstep(1. - aay, 1., uv.y);\n\n  return left * right * bottom * top;\n}\n\nmat2 rotate2D(float r) {\n  return mat2(cos(r), sin(r), -sin(r), cos(r));\n}\n\nfloat getCausticNoise(vec2 uv, float t, float scale) {\n  vec2 n = vec2(.1);\n  vec2 N = vec2(.1);\n  mat2 m = rotate2D(.5);\n  for (int j = 0; j < 6; j++) {\n    uv *= m;\n    n *= m;\n    vec2 q = uv * scale + float(j) + n + (.5 + .5 * float(j)) * (mod(float(j), 2.) - 1.) * t;\n    n += sin(q);\n    N += cos(q) / scale;\n    scale *= 1.1;\n  }\n  return (N.x + N.y + 1.);\n}\n\nvoid main() {\n  vec2 fragUV = gl_FragCoord.xy / iResolution.xy;\n  vec2 imageUV = getImageCoverUV(fragUV, iResolution, u_imageAspectRatio);\n  vec2 patternUV = imageUV - .5;\n  patternUV = (patternUV * vec2(u_imageAspectRatio, 1.));\n  patternUV /= (.01 + .09 * u_size);\n\n  float t = u_speed * iTime;\n\n  float wavesNoise = snoise((.3 + .1 * sin(t)) * .1 * patternUV + vec2(0., .4 * t));\n\n  float causticNoise = getCausticNoise(patternUV + u_waves * vec2(1., -1.) * wavesNoise, 2. * t, 1.5);\n  causticNoise += u_layering * getCausticNoise(patternUV + 2. * u_waves * vec2(1., -1.) * wavesNoise, 1.5 * t, 2.);\n  causticNoise = causticNoise * causticNoise;\n\n  float edgesDistortion = smoothstep(0., .1, imageUV.x);\n  edgesDistortion *= smoothstep(0., .1, imageUV.y);\n  edgesDistortion *= (smoothstep(1., 1.1, imageUV.x) + (1.0 - smoothstep(.8, .95, imageUV.x)));\n  edgesDistortion *= (1.0 - smoothstep(.9, 1., imageUV.y));\n  edgesDistortion = mix(edgesDistortion, 1., u_edges);\n\n  float causticNoiseDistortion = .02 * causticNoise * edgesDistortion;\n  float wavesDistortion = .1 * u_waves * wavesNoise;\n\n  imageUV += vec2(wavesDistortion, -wavesDistortion);\n  imageUV += (u_caustic * causticNoiseDistortion);\n\n  float frame = getUvFrame(imageUV);\n  vec4 image = texture(u_image, imageUV);\n  vec4 backColor = u_colorBack;\n  backColor.rgb *= backColor.a;\n\n  vec3 color = mix(backColor.rgb, image.rgb, image.a * frame);\n  float opacity = backColor.a + image.a * frame;\n\n  causticNoise = max(-.2, causticNoise);\n\n  float hightlight = .025 * u_highlights * causticNoise;\n  hightlight *= u_colorHighlight.a;\n  color = mix(color, u_colorHighlight.rgb, .05 * u_highlights * causticNoise);\n  opacity += hightlight;\n\n  color += hightlight * (.5 + .5 * wavesNoise);\n  opacity += hightlight * (.5 + .5 * wavesNoise);\n\n  opacity = clamp(opacity, 0., 1.);\n\n  fragColor = vec4(color, opacity);\n}\n";

package/dist/components/effects/Water/Water.shaders.js

@@ -1,123 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-import { glslSimplexNoise2D } from '../shared/shaderNoise.glsl.js';
-import { glslImageCoverUV } from '../shared/imageUV.glsl.js';
-
-/**
- * Water fragment shader — adapted from paper-design/shaders' `water.ts`
- * (https://github.com/paper-design/shaders, Apache License 2.0). An image
- * filter: distorts a source image with caustic-noise ripples and wave
- * displacement.
- *
- * Simplified from the original: image UV computed via the shared
- * `getImageCoverUV` cover-fit helper (see shared/imageUV.glsl.ts) instead of
- * paper-design's ShaderSizingParams fit/scale/rotation engine.
- */
-const waterFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform float iTime;
-uniform vec2 iResolution;
-
-uniform vec4 u_colorBack;
-uniform vec4 u_colorHighlight;
-
-uniform sampler2D u_image;
-uniform float u_imageAspectRatio;
-
-uniform float u_size;
-uniform float u_highlights;
-uniform float u_layering;
-uniform float u_edges;
-uniform float u_caustic;
-uniform float u_waves;
-uniform float u_speed;
-
-out vec4 fragColor;
-
-${glslSimplexNoise2D}
-${glslImageCoverUV}
-
-float getUvFrame(vec2 uv) {
-  float aax = 2. * fwidth(uv.x);
-  float aay = 2. * fwidth(uv.y);
-
-  float left = smoothstep(0., aax, uv.x);
-  float right = 1.0 - smoothstep(1. - aax, 1., uv.x);
-  float bottom = smoothstep(0., aay, uv.y);
-  float top = 1.0 - smoothstep(1. - aay, 1., uv.y);
-
-  return left * right * bottom * top;
-}
-
-mat2 rotate2D(float r) {
-  return mat2(cos(r), sin(r), -sin(r), cos(r));
-}
-
-float getCausticNoise(vec2 uv, float t, float scale) {
-  vec2 n = vec2(.1);
-  vec2 N = vec2(.1);
-  mat2 m = rotate2D(.5);
-  for (int j = 0; j < 6; j++) {
-    uv *= m;
-    n *= m;
-    vec2 q = uv * scale + float(j) + n + (.5 + .5 * float(j)) * (mod(float(j), 2.) - 1.) * t;
-    n += sin(q);
-    N += cos(q) / scale;
-    scale *= 1.1;
-  }
-  return (N.x + N.y + 1.);
-}
-
-void main() {
-  vec2 fragUV = gl_FragCoord.xy / iResolution.xy;
-  vec2 imageUV = getImageCoverUV(fragUV, iResolution, u_imageAspectRatio);
-  vec2 patternUV = imageUV - .5;
-  patternUV = (patternUV * vec2(u_imageAspectRatio, 1.));
-  patternUV /= (.01 + .09 * u_size);
-
-  float t = u_speed * iTime;
-
-  float wavesNoise = snoise((.3 + .1 * sin(t)) * .1 * patternUV + vec2(0., .4 * t));
-
-  float causticNoise = getCausticNoise(patternUV + u_waves * vec2(1., -1.) * wavesNoise, 2. * t, 1.5);
-  causticNoise += u_layering * getCausticNoise(patternUV + 2. * u_waves * vec2(1., -1.) * wavesNoise, 1.5 * t, 2.);
-  causticNoise = causticNoise * causticNoise;
-
-  float edgesDistortion = smoothstep(0., .1, imageUV.x);
-  edgesDistortion *= smoothstep(0., .1, imageUV.y);
-  edgesDistortion *= (smoothstep(1., 1.1, imageUV.x) + (1.0 - smoothstep(.8, .95, imageUV.x)));
-  edgesDistortion *= (1.0 - smoothstep(.9, 1., imageUV.y));
-  edgesDistortion = mix(edgesDistortion, 1., u_edges);
-
-  float causticNoiseDistortion = .02 * causticNoise * edgesDistortion;
-  float wavesDistortion = .1 * u_waves * wavesNoise;
-
-  imageUV += vec2(wavesDistortion, -wavesDistortion);
-  imageUV += (u_caustic * causticNoiseDistortion);
-
-  float frame = getUvFrame(imageUV);
-  vec4 image = texture(u_image, imageUV);
-  vec4 backColor = u_colorBack;
-  backColor.rgb *= backColor.a;
-
-  vec3 color = mix(backColor.rgb, image.rgb, image.a * frame);
-  float opacity = backColor.a + image.a * frame;
-
-  causticNoise = max(-.2, causticNoise);
-
-  float hightlight = .025 * u_highlights * causticNoise;
-  hightlight *= u_colorHighlight.a;
-  color = mix(color, u_colorHighlight.rgb, .05 * u_highlights * causticNoise);
-  opacity += hightlight;
-
-  color += hightlight * (.5 + .5 * wavesNoise);
-  opacity += hightlight * (.5 + .5 * wavesNoise);
-
-  opacity = clamp(opacity, 0., 1.);
-
-  fragColor = vec4(color, opacity);
-}
-`;
-
-export { waterFragmentShader };