4e: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"] 4f: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"] 50:Td25,/** * Stats — a row of headline figures. * * a11y: the figures are a `

`, with each `Stat` contributing a `dt`/`dd` * pair. A description list is the only markup that actually expresses "this * number means this thing"; a grid of `

`s leaves a screen-reader user with * a run of bare numbers. `Stat` puts the label before the value in the DOM for * the same reason, and `srValue` exists so "1.2K" is read as "1200". * * Dependencies: react, @/lib/types, @/lib/utils, * @/components/ui/container, @/components/ui/section, @/components/ui/section-header, * @/components/ui/stat. */ import type { ElementType } from "react" import type { ListSlotProps, SectionBaseProps } from "@/lib/types" import { cn, slugId } from "@/lib/utils" import { Container } from "@/components/ui/container" import { Section } from "@/components/ui/section" import { SectionHeader } from "@/components/ui/section-header" import { Stat, type StatItem } from "@/components/ui/stat" export interface StatsProps extends SectionBaseProps, ListSlotProps { items: StatItem[] title?: string eyebrow?: string description?: string size?: "sm" | "md" | "lg" align?: "start" | "center" /** `plain` has no background. `card` gives each number a border and background. */ variant?: "plain" | "card" | "divided" } export function Stats({ items, title, eyebrow, description, size = "md", align = "center", variant = "plain", listAs, itemAs, headingLevel = 2, as, spacing = "md", className, id, }: StatsProps) { // The list slot must render a

, not a

{title ? ( ) : null} {/* `itemAs` becomes Stat's *own* wrapper rather than an element around it. A

permits at most one level of div between itself and a dt/dd pair, so wrapping would produce invalid markup — which is exactly what the axe run caught when it did. */} {items.map((item) => ( ))}