/* Supastack — shadcn-style primitives (exported to window for cross-file use) */
const { useState, useEffect, useRef, useCallback } = React;
function cx(...a) { return a.filter(Boolean).join(' '); }
/* ---------- Icons (simple shapes only) ---------- */
function IconCheck({ className }) {
return (
);
}
function IconArrow({ className }) {
return (
);
}
function IconCopy({ className }) {
return (
);
}
function IconGitHub({ className }) {
return (
);
}
/* ---------- Button ---------- */
function Button({ as, href, variant = 'primary', size = 'md', className, children, ...rest }) {
const base = 'inline-flex items-center justify-center gap-2 rounded-md font-medium tracking-tight transition-colors focus-ring disabled:opacity-50 whitespace-nowrap';
const sizes = { sm: 'h-9 px-3.5 text-sm', md: 'h-11 px-5 text-[0.95rem]', lg: 'h-12 px-6 text-base' };
const variants = {
primary: 'bg-brand text-[#06231a] hover:bg-brand-dark shadow-[0_1px_0_rgba(255,255,255,0.25)_inset]',
secondary: 'border border-white/14 bg-white/[0.03] text-zinc-100 hover:bg-white/[0.07] hover:border-white/20',
ghost: 'text-zinc-300 hover:bg-white/[0.06] hover:text-white',
};
const cls = cx(base, sizes[size], variants[variant], className);
if (href) return {children};
const Tag = as || 'button';
return {children};
}
/* ---------- Card ---------- */
function Card({ className, children, ...rest }) {
return {children}
;
}
/* ---------- Badge ---------- */
function Badge({ variant = 'neutral', className, children }) {
const variants = {
brand: 'border-brand/30 bg-brand/10 text-brand',
road: 'border-road/30 bg-road/10 text-road',
slate: 'border-white/10 bg-white/[0.04] text-zinc-400',
neutral: 'border-white/12 bg-white/[0.04] text-zinc-300',
};
return (
{children}
);
}
/* ---------- Mono inline (domains, endpoints) ---------- */
function Mono({ children, className }) {
return {children};
}
/* ---------- Copy-to-clipboard command block ---------- */
function CopyCommand({ command, label, className }) {
const [copied, setCopied] = useState(false);
const copy = useCallback(() => {
const done = () => { setCopied(true); setTimeout(() => setCopied(false), 1600); };
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(command).then(done, done);
} else {
const ta = document.createElement('textarea');
ta.value = command; ta.style.position = 'fixed'; ta.style.opacity = '0';
document.body.appendChild(ta); ta.select();
try { document.execCommand('copy'); } catch (e) {}
document.body.removeChild(ta); done();
}
}, [command]);
return (
{label && (
{label}
)}
$
{command}
{children}
;
}
Object.assign(window, {
cx, IconCheck, IconArrow, IconCopy, IconGitHub,
Button, Card, Badge, Mono, CopyCommand, Eyebrow,
});