4e: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"] 4f: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"] 50:T975,import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "../../../lib/utils"; import styles from "./table.module.css"; const tableVariants = cva(styles.table, { variants: { variant: { default: "", bordered: styles.tableBordered, striped: styles.tableStriped, }, size: { sm: styles.tableSm, md: "", lg: styles.tableLg, }, }, defaultVariants: { variant: "default", size: "md", }, }); function Table({ className, variant, size, ...props }: React.ComponentProps<"table"> & VariantProps) { return (

); } function TableHeader({ className, ...props }: React.ComponentProps<"thead">) { return ; } function TableBody({ className, ...props }: React.ComponentProps<"tbody">) { return ; } function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) { return ; } function TableRow({ className, ...props }: React.ComponentProps<"tr">) { return ; } function TableHead({ className, ...props }: React.ComponentProps<"th">) { return

; } const Root = Table; const Header = TableHeader; const Body = TableBody; const Footer = TableFooter; const Row = TableRow; const Head = TableHead; const Cell = TableCell; const Caption = TableCaption; export { Root as Table, Header as TableHeader, Body as TableBody, Footer as TableFooter, Row as TableRow, Head as TableHead, Cell as TableCell, Caption as TableCaption, }; 51:Tbf2,.container { position: relative; width: 100%; overflow-x: auto; border-radius: var(--radius); -webkit-overflow-scrolling: touch; } .container::-webkit-scrollbar { height: 8px; } .container::-webkit-scrollbar-track { background: var(--muted); border-radius: 4px; } .container::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; } .container::-webkit-scrollbar-thumb:hover { background: oklch(from var(--border) l c h / 0.8); } .table { width: 100%; caption-side: bottom; border-collapse: collapse; font-size: 0.925rem; line-height: 1.5; table-layout: auto; } .header { position: sticky; top: 0; background: var(--card); z-index: 10; border-bottom: 1px solid var(--border); } .body { background: var(--card); } .footer { border-top: 1px solid var(--border); background: var(--muted); font-weight: 500; } .row { border-bottom: 1px solid oklch(from var(--border) l c h / 0.5); transition: background-color 0.15s var(--ease-out-quad); } .body .row:last-child { border-bottom: none; } .body .row:hover { background-color: var(--muted); } .row[onclick]:hover, .row[role="button"]:hover { background-color: var(--accent); cursor: pointer; } .head { padding: 0.75rem 1rem; text-align: left; font-weight: 500; color: var(--muted-foreground); letter-spacing: -0.01em; white-space: nowrap; line-height: 1.5; } .head[align="center"] { text-align: center; } .head[align="right"] { text-align: right; } .cell { padding: 0.75rem 1rem; color: var(--foreground); vertical-align: middle; line-height: 1.5; } .cell[align="center"] { text-align: center; } .cell[align="right"] { text-align: right; } .caption { margin-top: 1rem; font-size: 0.875rem; color: var(--muted-foreground); text-align: left; } .tableBordered { border: 1px solid var(--border); } .tableBordered .row { border-bottom: 1px solid var(--border); } .tableBordered .head, .tableBordered .cell { border-right: 1px solid oklch(from var(--border) l c h / 0.5); } .tableBordered .head:last-child, .tableBordered .cell:last-child { border-right: none; } .tableStriped .body .row:nth-child(odd) { background-color: oklch(from var(--muted) l c h / 0.4); } .tableStriped .body .row:nth-child(even) { background-color: var(--card); } .tableStriped .body .row:hover { background-color: var(--muted); } .tableSm .head, .tableSm .cell { padding: 0.5rem 0.75rem; font-size: 0.875rem; } .tableLg .head, .tableLg .cell { padding: 1rem 1.25rem; font-size: 1rem; } @media (max-width: 640px) { .table { font-size: 0.875rem; } .head, .cell { padding: 0.625rem 0.75rem; } .tableSm .head, .tableSm .cell { padding: 0.375rem 0.5rem; font-size: 0.8125rem; } .tableLg .head, .tableLg .cell { padding: 0.75rem 1rem; font-size: 0.925rem; } } .row:focus-visible { outline: 2px solid var(--ring); outline-offset: -2px; } .table { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 4d:["$","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","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","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":"class-variance-authority"}]]}]}]]}],["$","$L4e",null,{"namespace":"@roiui","registryDependencies":[]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/brook/ui/table/table.tsx","content":"$50","type":"registry:file","target":"~/components/ui/table/table.tsx"},{"path":"registry/brook/ui/table/table.module.css","content":"$51","type":"registry:file","target":"~/components/ui/table/table.module.css"}],"className":"h-[70svh] min-h-80"}]]}]
; } function TableCell({ className, ...props }: React.ComponentProps<"td">) { return	; } function TableCaption({ className, ...props }: React.ComponentProps<"caption">) { return