// primitives.jsx — shared components, icons, ambient backdrops
// Lucide-style 2px stroke icons used across the page.
function Eyebrow({ children, color }) {
return {children}
;
}
function Pill({ children, dot = true }) {
return (
{dot &&
);
}
function GradText({ children, variant }) {
return {children} ;
}
function Button({ children, variant = 'primary', size = 'md', onClick, icon = true, type = 'button', href, asChild }) {
const cls = ['zx-btn', `zx-btn--${variant}`, size === 'lg' ? 'zx-btn--lg' : size === 'sm' ? 'zx-btn--sm' : ''].filter(Boolean).join(' ');
const content = (
<>
{children}
{icon && → }
);
if (href) return {content} ;
return {content} ;
}
function Mesh({ subtle }) {
return (
<>
);
}
function GridBg() {
return
;
}
function Divider() {
return {paths[name] || null} ;
}
function IconTile({ name, size = 'md' }) {
const dim = size === 'lg' ? 56 : 48;
return (
);
}
Object.assign(window, { Eyebrow, Pill, GradText, Button, Mesh, GridBg, Divider, Icon, IconTile });