1d:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsPage"] 1e:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsTitle"] 1f:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsDescription"] 20:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsBody"] 21:I[26731,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"ComponentPreview"] 22:I[25325,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"CodeTabs"] 23:T15f8,import type { ComponentProps } from "react"; import { cn } from "@/registry/tier-2-primitives/lib/cn"; /** * Table. * * A real ``. Not a grid of divs — a screen reader announces "row 3 of * 40, column Status" only if the markup says so, and a div grid with * `role="table"` bolted on is a reimplementation of something the browser * already does correctly. * * The wrapper scrolls horizontally rather than the page. A table that widens * the document is a table that breaks every layout it appears in, and on a * phone it makes the whole page swipe sideways. * * DENSITY * `comfortable` for a buyer-facing list of a dozen rows; `compact` for an * admin screen with fifty. Don't mix the two in one view. */ export function Table({ className, density = "comfortable", ...props }: ComponentProps<"table"> & { density?: "comfortable" | "compact" }) { return (

); } export function TableHeader({ className, ...props }: ComponentProps<"thead">) { return ( ); } export function TableBody({ className, ...props }: ComponentProps<"tbody">) { return ; } export function TableFooter({ className, ...props }: ComponentProps<"tfoot">) { return ( ); } export function TableRow({ className, interactive = false, ...props }: ComponentProps<"tr"> & { interactive?: boolean }) { return ( ); } /** * A header cell. * * `scope` is not optional decoration — it is what tells a screen reader whether * this cell labels a column or a row. Defaults to `col`, which is right for * almost every header. */ export function TableHead({ className, scope = "col", align = "left", ...props }: ComponentProps<"th"> & { align?: "left" | "right" | "center" }) { return (

); } export function TableCell({ className, align = "left", ...props }: ComponentProps<"td"> & { align?: "left" | "right" | "center" }) { return ( ); } /** * The caption. Visually hidden by default — a table's accessible name is * usually already in the heading above it, but a screen reader landing inside * the table needs it too. */ export function TableCaption({ className, visible = false, ...props }: ComponentProps<"caption"> & { visible?: boolean }) { return (