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:T1a13,import type { ComponentProps, ReactNode } from "react"; import { cn } from "@/registry/default/lib/utils"; import { Button } from "@/registry/default/ui/button"; import { Separator } from "@/registry/default/ui/separator"; interface SiteFooterLink { /** React key; falls back to the index. */ id?: string; label: ReactNode; href: string; } interface SiteFooterColumn { /** React key; falls back to the index. */ id?: string; /** Column heading, rendered as an `

`. */ title: ReactNode; links: SiteFooterLink[]; } interface SiteFooterSocialLink { /** React key; falls back to the index. */ id?: string; /** Accessible name of the icon link, such as "Follow us on Mastodon". */ label: string; href: string; /** Decorative icon; it is hidden from assistive tech. */ icon: ReactNode; } const defaultColumns: SiteFooterColumn[] = [ { id: "product", title: "Product", links: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Integrations", href: "#integrations" }, { label: "Changelog", href: "#changelog" }, ], }, { id: "company", title: "Company", links: [ { label: "About", href: "#about" }, { label: "Careers", href: "#careers" }, { label: "Blog", href: "#blog" }, { label: "Contact", href: "#contact" }, ], }, { id: "resources", title: "Resources", links: [ { label: "Documentation", href: "#docs" }, { label: "Guides", href: "#guides" }, { label: "Help center", href: "#help" }, ], }, ]; const linkClassName = cn( "text-muted-foreground hover:text-foreground rounded-md text-sm outline-none", "transition-colors motion-reduce:transition-none", "focus-visible:ring-ring/50 focus-visible:ring-[3px]" ); interface SiteFooterProps extends ComponentProps<"footer"> { /** Logo or wordmark at the top left. */ brand?: ReactNode; /** A sentence under the brand. Pass `null` to hide it. */ description?: ReactNode; /** Link columns, all inside one navigation landmark. */ columns?: SiteFooterColumn[]; /** Icon links in the bottom row. Each needs a `label`, since the icon has no text. */ social?: SiteFooterSocialLink[]; /** Text on the left of the bottom row, such as the copyright. */ bottom?: ReactNode; /** Accessible name of the navigation landmark around the columns. */ navLabel?: string; } /** * The footer at the end of a page: brand and a short description on the * left, link columns on the right, then a separator and a bottom row with * the copyright and optional social icon links (stacked on small screens). * It is a `
` (the contentinfo landmark when it is not inside another * section). The columns share one `
` named by `navLabel`; each column * title is an `
` and its links a list. Social links are named by their * `label` and their icons are hidden from assistive tech. Nothing is * computed at runtime, so pass the year in `bottom` if you want one. * * @example * Acme} * columns={[{ title: "Product", links: [{ label: "Pricing", href: "/pricing" }] }]} * social={[{ label: "RSS feed", href: "/rss.xml", icon: }]} * bottom="© 2025 Acme Inc." * /> */ function SiteFooter({ brand = Acme, description = "Plan, build and ship your work in one place, with tools the whole team can use.", columns = defaultColumns, social = [], bottom = "© Acme Inc. All rights reserved.", navLabel = "Footer", className, ...props }: SiteFooterProps) { return (

{brand}
{description ? (
{description}
) : null}
{columns.length > 0 ? (
{columns.map((column, columnIndex) => (

{column.title}

{column.links.map((link, linkIndex) => (
{link.label}
))}

))}
) : null}

{bottom ? (
{bottom}
) : null} {social.length > 0 ? (
{social.map((item, index) => (

))}
) : null}

); } export { SiteFooter, type SiteFooterColumn, type SiteFooterLink, type SiteFooterProps, type SiteFooterSocialLink, }; 4e:["$","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,["$","$L4f",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils","@corsair-ui/button","@corsair-ui/separator"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/default/components/blocks/site-footer.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]