@actioneer/ads 0.6.0 → 0.7.0

package/components/pixel-icon.js

@@ -1,859 +0,0 @@
-"use client";
-var I = Object.defineProperty;
-var O = (o, e, t) => e in o ? I(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var i = (o, e, t) => O(o, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as z } from "react/jsx-runtime";
-import * as D from "react";
-import { Renderer as K, Triangle as U, Program as _, Mesh as N, Texture as q } from "ogl";
-import { cn as V } from "../lib/cn.js";
-const P = {
-  growth: [
-    "...##....##....##",
-    "..###...###...###",
-    ".####..####..####",
-    "#####.#####.#####",
-    ".................",
-    "...##....##....##",
-    "..###...###...###",
-    ".####..####..####",
-    "#####.#####.#####",
-    "#####.#####.#####",
-    ".................",
-    "...##....##....##",
-    ".####..####..####",
-    "#####.#####.#####",
-    "#####.#####.#####"
-  ],
-  // Pixel-sampled from Phosphor's official fill SVGs:
-  // Folder Simple, Magnifying Glass, and Books.
-  "document-agent": [
-    "...............",
-    "...............",
-    ".#####.........",
-    ".######........",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    ".#############.",
-    "...............",
-    "..............."
-  ],
-  search: [
-    "...............",
-    "...#######.....",
-    "..##.....##....",
-    ".##.#####.##...",
-    ".#.#######.#...",
-    ".#.#######.#...",
-    ".#.#######.#...",
-    ".#.#######.#...",
-    ".#.#######.#...",
-    ".##.#####.#....",
-    "..##.....##....",
-    "...######..#...",
-    "............#..",
-    ".............#.",
-    "..............."
-  ],
-  books: [
-    "...............",
-    "..##########...",
-    "..#...##...#...",
-    "..###########..",
-    "..#######...#..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.######.",
-    "..#####.######.",
-    "..#####.######.",
-    "..#####..#####.",
-    "..#####..##..#.",
-    "..#...#..#..##.",
-    "..#####..###...",
-    "..............."
-  ],
-  artifacts: [
-    "...............",
-    "...............",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "...............",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "..#####.#####..",
-    "...............",
-    "..............."
-  ]
-}, M = [
-  "var(--color-ink-950)",
-  "var(--color-ink-950)",
-  "var(--color-ink-900)",
-  "var(--color-ink-900)",
-  "var(--color-ink-850)",
-  "var(--color-ink-850)",
-  "var(--color-ink-800)",
-  "var(--color-ink-800)",
-  "var(--color-ink-700)",
-  "var(--color-ink-700)"
-], X = [
-  "var(--color-warning-700)",
-  "var(--color-warning-700)",
-  "var(--color-warning-600)",
-  "var(--color-amber-deep)",
-  "var(--color-warning-500)",
-  "var(--color-amber-base)",
-  "var(--color-amber-base)",
-  "var(--color-chart-2)",
-  "var(--color-amber-soft)",
-  "var(--color-amber-soft)"
-], R = {
-  growth: M,
-  "document-agent": M,
-  search: M,
-  books: M,
-  artifacts: X
-};
-function F(o) {
-  return o.length === 0 ? [...M] : Array.from(
-    { length: 10 },
-    (e, t) => o[t % o.length]
-  );
-}
-const H = /* @__PURE__ */ new Set(), Y = ["#c7cad0", "#d0d3d8", "#d8dade", "#dfe1e4", "#e6e7e9"], w = 0, W = (
-  /* glsl */
-  `
-  attribute vec2 uv;
-  attribute vec2 position;
-
-  varying vec2 vUv;
-
-  void main() {
-    vUv = uv;
-    gl_Position = vec4(position, 0.0, 1.0);
-  }
-`
-), $ = (
-  /* glsl */
-  `
-  precision highp float;
-
-  uniform sampler2D tMask;
-  uniform vec2 uGrid;
-  uniform vec2 uPointer;
-  uniform vec2 uBlastPointer;
-  uniform float uTime;
-  uniform float uHoverTime;
-  uniform float uHover;
-  uniform float uBlastTime;
-  uniform float uBlast;
-  uniform float uIntro;
-  uniform float uMotion;
-  uniform float uSequence;
-  uniform float uSeed;
-  uniform float uStripeFrequency;
-  uniform float uGapInner;
-  uniform float uGapOuter;
-  uniform float uMode;
-  uniform vec3 uColor0;
-  uniform vec3 uColor1;
-  uniform vec3 uColor2;
-  uniform vec3 uColor3;
-  uniform vec3 uColor4;
-  uniform vec3 uColor5;
-  uniform vec3 uColor6;
-  uniform vec3 uColor7;
-  uniform vec3 uColor8;
-  uniform vec3 uColor9;
-  uniform vec3 uInteractionColor;
-  uniform float uUseInteractionColor;
-
-  varying vec2 vUv;
-
-  float hash21(vec2 p) {
-    p = fract(p * vec2(123.34, 456.21));
-    p += dot(p, p + 45.32 + uSeed);
-    return fract(p.x * p.y);
-  }
-
-  vec3 palette(float index) {
-    if (index < 0.5) return uColor0;
-    if (index < 1.5) return uColor1;
-    if (index < 2.5) return uColor2;
-    if (index < 3.5) return uColor3;
-    if (index < 4.5) return uColor4;
-    if (index < 5.5) return uColor5;
-    if (index < 6.5) return uColor6;
-    if (index < 7.5) return uColor7;
-    if (index < 8.5) return uColor8;
-    return uColor9;
-  }
-
-  float wrappedDistance(float a, float b) {
-    float distanceValue = abs(a - b);
-    return min(distanceValue, 1.0 - distanceValue);
-  }
-
-  void main() {
-    const float padding = ${w.toFixed(4)};
-    vec2 iconUv = (vUv - padding) / (1.0 - padding * 2.0);
-
-    if (iconUv.x < 0.0 || iconUv.x > 1.0 || iconUv.y < 0.0 || iconUv.y > 1.0) {
-      gl_FragColor = vec4(0.0);
-      return;
-    }
-
-    vec2 gridPosition = iconUv * uGrid;
-    vec2 cell = floor(gridPosition);
-    vec2 cellUv = fract(gridPosition);
-    vec2 cellCenter = (cell + 0.5) / uGrid;
-    vec4 maskSample = texture2D(tMask, cellCenter);
-    float presence = step(0.5, maskSample.r);
-    float iconCell = step(0.75, maskSample.b);
-    float frameCell = 1.0 - iconCell;
-    float symbolCell = iconCell;
-
-    if (presence < 0.5) {
-      gl_FragColor = vec4(0.0);
-      return;
-    }
-
-    float random = hash21(cell);
-    float centerDistance = length(cellCenter - 0.5) * 1.25;
-    float sequencePosition = clamp((cellCenter.x + cellCenter.y) * 0.5, 0.0, 1.0);
-    float introOrder = mix(centerDistance * 0.48, sequencePosition * 0.54, uSequence);
-    float intro = smoothstep(introOrder, introOrder + 0.24, uIntro);
-
-    float mode0 = 1.0 - step(0.5, abs(uMode - 0.0));
-    float mode1 = 1.0 - step(0.5, abs(uMode - 1.0));
-    float mode2 = 1.0 - step(0.5, abs(uMode - 2.0));
-    float mode3 = 1.0 - step(0.5, abs(uMode - 3.0));
-    float mode4 = 1.0 - step(0.5, abs(uMode - 4.0));
-    float mode5 = 1.0 - step(0.5, abs(uMode - 5.0));
-    float hoverMotion = uHover * uMotion * symbolCell;
-    float blastSuppression = uBlast * (1.0 - smoothstep(0.98, 1.35, uBlastTime));
-    float radialGrowMode = mode3 * (1.0 - blastSuppression);
-    float particleHoverMode = mode5;
-
-    vec2 pointerCell = floor(uPointer * uGrid);
-    float directCell = 1.0 - step(0.25, length(cell - pointerCell));
-    float cellDistance = length((cellCenter - uPointer) * uGrid);
-    float neighborFalloff = (1.0 - smoothstep(0.55, 1.65, cellDistance)) * 0.18;
-    float localInfluence = max(directCell, neighborFalloff) * hoverMotion;
-    float nearField = exp(-cellDistance * 0.42) * hoverMotion;
-
-    float bouncePhase = uHoverTime * 8.4 + random * 1.2;
-    float bounceSine = sin(bouncePhase);
-    float liftPulse = pow(max(0.0, bounceSine), 2.0);
-    float elasticBounce = localInfluence * liftPulse;
-    float elasticLanding = pow(max(0.0, -bounceSine), 6.0) * localInfluence;
-
-    float maxGrid = max(uGrid.x, uGrid.y);
-    float rippleRadius = mod(uHoverTime * 5.8, maxGrid * 0.95 + 2.0);
-    float rippleRing = exp(-pow((cellDistance - rippleRadius) / 0.78, 2.0)) * hoverMotion;
-    float rippleEcho = exp(-pow((cellDistance - (rippleRadius - 2.7)) / 0.62, 2.0))
-      * step(2.7, rippleRadius)
-      * hoverMotion;
-    float colorRipple = max(directCell * hoverMotion, max(rippleRing, rippleEcho * 0.68));
-
-    float magneticPulse = 0.68 + 0.32 * sin(uHoverTime * 6.2 - cellDistance * 0.72);
-    float magneticField = nearField * magneticPulse;
-    vec2 pullVector = uPointer - cellCenter;
-    float pullAngle = atan(pullVector.y, pullVector.x);
-
-    float blastDistance = length((cellCenter - uBlastPointer) * uGrid);
-    float echoRadius = uBlastTime * 5.2;
-    float echoLifetime = (1.0 - smoothstep(1.04, 1.35, uBlastTime)) * uBlast * uMotion;
-    float echoRing0 = exp(-pow((blastDistance - echoRadius) / 0.48, 2.0));
-    float echoRing1 = exp(-pow((blastDistance - (echoRadius - 2.4)) / 0.42, 2.0))
-      * step(2.4, echoRadius);
-    float echoRing2 = exp(-pow((blastDistance - (echoRadius - 4.8)) / 0.38, 2.0))
-      * step(4.8, echoRadius);
-    float radialEcho = max(echoRing0, max(echoRing1 * 0.78, echoRing2 * 0.58))
-      * echoLifetime;
-
-    float blastRadius = uBlastTime * 10.5;
-    float blastRing = exp(-pow((blastDistance - blastRadius) / 0.7, 2.0))
-      * exp(-uBlastTime * 0.58)
-      * uBlast
-      * uMotion;
-    float blastCore = exp(-blastDistance * 0.72)
-      * exp(-uBlastTime * 5.4)
-      * uBlast
-      * uMotion;
-    float localBlastAge = max(0.0, uBlastTime - blastDistance / 10.5);
-    float blastArrived = step(blastDistance / 10.5, uBlastTime);
-    float blastReach = 1.0 - smoothstep(0.0, 8.5, blastDistance);
-    float blastShake = sin(localBlastAge * 35.0 + random * 19.0)
-      * exp(-localBlastAge * 5.0)
-      * blastArrived
-      * blastReach
-      * uBlast
-      * uMotion;
-    float blastRandomAngle = random * 6.2831853 + 1.7;
-    vec2 blastRandomDirection = vec2(cos(blastRandomAngle), sin(blastRandomAngle));
-    vec2 blastAway = normalize(
-      (cellCenter - uBlastPointer) * uGrid + blastRandomDirection * 0.045
-    );
-    vec2 blastOffset = blastAway * (blastRing * 0.15 + blastCore * 0.08)
-      + blastRandomDirection * blastShake * 0.085;
-
-    float scatterReach = (1.0 - smoothstep(0.0, 5.8, cellDistance)) * hoverMotion;
-    float scatterSignal = pow(max(0.0, sin(uHoverTime * 12.0 + random * 19.0 - cellDistance)), 5.0);
-    float signalScatter = max(
-      directCell * hoverMotion * abs(sin(uHoverTime * 9.0 + random * 4.0)),
-      scatterReach * scatterSignal
-    );
-
-    float particleReach = (1.0 - smoothstep(0.15, 8.0, cellDistance)) * hoverMotion;
-    float particleSettle = 0.72 + 0.28 * sin(
-      uHoverTime * 7.2 - cellDistance * 1.42 + random * 3.1
-    );
-    float particleForce = particleReach * particleSettle;
-    float particleAngle = random * 6.2831853;
-    vec2 particleJitter = vec2(cos(particleAngle), sin(particleAngle)) * 0.08;
-    vec2 particleAway = normalize((cellCenter - uPointer) * uGrid + particleJitter);
-    vec2 particleOffset = particleAway
-      * particleForce
-      * (0.255 + 0.045 * sin(uHoverTime * 6.1 + random * 7.0));
-    float radialGrow = max(
-      directCell * hoverMotion,
-      (1.0 - smoothstep(0.15, 2.85, cellDistance)) * hoverMotion
-    );
-    float hoverAura = (1.0 - smoothstep(0.0, 4.2, cellDistance)) * hoverMotion;
-    float hoverBreath = 0.5 + 0.5 * sin(uHoverTime * 4.6 - cellDistance * 0.7);
-
-    float tileScale = 0.82;
-    vec2 springShape = vec2(1.0);
-    float angle = 0.0;
-    vec2 tileOffset = vec2(0.0);
-
-    tileScale += radialGrowMode * (
-      radialGrow * 0.2 + hoverAura * hoverBreath * 0.055
-    );
-    springShape += radialGrowMode * vec2(
-      -hoverAura * 0.02,
-      hoverAura * 0.045
-    );
-    angle += radialGrowMode
-      * sin(uHoverTime * 3.8 - cellDistance)
-      * hoverAura
-      * 0.075;
-
-    tileScale += mode0 * (directCell * hoverMotion * 0.075 + colorRipple * 0.045);
-
-    tileScale += mode1 * (elasticBounce * 0.13 - elasticLanding * 0.14);
-    springShape += mode1 * vec2(
-      -elasticBounce * 0.03 + elasticLanding * 0.16,
-      elasticBounce * 0.03 - elasticLanding * 0.14
-    );
-    angle += mode1 * cos(bouncePhase) * localInfluence * 0.18;
-
-    tileScale += mode2 * magneticField * 0.115;
-    springShape += mode2 * vec2(-magneticField * 0.035, magneticField * 0.065);
-    angle += mode2 * (
-      sin(pullAngle * 2.0) * magneticField * 0.16
-      + directCell * hoverMotion * sin(uHoverTime * 7.0) * 0.09
-    );
-
-    tileScale += mode3 * radialEcho * 0.145;
-    springShape += mode3 * vec2(-radialEcho * 0.055, radialEcho * 0.08);
-    angle += mode3 * sin(blastDistance * 1.8 + uBlastTime * 3.0) * radialEcho * 0.12;
-    tileScale += mode3 * (
-      blastRing * 0.26 - blastCore * 0.18 + abs(blastShake) * 0.075
-    );
-    springShape += mode3 * vec2(-blastRing * 0.055, blastRing * 0.075);
-    angle += mode3 * (
-      blastShake * 0.34 + (random - 0.5) * blastRing * 0.32
-    );
-    tileOffset += mode3 * blastOffset;
-
-    tileScale += mode4 * (signalScatter * 0.145 - scatterReach * (1.0 - scatterSignal) * 0.025);
-    springShape += mode4 * vec2(signalScatter * 0.08, -signalScatter * 0.075);
-    angle += mode4 * (random - 0.5) * signalScatter * 0.62;
-
-    tileScale += particleHoverMode * (
-      -particleForce * 0.34
-      + directCell * hoverMotion * (0.035 + 0.025 * sin(uHoverTime * 7.2))
-    );
-    springShape += particleHoverMode * vec2(-particleForce * 0.12, particleForce * 0.18);
-    angle += particleHoverMode * (
-      (random - 0.5) * particleForce * 1.5
-      + directCell * hoverMotion * sin(uHoverTime * 6.2) * 0.13
-    );
-    tileOffset += particleHoverMode * particleOffset;
-
-    float minimumTileScale = 0.64 - particleHoverMode * 0.16 - radialGrowMode * 0.1;
-    tileScale = clamp(tileScale, minimumTileScale, 0.97) * intro;
-    springShape = max(springShape, vec2(0.72));
-
-    float cosine = cos(angle);
-    float sine = sin(angle);
-    mat2 rotation = mat2(cosine, -sine, sine, cosine);
-    vec2 local = (cellUv - 0.5 - tileOffset) / (max(tileScale, 0.001) * springShape);
-    vec2 shapeLocal = rotation * local;
-    float boxDistance = max(abs(shapeLocal.x), abs(shapeLocal.y));
-    float outerBox = 1.0 - smoothstep(0.47, 0.5, boxDistance);
-
-    if (outerBox < 0.01) {
-      gl_FragColor = vec4(0.0);
-      return;
-    }
-
-    vec2 hatchUv = local + 0.5;
-    vec2 baseStrokeDirection = normalize(vec2(1.0, 1.0));
-    vec2 pointerVector = uPointer - 0.5;
-    float pointerLength = length(pointerVector);
-    vec2 pointerDirection = pointerVector / max(pointerLength, 0.001);
-    if (dot(pointerDirection, baseStrokeDirection) < 0.0) {
-      pointerDirection *= -1.0;
-    }
-    float steering = uHover
-      * uMotion
-      * symbolCell
-      * (1.0 - mode3)
-      * smoothstep(0.055, 0.5, pointerLength)
-      * 0.92;
-    vec2 strokeDirection = normalize(mix(baseStrokeDirection, pointerDirection, steering));
-    vec2 strokeNormal = vec2(strokeDirection.y, -strokeDirection.x);
-
-    float phase = 0.0;
-    float drift = 0.0;
-    float hatchCoordinate = dot(hatchUv - 0.5, strokeNormal) * uStripeFrequency + phase + drift;
-    float hatchDistance = abs(fract(hatchCoordinate) - 0.5);
-    float transparentGap = 1.0 - smoothstep(uGapInner, uGapOuter, hatchDistance);
-    float diagonalStroke = 1.0 - transparentGap;
-
-    float shadeIndex = floor(maskSample.g * 255.0 + 0.5);
-    float shadeTone = shadeIndex / 9.0;
-    vec3 iconColor = palette(shadeIndex);
-    vec3 frameColor = mix(
-      vec3(0.78, 0.79, 0.815),
-      vec3(0.9, 0.91, 0.925),
-      shadeTone
-    );
-    vec3 color = iconColor * iconCell
-      + frameColor * frameCell;
-
-    vec3 rippleColor = mix(
-      palette(1.0),
-      palette(4.0),
-      0.5 + 0.5 * sin(uHoverTime * 2.6 + cellDistance * 0.32)
-    );
-    vec3 elasticColor = vec3(1.0, 0.46, 0.1);
-    vec3 magneticColor = vec3(0.08, 0.76, 0.64);
-    vec3 interactionColor = mix(
-      vec3(0.612, 0.8, 0.576),
-      uInteractionColor,
-      uUseInteractionColor
-    );
-    vec3 interactionBlastColor = mix(
-      vec3(0.247, 0.478, 0.204),
-      uInteractionColor,
-      uUseInteractionColor
-    );
-    vec3 echoColor = interactionColor;
-    vec3 blastColor = mix(
-      vec3(1.0),
-      interactionBlastColor,
-      smoothstep(0.0, 0.42, uBlastTime)
-    );
-    vec3 scatterColor = mix(
-      vec3(1.0, 0.2, 0.55),
-      vec3(0.08, 0.82, 1.0),
-      step(0.5, random)
-    );
-    vec3 particleColor = mix(
-      vec3(0.0, 0.9, 0.96),
-      vec3(0.62, 0.18, 1.0),
-      clamp(cellDistance / 5.6 + (random - 0.5) * 0.22, 0.0, 1.0)
-    );
-
-    color = mix(color, rippleColor, mode0 * clamp(colorRipple * 0.94, 0.0, 0.94));
-    color = mix(
-      color,
-      elasticColor,
-      mode1 * directCell * hoverMotion * (0.68 + 0.24 * abs(sin(uHoverTime * 8.4)))
-    );
-    color = mix(
-      color,
-      magneticColor,
-      mode2 * clamp(max(magneticField * 0.72, directCell * hoverMotion * 0.72), 0.0, 0.82)
-    );
-    color = mix(
-      color,
-      interactionColor,
-      mode3 * clamp(hoverAura * (0.28 + hoverBreath * 0.18), 0.0, 0.68)
-    );
-    color = mix(
-      color,
-      echoColor,
-      mode3 * clamp(radialEcho * 0.96, 0.0, 0.96)
-    );
-    color = mix(
-      color,
-      blastColor,
-      mode3 * clamp(max(max(blastRing, blastCore) * 1.12, abs(blastShake) * 0.34), 0.0, 0.98)
-    );
-    color = mix(
-      color,
-      scatterColor,
-      mode4 * clamp(max(signalScatter * 0.98, directCell * hoverMotion * 0.7), 0.0, 0.98)
-    );
-    color = mix(
-      color,
-      particleColor,
-      particleHoverMode
-        * clamp(max(particleForce * 1.25, directCell * hoverMotion), 0.0, 0.98)
-    );
-
-    float cellOpacity = mix(0.1, 1.0, iconCell);
-    gl_FragColor = vec4(color, outerBox * diagonalStroke * presence * intro * cellOpacity);
-  }
-`
-), y = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)") : {
-  matches: !1
-};
-function p(o) {
-  const e = Number.parseInt(o.slice(1), 16);
-  return [
-    (e >> 16 & 255) / 255,
-    (e >> 8 & 255) / 255,
-    (e & 255) / 255
-  ];
-}
-function E(o, e) {
-  var s;
-  const t = (s = o.match(/^var\((--[^)]+)\)$/)) == null ? void 0 : s[1];
-  return t ? getComputedStyle(e).getPropertyValue(t).trim() : o;
-}
-function L(o) {
-  const e = o.length, t = o[0].length, s = Array.from(
-    { length: e },
-    () => Array(t).fill(!1)
-  ), c = [], n = (r, l) => {
-    r < 0 || r >= e || l < 0 || l >= t || s[r][l] || o[r][l] === "#" || (s[r][l] = !0, c.push([r, l]));
-  };
-  for (let r = 0; r < t; r += 1)
-    n(0, r), n(e - 1, r);
-  for (let r = 0; r < e; r += 1)
-    n(r, 0), n(r, t - 1);
-  for (let r = 0; r < c.length; r += 1) {
-    const [l, h] = c[r];
-    n(l - 1, h), n(l + 1, h), n(l, h - 1), n(l, h + 1);
-  }
-  return o.map(
-    (r, l) => [...r].map((h, a) => h === "#" ? 2 : s[l][a] ? 0 : 1)
-  );
-}
-function J(o, e, t, s, c) {
-  const n = e.length, r = e[0].length, l = new Uint8Array(r * n * 4);
-  for (let h = 0; h < n; h += 1) {
-    const a = n - 1 - h;
-    for (let u = 0; u < r; u += 1) {
-      const d = (h * r + u) * 4, m = s[a][u], v = m === 2 || c && m === 0;
-      l[d] = v ? 255 : 0, l[d + 1] = v ? (u * 3 + h * 7 + t) % 10 : 0, l[d + 2] = m === 2 ? 255 : m === 1 ? 128 : 0, l[d + 3] = 255;
-    }
-  }
-  return new q(o, {
-    image: l,
-    width: r,
-    height: n,
-    format: o.RGBA,
-    internalFormat: o.RGBA,
-    generateMipmaps: !1,
-    minFilter: o.NEAREST,
-    magFilter: o.NEAREST,
-    flipY: !1,
-    unpackAlignment: 1
-  });
-}
-function j() {
-  const o = document.createElement("canvas");
-  return !!(o.getContext("webgl2") || o.getContext("webgl"));
-}
-function Q(o) {
-  const e = o[0].length, t = o.length;
-  let s = [0.5, 0.5], c = 1 / 0;
-  return o.forEach((n, r) => {
-    [...n].forEach((l, h) => {
-      if (l !== "#") return;
-      const a = (h + 0.5) / e, u = 1 - (r + 0.5) / t, d = (a - 0.5) ** 2 + (u - 0.5) ** 2;
-      d < c && (c = d, s = [a, u]);
-    });
-  }), s;
-}
-function Z(o, e, t, s, c) {
-  o.classList.add("is-fallback");
-  const n = document.createElement("canvas"), r = 600, l = 63, h = (r - l * 2) / e[0].length, a = n.getContext("2d");
-  if (!a) return;
-  n.width = r, n.height = r;
-  const u = L(e), d = t.map(
-    (m) => E(m, o)
-  );
-  e.forEach((m, v) => {
-    [...m].forEach((b, f) => {
-      const g = u[v][f];
-      if (g === 1 || !c && g !== 2) return;
-      const x = (f * 3 + (e.length - 1 - v) * 7 + s) % t.length, k = g === 2 ? d : Y, T = h * 0.08, S = l + f * h + T, B = l + v * h + T, C = h - T * 2;
-      a.save(), a.beginPath(), a.rect(S, B, C, C), a.clip(), a.globalAlpha = g === 2 ? 1 : 0.1, a.strokeStyle = k[x];
-      const G = o.classList.contains("pixel-icon--hero") ? 0.095 : 0.13;
-      a.lineWidth = Math.max(1.5, C * G);
-      for (let A = -C; A < C * 2; A += C * 0.16)
-        a.beginPath(), a.moveTo(S + A, B), a.lineTo(S + A - C, B + C), a.stroke();
-      a.restore();
-    });
-  }), o.append(n);
-}
-class ee {
-  constructor(e, t, s, c, n, r = "tiles") {
-    i(this, "root");
-    i(this, "surface");
-    i(this, "maskName");
-    i(this, "rows");
-    i(this, "boxed");
-    i(this, "cellKinds");
-    i(this, "seed");
-    i(this, "palette");
-    i(this, "interactionArea");
-    i(this, "focusPoint");
-    i(this, "hoverTarget", 0);
-    i(this, "hover", 0);
-    i(this, "hoverAge", 0);
-    i(this, "hoveredTileKey", null);
-    i(this, "intro");
-    i(this, "pointerTarget", [0.5, 0.5]);
-    i(this, "pointer", [0.5, 0.5]);
-    i(this, "pointerTileKey", null);
-    i(this, "pointerDownSource", null);
-    i(this, "hadPointerDown", !1);
-    i(this, "blastPointer", [0.5, 0.5]);
-    i(this, "blastAge", 2);
-    i(this, "blastActive", 0);
-    i(this, "visible", !0);
-    i(this, "startedAt");
-    i(this, "lastFrameTime");
-    i(this, "motionMode");
-    i(this, "canvas");
-    i(this, "renderer");
-    i(this, "gl");
-    i(this, "program");
-    i(this, "mesh");
-    i(this, "resizeObserver");
-    i(this, "intersectionObserver");
-    i(this, "onPointerLeave");
-    i(this, "onPointerMove");
-    i(this, "onPointerDown");
-    i(this, "onFocus");
-    i(this, "onBlur");
-    i(this, "onClick");
-    this.root = e, this.surface = e.closest(".pixel-surface") || e, this.maskName = e.dataset.mask && e.dataset.mask in P ? e.dataset.mask : "growth", this.rows = P[this.maskName], this.boxed = H.has(this.maskName), this.cellKinds = L(this.rows), this.seed = t * 13 + 7, this.palette = F(
-      n != null && n.length ? n : R[this.maskName] || R.growth
-    ), this.interactionArea = r, this.focusPoint = Q(this.rows), this.intro = y.matches ? 1 : 0, this.startedAt = performance.now(), this.lastFrameTime = this.startedAt, this.motionMode = e.classList.contains("pixel-icon--hero") ? 3 : s, this.canvas = document.createElement("canvas"), this.canvas.setAttribute("aria-hidden", "true"), e.append(this.canvas), this.renderer = new K({
-      canvas: this.canvas,
-      dpr: Math.min(window.devicePixelRatio || 1, 2),
-      alpha: !0,
-      depth: !1,
-      antialias: !1,
-      premultipliedAlpha: !1,
-      powerPreference: "high-performance"
-    }), this.gl = this.renderer.gl, this.gl.clearColor(0, 0, 0, 0);
-    const l = J(
-      this.gl,
-      this.rows,
-      this.seed,
-      this.cellKinds,
-      this.boxed
-    ), h = new U(this.gl), a = this.palette.map(
-      (d) => E(d, e)
-    ), u = c ? E(c, e) : null;
-    this.program = new _(this.gl, {
-      vertex: W,
-      fragment: $,
-      transparent: !0,
-      depthTest: !1,
-      depthWrite: !1,
-      cullFace: !1,
-      uniforms: {
-        tMask: { value: l },
-        uGrid: { value: [this.rows[0].length, this.rows.length] },
-        uPointer: { value: this.pointer },
-        uBlastPointer: { value: this.blastPointer },
-        uTime: { value: 0 },
-        uHoverTime: { value: 0 },
-        uHover: { value: 0 },
-        uBlastTime: { value: this.blastAge },
-        uBlast: { value: 0 },
-        uIntro: { value: this.intro },
-        uMotion: { value: y.matches ? 0 : 1 },
-        uSequence: { value: e.dataset.motion === "sequence" ? 1 : 0 },
-        uSeed: { value: this.seed * 0.17 },
-        uStripeFrequency: { value: 4.455 },
-        uGapInner: { value: 0.13 },
-        uGapOuter: { value: 0.19 },
-        uMode: { value: this.motionMode },
-        uColor0: { value: p(a[0]) },
-        uColor1: { value: p(a[1]) },
-        uColor2: { value: p(a[2]) },
-        uColor3: { value: p(a[3]) },
-        uColor4: { value: p(a[4]) },
-        uColor5: { value: p(a[5]) },
-        uColor6: { value: p(a[6]) },
-        uColor7: { value: p(a[7]) },
-        uColor8: { value: p(a[8]) },
-        uColor9: { value: p(a[9]) },
-        uInteractionColor: {
-          value: u ? p(u) : [0, 0, 0]
-        },
-        uUseInteractionColor: { value: u ? 1 : 0 }
-      }
-    }), this.mesh = new N(this.gl, { geometry: h, program: this.program }), this.bindEvents(), this.observe(), this.resize();
-  }
-  getPointerHit(e, t) {
-    const s = this.root.getBoundingClientRect(), c = 1 - w * 2, n = (e - s.left) / s.width, r = (t - s.top) / s.height, l = (n - w) / c, h = (r - w) / c, a = l >= 0 && l < 1 && h >= 0 && h < 1;
-    let u = !1, d = null;
-    if (a) {
-      const m = this.rows[0].length, v = this.rows.length, b = l * m, f = h * v, g = Math.floor(b), x = Math.floor(f), k = b - g, T = f - x, S = Math.abs(k - 0.5) <= 0.43 && Math.abs(T - 0.5) <= 0.43;
-      u = this.interactionArea === "surface" || S && this.cellKinds[x][g] === 2, u && (d = `${x}:${g}`);
-    }
-    return { iconX: l, iconYTop: h, isTileHit: u, tileKey: d };
-  }
-  bindEvents() {
-    this.onPointerLeave = () => {
-      this.hoverTarget = 0, this.pointerTarget[0] = 0.5, this.pointerTarget[1] = 0.5, this.hoverAge = 0, this.hoveredTileKey = null, this.pointerTileKey = null, this.pointerDownSource = null, this.hadPointerDown = !1, this.surface.classList.remove("is-over-tile");
-    }, this.onPointerMove = (e) => {
-      const { iconX: t, iconYTop: s, isTileHit: c, tileKey: n } = this.getPointerHit(
-        e.clientX,
-        e.clientY
-      );
-      n !== this.hoveredTileKey && (this.hoverAge = 0), this.hoveredTileKey = n, this.pointerTileKey = n, this.hoverTarget = c ? 1 : 0, this.surface.classList.toggle("is-over-tile", c), c ? (this.pointerTarget[0] = t, this.pointerTarget[1] = 1 - s) : (this.pointerTarget[0] = 0.5, this.pointerTarget[1] = 0.5);
-    }, this.onPointerDown = (e) => {
-      const t = this.getPointerHit(e.clientX, e.clientY);
-      this.hadPointerDown = !0, this.pointerDownSource = t.isTileHit ? [t.iconX, 1 - t.iconYTop] : null;
-    }, this.onFocus = () => {
-      this.hadPointerDown || (this.hoverTarget = 1, this.hoverAge = 0, this.hoveredTileKey = "focus", this.pointerTarget[0] = this.focusPoint[0], this.pointerTarget[1] = this.focusPoint[1]);
-    }, this.onBlur = () => {
-      this.hoverTarget = 0, this.hoverAge = 0, this.hoveredTileKey = null;
-    }, this.onClick = () => {
-      const e = this.hadPointerDown ? this.pointerDownSource : this.focusPoint;
-      this.hadPointerDown = !1, this.pointerDownSource = null, this.motionMode === 3 && e && (this.blastPointer[0] = e[0], this.blastPointer[1] = e[1], this.blastAge = 0, this.blastActive = 1);
-    }, this.surface.addEventListener("pointerleave", this.onPointerLeave), this.surface.addEventListener("pointermove", this.onPointerMove), this.surface.addEventListener("pointerdown", this.onPointerDown), this.surface.addEventListener("focus", this.onFocus), this.surface.addEventListener("blur", this.onBlur), this.surface.addEventListener("click", this.onClick);
-  }
-  observe() {
-    this.resizeObserver = new ResizeObserver(() => this.resize()), this.resizeObserver.observe(this.root), this.intersectionObserver = new IntersectionObserver(
-      ([e]) => {
-        this.visible = e.isIntersecting;
-      },
-      { rootMargin: "160px" }
-    ), this.intersectionObserver.observe(this.root);
-  }
-  resize() {
-    const e = this.root.getBoundingClientRect(), t = Math.max(1, Math.round(Math.min(e.width, e.height))), s = Math.max(this.rows[0].length, this.rows.length), c = t * (1 - w * 2) / s, n = Math.min(1, Math.max(0, (c - 12) / 4.5));
-    this.renderer.setSize(t, t), this.program.uniforms.uStripeFrequency.value = 2 + (4.455 - 2) * n, this.program.uniforms.uGapInner.value = 0.13, this.program.uniforms.uGapOuter.value = 0.2 + (0.19 - 0.2) * n;
-  }
-  update(e) {
-    const t = Math.min(
-      0.05,
-      Math.max(0, (e - this.lastFrameTime) * 1e-3)
-    );
-    if (this.lastFrameTime = e, !this.visible) return;
-    const s = (e - this.startedAt) * 1e-3, c = y.matches ? 0 : 1;
-    this.hoverAge = this.hoverTarget > 0 ? this.hoverAge + t : 0, this.blastActive > 0 && (this.blastAge += t, this.blastAge >= 1.35 && (this.blastActive = 0)), this.hover += (this.hoverTarget - this.hover) * (this.hoverTarget > this.hover ? 0.1 : 0.07), this.pointer[0] += (this.pointerTarget[0] - this.pointer[0]) * 0.1, this.pointer[1] += (this.pointerTarget[1] - this.pointer[1]) * 0.1, this.intro = c ? Math.min(1, s / 1.7) : 1, this.program.uniforms.uTime.value = s, this.program.uniforms.uHoverTime.value = this.hoverAge, this.program.uniforms.uHover.value = this.hover, this.program.uniforms.uBlastTime.value = this.blastAge, this.program.uniforms.uBlast.value = this.blastActive, this.program.uniforms.uIntro.value = this.intro, this.program.uniforms.uMotion.value = c, this.renderer.render({ scene: this.mesh });
-  }
-  destroy() {
-    var t, s;
-    (t = this.resizeObserver) == null || t.disconnect(), (s = this.intersectionObserver) == null || s.disconnect(), this.surface.removeEventListener("pointerleave", this.onPointerLeave), this.surface.removeEventListener("pointermove", this.onPointerMove), this.surface.removeEventListener("pointerdown", this.onPointerDown), this.surface.removeEventListener("focus", this.onFocus), this.surface.removeEventListener("blur", this.onBlur), this.surface.removeEventListener("click", this.onClick);
-    const e = this.gl.getExtension("WEBGL_lose_context");
-    e == null || e.loseContext();
-  }
-}
-const te = D.forwardRef(
-  ({
-    mask: o = "growth",
-    motion: e = "sequence",
-    motionMode: t = 3,
-    interactionColor: s,
-    palette: c,
-    interactionArea: n = "tiles",
-    hero: r = !1,
-    className: l,
-    ...h
-  }, a) => {
-    const u = D.useRef(null), d = D.useCallback(
-      (m) => {
-        u.current = m, typeof a == "function" ? a(m) : a && (a.current = m);
-      },
-      [a]
-    );
-    return D.useEffect(() => {
-      const m = u.current;
-      if (!m) return;
-      let v = null, b = 0;
-      if (j()) {
-        v = new ee(
-          m,
-          0,
-          t,
-          s,
-          c,
-          n
-        );
-        const f = (g) => {
-          v == null || v.update(g), b = window.requestAnimationFrame(f);
-        };
-        b = window.requestAnimationFrame(f);
-      } else {
-        const f = o in P ? o : "growth";
-        Z(
-          m,
-          P[f],
-          F(
-            c != null && c.length ? c : R[f] || R.growth
-          ),
-          7,
-          H.has(f)
-        );
-      }
-      return () => {
-        b && window.cancelAnimationFrame(b), v == null || v.destroy(), m.replaceChildren(), m.classList.remove("is-fallback");
-      };
-    }, [
-      o,
-      e,
-      t,
-      s,
-      c,
-      n,
-      r
-    ]), /* @__PURE__ */ z(
-      "span",
-      {
-        ref: d,
-        "aria-hidden": !0,
-        "data-pixel-icon": !0,
-        "data-mask": o,
-        "data-motion": e,
-        className: V(
-          "pixel-surface pixel-icon relative block outline-none [&_canvas]:block [&_canvas]:size-full",
-          n === "surface" && "cursor-crosshair",
-          r && "pixel-icon--hero",
-          l
-        ),
-        ...h
-      }
-    );
-  }
-);
-te.displayName = "PixelIcon";
-export {
-  te as PixelIcon
-};