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:Tc3f,import { MinusIcon, TrendingDownIcon, TrendingUpIcon } from "lucide-react"; import type { ComponentProps } from "react"; import { cn } from "@/registry/default/lib/utils"; type StatTrend = "up" | "down" | "flat"; const TREND_ICONS = { up: TrendingUpIcon, down: TrendingDownIcon, flat: MinusIcon } as const; const TREND_LABELS: Record = { up: "Increase", down: "Decrease", flat: "No change", }; /** * A set of key figures, marked up as a description list so each value is * read together with its label. Lay it out with grid classes * (`sm:grid-cols-3`, …). * * @example * * * Revenue * $48,200 * 12% since last month * * */ function StatGroup({ className, ...props }: ComponentProps<"dl">) { return

); } function StatValue({ className, ...props }: ComponentProps<"dd">) { return (: ); } interface StatCaptionProps extends ComponentProps<"dd"> { /** Adds an arrow for the direction of change and exposes it as `data-trend`. */ trend?: StatTrend; /** * Read to screen readers before the caption, since the arrow is only a * picture. Defaults to "Increase", "Decrease" or "No change". */ trendLabel?: string; } /** * A note under the value: a comparison, a period. With `trend` it gets an * arrow icon (hidden from screen readers, which hear `trendLabel` instead). * Up is tinted `text-success` and down `text-destructive`; restyle through * `data-trend` where a rise is bad news. */ function StatCaption({ className, trend, trendLabel, children, ...props }: StatCaptionProps) { const Icon = trend ? TREND_ICONS[trend] : null; return (; svg]:text-destructive data-[trend=up]:[&>svg]:text-success [&>svg]:size-3.5 [&>svg]:shrink-0", className )} {...props} > {Icon ?