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:T194c,/** * Footer — multi-column link groups, brand block, and a legal line. * * Degrades on purpose: with no `groups` it renders as a single simple row, which * is the right footer for a one-page site. Adding groups turns it into the * multi-column form without a second component. * * a11y: several things worth spelling out. * * - Each column is a `

` with its own accessible name taken from the column * heading, so a screen reader announces "Product navigation" rather than * meeting four unnamed navigation landmarks in a row. * - Column headings are real headings at a level the caller controls, not * styled `

`s. * - Social links carry visible-to-AT names even when they show only an icon. * - The copyright year is rendered by the caller, not by `new Date()`. Deriving * it here would mean the server and the client can disagree across midnight, * and it makes the output non-deterministic for snapshot tests. * * Dependencies: react, @/lib/types, @/lib/utils, * @/components/ui/container, @/components/ui/heading. */ import type { ElementType, ReactNode } from "react" import type { HeadingLevel, IconComponent, LinkComponent } from "@/lib/types" import { cn, slugId } from "@/lib/utils" import { Container } from "@/components/ui/container" import { Heading } from "@/components/ui/heading" export interface FooterLink { label: string href: string external?: boolean /** Shown as a small tag beside the label — "New", "Beta". */ badge?: ReactNode } export interface FooterGroup { title: string links: FooterLink[] } export interface FooterSocial { label: string href: string icon: IconComponent } export interface FooterProps { groups?: FooterGroup[] /** Wordmark, logo, or a short pitch. */ brand?: ReactNode /** Shown under the brand, such as a newsletter form or a status badge. */ children?: ReactNode social?: FooterSocial[] /** The full line, e.g. `© 2026 Acme, Inc.` Rendered as given. */ copyright?: ReactNode /** Links such as privacy and terms. Shown in a row at the bottom. */ legal?: FooterLink[] link?: LinkComponent /** Heading level of the column headings. Defaults to `2`. */ headingLevel?: HeadingLevel className?: string id?: string } const linkClass = "text-muted-foreground hover:text-foreground focus-visible:ring-ring inline-flex min-h-8 items-center gap-2 rounded-sm text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none" export function Footer({ groups = [], brand, children, social = [], copyright, legal = [], link, headingLevel = 2, className, id, }: FooterProps) { const Link = (link ?? "a") as ElementType const renderLink = (item: FooterLink) => (

{item.label} {item.badge} {item.external ? (opens in a new tab) : null}

) return ( ) } 4d:["$","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,["$","$L4e",null,{"namespace":"@facade","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/sections/footer.tsx","content":"$50","type":"registry:component","target":"components/sections/footer.tsx"}],"className":"h-[70svh] min-h-80"}]]}]