// Adamant — shared UI primitives & helpers const ADM_MARK = "assets/adm-logo.png"; // Brand A mark — uses the real logo PNG function AdmMark({ size = 18, color }) { // The PNG is white; we render it as-is in dark theme. In light theme // we invert it via filter so the strokes go dark on the light bg. return ( Adamant ); } // Eyebrow label, optional dot color function Eyebrow({ children, dot = 'ember', className = '' }) { const cls = dot === 'cold' ? 'cold' : dot === 'muted' ? 'muted' : dot === 'none' ? 'no-dot' : ''; return
{children}
; } // Address truncate with copy function AddrPill({ value, prefix = 4, suffix = 4, copyable = true }) { const [copied, setCopied] = React.useState(false); const display = value.length > prefix + suffix + 3 ? `${value.slice(0, prefix)}…${value.slice(-suffix)}` : value; return ( { if (!copyable) return; e.stopPropagation(); navigator.clipboard?.writeText(value); setCopied(true); setTimeout(() => setCopied(false), 1200); }} style={{ cursor: copyable ? 'pointer' : 'default' }}> {display} {copyable && ( copied ? : )} ); } // Mutability badge function MutBadge({ kind, size = 'md' }) { const cfg = { IMMUTABLE: { cls: 'mut-immutable', label: 'IMMUTABLE', icon: }, OWNER_UPGRADEABLE: { cls: 'mut-owner', label: 'OWNER UPGRADEABLE', icon: }, VOTE_UPGRADEABLE: { cls: 'mut-vote', label: 'VOTE UPGRADEABLE', icon: }, UPGRADEABLE_UNTIL_FROZEN: { cls: 'mut-frozen', label: 'UNTIL FROZEN', icon: }, CUSTOM: { cls: 'mut-custom', label: 'CUSTOM', icon: }, }; const c = cfg[kind] || cfg.IMMUTABLE; return ( {c.icon} {c.label} ); } // Toggle function Toggle({ on, onChange }) { return
onChange(!on)} />; } // Section header with eyebrow function SectionHead({ eyebrow, title, action, dotColor = 'ember' }) { return (
{eyebrow && {eyebrow}} {title &&
{title}
}
{action}
); } // Status bar mock function StatusBar({ light = false }) { const c = light ? '#19171a' : '#ece8df'; return (
9:41
); } // Home indicator function HomeIndicator() { return (
); } // Chain verified footer function ChainVerifiedFooter({ secondsAgo = 142, ms = 250, onTap }) { const stale = secondsAgo > 600; const timeStr = secondsAgo < 60 ? `${secondsAgo}s ago` : secondsAgo < 3600 ? `${Math.floor(secondsAgo / 60)}m ago` : `${Math.floor(secondsAgo / 3600)}h ago`; return (
Chain verified · {timeStr} · {ms}ms
); } Object.assign(window, { ADM_MARK, AdmMark, Eyebrow, AddrPill, MutBadge, Toggle, SectionHead, StatusBar, HomeIndicator, ChainVerifiedFooter });