/* Inline SVG icons for Pyramid — React components */ const Icon = ({ name, size = 16, stroke = 1.75, ...rest }) => { const s = size; const sw = stroke; const paths = { hash: <>, voice: <>, announce: <>, lock: <>, search: <>, plus: <>, close: <>, chevronDown: , chevronRight: , dots: <>, dotsV: <>, smile: <>, reply: <>, send: <>, pin: <>, users: <>, bell: <>, inbox: <>, mic: <>, micOff: <>, headphones: <>, videoOff: <>, video: <>, screen: <>, phoneOff: <>, settings: <>, edit: <>, trash: <>, copy: <>, bookmark: , link: <>, gif: <>, paperclip: , sun: <>, moon: , sidebarLeft: <>, check: , arrowUp: <>, sparkle: , palette: <>, globe: <>, at: <>, filter: , }; return ( {paths[name]} ); }; /* Pyramid logo/mark */ const PyramidMark = ({ size = 36, accent }) => { const color = accent || 'var(--accent)'; return ( {/* right face */} {/* left face (front) */} {/* base outline */} {/* edge highlight */} ); }; /* Small pyramid for space icons */ const PyramidGlyph = ({ size = 26, color = 'currentColor', short }) => (
{short && ( {short} )}
); window.Icon = Icon; window.PyramidMark = PyramidMark; window.PyramidGlyph = PyramidGlyph;