4b: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4d:Td2d,import React from 'react'; import { tableStyleKeys } from '../lib/core'; import styles from './table.module.scss'; export interface TableProps extends React.HTMLAttributes {} const Table = React.forwardRef(({ className = '', children, ...props }, ref) => { return (

{children}

); }); Table.displayName = 'Table'; export interface TableHeaderProps extends React.HTMLAttributes {} const TableHeader = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableHeader.displayName = 'TableHeader'; export interface TableBodyProps extends React.HTMLAttributes {} const TableBody = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableBody.displayName = 'TableBody'; export interface TableFooterProps extends React.HTMLAttributes {} const TableFooter = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableFooter.displayName = 'TableFooter'; export interface TableRowProps extends React.HTMLAttributes {} const TableRow = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableRow.displayName = 'TableRow'; export interface TableHeadProps extends React.ThHTMLAttributes {} const TableHead = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableHead.displayName = 'TableHead'; export interface TableCellProps extends React.TdHTMLAttributes {} const TableCell = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableCell.displayName = 'TableCell'; export interface TableCaptionProps extends React.HTMLAttributes {} const TableCaption = React.forwardRef(({ className = '', children, ...props }, ref) => { return ( {children} ); }); TableCaption.displayName = 'TableCaption'; export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption }; export default Table; 4e:T57e,@use '../../../styles/variables/colors' as *; .container { position: relative; width: 100%; overflow-x: auto; } .table { width: 100%; border-collapse: collapse; font-size: $text-sm; text-align: left; caption-side: bottom; } .header { tr { border-bottom: 1px solid $border; } } .body { tr:last-child { border-bottom: 0; } } .footer { border-top: 1px solid $border; background-color: color-mix(in srgb, $muted 50%, transparent); font-weight: $font-medium; > tr { border-bottom-width: 0; } } .row { border-bottom: 1px solid $border; transition: background-color $transition-fast; &:hover { background-color: color-mix(in srgb, $muted 50%, transparent); } &:has([aria-expanded='true']) { background-color: color-mix(in srgb, $muted 50%, transparent); } &[data-state='selected'] { background-color: $muted; } } .head { height: 2.5rem; padding: 0 $spacing-2; text-align: left; vertical-align: middle; font-weight: $font-medium; color: $foreground; white-space: nowrap; &:has([role='checkbox']) { padding-right: 0; } > [role='checkbox'] { transform: translateY(2px); } } .cell { padding: $spacing-2; vertical-align: middle; white-space: nowrap; &:has([role='checkbox']) { padding-right: 0; } > [role='checkbox'] { transform: translateY(2px); } } .caption { margin-top: $spacing-4; font-size: $text-sm; color: $muted-foreground; } 4a:["$","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":[null,["$","$L4b",null,{"namespace":"@tile-ui","registryDependencies":["@tile-ui/core","@tile-ui/styles"]}]]}],null]}],["$","$L4c",null,{"files":[{"path":"packages/react/src/components/table/table.tsx","content":"$4d","type":"registry:ui","target":"components/ui/table/table.tsx"},{"path":"packages/styles/scss/components/table.module.scss","content":"$4e","type":"registry:file","target":"components/ui/table/table.module.scss"},{"path":"packages/react/src/components/table/index.ts","content":"export {\n\tTable,\n\tTableHeader,\n\tTableBody,\n\tTableFooter,\n\tTableRow,\n\tTableHead,\n\tTableCell,\n\tTableCaption,\n\ttype TableProps,\n\ttype TableHeaderProps,\n\ttype TableBodyProps,\n\ttype TableFooterProps,\n\ttype TableRowProps,\n\ttype TableHeadProps,\n\ttype TableCellProps,\n\ttype TableCaptionProps,\n} from './table';\n","type":"registry:ui","target":"components/ui/table/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]