50: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"] 51: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"] 52:T931,.cr-footer { display: flex; flex-direction: column; gap: var(--cr-space-6); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); } .cr-footer__top { display: flex; flex-wrap: wrap; gap: var(--cr-space-8) var(--cr-space-12); } .cr-footer__about { display: flex; flex: 1 1 260px; flex-direction: column; gap: var(--cr-space-2); max-width: 340px; margin-inline-end: auto; } .cr-footer__brand { font-size: var(--cr-font-size-lg); font-weight: var(--cr-font-weight-bold); letter-spacing: var(--cr-font-tracking-tight); } .cr-footer__brand a { display: inline-flex; align-items: center; gap: var(--cr-space-2); border-radius: var(--cr-radius-sm); color: inherit; text-decoration: none; } .cr-footer__description, .cr-footer__legal { margin: 0; color: var(--cr-color-text-muted); font-size: var(--cr-font-size-sm); } .cr-footer__column { min-width: 140px; } .cr-footer__title { margin: 0 0 var(--cr-space-3); font-size: var(--cr-font-size-sm); font-weight: var(--cr-font-weight-semibold); } .cr-footer__list, .cr-footer__inline { display: flex; margin: 0; padding: 0; list-style: none; } .cr-footer__list { flex-direction: column; gap: var(--cr-space-2); } .cr-footer__inline { flex-wrap: wrap; gap: var(--cr-space-2) var(--cr-space-4); font-size: var(--cr-font-size-sm); } .cr-footer__link { border-radius: 6px; color: var(--cr-color-text-secondary); text-decoration: none; } .cr-footer__link[href]:hover { color: var(--cr-color-text-default); text-decoration: underline; text-underline-offset: 3px; } .cr-footer__link:focus-visible, .cr-footer__brand a:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--cr-space-2) var(--cr-space-4); } .cr-footer__bottom[data-ruled] { padding-top: var(--cr-space-4); border-top: 1px solid var(--cr-color-border-default); } .cr-footer__end { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cr-space-2) var(--cr-space-4); margin-inline-start: auto; color: var(--cr-color-text-secondary); font-size: var(--cr-font-size-sm); } 53:Ta71,'use client'; import type { MouseEventHandler, ReactNode } from 'react'; import { cx } from '@/lib/creance/cx'; import './Footer.css'; export interface FooterLink { label: ReactNode; href?: string; onClick?: MouseEventHandler; } export interface FooterColumn { /** The column's heading, and the accessible name of its links. */ title: string; links: FooterLink[]; } export interface FooterProps { /** Logo and name. */ brand?: ReactNode; /** A line about the product, under the brand. */ description?: ReactNode; /** Groups of links. Leave out for a one-line footer. */ columns?: FooterColumn[]; /** Copyright and licence. */ legal?: ReactNode; /** Links at the end of the bottom line. */ links?: FooterLink[]; /** Accessible name of the bottom links. Default "Footer". */ linksLabel?: string; /** Anything else for the bottom line, such as a status. */ children?: ReactNode; className?: string; } const link = (l: FooterLink, i: number) => (

{l.label}

); /** The end of a page: brand, groups of links, and a line for copyright. With only `legal` and `links` it is one line. */ export function Footer({ brand, description, columns, legal, links, linksLabel = 'Footer', children, className }: FooterProps) { const top = brand || description || columns?.length; return ( ); } 4f:["$","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,["$","$L50",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"footer/Footer.css","content":"$52","type":"registry:file","target":"@components/creance/footer/Footer.css"},{"path":"footer/Footer.tsx","content":"$53","type":"registry:ui","target":"@components/creance/footer/Footer.tsx"}],"className":"h-[70svh] min-h-80"}]]}]