import type * as React from "react"; import { cn } from "@/lib/registry/cn"; function StatRoot({ className, ...props }: React.ComponentProps<"div">) { return (

); } StatRoot.displayName = "Stat"; function StatLabel({ className, ...props }: React.ComponentProps<"div">) { return (

); } StatLabel.displayName = "StatLabel"; function StatValue({ className, ...props }: React.ComponentProps<"div">) { return (

); } StatValue.displayName = "StatValue"; function StatChange({ className, ...props }: React.ComponentProps<"div">) { return (

); } StatChange.displayName = "StatChange"; /** Key-value pair (term + value). Use for simple label-value rows. */ function KeyValue({ className, ...props }: React.ComponentProps<"div">) { return (

); } KeyValue.displayName = "KeyValue"; function KeyValueTerm({ className, ...props }: React.ComponentProps<"dt">) { return (

); } KeyValueTerm.displayName = "KeyValueTerm"; function KeyValueValue({ className, ...props }: React.ComponentProps<"dd">) { return (

); } KeyValueValue.displayName = "KeyValueValue"; export { KeyValue, KeyValueTerm, KeyValueValue, StatChange, StatLabel, StatRoot as Stat, StatValue, };

Stat

Showcase

Stat