/* ============================================================
Төрмен — shared UI primitives
============================================================ */
const { useState:useStateU, useEffect:useEffectU, useRef:useRefU } = React;
/* ---------- Lucide icon (renders inline SVG from the UMD data) ---------- */
function pascal(name){ return name.replace(/(^|-)([a-z])/g, (_,a,b)=>b.toUpperCase()); }
function lucideNode(name){
const L = window.lucide;
if(!L) return null;
const src = L.icons || L;
const d = src[pascal(name)] || src[name];
return Array.isArray(d) ? d : null;
}
function Icon({ name, size=20, stroke=1.6, className='', style }){
const data = lucideNode(name);
return (
);
}
/* ---------- placeholder imagery ---------- */
const PH_ICON = { cut:'beef', grill:'flame', kazan:'cooking-pot', broth:'soup', video:'play', farm:'wheat' };
const PH_KW = { cut:'beef,meat', grill:'barbecue,grill,meat', kazan:'stew,meat', broth:'soup,broth', video:'cooking,food', farm:'farm,cattle,countryside' };
function phHash(s){ s=String(s); let h=0; for(let i=0;i
{/* fallback layer (shown while loading or if every source fails) */}
{src && (
setStage(s=>s+1)}
className={`ph-img absolute inset-0 w-full h-full ${imgFit==='contain'?'object-contain':'object-cover'}`}
style={{ borderRadius:'inherit' }} />
)}
{label && <>
{label}
}
{children}
);
}
/* ---------- scroll reveal ---------- */
function Reveal({ children, delay=0, className='', as:Tag='div' }){
const ref = useRefU(null);
useEffectU(()=>{
const el = ref.current; if(!el) return;
if(!('IntersectionObserver' in window)){ el.classList.add('in'); return; }
const io = new IntersectionObserver((es)=>{
es.forEach(e=>{ if(e.isIntersecting){ el.classList.add('in'); io.unobserve(el); } });
}, { threshold:0.12, rootMargin:'0px 0px -8% 0px' });
io.observe(el);
return ()=>io.disconnect();
},[]);
return {children};
}
/* ---------- section header ---------- */
function SectionHeader({ eyebrow, title, action }){
return (
);
}
/* ---------- brand mark (heritage kazan — stroke only, no fill gradients) ---------- */
function BrandEmblem({ px=34, always=false }){
const ic = Math.round(px * 0.52);
return (
);
}
/* ---------- brand logo ---------- */
function Logo({ size=22, onClick, emblem=true, emblemAlways=false, variant='default' }){
const wordCls = variant==='nav' ? 'brand-wordmark brand-wordmark--nav' : 'brand-wordmark';
const wordStyle = variant==='nav' ? undefined : { fontSize:size };
const inner = (
<>
{emblem && }
Төрмен
);
if(onClick){
return (
);
}
return {inner}
;
}
/* ---------- star rating (supports fractional averages) ---------- */
function Stars({ value=5, size=13 }){
return (
{[0,1,2,3,4].map(i=>{
const fill = Math.max(0, Math.min(1, value - i)); // 0..1 for this star
return (
);
})}
);
}
Object.assign(window, { Icon, Ph, Reveal, SectionHeader, Logo, Stars });