// Shared icons + small UI primitives for the Парник screens. // All icons: 1.5px stroke, currentColor, 24x24 grid. const I = { Sprout: (p) => ( ), Leaf: (p) => ( ), Branch: (p) => ( ), Check: (p) => ( ), Plus: (p) => ( ), Arrow: (p) => ( ), ArrowLeft: (p) => ( ), Telegram: (p) => ( ), Globe: (p) => ( ), Image: (p) => ( ), Channels: (p) => ( ), Settings: (p) => ( ), Pencil: (p) => ( ), Chat: (p) => ( ), X: (p) => ( ), Copy: (p) => ( ), Eye: (p) => ( ), Send: (p) => ( ), Spark: (p) => ( ), Doc: (p) => ( ), Pen: (p) => ( ), }; // Botanical mark — small sprout used as section markers const BotanicalMark = ({size=20, color="var(--moss)"}) => ( ); // Stepper for top of onboarding screens const Stepper = ({current, total, label}) => (
{String(current).padStart(2,'0')} / {String(total).padStart(2,'0')} {label && {label}}
); // Top app bar for onboarding screens (lightweight) const OnboardingTopbar = ({step, total, stepLabel}) => (
Парник blogging · sitefarm
Ксюша · ksu@
K
); // Floating AI assistant button (closed state) const AssistantFab = ({style}) => (
); // Subtle background watermark — botanical engraving feel using thin strokes const PaperGrain = () => (
); // Mock external preview frame (for tutorials referencing TG, VK, FB without copying their UI). // Generic neutral chrome — labelled with the service name in the title bar. const MockServiceFrame = ({title, host, children, height=200}) => (
{host} {title}
{children}
); // Make available globally for other babel scripts Object.assign(window, { I, BotanicalMark, Stepper, OnboardingTopbar, AssistantFab, PaperGrain, MockServiceFrame });