/* ─────────────────────────────────────────────────────────── icons.jsx — garment silhouettes, category marks, UI glyphs Exports to window: CatIcon, GarmentSwatch, Icon (named UI glyphs) ─────────────────────────────────────────────────────────── */ /* category silhouettes — single-path, currentColor stroke */ function CatIcon({ id='top', size=28, color='currentColor', sw=1.6 }) { const P = { fill:'none', stroke:color, strokeWidth:sw, strokeLinejoin:'round', strokeLinecap:'round' }; const paths = { top:(), bottom:(), capi:(), abiti:(), scarpe:(), access:(), }; return ( {paths[id]||paths.top} ); } /* a clothing item rendered as an editorial fabric swatch + silhouette, or an uploaded photo if item.photo is set */ function GarmentSwatch({ item, size=56, radius=14, ring=false }) { const color = item?.color || '#56657a'; const cat = item?.category || 'top'; return (
{item?.photo ? : (<>
{/* soft fabric sheen */}
) }
); } /* lighten/darken a hex color */ function shade(hex, amt){ const h=hex.replace('#',''); if(h.length!==6) return hex; const n=parseInt(h,16); let r=(n>>16)+amt, g=((n>>8)&255)+amt, b=(n&255)+amt; r=Math.max(0,Math.min(255,r)); g=Math.max(0,Math.min(255,g)); b=Math.max(0,Math.min(255,b)); return '#'+((r<<16)|(g<<8)|b).toString(16).padStart(6,'0'); } /* ---- UI glyph set ---- */ const Icon = { plus:(p)=>g(p,), close:(p)=>g(p,), check:(p)=>g(p,), chevR:(p)=>g(p,), chevL:(p)=>g(p,), chevD:(p)=>g(p,), arrowR:(p)=>g(p,<>), clock:(p)=>g(p,<>), bell:(p)=>g(p,<>), home:(p)=>g(p,<>), chart:(p)=>g(p,<>), layers:(p)=>g(p,<>), camera:(p)=>g(p,<>), spark:(p)=>g(p,), gift:(p)=>g(p,<>), flame:(p)=>g(p,), cal:(p)=>g(p,<>), undo:(p)=>g(p,<>), flag:(p)=>g(p,<>), google:(p)=>(), apple:(p)=>(), ms:(p)=>(), }; function g(p, kids){ const size=p?.size||22, color=p?.color||'currentColor', sw=p?.sw||1.8; return ( {kids} ); } Object.assign(window, { CatIcon, GarmentSwatch, shade, Icon });