https://stopantisemitism.org/assets/extremist-groups-CoiagdNm.js

1import{r as l,j as e,S as x,i as u,a as d,L as h,g as c}from"./index-DxbgSn94.js";import{N as g}from"./NetworkBackground-CJ8LQWDj.js";import{E as b}from"./Eyebrow-D3ym247W.js";import{A as f}from"./arrow-up-right-B8gClfBI.js";import"./utils-Bk382tBs.js";function v(t){return t.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"})}function w({count:t}){const[r,a]=l.useState(()=>v(new Date));return l.useEffect(()=>{a(new Date().toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}))},[]),e.jsxs("div",{className:"relative isolate min-h-[22rem] py-10 md:py-14",children:[e.jsxs("div",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 -bottom-[22rem] left-1/2 -translate-x-1/2 w-screen z-[1] overflow-hidden",children:[e.jsx("span",{className:"absolute -top-32 -left-24 h-[40rem] w-[40rem] rounded-full bg-[radial-gradient(circle,oklch(0.72_0.12_235/0.5),transparent_65%)] blur-3xl animate-drift-slow"}),e.jsx("span",{className:"absolute top-0 -right-24 h-[38rem] w-[38rem] rounded-full bg-[radial-gradient(circle,oklch(0.62_0.21_25/0.32),transparent_65%)] blur-3xl animate-drift-slower"}),e.jsx("span",{className:"absolute -bottom-32 left-1/3 h-[32rem] w-[32rem] rounded-full bg-[radial-gradient(circle,oklch(0.78_0.08_230/0.38),transparent_65%)] blur-3xl animate-drift-slow [animation-delay:-6s]"}),e.jsx("span",{className:"absolute bottom-10 -left-10 h-[24rem] w-[24rem] rounded-full bg-[radial-gradient(circle,oklch(0.62_0.21_25/0.25),transparent_65%)] blur-3xl animate-drift-slower [animation-delay:-9s]"}),e.jsx("span",{className:"absolute inset-0 opacity-[0.05] mix-blend-multiply bg-grain"})]}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 -bottom-[22rem] left-1/2 -translate-x-1/2 w-screen z-[2] opacity-90 [mask-image:linear-gradient(to_bottom,black_0%,black_38%,transparent_92%)] [-webkit-mask-image:linear-gradient(to_bottom,black_0%,black_38%,transparent_92%)]",children:e.jsx(g,{})}),e.jsxs("div",{className:"relative z-10 max-w-2xl",children:[e.jsx(b,{className:"mb-5",children:"Monitored Threats"}),e.jsxs("h1",{className:"text-5xl md:text-7xl font-display uppercase tracking-tighter leading-[0.85] text-navy-deep mb-6",children:["Extremist",e.jsx("br",{}),e.jsxs("span",{className:"relative inline-block text-brand-red",children:["Groups",e.jsx("span",{"aria-hidden":!0,className:"absolute left-0 -bottom-1 h-1 bg-brand-red animate-underline-sweep origin-left"})]})]}),e.jsx("p",{className:"text-lg md:text-xl text-navy-mid max-w-2xl leading-relaxed",children:"Tracking hate groups and extremist movements espousing antisemitism."}),e.jsxs("div",{className:"mt-6 flex flex-wrap items-center gap-4 font-mono text-xs uppercase tracking-tight text-navy-mid font-medium",children:[e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"relative inline-flex items-center justify-center",children:[e.jsx("span",{className:"absolute inline-flex h-4 w-4 rounded-full bg-brand-red/30 animate-ping"}),e.jsx("span",{className:"relative size-2 bg-brand-red rounded-full"})]}),"Monitoring Active Threats"]}),e.jsx("span",{className:"text-navy-deep/30",children:"/"}),e.jsxs("span",{children:["Last Updated: ",r]})]})]})]})}function y({query:t,onQueryChange:r,activeTag:a,onTagChange:i}){return e.jsxs("div",{className:"flex flex-col lg:flex-row gap-2 items-stretch lg:items-center p-2 rounded-md border border-white/15 bg-white/10 backdrop-blur shadow-sm",children:[e.jsxs("div",{className:"relative flex-1 flex items-center",children:[e.jsx(x,{className:"absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-white/60","aria-hidden":!0}),e.jsx("input",{type:"search",value:t,onChange:s=>r(s.target.value),placeholder:"Search groups by name or keyword...",className:"h-12 w-full rounded-md border border-white/15 bg-white/10 pl-12 pr-4 text-base text-white placeholder:text-white/50 backdrop-blur focus:border-brand-red focus:bg-white/15 focus:outline-none","aria-label":"Search extremist groups"})]}),e.jsx("div",{className:"flex flex-wrap gap-1 p-1 bg-brand-cream",role:"tablist",children:u.map(s=>{const n=s===a;return e.jsx("button",{type:"button",role:"tab","aria-selected":n,onClick:()=>i(s),className:"px-4 py-2 text-[10px] font-display uppercase tracking-widest transition-colors "+(n?"bg-navy-deep text-white":"text-navy-deep/70 hover:bg-navy-deep/5 hover:text-navy-deep"),children:s==="All"?"All":d[s]},s)})})]})}function j(t){const r=l.useRef(null),[a,i]=l.useState(!1);return l.useEffect(()=>{const s=r.current;if(!s||a)return;const n=new IntersectionObserver(([o])=>{o.isIntersecting&&(i(!0),n.disconnect())},{rootMargin:"0px 0px 80px 0px",threshold:0,...t});return n.observe(s),()=>n.disconnect()},[a,t]),{ref:r,inView:a}}function N({group:t,index:r}){const{ref:a,inView:i}=j(),s=`${Math.min(r*50,400)}ms`;return e.jsxs(h,{ref:a,to:"/extremist-groups/$id",params:{id:t.id},"aria-label":`Open dossier for ${t.name}`,className:"group/card relative block aspect-[4/5] overflow-hidden rounded-2xl shadow-lg ring-1 ring-white/10 transition-[transform,opacity,box-shadow] duration-700 ease-[

1cubic-bezier(0.22,1,0.36,1)] will-change-[transform,opacity] hover:-translate-y-1 hover:shadow-2xl hover:ring-brand-red/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-red/60 focus-visible:ring-offset-2 "+(i?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-5 scale-[0.98]"),style:{transitionDelay:i?s:"0ms",backgroundColor:"var(--color-navy-deep, #0b1a2c)",backgroundImage:"radial-gradient(ellipse at 30% 25%, rgba(255,90,70,0.18), transparent 55%), radial-gradient(ellipse at 70% 80%, rgba(20,40,70,0.6), transparent 60%), linear-gradient(160deg, #142a45 0%, #0b1a2c 60%, #050d18 100%)"},children:[e.jsx("span",{"aria-hidden":!0,className:"absolute inset-0 opacity-[0.18] mix-blend-overlay pointer-events-none",style:{backgroundImage:`url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")`,backgroundSize:"160px 160px"}}),t.cardImage?e.jsx("img",{src:t.cardImage,alt:`${t.name} — documented action`,loading:r<4?"eager":"lazy",className:"absolute inset-0 w-full h-full object-cover transition-[transform,filter] duration-700 ease-out group-hover/card:scale-[1.03]",style:{filter:"grayscale(25%) brightness(0.72) contrast(1.15) saturate(0.85)"}}):e.jsx("div",{className:"absolute inset-0 flex items-center justify-center p-10 pb-32",children:e.jsx("img",{src:t.image,alt:`${t.name} emblem`,loading:r<4?"eager":"lazy",className:"max-h-full max-w-full object-contain transition-[transform,filter,opacity] duration-700 ease-out group-hover/card:scale-[1.04] group-hover/card:opacity-90",style:{filter:"grayscale(100%) brightness(1.6) contrast(1.05) drop-shadow(0 0 18px rgba(0,0,0,0.4))",mixBlendMode:"screen",opacity:.72}})}),e.jsx("span",{"aria-hidden":!0,className:"absolute inset-x-0 bottom-0 h-3/5 bg-gradient-to-t from-navy-deep via-navy-deep/80 to-transparent pointer-events-none"}),e.jsxs("div",{className:"absolute top-4 left-4 right-4 z-10 flex items-start justify-between gap-2",children:[e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-white/85 border border-white/25 bg-black/40 backdrop-blur-sm px-2 py-0.5 rounded",children:d[t.tag]}),t.caseFile&&e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-white/60",children:t.caseFile})]}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 z-10 p-5",children:[e.jsx("div",{className:"h-px w-10 bg-brand-red mb-3 transition-all duration-500 group-hover/card:w-16"}),e.jsx("h3",{className:"font-display text-xl md:text-2xl leading-[1.05] uppercase tracking-tight text-white line-clamp-2",children:t.name}),e.jsx("p",{className:"mt-2 text-[12px] leading-relaxed text-white/70 line-clamp-2",children:t.summary}),e.jsxs("div",{className:"mt-3 inline-flex items-center gap-1.5 text-[11px] font-display uppercase tracking-[0.18em] text-brand-red",children:["View dossier",e.jsx(f,{className:"h-3 w-3 transition-transform group-hover/card:translate-x-0.5 group-hover/card:-translate-y-0.5"})]})]})]})}function k({groups:t}){return t.length===0?e.jsx("div",{className:"text-center py-24 border border-dashed border-navy-deep/15",children:e.jsx("p",{className:"font-display uppercase tracking-widest text-navy-mid",children:"No groups match this filter."})}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:t.map((r,a)=>e.jsx(N,{group:r,index:a},r.id))})}function _(){const[t,r]=l.useState(0);return l.useEffect(()=>{const a=()=>{const i=document.documentElement,s=i.scrollTop,n=i.scrollHeight-i.clientHeight;r(n>0?s/n*100:0)};return a(),window.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",a),()=>{window.removeEventListener("scroll",a),window.removeEventListener("resize",a)}},[]),e.jsx("div",{"aria-hidden":!0,className:"fixed top-0 left-0 right-0 z-50 h-[2px] bg-transparent pointer-events-none",children:e.jsx("div",{className:"h-full bg-gradient-to-r from-brand-red via-brand-red to-brand-red/40 transition-[width] duration-150 ease-out",style:{width:`${t}%`}})})}function T(){const[t,r]=l.useState(""),[a,i]=l.useState("All"),s=l.useMemo(()=>{const n=t.trim().toLowerCase();return c.filter(o=>{const m=a==="All"||o.tag===a,p=!n||o.name.toLowerCase().includes(n)||o.summary.toLowerCase().includes(n)||o.tag.toLowerCase().includes(n)||d[o.tag].toLowerCase().includes(n);return m&&p})},[t,a]);return e.jsxs("div",{className:"bg-gradient-to-b from-brand-cream from-0% via-brand-cream via-50% to-brand-navy-deep to-100% text-navy-deep",children:[e.jsx(_,{}),e.jsx("header",{className:"relative max-w-6xl mx-auto px-6 pb-6 md:px-10 lg:px-14",children:e.jsx(w,{count:c.length})}),e.jsxs("main",{className:"max-w-6xl mx-auto px-6 pt-6 pb-24 md:px-10 lg:px-14",children:[e.jsx(k,{groups:s}),e.jsx("div",{className:"mt-16",children:e.jsx(y,{query:t,onQueryChange:r,activeTag:a,onTagChange:i})})]})]})}export{T as component};