/* eslint-disable */
/* global React */
const { useState, useEffect, useRef } = React;
/* ============================================================
Shared primitives + small components
============================================================ */
// -------- Tick ruler decorative element
function Ruler({ count = 40 }) {
return (
{Array.from({ length: count }).map((_, i) => (
))}
);
}
// -------- Eyebrow label (mono uppercase)
function Eyebrow({ children }) {
return {children};
}
// -------- Section wrapper
function Section({ id, eyebrow, title, children, fluid }) {
return (
{eyebrow || title ? (
{eyebrow ? {eyebrow} : null}
{title ?
{title}
: null}
) : null}
{children}
{tag}
{figure}
{unit ? {unit} : null}
{caption}
);
}
// -------- Stat cluster cell
function StatCell({ figure, lbl, tone }) {
return (
);
}
// -------- Stack icon cell (SVG iconography for stack)
function StackCell({ name, cat, tone, icon }) {
return (
);
}
// -------- Generic icon glyphs (simple geometric, brand-neutral)
function DotIcon() {
return (
);
}
function SquareIcon() {
return ;
}
function CircleIcon() {
return ;
}
function DiamondIcon() {
return ;
}
function TriIcon() {
return ;
}
function CrossIcon() {
return ;
}
function HexIcon() {
return ;
}
function BarsIcon() {
return ;
}
function DbIcon() {
return ;
}
function CloudIcon() {
return ;
}
function BoltIcon() {
return ;
}
function LockIcon() {
return ;
}
function GearIcon() {
return ;
}
function TermIcon() {
return ;
}
function PuzzleIcon() {
return ;
}
function StreamIcon() {
return ;
}
// Export to window for use across other Babel scripts
Object.assign(window, {
Ruler, Eyebrow, Section, NumCell, StatCell, StackCell,
DotIcon, SquareIcon, CircleIcon, DiamondIcon, TriIcon, CrossIcon, HexIcon,
BarsIcon, DbIcon, CloudIcon, BoltIcon, LockIcon, GearIcon, TermIcon, PuzzleIcon, StreamIcon,
});