// Shared UI primitives, icons, illustrations
const { useState, useEffect, useRef, useMemo, Fragment } = React;
// ---------- Icons (lucide-style stroke 1.5) ----------
const Icon = ({ d, size=16, fill='none', stroke=1.5, ...rest }) => (
);
const IconSearch = (p) => ;
const IconChevR = (p) => ;
const IconChevL = (p) => ;
const IconChevD = (p) => ;
const IconChevU = (p) => ;
const IconCheck = (p) => ;
const IconX = (p) => ;
const IconPlus = (p) => ;
const IconStar = (p) => ;
const IconHome = (p) => ;
const IconGrid = (p) => ;
const IconHeart = (p) => ;
const IconUser = (p) => ;
const IconBell = (p) => ;
const IconCart = (p) => ;
const IconShield = (p) => ;
const IconReceipt = (p) => ;
const IconClock = (p) => ;
const IconArrowR = (p) => ;
const IconArrowU = (p) => ;
const IconArrowD = (p) => ;
const IconExternal = (p) => ;
const IconCopy = (p) => ;
const IconUpload = (p) => ;
const IconDownload = (p) => ;
const IconFilter = (p) => ;
const IconCalendar = (p) => ;
const IconLayers = (p) => ;
const IconWebhook = (p) => ;
const IconCard = (p) => ;
const IconBox = (p) => ;
const IconBolt = (p) => ;
const IconBook = (p) => ;
const IconChat = (p) => ;
const IconNews = (p) => ;
const IconSettings = (p) => ;
const IconChart = (p) => ;
const IconUsers = (p) => ;
const IconCash = (p) => ;
const IconCode = (p) => ;
const IconPackage = (p) => ;
const IconRefresh = (p) => ;
const IconShield2 = (p) => ;
const IconLock = (p) => ;
const IconInfo = (p) => ;
const IconWarn = (p) => ;
const IconMail = (p) => ;
const IconQrCode = (p) => ;
const IconPlay = (p) => ;
const IconMobile = (p) => ;
const IconDesktop = (p) => ;
// ---------- Game cover SVGs (procedural) ----------
function GameCover({ slug, accent, accent2, w='100%', h='100%' }) {
// Each game gets a distinct procedural cover
const id = 'g-' + slug;
return (
);
}
// ---------- Payment method logos (faithful word-marks) ----------
function PayLogo({ kind, size=22 }) {
if (kind === 'mir') return (
);
if (kind === 'sbp') return (
);
if (kind === 'sberpay') return (
);
if (kind === 'yandexpay') return (
);
return null;
}
// ---------- Wordmark ----------
function Wordmark({ size=18, color }) {
return (
rev.cut
);
}
// ---------- Sparkline (inline svg) ----------
function Sparkline({ data, color='var(--n-900)', w=120, h=32, fill=true }) {
const max = Math.max(...data), min = Math.min(...data);
const norm = (v) => h - ((v - min) / Math.max(1, max - min)) * (h - 2) - 1;
const step = w / (data.length - 1);
const pts = data.map((v, i) => `${i*step},${norm(v)}`).join(' ');
const area = `M0,${h} L${pts.replace(/ /g, ' L')} L${w},${h} Z`;
return (
);
}
// ---------- Avatar ----------
function Avatar({ name, size=32, accent='#0F172A' }) {
const initials = name.split(' ').map(s => s[0]).slice(0,2).join('').toUpperCase();
return (
{initials}
);
}
// ---------- Toast (simple) ----------
function Toast({ msg, kind='info', onClose }) {
if (!msg) return null;
const colors = { info: 'var(--info)', success: 'var(--success)', danger: 'var(--danger)' };
return (
{msg}
);
}
Object.assign(window, {
Icon, IconSearch, IconChevR, IconChevL, IconChevD, IconChevU, IconCheck, IconX, IconPlus,
IconStar, IconHome, IconGrid, IconHeart, IconUser, IconBell, IconCart, IconShield, IconReceipt,
IconClock, IconArrowR, IconArrowU, IconArrowD, IconExternal, IconCopy, IconUpload, IconDownload,
IconFilter, IconCalendar, IconLayers, IconWebhook, IconCard, IconBox, IconBolt, IconBook, IconChat,
IconNews, IconSettings, IconChart, IconUsers, IconCash, IconCode, IconPackage, IconRefresh,
IconShield2, IconLock, IconInfo, IconWarn, IconMail, IconQrCode, IconPlay, IconMobile, IconDesktop,
GameCover, PayLogo, Wordmark, Sparkline, Avatar, Toast,
});