61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T1cbd,"use client"; // @litt/list-cover 2026.10.26. What changed: https://littmd.vercel.app/changelog.md /** * Project covers: simple abstract compositions of rectangles and hairlines. * * Token colors only, no gradients: the page already has its one light source * (R2), so a cover is drawn, not lit. The artwork is static. The cover's own * fill (surface-2, stepping to surface-3 on hover) is set by the card. * * The viewBox is 320 x 200 and the card's cover is 8:5, so nothing crops. * Strokes use non-scaling-stroke so every hairline stays 1px at any size. */ import type { ReactNode } from "react"; export type CoverName = | "dashboard" | "identity" | "landing" | "template" | "type" | "motion" | "refresh" | "system" | "blank"; const tone = { panel: "fill-litt-surface-1 stroke-litt-line-strong", bar: "fill-litt-line-strong", soft: "fill-litt-line", ink: "fill-litt-fg-subtle", } as const; type Tone = keyof typeof tone; function R({ x, y, w, h, t = "panel" }: { x: number; y: number; w: number; h: number; t?: Tone }) { return ; } function L({ x1, y1, x2, y2, dash }: { x1: number; y1: number; x2: number; y2: number; dash?: string }) { return ( ); } const art: Record = { /* A fintech dashboard: sidebar, KPI panels, five bars. */ dashboard: ( <> ), /* A brand identity: a mark, a tall sheet and two small sheets. */ identity: ( <> ), /* A landing page: nav, headline, button and an image placeholder. */ landing: ( <> ), /* A template: a grid of six page thumbnails. */ template: ( <> {[24, 116, 208].flatMap((x, col) => [24, 104].map((y, row) => ( )), )} ), /* A type specimen: guides, three letterforms, four lines of text. */ type: ( <> ), /* A motion study: four panels stepping up a dotted path. */ motion: ( <> ), /* A refresh: a sparse before beside a structured after. */ refresh: ( <> ), /* A layout system: four columns with a few filled blocks. */ system: ( <> ), /* A new project: an empty dashed frame with a plus. */ blank: ( <> ), }; /** A drawn cover that fills its parent, which should be relative and 8:5. Decorative, so screen readers skip it. */ export function ProjectCover({ name, className = "", }: { /** Which cover to draw: dashboard, identity, landing, template, type, motion, refresh, system or blank. */ name: CoverName; /** Extra classes for the SVG. */ className?: string; }) { return ( ); } 60:["$","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,["$","$L61",null,{"namespace":"@litt","registryDependencies":["https://littmd.vercel.app/r/litt.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"registry/litt/ui/list-cover.tsx","content":"$63","type":"registry:ui","target":"components/litt/list-cover.tsx"}],"className":"h-[70svh] min-h-80"}]]}]