51: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"] 52: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"] 53:Td72,/** * SectionHeader — eyebrow, heading, and supporting copy, used by every section. * * Owns two things sections keep getting wrong: the heading *level* and the id * that the section's `aria-labelledby` points at. Both are explicit props, and * the id falls back to a slug of the title so the wiring works without the * caller having to invent one. * * a11y: `headingLevel` must reflect the surrounding outline, not the visual * size — `size` controls appearance and is completely independent. The eyebrow * is a paragraph, never a heading. * * Dependencies: react, @/lib/types, @/lib/utils, ./eyebrow, ./heading. */ import type { ReactNode } from "react" import type { HeadingLevel } from "@/lib/types" import { cn, slugId } from "@/lib/utils" import { Eyebrow } from "@/components/ui/eyebrow" import { Heading } from "@/components/ui/heading" export interface SectionHeaderProps { title: ReactNode /** Small label above the heading. */ eyebrow?: ReactNode /** Text below the heading. */ description?: ReactNode /** Heading level. Defaults to `2`. Does not affect `size`. */ headingLevel?: HeadingLevel /** Visual size. Defaults to `md`. Does not affect `headingLevel`. */ size?: "sm" | "md" | "lg" | "xl" align?: "start" | "center" /** * The heading's id, for the parent's `aria-labelledby`. Made from the title when * omitted. Pass one if two headings would get the same id. */ titleId?: string /** Buttons or links shown beside or under the heading. */ actions?: ReactNode className?: string children?: ReactNode } const headingSizes: Record, string> = { sm: "text-2xl font-semibold tracking-tight sm:text-3xl", md: "text-display-sm font-semibold text-balance", lg: "text-display-md font-semibold text-balance", xl: "text-display-lg font-semibold text-balance", } const descriptionSizes: Record, string> = { sm: "text-base", md: "text-base sm:text-lg", lg: "text-lg sm:text-xl", xl: "text-lg sm:text-xl", } /** Derives the heading id the way `SectionHeader` does, for `aria-labelledby`. */ export function sectionTitleId(title: string, explicit?: string): string { return explicit ?? slugId(title) } export function SectionHeader({ title, eyebrow, description, headingLevel = 2, size = "md", align = "start", titleId, actions, className, children, }: SectionHeaderProps) { const resolvedId = titleId ?? (typeof title === "string" ? slugId(title) : undefined) return (

{eyebrow ? {eyebrow} : null} {title} {description ? (

{description}

) : null} {children}

{actions ?

{actions}

: null}

) } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L51",null,{"namespace":"@facade","registryDependencies":["https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"src/ui/section-header.tsx","content":"$53","type":"registry:ui","target":"components/ui/section-header.tsx"}],"className":"h-[70svh] min-h-80"}]]}]