// Icons — minimal set drawn as inline SVG components const Icon = ({ d, size = 18, stroke = false, fill = 'currentColor', strokeW = 1.8 }) => ( {typeof d === 'string' ? : d} ); const IHome = (p) => ; const ICompass = (p) => } />; const INews = (p) => } />; const IForum = (p) => ; const ISettings = (p) => } />; const IAdmin = (p) => } />; const ILibrary = (p) => } />; const IUpload = (p) => } />; const IHeart = (p) => ; const IVideo = (p) => } />; const ICart = (p) => } />; const IBell = (p) => } />; const ISearch = (p) => } />; const IPlay = (p) => ; const IPause = (p) => } />; const ISkipF = (p) => } />; const ISkipB = (p) => } />; const IShuffle = (p) => } />; const IRepeat = (p) => } />; const IVolume = (p) => } />; const IX = (p) => ; const IDown = (p) => ; const IExpand = (p) => } />; const IPin = (p) => ; const IFire = (p) => ; const IPlus = (p) => ; const ICheck = (p) => ; const ISliders = (p) => } />; const IMore = (p) => } />; const IUsers = (p) => } />; const IMusic = (p) => } />; const IMenu = (p) => ; const IEdit = (p) => ; const IArrow = (p) => ; const IEye = (p) => } />; const IMsg = (p) => ; const IList = (p) => } />; // Generic generative placeholder art — gradients + pseudo-visual depth const GenArt = ({ g1, g2, g3, seed = 1, children }) => { // Some abstract overlay shapes for variety const r1 = (seed * 13) % 100; const r2 = (seed * 31) % 100; const r3 = (seed * 47) % 100; return (
{/* Subtle grain + shape */} {children}
); }; Object.assign(window, { Icon, IHome, ICompass, INews, IForum, ISettings, IAdmin, ILibrary, IUpload, IHeart, IVideo, ICart, IBell, ISearch, IPlay, IPause, ISkipF, ISkipB, IShuffle, IRepeat, IVolume, IX, IDown, IExpand, IPin, IFire, IPlus, ICheck, ISliders, IMore, IUsers, IMusic, IMenu, IEdit, IArrow, IEye, IMsg, IList, GenArt, });