4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T252c,'use client'; import * as React from 'react'; import { Check, ChevronDown, Layers, Sparkles, X, Zap } from 'lucide-react'; import { cn } from '@/lib/utils'; import { REVEAL_KEYFRAMES, revealClass, revealDelay, useReveal } from './reveal'; import type { FeatureGroup, FeatureValue, Plan } from './types'; export type DarkMatrixVariant = 'Sections' | 'Flat'; export interface DarkMatrixProps { plans: Plan[]; eyebrow?: string; heading?: string; subheading?: string; groups: FeatureGroup[]; hints?: Record; variant?: DarkMatrixVariant; className?: string; } const ICONS = [Layers, Zap, Sparkles]; function Value({ value }: { value: FeatureValue }) { if (value === true) { return ( <> Included ); } if (value === false) { return ( <> Not included ); } return {value}; } export function DarkMatrix({ plans, groups, eyebrow, heading, subheading, hints = {}, variant = 'Sections', className, }: DarkMatrixProps) { const { ref, shown } = useReveal(); /* Three plan columns need 720px. Under that the table showed one and a half of them behind a horizontal scroll, so a narrow container gets a plan picker and renders that plan's column against the feature names. */ const [shownPlan, setShownPlan] = React.useState(0); const rows = groups.flatMap((group) => group.rows); const body = (rowsToRender: typeof rows) => rowsToRender.map((row) => ( {row.label} {(row.hint ?? hints[row.label]) && ( ?{row.hint ?? hints[row.label]} )} {row.values.map((value, index) => ( ))} )); return (