60: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"] 61: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"] 62:Td89,import type { ReactNode } from 'react' import { Card } from './surface' import { Blob } from './media' import { Text } from './text' import type { IconLike } from './Icon' import type { Tone } from './tone' /** A headline figure on its own cushion. * * This existed twice, verbatim — `StatTile` in one screen and `Stat` in * another — and the copies had already drifted apart: one took the full Tone, * the other narrowed it to four. Divergent copies of one idea is the thing a * design system exists to stop, so it lives here now. It takes the full Tone; * the narrowed signature was the drift, not the intent. * * The tile leads with its own icon and tone because the block it replaced put * four unadorned numbers on one card, where "0", "0 / 0" and "+$0.00" all * carried identical weight and nothing said which one you actually came for. */ export function Stat({ label, value, icon, tone }: { label: string; value: string; icon: IconLike; tone: Tone }) { return (

{label} {/* dir="auto" for the same reason Text sets it: a value can be a non-Latin string (a person's name in a "top contributor" tile). */} {value}

) } interface MetricProps { label: string /** `null` means UNKNOWN, and renders as an em-dash — never as 0. * * This is the whole reason the component exists. The pattern it replaces was * hand-written at ~34 sites, each re-deriving the rule, e.g. * `{p.reviews > 0 ? `${pct}%` : '—'}` with the comment "A satisfaction score * over zero reviews is not 0% — it's unknown." Any site that forgot printed * "0%", which reads as "everybody hated it" — a real number, and the opposite * of the truth. The caller still decides *whether* a value is known; only that * answer needs domain knowledge. What is uniform, and therefore belongs here, * is how unknown looks. */ value: ReactNode | null /** Tabular figures, so digits line up down a column. On by default: a metric * is a number unless it isn't (a plan name, a region). */ num?: boolean mono?: boolean } /** A labelled readout: small muted label, value beneath. * * A readout is atomic: "−$24.75" must never break after the minus, and a * two-line label reads as two metrics — hence nowrap; the ROW wraps whole * metrics instead. Inside a Row ([.pouf-row>&]) metrics divide the spare * width evenly (a KPI strip) but never below one-line content. */ export function Metric({ label, value, num = true, mono }: MetricProps) { return (

{label} {value ?? '—'}

) } 5f:["$","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,["$","$L60",null,{"namespace":"@1st-pouf","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json","https://1st-pouf.worksonmy.dev/r/tone.json"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"registry/pouf/readout.tsx","content":"$62","type":"registry:ui","target":"components/pouf/readout.tsx"}],"className":"h-[70svh] min-h-80"}]]}]