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:T15c3,"use client"; import { useId, useState, type ComponentProps, type FormEvent } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { cn } from "@/lib/utils"; export type GridFooterLink = { label: string; href: string }; export type GridFooterColumn = { title: string; links: GridFooterLink[] }; export type GridFooterNewsletterValues = { email: string }; export type GridFooterProps = { brand?: string; description?: string; columns?: GridFooterColumn[]; newsletterTitle?: string; newsletterNote?: string; onSubmit?: (values: GridFooterNewsletterValues) => void | Promise; year?: number; } & Omit, "onSubmit">; const DEFAULT_COLUMNS: GridFooterColumn[] = [ { title: "Product", links: [ { label: "Invoicing", href: "#" }, { label: "Expenses", href: "#" }, { label: "Month-end close", href: "#" }, { label: "Pricing", href: "#" }, ], }, { title: "Help", links: [ { label: "Guides", href: "#" }, { label: "VAT calendar", href: "#" }, { label: "Talk to an accountant", href: "#" }, { label: "Status", href: "#" }, ], }, { title: "Company", links: [ { label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, ], }, ]; const linkClass = "underline-offset-4 outline-none hover:underline focus-visible:underline focus-visible:ring-2 focus-visible:ring-ring"; /** * Strict bordered grid footer: every region sits in a hairline cell, * including a newsletter mini-form. */ export function GridFooter({ brand = "Ledgerline", description = "Bookkeeping for studios of 2 to 40 people. Invoices out, receipts matched, books closed by the 5th.", columns = DEFAULT_COLUMNS, newsletterTitle = "The Monthly Close", newsletterNote = "One email on the first Monday of the month. Deadlines, rate changes, nothing else.", onSubmit, year = 2026, className, ...props }: GridFooterProps) { const inputId = useId(); const [state, setState] = useState<"idle" | "sending" | "done">("idle"); async function handleSubmit(event: FormEvent) { event.preventDefault(); const form = event.currentTarget; const email = String(new FormData(form).get("email") ?? ""); setState("sending"); try { await onSubmit?.({ email }); form.reset(); setState("done"); } catch { setState("idle"); } } return ( ); } 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":"@devsloka","registryDependencies":["button","input","label"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/blocks/grid-footer.tsx","content":"$51","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]