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:T5ee,import * as React from "react" import { cn } from "@/lib/utils" import { formatCount, type FormatCountOptions, } from "@/lib/format-count" type CountProps = Omit, "children"> & FormatCountOptions & { /** The number. */ value: number /** What screen readers hear, such as `(n) => \`${n} unread\``. Defaults to the exact number when the shown one is capped or shortened. `null` hides the count when its neighbor already says it. */ label?: string | ((value: number) => string) | null } /** * A number as people take it in at a glance: capped at 99+, shortened to * 1.2K, or signed as +4, in figures that don't shift as they change. It says * the exact number, or your label, to screen readers. */ function Count({ value, max, notation, plus, locale, label, className, ...props }: CountProps) { const { shown, exact } = formatCount(value, { max, notation, plus, locale }) const spoken = label === null ? null : typeof label === "function" ? label(value) : (label ?? (shown === exact ? null : exact)) return ( {spoken ? ( <> {spoken} ) : ( shown )} ) } export { Count, formatCount, type CountProps } 53:T467,export type FormatCountOptions = { /** Above this the count shows as `max+`, such as 99+. */ max?: number /** `compact` shortens counts from 1,000 up, such as 1.2K. */ notation?: "standard" | "compact" /** Puts a plus before the count, for things not shown, such as +4. */ plus?: boolean /** BCP 47 locale for the digits and separators. */ locale?: string } /** * A count as it should be shown: capped, shortened or signed. The exact * number is for speech, so a capped or shortened count says it in full. */ export function formatCount( value: number, { max, notation = "standard", plus = false, locale }: FormatCountOptions = {} ) { const standard = new Intl.NumberFormat(locale) const exact = standard.format(value) let shown: string if (max !== undefined && value > max) { shown = `${standard.format(max)}+` } else if (notation === "compact" && Math.abs(value) >= 1000) { shown = new Intl.NumberFormat(locale, { notation: "compact", maximumFractionDigits: 1, }).format(value) } else { shown = exact } return { shown: plus ? `+${shown}` : shown, exact } } 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":"@fibo","registryDependencies":["utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/ui/count.tsx","content":"$52","type":"registry:ui"},{"path":"registry/lib/format-count.ts","content":"$53","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]