4d: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"] 4e: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"] 4f:T49df,"use client" import * as React from "react" import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, type Column, type ColumnDef, type ColumnFiltersState, type OnChangeFn, type PaginationState, type Row, type RowSelectionState, type SortingState, type Table as TanStackTable, type VisibilityState, } from "@tanstack/react-table" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" import { Checkbox } from "@/components/ui/checkbox" import { Empty, EmptyDescription, EmptyHeader, EmptyTitle, } from "@/components/ui/empty" import { Skeleton } from "@/components/ui/skeleton" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table" import { DataTableProvider, getColumnTitle, useDataTableContext, type DataTableContextValue, type DataTableDensity, } from "./data-table-context" import { DataTableColumnHeader } from "./data-table-column-header" import { DataTableFilter, type DataTableFilterConfig, } from "./data-table-filter" import { DataTablePagination } from "./data-table-pagination" import { DataTableSearch, DataTableToolbar } from "./data-table-toolbar" import { DataTableViewOptions } from "./data-table-view-options" type SearchConfig = { placeholder?: string debounceMs?: number ariaLabel?: string } type PageSizeConfig = { pageSizeOptions?: number[] } function isPaginationState(value: unknown): value is PaginationState { return ( typeof value === "object" && value !== null && typeof (value as PaginationState).pageIndex === "number" && typeof (value as PaginationState).pageSize === "number" ) } export interface DataTableProps { columns: ColumnDef[] data: TData[] table?: TanStackTable children?: React.ReactNode search?: boolean | SearchConfig filters?: DataTableFilterConfig[] selectable?: boolean pagination?: boolean | PageSizeConfig | PaginationState pageSizeOptions?: number[] toolbarActions?: React.ReactNode density?: DataTableDensity framed?: boolean caption?: string getRowId?: (originalRow: TData, index: number) => string getRowLabel?: (row: Row) => string pageCount?: number loading?: boolean error?: string | null onRetry?: () => void rowCount?: number emptyState?: React.ReactNode noResultsState?: React.ReactNode manualSorting?: boolean manualFiltering?: boolean manualPagination?: boolean sorting?: SortingState onSortingChange?: OnChangeFn globalFilter?: string onGlobalFilterChange?: OnChangeFn columnFilters?: ColumnFiltersState onColumnFiltersChange?: OnChangeFn columnVisibility?: VisibilityState onColumnVisibilityChange?: OnChangeFn rowSelection?: RowSelectionState onRowSelectionChange?: OnChangeFn onPaginationChange?: OnChangeFn } function resolveOnChange( onChange: OnChangeFn | undefined, getValue: () => T, ): OnChangeFn | undefined { if (!onChange) { return undefined } return (updaterOrValue) => { const nextValue = typeof updaterOrValue === "function" ? (updaterOrValue as (previous: T) => T)(getValue()) : updaterOrValue onChange(nextValue) } } export function dataTableFacetFilterFn( row: Row, columnId: string, filterValue: unknown, ) { if (!Array.isArray(filterValue) || filterValue.length === 0) { return true } return filterValue.includes(String(row.getValue(columnId))) } export function DataTable({ columns, data, table: externalTable, children, search = false, filters, selectable = false, pagination: paginationProp = false, pageSizeOptions, toolbarActions, density = "default", framed = true, caption, getRowId, getRowLabel, pageCount, loading = false, error = null, onRetry, rowCount, emptyState, noResultsState, manualSorting = false, manualFiltering = false, manualPagination = false, sorting: controlledSorting, onSortingChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, rowSelection: controlledRowSelection, onRowSelectionChange, onPaginationChange, }: DataTableProps) { const facetIds = React.useMemo( () => new Set((filters ?? []).map((facet) => facet.columnId)), [filters], ) const resolvedColumns = React.useMemo(() => { const prepared = columns.map((column) => { const id = (column as { id?: string }).id ?? ("accessorKey" in column ? String(column.accessorKey) : undefined) if ( id && facetIds.has(id) && !("filterFn" in column && column.filterFn) ) { return { ...column, filterFn: dataTableFacetFilterFn, } as ColumnDef } return column }) if (selectable && !columns.some((column) => column.id === "select")) { prepared.unshift({ id: "select", enableSorting: false, enableHiding: false, size: 44, cell: function SelectCell({ row }) { return }, } as ColumnDef) } return prepared }, [columns, facetIds, selectable, getRowLabel]) const searchEnabled = !!search const searchConfig = typeof search === "object" ? search : undefined const paginationStateProvided = isPaginationState(paginationProp) ? paginationProp : undefined const pageSizeConfig = typeof paginationProp === "object" && !isPaginationState(paginationProp) ? paginationProp : undefined const paginationEnabled = paginationProp !== false || !!paginationStateProvided || !!onPaginationChange const state = { ...(controlledSorting !== undefined && { sorting: controlledSorting }), ...(controlledGlobalFilter !== undefined && { globalFilter: controlledGlobalFilter, }), ...(controlledColumnFilters !== undefined && { columnFilters: controlledColumnFilters, }), ...(controlledColumnVisibility !== undefined && { columnVisibility: controlledColumnVisibility, }), ...(controlledRowSelection !== undefined && { rowSelection: controlledRowSelection, }), ...(paginationStateProvided !== undefined && { pagination: paginationStateProvided, }), } const internalTable: TanStackTable = useReactTable({ data, columns: resolvedColumns, getCoreRowModel: getCoreRowModel(), ...(manualSorting ? { manualSorting: true as const } : { getSortedRowModel: getSortedRowModel() }), ...(manualFiltering ? { manualFiltering: true as const } : { getFilteredRowModel: getFilteredRowModel() }), ...(manualPagination ? { manualPagination: true as const, pageCount } : paginationEnabled ? { getPaginationRowModel: getPaginationRowModel() } : {}), enableRowSelection: selectable, getRowId, ...(rowCount !== undefined && { rowCount }), state, ...(onSortingChange !== undefined && { onSortingChange: resolveOnChange(onSortingChange, () => internalTable?.getState().sorting ?? [], ), }), ...(onGlobalFilterChange !== undefined && { onGlobalFilterChange: resolveOnChange(onGlobalFilterChange, () => String(internalTable?.getState().globalFilter ?? ""), ), }), ...(onColumnFiltersChange !== undefined && { onColumnFiltersChange: resolveOnChange(onColumnFiltersChange, () => internalTable?.getState().columnFilters ?? [], ), }), ...(onColumnVisibilityChange !== undefined && { onColumnVisibilityChange: resolveOnChange( onColumnVisibilityChange, () => internalTable?.getState().columnVisibility ?? {}, ), }), ...(onRowSelectionChange !== undefined && { onRowSelectionChange: resolveOnChange(onRowSelectionChange, () => internalTable?.getState().rowSelection ?? {}, ), }), ...(onPaginationChange !== undefined && { onPaginationChange: resolveOnChange(onPaginationChange, () => internalTable?.getState().pagination ?? { pageIndex: 0, pageSize: 10 }, ), }), }) const table = externalTable ?? internalTable const contextValue: DataTableContextValue = { table, caption, getRowLabel, loading, error, onRetry, rowCount, emptyState, noResultsState, selectable, density, } return (

{children ?? ( <> {(searchEnabled || (filters && filters.length > 0) || toolbarActions) && ( {searchEnabled && ( )} {filters && filters.length > 0 && ( )}

{toolbarActions} )} {(paginationEnabled || selectable) && ( {selectable && } {paginationEnabled && ( )} )} )}

) } function DataTableRowCheckbox({ row, getRowLabel, }: { row: Row getRowLabel?: (row: Row) => string }) { return ( row.toggleSelected(!!value)} /> ) } function DataTableEmptyMessage({ title, description, action, }: { title: string description: string action?: React.ReactNode }) { return ( {title} {description} {action} ) } function DataTableSelectAllCheckbox() { const { table } = useDataTableContext() return ( table.toggleAllPageRowsSelected(!!value)} /> ) } export function DataTableContent({ className }: { className?: string }) { const { table, caption, loading, error, onRetry, emptyState, noResultsState, density, } = useDataTableContext() const rows = table.getRowModel().rows const leafColumns = table.getVisibleLeafColumns() const columnCount = leafColumns.length const state = table.getState() const isFiltering = Boolean(state.globalFilter) || Boolean(state.columnFilters && state.columnFilters.length > 0) const skeletonRowCount = Math.min( Math.max(state.pagination?.pageSize ?? 8, 6), 10, ) const alignClass = (align?: string) => align === "right" ? "text-right" : align === "center" ? "text-center" : undefined const headerMeta = (column: Column) => (column.columnDef.meta ?? {}) as { align?: "left" | "center" | "right" } return ( {leafColumns.map((column) => { const sorted = column.getIsSorted() const meta = headerMeta(column) const canSort = column.getCanSort() return ( {column.id === "select" ? ( ) : canSort ? ( ) : ( getColumnTitle(column) )} ) })} {error ? (

{error}

{onRetry && ( )} ) : loading ? ( Array.from({ length: skeletonRowCount }).map((_, rowIndex) => ( {leafColumns.map((column, columnIndex) => ( ))} )) ) : rows.length === 0 ? ( {isFiltering ? ( noResultsState ?? ( { table.setGlobalFilter("") table.setColumnFilters([]) }} > Clear filters } /> ) ) : ( emptyState ?? ( ) )} ) : ( rows.map((row) => ( {row.getVisibleCells().map((cell) => { const meta = (cell.column.columnDef.meta ?? {}) as { align?: string } return ( {flexRender(cell.column.columnDef.cell, cell.getContext())} ) })} )) )}

) } export function DataTableFooter({ className, children, ...props }: React.ComponentProps<"div">) { return (

{children}

) } export function DataTableSelectionSummary({ className, actions, }: { className?: string actions?: React.ReactNode }) { const { table } = useDataTableContext() const selectedCount = Object.values( table.getState().rowSelection, ).filter(Boolean).length if (selectedCount === 0) { return null } return (

{selectedCount} {selectedCount === 1 ? "row" : "rows"} selected {actions}

) } export { DataTableColumnHeader, DataTableViewOptions, useDataTableContext, getColumnTitle, type DataTableDensity, } export { DataTableSearch, DataTableToolbar, } export { DataTableFilter, type DataTableFilterConfig } export { DataTablePagination } 50:T6a3,"use client" import * as React from "react" import type { Column } from "@tanstack/react-table" import { ArrowDown as ArrowDownIcon, ArrowUp as ArrowUpIcon, ChevronsUpDown as ChevronsUpDownIcon, } from "honestui/icons" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" interface DataTableColumnHeaderProps extends React.ComponentProps<"div"> { column: Column title: string } function toggleDataTableColumnSorting( column: Column, ) { const sorted = column.getIsSorted() if (!sorted) { column.toggleSorting(false) } else if (sorted === "asc") { column.toggleSorting(true) } else { column.clearSorting() } } export function DataTableColumnHeader({ column, title, className, ...props }: DataTableColumnHeaderProps) { const sorted = column.getIsSorted() return (

) } 51:T60e,import * as React from "react" import type { Row } from "@tanstack/react-table" export type DataTableDensity = "default" | "compact" export type DataTableContextValue = { table: import("@tanstack/react-table").Table caption?: string getRowLabel?: (row: Row) => string loading: boolean error: string | null onRetry?: () => void rowCount?: number emptyState?: React.ReactNode noResultsState?: React.ReactNode selectable: boolean density: DataTableDensity } const DataTableContext = React.createContext | null>(null) export function DataTableProvider({ value, children, }: { value: DataTableContextValue children: React.ReactNode }) { return ( } > {children} ) } export function useDataTableContext< TData, >(): DataTableContextValue { const context = React.useContext(DataTableContext) if (!context) { throw new Error( "DataTable parts must be rendered inside .", ) } return context as DataTableContextValue } export function getColumnTitle(column: { id: string columnDef: { header?: unknown; meta?: unknown } }): string { const meta = (column.columnDef.meta ?? {}) as { label?: string } if (meta.label) { return meta.label } if (typeof column.columnDef.header === "string") { return column.columnDef.header } return column.id } 52:Tef7,"use client" import * as React from "react" import { Funnel as FunnelIcon } from "honestui/icons" import { Button } from "@/components/ui/button" import { Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuSeparator, MenuTrigger, } from "@/components/ui/menu" import { useDataTableContext } from "./data-table-context" export interface DataTableFilterOption { label: string value: string } export interface DataTableFilterConfig { columnId: string title: string options: DataTableFilterOption[] } function getActiveFilterCount( filters: Array<{ id: string; value: unknown }>, facets: DataTableFilterConfig[], ) { return filters.filter( (filter) => facets.some((facet) => facet.columnId === filter.id) && Array.isArray(filter.value) && filter.value.length > 0, ).length } export function DataTableFilter({ facets, className, }: { facets: DataTableFilterConfig[] className?: string }) { const { table } = useDataTableContext() const columnFilters = table.getState().columnFilters ?? [] const activeCount = getActiveFilterCount(columnFilters, facets) const selectedValues = (columnId: string): string[] => { const match = columnFilters.find((filter) => filter.id === columnId) return Array.isArray(match?.value) ? (match.value as string[]) : [] } const setValueChecked = ( columnId: string, optionValue: string, checked: boolean, ) => { table.setColumnFilters((currentFilters) => { const currentFilter = currentFilters.find( (filter) => filter.id === columnId, ) const currentValues = Array.isArray(currentFilter?.value) ? (currentFilter.value as string[]) : [] const nextValues = checked ? [...new Set([...currentValues, optionValue])] : currentValues.filter((value) => value !== optionValue) const otherFilters = currentFilters.filter( (filter) => filter.id !== columnId, ) return [ ...otherFilters, ...(nextValues.length > 0 ? [{ id: columnId, value: nextValues }] : []), ] }) } const clearAll = () => { const facetIds = new Set(facets.map((facet) => facet.columnId)) table.setColumnFilters((currentFilters) => currentFilters.filter((filter) => !facetIds.has(filter.id)), ) } return ( } > Filters {activeCount > 0 && ( {activeCount} )} {facets.map((facet, index) => ( {index > 0 && } {facet.title} {facet.options.map((option) => ( setValueChecked(facet.columnId, option.value, checked) } > {option.label} ))} ))} {activeCount > 0 && ( <> Clear all )} ) } 53:T15a4,"use client" import * as React from "react" import { cn } from "@/lib/utils" import { buttonVariants } from "@/components/ui/button" import { ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, } from "honestui/icons" import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, } from "@/components/ui/pagination" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select" import { useDataTableContext } from "./data-table-context" function getPageItems(currentPage: number, pageCount: number) { const pages = new Set([ 0, pageCount - 1, currentPage - 1, currentPage, currentPage + 1, ]) const items: Array<{ type: "page"; page: number } | { type: "ellipsis" }> = [] for (let page = 0; page < pageCount; page++) { if (pages.has(page)) { items.push({ type: "page", page }) } else if ( items[items.length - 1] && items[items.length - 1].type !== "ellipsis" ) { items.push({ type: "ellipsis" }) } } return items } export function DataTablePagination({ pageSizeOptions = [10, 20, 50, 100], className, }: { pageSizeOptions?: number[] className?: string }) { const { table, rowCount } = useDataTableContext() const state = table.getState().pagination const pageSize = state?.pageSize ?? pageSizeOptions[0] const pageIndex = state?.pageIndex ?? 0 const filteredCount = table.getFilteredRowModel().rows.length const totalRows = rowCount !== undefined ? rowCount : filteredCount const pageCount = Math.max(table.getPageCount(), 1) const rangeStart = totalRows === 0 ? 0 : pageIndex * pageSize + 1 const rangeEnd = Math.min((pageIndex + 1) * pageSize, totalRows) const selectItems = pageSizeOptions.map((size) => ({ label: String(size), value: String(size), })) const iconButtonClass = buttonVariants({ variant: "link", size: "icon", className: "size-7", }) return (

Rows per page

{rangeStart}-{rangeEnd} of {totalRows} table.previousPage()} /> } className={cn(iconButtonClass)} > {getPageItems(pageIndex, pageCount).map((item, index) => item.type === "page" ? ( table.setPageIndex(item.page)} /> } className={cn( iconButtonClass, "tabular-nums", item.page === pageIndex ? "text-[var(--hui-color-foreground-base-primary)] [font-weight:var(--hui-font-weight-semibold)]" : "text-[var(--hui-color-foreground-base-secondary)]" )} > {item.page + 1} ) : ( ), )} = pageCount - 1} onClick={() => table.nextPage()} /> } className={cn(iconButtonClass)} >

) } 54:T9d3,"use client" import * as React from "react" import { Search as SearchIcon } from "honestui/icons" import { cn } from "@/lib/utils" import { Input } from "@/components/ui/input" import { Toolbar } from "@/components/ui/toolbar" import { useDataTableContext } from "./data-table-context" export function DataTableToolbar({ className, children, ...props }: React.ComponentProps) { return ( {children} ) } interface DataTableSearchProps extends Omit< React.ComponentProps, "value" | "onChange" | "size" | "type" > { placeholder?: string debounceMs?: number ariaLabel?: string } export function DataTableSearch({ placeholder = "Search...", debounceMs, ariaLabel, className, ...props }: DataTableSearchProps) { const { table } = useDataTableContext() const externalValue = String(table.getState().globalFilter ?? "") const defaultAriaLabel = placeholder.replace(/\.\.\.$/, "").trim() const resolvedAriaLabel = ariaLabel?.trim() || defaultAriaLabel || "Search table" const [value, setValue] = React.useState(externalValue) const [lastExternalValue, setLastExternalValue] = React.useState( externalValue, ) if (externalValue !== lastExternalValue) { setLastExternalValue(externalValue) setValue(externalValue) } React.useEffect(() => { if (debounceMs === undefined) { table.setGlobalFilter(value) return } const timeout = setTimeout(() => { table.setGlobalFilter(value) }, debounceMs) return () => clearTimeout(timeout) }, [value, debounceMs, table]) return ( setValue(event.target.value)} className="[&>[data-slot=input]]:!ps-[var(--hui-space-9)]" {...props} /> ) } 55:T573,"use client" import * as React from "react" import { Settings2 as Settings2Icon } from "honestui/icons" import { Button } from "@/components/ui/button" import { Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuPopup, MenuTrigger, } from "@/components/ui/menu" import { useDataTableContext, getColumnTitle } from "./data-table-context" export function DataTableViewOptions({ className, label = "Columns", }: { className?: string label?: string }) { const { table } = useDataTableContext() const columns = table .getAllLeafColumns() .filter((column) => column.getCanHide()) if (columns.length === 0) { return null } return ( }> {label} {label} {columns.map((column) => ( column.toggleVisibility(checked) } > {getColumnTitle(column)} ))} ) } 4c:["$","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","@tanstack/react-table",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tanstack%2Freact-table","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":"@tanstack/react-table"}]]}]}],["$","li","honestui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/honestui","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":"honestui"}]]}]}]]}],["$","$L4d",null,{"namespace":"@honestui","registryDependencies":["https://www.honestui.com/r/button.json","https://www.honestui.com/r/checkbox.json","https://www.honestui.com/r/empty.json","https://www.honestui.com/r/input.json","https://www.honestui.com/r/menu.json","https://www.honestui.com/r/pagination.json","https://www.honestui.com/r/select.json","https://www.honestui.com/r/skeleton.json","https://www.honestui.com/r/table.json","https://www.honestui.com/r/toolbar.json"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"data-table.tsx","content":"$4f","type":"registry:component","target":"components/ui/data-table/data-table.tsx"},{"path":"data-table-column-header.tsx","content":"$50","type":"registry:component","target":"components/ui/data-table/data-table-column-header.tsx"},{"path":"data-table-context.tsx","content":"$51","type":"registry:component","target":"components/ui/data-table/data-table-context.tsx"},{"path":"data-table-filter.tsx","content":"$52","type":"registry:component","target":"components/ui/data-table/data-table-filter.tsx"},{"path":"data-table-pagination.tsx","content":"$53","type":"registry:component","target":"components/ui/data-table/data-table-pagination.tsx"},{"path":"data-table-toolbar.tsx","content":"$54","type":"registry:component","target":"components/ui/data-table/data-table-toolbar.tsx"},{"path":"data-table-view-options.tsx","content":"$55","type":"registry:component","target":"components/ui/data-table/data-table-view-options.tsx"}],"className":"h-[70svh] min-h-80"}]]}]