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:T312e,"use client" import { createContext, use, type ReactElement } from "react" import { twJoin, twMerge } from "cn" import { ChevronDownIcon } from "lucide-react" import { composeRenderProps } from "react-aria-components/composeRenderProps" import type { CellProps, ColumnProps, ColumnResizerProps, TableHeaderProps as HeaderProps, RowProps, TableBodyProps, TableProps as TablePrimitiveProps, } from "react-aria-components/Table" import { Button, Cell, Column, ColumnResizer as ColumnResizerPrimitive, ResizableTableContainer, Row, TableBody as TableBodyPrimitive, TableHeader as TableHeaderPrimitive, Table as TablePrimitive, useTableOptions, } from "react-aria-components/Table" import { cx } from "@/lib/primitive" import { Checkbox } from "./checkbox" interface TableProps extends Omit { allowResize?: boolean className?: string bleed?: boolean grid?: boolean striped?: boolean ref?: React.Ref } const TableContext = createContext({ allowResize: false, }) const DRAG_COLUMN_ID = "preskok-table-drag" const SELECTION_COLUMN_ID = "preskok-table-selection" type SyntheticColumn = | { id: typeof DRAG_COLUMN_ID; kind: "drag" } | { id: typeof SELECTION_COLUMN_ID; kind: "selection" } const DRAG_COLUMN: SyntheticColumn = { id: DRAG_COLUMN_ID, kind: "drag", } const SELECTION_COLUMN: SyntheticColumn = { id: SELECTION_COLUMN_ID, kind: "selection", } const getSyntheticColumns = ( allowsDragging: boolean, selectionBehavior: string | null ) => { const syntheticColumns: Array = [] if (allowsDragging) { syntheticColumns.push(DRAG_COLUMN) } if (selectionBehavior === "toggle") { syntheticColumns.push(SELECTION_COLUMN) } return syntheticColumns } const isSyntheticColumn = ( column: T | SyntheticColumn ): column is SyntheticColumn => { return ( "kind" in column && (column.kind === "drag" || column.kind === "selection") ) } const useTableContext = () => use(TableContext) const Root = (props: TableProps) => { return ( ) } const Table = ({ allowResize, className, bleed = false, grid = false, striped = false, ref, ...props }: TableProps) => { return (

{allowResize ? ( ) : ( )}

) } const ColumnResizer = ({ className, ...props }: ColumnResizerProps) => ( div]:bg-primary absolute top-0 right-0 bottom-0 grid w-px touch-none place-content-center px-1 data-[resizable-direction=both]:cursor-ew-resize", className )} >

) const TableBody = (props: TableBodyProps) => ( ) interface TableColumnProps extends ColumnProps { isResizable?: boolean } const TableColumn = ({ isResizable = false, className, ...props }: TableColumnProps) => { const { bleed, grid } = useTableContext() return ( {(values) => (

{typeof props.children === "function" ? props.children(values) : props.children} {values.allowsSorting && ( )} {isResizable && }

)} ) } interface TableHeaderProps extends HeaderProps { ref?: React.Ref } const TableHeader = ({ children, ref, columns, className, ...props }: TableHeaderProps) => { const { bleed } = useTableContext() const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions() const syntheticColumns = getSyntheticColumns( allowsDragging, selectionBehavior ) const dynamicColumns = columns && typeof children === "function" ? [...syntheticColumns, ...Array.from(columns)] : undefined const renderSyntheticColumn = (column: SyntheticColumn) => { if (column.kind === "drag") { return ( ) } return ( {selectionMode === "multiple" && } ) } const renderColumn = (column: T | SyntheticColumn) => { if (isSyntheticColumn(column)) { return renderSyntheticColumn(column) } return (children as (item: T) => ReactElement)(column) } const staticChildren = ( <> {syntheticColumns.map((column) => renderSyntheticColumn(column))} {children} ) return ( {dynamicColumns ? renderColumn : staticChildren} ) } interface TableRowProps extends RowProps { ref?: React.Ref } const TableRow = ({ children, className, columns, id, ref, ...props }: TableRowProps) => { const { selectionBehavior, allowsDragging } = useTableOptions() const { striped } = useTableContext() const syntheticColumns = getSyntheticColumns( allowsDragging, selectionBehavior ) const dynamicColumns = columns && typeof children === "function" ? [...syntheticColumns, ...Array.from(columns)] : undefined const renderSyntheticCell = (column: SyntheticColumn) => { if (column.kind === "drag") { return ( ) } return ( ) } const renderCell = (column: T | SyntheticColumn) => { if (isSyntheticColumn(column)) { return renderSyntheticCell(column) } return (children as (item: T) => ReactElement)(column) } const staticChildren = ( <> {syntheticColumns.map((column) => renderSyntheticCell(column))} {children} ) return ( twMerge( "group text-muted-foreground relative cursor-default outline outline-transparent", isFocusVisible && "bg-primary/5 outline-primary ring-ring/20 hover:bg-primary/10 ring-3", isDragging && "bg-primary/10 text-foreground outline-primary cursor-grabbing", isSelected && "text-foreground bg-(--table-selected-background) hover:bg-(--table-selected-background)/50", striped && "even:bg-muted", !striped && "border-b last:border-b-0", (props.href || props.onAction || selectionMode === "multiple") && "hover:text-foreground hover:bg-(--table-selected-background)", (props.href || props.onAction || selectionMode === "multiple") && isFocusVisibleWithin && "selected:bg-(--table-selected-background)/50 text-foreground bg-(--table-selected-background)/50", isDisabled && "opacity-50", className ) )} > {dynamicColumns ? renderCell : staticChildren} ) } interface TableCellProps extends CellProps { ref?: React.Ref } const TableCell = ({ className, ref, ...props }: TableCellProps) => { const { allowResize, bleed, grid } = useTableContext() return ( ) } export { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } export type { TableColumnProps, TableProps, TableRowProps } 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",{"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"}]]}]}],["$","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@^0.2.4",{"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@^0.2.4"}]]}]}]]}],["$","$L50",null,{"namespace":"@preskok","registryDependencies":["https://ui-three-mu.vercel.app/r/checkbox.json","https://ui-three-mu.vercel.app/r/primitive.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/preskok/ui/preskok-ui/table.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]