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:T5908,"use client" import { ChevronDownIcon, ChevronRightIcon } from "@heroicons/react/20/solid" import { createContext, use } from "react" import { Button } from "react-aria-components/Button" import { composeRenderProps } from "react-aria-components/composeRenderProps" import { Group } from "react-aria-components/Group" import type { CellProps, ColumnProps, ColumnResizerProps, TableHeaderProps as HeaderProps, RowProps, TableBodyProps, TableFooterProps, TableProps as TablePrimitiveProps, } from "react-aria-components/Table" import { Cell, Collection, Column, ColumnResizer as ColumnResizerPrimitive, ResizableTableContainer, Row, TableBody as TableBodyPrimitive, TableFooter as TableFooterPrimitive, TableHeader as TableHeaderPrimitive, Table as TablePrimitive, useTableOptions, } from "react-aria-components/Table" import { twJoin, cn } from "cn" import { CardDescription, CardTitle } from "@/components/ui/card" import { cx } from "@/lib/primitive" import { Checkbox, CheckboxField } from "./checkbox" export interface TableProps extends Omit { allowResize?: boolean className?: string bleed?: boolean grid?: boolean striped?: boolean ref?: React.Ref } const TableContext = createContext({ allowResize: false, }) const useTableContext = () => use(TableContext) function Root(props: TableProps) { return ( ) } export function Table({ allowResize, className, bleed = false, grid = false, striped = false, ref, ...props }: TableProps) { return (

{allowResize ? ( ) : ( )}

) } function ColumnResizer({ className, ...props }: ColumnResizerProps) { return ( div]:bg-primary", className )} >

) } export function TableBody({ renderEmptyState, ...props }: TableBodyProps) { return ( ( <> {renderEmptyState ? ( renderEmptyState(state) ) : (

No data found No information is currently available in this section.

)} )} {...props} /> ) } export interface TableColumnProps extends ColumnProps { isResizable?: boolean } export function TableColumn({ isResizable = false, className, ...props }: TableColumnProps) { const { bleed, grid } = useTableContext() return ( {(values) => ( {typeof props.children === "function" ? props.children(values) : props.children} {values.allowsSorting && ( )} {isResizable && } )} ) } export interface TableHeaderProps extends HeaderProps { ref?: React.Ref } export function TableHeader({ children, ref, columns, className, ...props }: TableHeaderProps) { const { bleed } = useTableContext() const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions() return ( {allowsDragging && ( )} {selectionBehavior === "toggle" && ( {selectionMode === "multiple" && ( )} )} {children} ) } export interface TableRowProps extends RowProps { ref?: React.Ref } export function TableRow({ children, className, columns, id, ref, ...props }: TableRowProps) { const { selectionBehavior, allowsDragging } = useTableOptions() const { striped } = useTableContext() return ( cn( "group relative cursor-default outline outline-transparent", isFocusVisible && "bg-primary/5 outline-primary ring-3 ring-ring/20 hover:bg-primary/10", isDragging && "cursor-grabbing bg-primary/10 text-foreground outline-primary", isSelected && "bg-(--table-selected-bg) text-foreground hover:bg-(--table-selected-bg)/50", striped && "even:bg-muted", (props.href || props.onAction || selectionMode === "multiple") && "hover:bg-(--table-selected-bg) hover:text-foreground", (props.href || props.onAction || selectionMode === "multiple") && isFocusVisibleWithin && "bg-(--table-selected-bg)/50 selected:bg-(--table-selected-bg)/50 text-foreground", isDisabled && "opacity-50", className ) )} > {allowsDragging && ( )} {selectionBehavior === "toggle" && ( )} {children} ) } export interface TableCellProps extends CellProps { ref?: React.Ref } export function TableCell({ className, ref, ...props }: TableCellProps) { const { allowResize, bleed, grid, striped } = useTableContext() return ( ({ paddingInlineStart: isTreeColumn ? 4 + (hasChildItems ? 0 : 24) + (level - 1) * 20 : undefined, })} > {composeRenderProps( props.children, (children, { hasChildItems, isTreeColumn, isExpanded, isDisabled }) => (
{hasChildItems && isTreeColumn && ( )} {children}
) )} ) } export function TableFooter({ className, ...props }: TableFooterProps) { return } 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","@heroicons/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40heroicons%2Freact","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":"@heroicons/react"}]]}]}],["$","li","react-aria-components",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-aria-components","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":"react-aria-components"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}]]}],["$","$L50",null,{"namespace":"@intentui","registryDependencies":["https://intentui.com/r/card","https://intentui.com/r/primitive","https://intentui.com/r/checkbox"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"src/components/ui/table.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]