2b:I[97408,["/_next/static/chunks/2mboumxmn9vsj.js","/_next/static/chunks/32dvni95tpg53.js","/_next/static/chunks/096pdj0p9us7b.js","/_next/static/chunks/2zmhim7fs4co6.js","/_next/static/chunks/3xch0q4i4r97l.js","/_next/static/chunks/0rrxkn5ubhu1j.js"],"StageProvider"] 2c:I[60401,["/_next/static/chunks/2mboumxmn9vsj.js","/_next/static/chunks/32dvni95tpg53.js","/_next/static/chunks/096pdj0p9us7b.js","/_next/static/chunks/2zmhim7fs4co6.js","/_next/static/chunks/3xch0q4i4r97l.js","/_next/static/chunks/0rrxkn5ubhu1j.js"],"DetailTabs"] 2d:T156e,"use client"; import { ArrowDown, ArrowUpDown } from "lucide-react"; import { createContext, useContext, type ComponentProps } from "react"; import { cn } from "@/lib/utils"; type Variant = "plain" | "card" | "striped"; type Density = "comfortable" | "compact"; const TableContext = createContext<{ variant: Variant; density: Density }>({ variant: "plain", density: "comfortable" }); export interface TableProps extends ComponentProps<"table"> { /** plain: rows on the page · card: inside a white card · striped: card with alternating rows. */ variant?: Variant; density?: Density; /** Classes for the scroll container around the table. */ containerClassName?: string; } export function Table({ variant = "plain", density = "comfortable", className, containerClassName, ...props }: TableProps) { return (

); } export interface TableHeaderProps extends ComponentProps<"thead"> { /** Keep the header row visible while the table scrolls inside its container. */ sticky?: boolean; } export function TableHeader({ sticky = false, className, ...props }: TableHeaderProps) { const { variant } = useContext(TableContext); return ( ); } export function TableBody({ className, ...props }: ComponentProps<"tbody">) { const { variant } = useContext(TableContext); return ( tr:nth-child(even)]:bg-neutral-50/70 dark:[&>tr:nth-child(even)]:bg-white/[0.02]", className, )} {...props} /> ); } export function TableFooter({ className, ...props }: ComponentProps<"tfoot">) { return ( tr]:border-b-0", className)} {...props} /> ); } export function TableRow({ className, ...props }: ComponentProps<"tr">) { const { variant } = useContext(TableContext); return ( ); } const PAD = { comfortable: "px-4 first:pl-5 last:pr-5", compact: "px-3 first:pl-4 last:pr-4" } as const; export interface TableHeadProps extends ComponentProps<"th"> { /** Makes the header a sort button: false shows a neutral icon, asc/desc an arrow. */ sort?: "asc" | "desc" | false; onSort?: () => void; } export function TableHead({ sort, onSort, className, children, ...props }: TableHeadProps) { const { density } = useContext(TableContext); const sortable = sort !== undefined; return ( ); } export function TableCell({ className, ...props }: ComponentProps<"td">) { const { density } = useContext(TableContext); return (

{sortable ? ( ) : ( children )} ); } export function TableCaption({ className, ...props }: ComponentProps<"caption">) { return

Tables

Tables

Plain

Striped

Selectable

Sortable

Sticky Header