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:T1ac7,import { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from "lucide-react"; import type { ComponentProps } from "react"; import { cn } from "@/registry/default/lib/utils"; type TableSortDirection = "asc" | "desc" | false; interface TableProps extends ComponentProps<"table"> { /** * Names the scroll container and makes it a focusable region, so keyboard * users can scroll a table that is wider than its box. Set it whenever the * content can overflow. */ scrollLabel?: string; } /** * A data table built on the native table elements, so screen readers get * rows, columns and headers for free. It sits in a container that scrolls * sideways when the table is too wide. When that can happen, pass * `scrollLabel`: the container becomes a named region with `tabIndex={0}`, * so it can be reached with Tab and scrolled with the arrow keys. Rows show * `data-state="selected"` in a muted colour. For sortable columns, put a * `TableSortButton` in the `TableHead` and pass the same direction to the * head's `sort` prop, which sets `aria-sort`. Nothing animates beyond a * colour change on hover. * * @example * * Invoices from the last 30 days. * * * * Amount * * Status * * * * * {amount} * Paid * * *

*/ function Table({ className, scrollLabel, ...props }: TableProps) { return (

); } function TableHeader({ className, ...props }: ComponentProps<"thead">) { return ; } function TableBody({ className, ...props }: ComponentProps<"tbody">) { return ( ); } function TableFooter({ className, ...props }: ComponentProps<"tfoot">) { return ( ); } /** A row. Set `data-state="selected"` on selected rows (and say so in a cell, a checkbox for example). */ function TableRow({ className, ...props }: ComponentProps<"tr">) { return ( ); } const ARIA_SORT = { asc: "ascending", desc: "descending" } as const; interface TableHeadProps extends ComponentProps<"th"> { /** The column's sort direction. Sets `aria-sort` ("ascending", "descending" or "none"); leave it out on columns that do not sort. */ sort?: TableSortDirection; } /** A column header cell. */ function TableHead({ className, sort, ...props }: TableHeadProps) { return (

); } interface TableSortButtonProps extends ComponentProps<"button"> { /** The column's current sort direction, or `false` when it is not sorted. */ direction?: TableSortDirection; /** Called on click with the direction that would come next: "asc" unless it already is, then "desc". */ onSort?: (next: "asc" | "desc") => void; } /** * The button in a sortable column header. It shows an up or down arrow for * the current direction, or a neutral mark when the column is not sorted, * and exposes the direction as `data-direction`. The arrows are hidden from * screen readers: they hear the column's `aria-sort`, so pass the same * direction to the surrounding `TableHead`'s `sort` prop. */ function TableSortButton({ direction = false, onSort, onClick, className, children, ...props }: TableSortButtonProps) { const Icon = direction === "asc" ? ArrowUpIcon : direction === "desc" ? ArrowDownIcon : ChevronsUpDownIcon; return ( ); } export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSortButton, type TableHeadProps, type TableProps, type TableSortButtonProps, type TableSortDirection, }; 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react@^1.48.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^1.48.0"}]]}]}]]}],["$","$L50",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/ui/table.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]
); } function TableCell({ className, ...props }: ComponentProps<"td">) { return (	); } /** Describes the table; screen readers read it as the table's name. */ function TableCaption({ className, ...props }: ComponentProps<"caption">) { return (