Honey Gate

1"use client";
2 
3import type { CSSProperties } from "react";
4 
5import { cx } from "@/components/ui/cellforge-core";
6import { resolveDmxColorTokens } from "@/components/ui/cellforge-core";
7import { styleOpacity, stylePx } from "@/components/ui/cellforge-core";
8import { remapOpacityToTriplet } from "@/components/ui/cellforge-core";
9import { dmxBloomRootActive, dmxDotBloomParts } from "@/components/ui/cellforge-core";
10import { getPatternIndexes } from "@/components/ui/cellforge-core";
11import { useCellForgePhases } from "@/components/ui/cellforge-hooks";
12import { useCyclePhase } from "@/components/ui/cellforge-hooks";
13import { usePrefersReducedMotion } from "@/components/ui/cellforge-hooks";
14import type { CellForgeCommonProps } from "@/components/ui/cellforge-core";
15 
16export type CellLattice3Props = CellForgeCommonProps;
17 
18const ROW_COUNTS = [3, 4, 5, 4, 3] as const;
19const BASE_OPACITY = 0.08;
20const HIGH_OPACITY = 0.96;
21const HEX_ROW_PITCH_RATIO = Math.sqrt(3) / 2;
22 
23function hexPatternIndex(row: number, rowCount: number, col: number): number {
24  return row * ROW_COUNTS[2] + Math.floor((ROW_COUNTS[2] - rowCount) / 2) + col;
25}
26const BAND_WIDTH = 0.55;
27 
28function clamp01(n: number | undefined) {
29  if (n == null || !Number.isFinite(n)) {
30    return;
31  }
32  return Math.min(1, Math.max(0, n));
33}
34 
35function pointForCell(row: number, col: number): { x: number; y: number } {
36  const count = ROW_COUNTS[row] ?? 1;
37  return {
38    x: col - (count - 1) / 2,
39    y: (row - 2) * HEX_ROW_PITCH_RATIO
40  };
41}
42 
43function triangularWave(n: number): number {
44  const wrapped = ((n % 1) + 1) % 1;
45  return 1 - Math.abs(wrapped * 2 - 1);
46}
47 
48function bandGlow(distance: number): number {
49  return Math.max(0, 1 - Math.abs(distance) / BAND_WIDTH);
50}
51 
52function opacityForCell(row: number, col: number, phase: number): number {
53  const { x, y } = pointForCell(row, col);
54  const sweep = triangularWave(phase) * 3.9 - 1.95;
55  const diagA = x * 0.86 + y * 0.5;
56  const diagB = x * -0.86 + y * 0.5;
57  const gateA = bandGlow(diagA - sweep);
58  const gateB = bandGlow(diagB + sweep);
59  const centerDistance = Math.sqrt(x * x + y * y);
60  const centerFlash = Math.max(0, 1 - Math.abs(sweep) / 0.68) * Math.max(0, 1 - centerDistance / 1.9);
61  const wake = 0.16 * Math.max(0, 1 - Math.abs(y - sweep * 0.22) / 1.2);
62 
63  return Math.min(HIGH_OPACITY, BASE_OPACITY + gateA * 0.7 + gateB * 0.7 + centerFlash * 0.42 + wake);
64}
65 
66export function CellLattice3({
67  size = 34,
68  dotSize = 5,
69  color = "currentColor",
70  colorPreset,
71// … truncated