npm - @tirth_jasoliya/ui - Versions diffs - 1.0.4 → 1.0.6 - Mend

@tirth_jasoliya/ui 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (307) hide show

package/dist/components/data/data-table/data-table.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/data/data-table/data-table.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/table.tsx","../../../../src/components/ui/card.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/data/data-table/data-table-pagination.tsx","../../../../src/components/ui/toggle.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import {\r\n type ColumnFiltersState,\r\n type SortingState,\r\n type VisibilityState,\r\n flexRender,\r\n getCoreRowModel,\r\n getFilteredRowModel,\r\n getPaginationRowModel,\r\n getSortedRowModel,\r\n useReactTable,\r\n type RowSelectionState,\r\n type ColumnOrderState,\r\n type ColumnPinningState,\r\n type Table,\r\n type Row,\r\n} from \"@tanstack/react-table\"\r\nimport { Loader2, ChevronUp, ChevronDown, ChevronsUpDown, MoreHorizontal, MoveRightIcon, PinOffIcon } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n Table as TableComponent,\r\n TableBody,\r\n TableCell,\r\n TableFooter,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n} from \"../../ui/table.jsx\"\r\nimport { Card, CardContent } from \"../../ui/card.jsx\"\r\nimport { TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { DataTableToolbar } from \"./data-table-toolbar.jsx\"\r\nimport { DataTablePagination } from \"./data-table-pagination.jsx\"\r\nimport type { DataTableProps, GroupColumnDef, TableSettings } from \"./data-table-types.js\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { Toggle } from \"../../ui/toggle.jsx\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\"\r\n\r\nexport function DataTable<T>({\r\n data,\r\n columns: initialColumns,\r\n filters = [],\r\n pagination = { enabled: false },\r\n settings = {},\r\n header,\r\n footer,\r\n className = \"\",\r\n maxHeight = \"600px\",\r\n loading = false,\r\n error,\r\n emptyMessage = \"No data available\",\r\n onRowSelectionChange,\r\n onExport,\r\n onRefresh,\r\n onTableReady,\r\n children,\r\n}: DataTableProps<T>) {\r\n const [sorting, setSorting] = useState<SortingState>([])\r\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\r\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\r\n const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\r\n const [globalFilter, setGlobalFilter] = useState(\"\")\r\n const [columnOrder, setColumnOrder] = useState<ColumnOrderState>([])\r\n const [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\r\n settings.enableColumnPinning ? { left: [], right: [] } : {}\r\n )\r\n\r\n const {\r\n enableSorting = true,\r\n enableFiltering = true,\r\n enableGlobalFilter = true,\r\n enableColumnVisibility = true,\r\n enableRowSelection = true,\r\n stickyHeader = true,\r\n toolbar = false,\r\n showSerialNumbers = true,\r\n fixedCheckboxColumn = true,\r\n striped = true,\r\n hoverable = true,\r\n compact = true,\r\n bordered = true,\r\n fullHeight = false,\r\n enableColumnResizing = false,\r\n enableColumnPinning = true,\r\n hideHeader = false\r\n } = settings as Required<TableSettings>\r\n\r\n const columns = useMemo(() => {\r\n const cols = [...initialColumns] as GroupColumnDef<T>[];\r\n\r\n const processColumns = (columns: GroupColumnDef<T>[]): GroupColumnDef<T>[] => {\r\n return columns.map(col => {\r\n if (col.id === 'select' || col.id === 'serialNumber') {\r\n return col;\r\n }\r\n\r\n const newCol = {\r\n ...col,\r\n enablePinning: true\r\n };\r\n\r\n if (col.columns) {\r\n newCol.columns = processColumns(col.columns);\r\n }\r\n\r\n return newCol;\r\n });\r\n };\r\n\r\n const processedCols = processColumns(cols);\r\n\r\n if (enableRowSelection) {\r\n const selectColumn: GroupColumnDef<T> = {\r\n id: \"select\",\r\n header: ({ table }: { table: Table<T> }) => (\r\n <Checkbox\r\n checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && \"indeterminate\")}\r\n onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\r\n aria-label=\"Select all\"\r\n />\r\n ),\r\n cell: ({ row }: { row: Row<T> }) => (\r\n <div className={cn(\"flex items-center justify-center\")}>\r\n <Checkbox\r\n checked={row.getIsSelected()}\r\n onCheckedChange={(value) => row.toggleSelected(!!value)}\r\n aria-label=\"Select row\"\r\n />\r\n </div>\r\n ),\r\n enableSorting: false,\r\n enableHiding: false,\r\n enablePinning: true,\r\n headerAlign: \"center\",\r\n size: 10,\r\n };\r\n\r\n processedCols.unshift(selectColumn);\r\n }\r\n\r\n if (showSerialNumbers) {\r\n const serialColumn: GroupColumnDef<T> = {\r\n id: \"serialNumber\",\r\n header: \"No.\",\r\n cell: ({ row }: { row: Row<T> }) => (\r\n <div className=\"text-center font-medium text-muted-foreground\">\r\n {row.index + 1}\r\n </div>\r\n ),\r\n enableSorting: true,\r\n enableHiding: false,\r\n enablePinning: true,\r\n size: 60,\r\n headerAlign: \"center\"\r\n };\r\n\r\n processedCols.unshift(serialColumn);\r\n }\r\n\r\n return processedCols;\r\n }, [initialColumns, showSerialNumbers, enableRowSelection, fixedCheckboxColumn]);\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n onSortingChange: enableSorting ? setSorting : undefined,\r\n onColumnFiltersChange: enableFiltering ? setColumnFilters : undefined,\r\n onGlobalFilterChange: enableGlobalFilter ? setGlobalFilter : undefined,\r\n getCoreRowModel: getCoreRowModel(),\r\n getPaginationRowModel: pagination.enabled ? getPaginationRowModel() : undefined,\r\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\r\n getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\r\n onColumnVisibilityChange: enableColumnVisibility ? setColumnVisibility : undefined,\r\n onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,\r\n onColumnOrderChange: setColumnOrder,\r\n onColumnPinningChange: enableColumnPinning ? setColumnPinning : undefined,\r\n state: {\r\n sorting: enableSorting ? sorting : undefined,\r\n columnFilters: enableFiltering ? columnFilters : undefined,\r\n columnVisibility: enableColumnVisibility ? columnVisibility : undefined,\r\n rowSelection: enableRowSelection ? rowSelection : {},\r\n globalFilter,\r\n columnOrder,\r\n columnPinning: enableColumnPinning ? columnPinning : {},\r\n },\r\n initialState: {\r\n pagination: pagination.enabled ? { pageSize: pagination.pageSize || 10 } : undefined,\r\n columnPinning: enableColumnPinning ? {\r\n left: [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection ? ['select'] : [])\r\n ],\r\n right: []\r\n } : undefined,\r\n },\r\n enableRowSelection: enableRowSelection,\r\n enableColumnResizing: enableColumnResizing,\r\n enableColumnPinning: enableColumnPinning,\r\n columnResizeMode: 'onChange',\r\n })\r\n\r\n useEffect(() => {\r\n if (onTableReady) {\r\n onTableReady(table)\r\n }\r\n }, [table, onTableReady])\r\n\r\n useEffect(() => {\r\n if (enableRowSelection && onRowSelectionChange) {\r\n const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original)\r\n onRowSelectionChange(selectedRows)\r\n }\r\n }, [rowSelection, enableRowSelection, onRowSelectionChange, table])\r\n\r\n const handleClearSorting = useCallback(() => {\r\n setSorting([])\r\n }, [])\r\n\r\n const handleClearFilters = useCallback(() => {\r\n setColumnFilters([])\r\n setGlobalFilter(\"\")\r\n }, [])\r\n\r\n const handlePinColumn = (columnId: string, side: 'left' | 'right' | false) => {\r\n if (!enableColumnPinning) return;\r\n\r\n const alwaysPinnedLeft = [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection && fixedCheckboxColumn ? ['select'] : [])\r\n ];\r\n\r\n const newPinning = {\r\n left: [...(columnPinning.left ?? []).filter(id => alwaysPinnedLeft.includes(id))],\r\n right: [...(columnPinning.right ?? [])],\r\n };\r\n\r\n if (side === false) {\r\n newPinning.left = newPinning.left.filter(id => id !== columnId);\r\n newPinning.right = newPinning.right.filter(id => id !== columnId);\r\n }\r\n else if (side === 'right') {\r\n newPinning.left = newPinning.left.filter(id => id !== columnId);\r\n if (!newPinning.right.includes(columnId)) {\r\n newPinning.right.push(columnId);\r\n }\r\n }\r\n else if (side === 'left') {\r\n newPinning.right = newPinning.right.filter(id => id !== columnId);\r\n if (!newPinning.left.includes(columnId) && !alwaysPinnedLeft.includes(columnId)) {\r\n newPinning.left.push(columnId);\r\n }\r\n }\r\n\r\n table.setColumnPinning(newPinning);\r\n }\r\n\r\n const renderTableHeader = () => (\r\n <TableHeader className={cn(\r\n stickyHeader && \"sticky top-0 bg-sidebar z-20\",\r\n )}>\r\n {table.getHeaderGroups().map((headerGroup, groupIndex) => (\r\n <TableRow key={headerGroup.id} className=\"hover:bg-transparent\">\r\n {headerGroup.headers.map((header, index) => {\r\n const isGroupHeader = header.depth === 0 && header.colSpan > 1;\r\n const isPinnedLeft = enableColumnPinning && (\r\n header.column.getIsPinned() === 'left' ||\r\n header.column.id === 'serialNumber' ||\r\n (header.column.id === 'select' && enableRowSelection)\r\n );\r\n const isPinnedRight = enableColumnPinning && header.column.getIsPinned() === 'right';\r\n const canSort = header.column.getCanSort();\r\n const canPin = enableColumnPinning && header.column.columnDef.enablePinning !== false;\r\n const isSerialNumber = header.column.id === 'serialNumber';\r\n const isCheckbox = header.column.id === 'select';\r\n const alwaysPinned = isSerialNumber || (isCheckbox && fixedCheckboxColumn);\r\n const headerAlign = (header.column.columnDef as GroupColumnDef<T>).headerAlign || 'left';\r\n\r\n const flexJustify = {\r\n left: 'justify-start',\r\n center: 'justify-center',\r\n right: 'justify-end'\r\n }[headerAlign];\r\n\r\n return (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n className={cn(\r\n \"font-semibold text-foreground bg-sidebar group px-0\",\r\n !compact && \"py-2\",\r\n bordered && index < headerGroup.headers.length - 1 && \"border-r\",\r\n \"relative\",\r\n isPinnedLeft && \"sticky left-0 z-15 bg-sidebar\",\r\n isPinnedRight && \"sticky right-0 z-15 bg-sidebar\",\r\n (isSerialNumber || isCheckbox) && \"sticky left-0 z-15 bg-sidebar\",\r\n isGroupHeader ? \"text-center\" : \"text-left\"\r\n )}\r\n style={{\r\n width: header.getSize() !== 150 ? header.getSize() : \"auto\",\r\n minWidth: header.getSize() !== 150 ? header.getSize() : \"auto\",\r\n ...(isPinnedLeft && {\r\n left: isSerialNumber ? 0 :\r\n isCheckbox ? (showSerialNumbers ? (table.getColumn('serialNumber')?.getSize() || 0) : 0)\r\n : getLeftOffset(header.column)\r\n }),\r\n ...(isPinnedRight && { right: getRightOffset(header.column) }),\r\n ...(isSerialNumber && { left: 0 }),\r\n }}\r\n >\r\n {isGroupHeader ? (\r\n <div className=\"flex items-center justify-center\">\r\n {flexRender(header.column.columnDef.header, header.getContext())}\r\n </div>\r\n ) : (\r\n <div className={cn(\"relative flex items-center w-full px-2\", flexJustify)}>\r\n <div className=\"flex items-center gap-1\">\r\n {canSort && headerAlign === 'right' && (\r\n <span className=\"ml-1 order-2\">\r\n {header.column.getIsSorted() && (\r\n {\r\n asc: <ChevronUp className=\"h-4 w-4\" />,\r\n desc: <ChevronDown className=\"h-4 w-4\" />,\r\n }[header.column.getIsSorted() as string]\r\n )}\r\n </span>\r\n )}\r\n {header.isPlaceholder ? null : (\r\n flexRender(header.column.columnDef.header, header.getContext())\r\n )}\r\n {canSort && headerAlign !== 'right' && header.column.getIsSorted() && (\r\n <span className=\"ml-1 order-2\">\r\n {header.column.getIsSorted() && (\r\n {\r\n asc: <ChevronUp className=\"h-4 w-4\" />,\r\n desc: <ChevronDown className=\"h-4 w-4\" />,\r\n }[header.column.getIsSorted() as string]\r\n )}\r\n </span>\r\n )}\r\n </div>\r\n {(canSort || (canPin && !alwaysPinned)) && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className={cn(\r\n \"absolute\",\r\n headerAlign === 'left' && \"right-1\",\r\n headerAlign === 'center' && \"right-1\",\r\n headerAlign === 'right' && \"left-1\"\r\n )}>\r\n <Toggle\r\n variant=\"default\"\r\n size=\"sm\"\r\n noBg\r\n tabIndex={-1}\r\n className=\"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100\"\r\n >\r\n <MoreHorizontal className=\"h-4 w-4\" />\r\n </Toggle>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n {canSort && (\r\n <>\r\n <DropdownMenuLabel>Sorting</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => header.column.toggleSorting(false)}\r\n >\r\n <ChevronUp className=\"mr-2 h-4 w-4\" />\r\n Sort Ascending\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => header.column.toggleSorting(true)}\r\n >\r\n <ChevronDown className=\"mr-2 h-4 w-4\" />\r\n Sort Descending\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => header.column.clearSorting()}\r\n disabled={!header.column.getIsSorted()}\r\n >\r\n <ChevronsUpDown className=\"mr-2 h-4 w-4\" />\r\n Clear Sort\r\n </DropdownMenuItem>\r\n <DropdownMenuSeparator />\r\n </>\r\n )}\r\n {canPin && !alwaysPinned && (\r\n <>\r\n <DropdownMenuLabel>Pin Column</DropdownMenuLabel>\r\n {/* <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, 'left')}\r\n disabled={true}\r\n >\r\n <MoveLeftIcon />\r\n Pin Left\r\n </DropdownMenuItem> */}\r\n <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, 'right')}\r\n disabled={header.column.getIsPinned() === 'right'}\r\n >\r\n <MoveRightIcon />\r\n Pin Right\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, false)}\r\n disabled={!header.column.getIsPinned()}\r\n >\r\n <PinOffIcon />\r\n Unpin\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )}\r\n {/* Column Resizer */}\r\n {enableColumnResizing &&\r\n header.column.getCanResize() &&\r\n !isGroupHeader &&\r\n header.colSpan === 1 && (\r\n <div\r\n className=\"absolute right-0 top-0 h-full w-1 bg-border hover:bg-primary cursor-col-resize opacity-0 hover:opacity-100 transition-opacity\"\r\n onMouseDown={header.getResizeHandler()}\r\n />\r\n )}\r\n </TableHead>\r\n );\r\n })}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n );\r\n\r\n const getLeftOffset = (column: any) => {\r\n if (!enableColumnPinning) return undefined;\r\n let offset = 0;\r\n const pinnedLeftColumns = table.getLeftHeaderGroups()[0]?.headers || [];\r\n const alwaysPinnedColumns = [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection ? ['select'] : [])\r\n ];\r\n for (const col of pinnedLeftColumns) {\r\n if (col.id === column.id) break;\r\n if (alwaysPinnedColumns.includes(col.id)) {\r\n const column = table.getColumn(col.id);\r\n if (column) {\r\n offset += column.getSize();\r\n }\r\n }\r\n }\r\n return offset;\r\n };\r\n\r\n const getRightOffset = (column: any) => {\r\n if (!enableColumnPinning) return undefined;\r\n const pinnedRightIds = table.getState().columnPinning.right || [];\r\n const columnIndex = pinnedRightIds.indexOf(column.id);\r\n if (columnIndex === -1) return undefined;\r\n\r\n let offset = 0;\r\n for (let i = columnIndex + 1; i < pinnedRightIds.length; i++) {\r\n const col = table.getColumn(pinnedRightIds[i]);\r\n if (col) {\r\n offset += col.getSize();\r\n }\r\n }\r\n\r\n return offset;\r\n }\r\n\r\n if (error) {\r\n return (\r\n <Card className=\"w-full rounded-xl shadow-sm\">\r\n <CardContent className=\"flex items-center justify-center\">\r\n <div className=\"text-center\">\r\n <div className=\"text-red-500 mb-3 text-2xl\">⚠️</div>\r\n <p className=\"text-sm text-muted-foreground mb-4\">{error}</p>\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} className=\"rounded-lg\">\r\n <Loader2 className=\"mr-2 h-4 w-4\" />\r\n Try Again\r\n </Button>\r\n )}\r\n </div>\r\n </CardContent>\r\n </Card>\r\n )\r\n }\r\n\r\n return (\r\n <TooltipProvider>\r\n <div className={cn(\"w-full space-y-2 flex flex-col h-full\", className)}>\r\n {/* Header Section */}\r\n {header && (\r\n <Card className=\"rounded-2xl py-2 sticky top-0 z-20\">\r\n <CardContent className=\"px-2\">{header}</CardContent>\r\n </Card>\r\n )}\r\n\r\n {/* Toolbar */}\r\n {toolbar && (\r\n <DataTableToolbar\r\n table={table}\r\n filters={filters}\r\n globalFilter={globalFilter}\r\n onGlobalFilterChange={setGlobalFilter}\r\n enableGlobalFilter={enableGlobalFilter}\r\n onExport={onExport}\r\n onRefresh={onRefresh}\r\n loading={loading}\r\n enableColumnVisibility={enableColumnVisibility}\r\n enableColumnPinning={enableColumnPinning}\r\n data={data}\r\n onClearSorting={handleClearSorting}\r\n onClearFilters={handleClearFilters}\r\n />\r\n )}\r\n\r\n {/* Table Container */}\r\n <Card className={cn(\"shadow-sm overflow-auto py-0\", fullHeight && \"flex-1\")}>\r\n <CardContent className=\"p-0 h-full\">\r\n <div className=\"relative flex flex-col h-full justify-between\">\r\n {loading && (\r\n <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl\">\r\n <div className=\"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm\">\r\n <Loader2 className=\"size-5 animate-spin text-primary\" />\r\n <span className=\"text-sm font-medium text-muted-foreground\">Loading...</span>\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div className=\"relative rounded-t-xl overflow-auto border-b\" >\r\n <TableComponent className=\"border-collapse w-full\">\r\n {/* Header */}\r\n {!hideHeader && renderTableHeader()}\r\n\r\n {/* Body */}\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map((row, rowIndex) => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && \"selected\"}\r\n className={cn(\r\n hoverable && \"hover:bg-muted/50\",\r\n striped && rowIndex % 2 === 0 && \"bg-muted/20\",\r\n row.getIsSelected() && \"bg-muted\",\r\n \"border-b last:border-b-0\",\r\n )}\r\n >\r\n {row.getVisibleCells().map((cell, cellIndex) => {\r\n const isPinnedLeft = enableColumnPinning && (cell.column.getIsPinned() === 'left' || cell.column.id === 'serialNumber' || (cell.column.id === 'select' && enableRowSelection))\r\n const isPinnedRight = enableColumnPinning && cell.column.getIsPinned() === 'right'\r\n const isSerialNumber = cell.column.id === 'serialNumber'\r\n const isCheckbox = cell.column.id === 'select'\r\n const alwaysPinned = isSerialNumber || (isCheckbox && fixedCheckboxColumn)\r\n\r\n return (\r\n <TableCell\r\n key={cell.id}\r\n className={cn(\r\n compact ? \"py-2\" : \"py-4\",\r\n bordered && cellIndex < row.getVisibleCells().length && \"border-r\",\r\n isPinnedLeft && \"sticky left-0 z-10 bg-sidebar/97\",\r\n isPinnedRight && \"sticky right-0 z-10 bg-sidebar/97\",\r\n isSerialNumber && \"sticky left-0 z-10 bg-sidebar/97\",\r\n \"p-1\"\r\n )}\r\n style={{\r\n width: cell.column.getSize() !== 150 ? cell.column.getSize() : \"auto\",\r\n minWidth: cell.column.getSize() !== 150 ? cell.column.getSize() : \"auto\",\r\n ...(isPinnedLeft && {\r\n left: isSerialNumber ? 0 :\r\n isCheckbox ? (showSerialNumbers ? (table.getColumn('serialNumber')?.getSize() || 0) : 0)\r\n : getLeftOffset(cell.column)\r\n }),\r\n ...(isPinnedRight && { right: getRightOffset(cell.column) }),\r\n ...(isSerialNumber && { left: 0 }),\r\n }}\r\n >\r\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell colSpan={columns.length} className=\"h-32 text-center border-0\">\r\n <div className=\"flex flex-col items-center gap-3\">\r\n <div className=\"text-muted-foreground text-5xl\">📋</div>\r\n <p className=\"text-muted-foreground font-medium\">{emptyMessage}</p>\r\n </div>\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </TableComponent>\r\n </div>\r\n\r\n {footer && (\r\n <div className=\"sticky bottom-0 bg-sidebar w-full z-20\" style={{\r\n width: '100%',\r\n minWidth: 'fit-content'\r\n }}>\r\n <TableComponent>\r\n <TableFooter>\r\n <TableRow className=\"bg-sidebar\">\r\n <TableCell colSpan={columns.length} className=\"p-2\">\r\n {footer}\r\n </TableCell>\r\n </TableRow>\r\n </TableFooter>\r\n </TableComponent>\r\n </div>\r\n )}\r\n </div>\r\n </CardContent>\r\n </Card>\r\n\r\n {/* Pagination */}\r\n <DataTablePagination table={table} config={pagination} />\r\n\r\n {/* Action Bar */}\r\n {children && children(table)}\r\n </div>\r\n </TooltipProvider >\r\n )\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-auto max-h-full\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuGroup,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n table: Table<TData>\r\n filters?: FilterConfig<TData>[]\r\n globalFilter: string\r\n onGlobalFilterChange: (value: string) => void\r\n enableGlobalFilter: boolean\r\n onExport?: (data: TData[]) => void\r\n onRefresh?: () => void\r\n loading?: boolean\r\n enableColumnVisibility?: boolean\r\n enableColumnPinning?: boolean\r\n data: TData[]\r\n onClearSorting: () => void\r\n onClearFilters: () => void\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n filters = [],\r\n globalFilter,\r\n onGlobalFilterChange,\r\n enableGlobalFilter = true,\r\n onExport,\r\n onRefresh,\r\n loading = false,\r\n enableColumnVisibility = true,\r\n data,\r\n onClearSorting,\r\n onClearFilters,\r\n enableColumnPinning = false,\r\n}: DataTableToolbarProps<TData>) {\r\n const getAllLeafColumns = () => {\r\n return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n }\r\n\r\n const getGroupColumns = () => {\r\n return table.getAllColumns().filter(column =>\r\n !table.getAllLeafColumns().includes(column) &&\r\n column.columns?.length &&\r\n column.columns.some(col => col.getCanHide?.() !== false)\r\n )\r\n }\r\n\r\n const getUngroupedLeafColumns = () => {\r\n const groupedColumnIds = new Set(\r\n getGroupColumns().flatMap(group =>\r\n group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) || []\r\n )\r\n )\r\n return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n }\r\n\r\n const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n const cleanId = columnId.replace(`${groupName}.`, '')\r\n return cleanId\r\n .split('_')\r\n .map(word => word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return columnId\r\n .split('_')\r\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div className=\"px-2\">\r\n <div className=\"flex flex-col gap-6\">\r\n {/* Top Controls */}\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n {/* Filters Row */}\r\n {filters.length > 0 && (\r\n <div className=\"flex items-center gap-3 flex-wrap\">\r\n <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n <Filter className=\"h-4 w-4\" />\r\n {/* Filters: */}\r\n </div>\r\n {filters.map((filter) => (\r\n <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n {filter.type === \"select\" ? (\r\n <Select\r\n value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n onValueChange={(value) =>\r\n table.getColumn(filter.key)?.setFilterValue(value === \"all\" ? \"\" : value)\r\n }\r\n >\r\n {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n <SelectValue placeholder={filter.placeholder} />\r\n </SelectTrigger>\r\n <SelectContent className=\"rounded-lg\">\r\n <SelectItem value=\"all\">All</SelectItem>\r\n {filter.options?.map((option) => (\r\n <SelectItem key={option.label} value={option.value}>\r\n {option.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n ) : (\r\n <div className=\"relative\">\r\n {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n <Input\r\n placeholder={filter.placeholder}\r\n value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n onChange={(event) => table.getColumn(filter.key)?.setFilterValue(event.target.value)}\r\n className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n type={filter.type === \"number\" ? \"number\" : filter.type === \"date\" ? \"date\" : \"text\"}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-2\">\r\n\r\n {/* Global Search */}\r\n {enableGlobalFilter &&\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n <Input\r\n placeholder=\"Global search...\"\r\n value={globalFilter ?? \"\"}\r\n onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n className=\"pl-9 max-w-max\"\r\n />\r\n </div>\r\n }\r\n\r\n {/* Export Button */}\r\n {onExport && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n <Download className=\"mr-2 h-4 w-4\" />\r\n Export\r\n </Button>\r\n )}\r\n\r\n {/* Column Visibility */}\r\n {enableColumnVisibility && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n <span>Columns</span>\r\n <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n Toggle Columns\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {/* General section for ungrouped columns */}\r\n {getUngroupedLeafColumns().length > 0 && (\r\n <DropdownMenuGroup>\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n General\r\n </DropdownMenuLabel>\r\n {getUngroupedLeafColumns().map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n )}\r\n {getGroupColumns().map(group => (\r\n <DropdownMenuGroup key={group.id}>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n {group.id}\r\n </DropdownMenuLabel>\r\n {group.columns\r\n ?.filter(column => column.getCanHide?.() !== false)\r\n .map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id, group.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/* Table Settings */}\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n <Settings2 className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuItem onClick={onClearSorting}>\r\n <ArrowUpDown className=\"mr-2 h-4 w-4\" />\r\n Clear All Sorting\r\n </DropdownMenuItem>\r\n <DropdownMenuItem onClick={onClearFilters}>\r\n <Filter className=\"mr-2 h-4 w-4\" />\r\n Clear All Filters\r\n </DropdownMenuItem>\r\n {enableColumnPinning && (\r\n <>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n >\r\n <PinOff className=\"mr-2 h-4 w-4\" />\r\n Reset All Pinning\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const leftColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: leftColumns, right: [] })\r\n }}\r\n >\r\n <Pin className=\"mr-2 h-4 w-4 rotate-90\" />\r\n Pin All Left\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const rightColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: [], right: rightColumns })\r\n }}\r\n >\r\n <Pin className=\"mr-2 h-4 w-4 -rotate-90\" />\r\n Pin All Right\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n\r\n {/* Refresh Button */}\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n","import type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport type { PaginationConfig } from \"./data-table-types.js\"\r\n\r\ninterface DataTablePaginationProps<TData> {\r\n table: Table<TData>\r\n config: PaginationConfig\r\n}\r\n\r\nexport function DataTablePagination<TData>({ table, config }: DataTablePaginationProps<TData>) {\r\n if (!config.enabled) return null\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div>\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-6 text-sm text-muted-foreground\">\r\n {config.showInfo !== false && (\r\n <span>\r\n Showing {table.getState().pagination.pageIndex * table.getState().pagination.pageSize + 1} to{\" \"}\r\n {Math.min(\r\n (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize,\r\n table.getFilteredRowModel().rows.length,\r\n )}{\" \"}\r\n of {table.getFilteredRowModel().rows.length} entries\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-4\">\r\n {config.pageSizeOptions && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"text-sm font-medium\">Rows per page:</span>\r\n <Select\r\n value={`${table.getState().pagination.pageSize}`}\r\n onValueChange={(value) => table.setPageSize(Number(value))}\r\n >\r\n <SelectTrigger className=\"h-9 w-[70px] rounded-lg\">\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent side=\"top\" className=\"rounded-lg\">\r\n {config.pageSizeOptions.map((pageSize) => (\r\n <SelectItem key={pageSize} value={`${pageSize}`}>\r\n {pageSize}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n )}\r\n\r\n <div className=\"flex items-center gap-2\">\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.setPageIndex(0)}\r\n disabled={!table.getCanPreviousPage()}\r\n className=\"rounded-lg\"\r\n >\r\n First\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.previousPage()}\r\n disabled={!table.getCanPreviousPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Previous\r\n </Button>\r\n\r\n {config.showPageNumbers && (\r\n <div className=\"flex items-center gap-1\">\r\n {Array.from({ length: Math.min(5, table.getPageCount()) }, (_, i) => {\r\n const pageIndex = table.getState().pagination.pageIndex\r\n const pageNumber = pageIndex - 2 + i + 1\r\n if (pageNumber < 1 || pageNumber > table.getPageCount()) return null\r\n\r\n return (\r\n <Button\r\n key={pageNumber}\r\n variant={pageNumber === pageIndex + 1 ? \"default\" : \"outline\"}\r\n size=\"sm\"\r\n className=\"size-8 p-0 rounded-lg\"\r\n onClick={() => table.setPageIndex(pageNumber - 1)}\r\n >\r\n {pageNumber}\r\n </Button>\r\n )\r\n })}\r\n </div>\r\n )}\r\n\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.nextPage()}\r\n disabled={!table.getCanNextPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Next\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n disabled={!table.getCanNextPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Last\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n","import * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst toggleVariants = cva(\n \"inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n sm: \"h-7 px-0 min-w-7\",\n default: \"h-8 px-1 min-w-8\",\n lg: \"h-9 px-2 min-w-10\",\n },\n bg: {\n enabled: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n disabled: \"\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n bg: \"enabled\"\n },\n }\n)\n\nfunction Toggle({\n className,\n variant,\n size,\n noBg,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants> & { noBg?: boolean }) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ className, variant, size, bg: noBg ? \"disabled\" : \"enabled\" }))}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox }\n"],"mappings":";ubAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,eAAAE,KAAA,eAAAC,GAAAH,IAAA,IAAAI,EAeO,iCACPC,EAA2G,wBCf3G,IAAAC,GAAsC,oBACtCC,GAAuC,oCCFvC,IAAAC,GAAsC,gBACtCC,GAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,eAAQ,SAAKA,CAAM,CAAC,CAC7B,CD6CI,IAAAC,GAAA,6BA5CEC,MAAiB,QACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAU,GAAAG,KAAc,KAAO,SAE5C,SACE,QAACD,EAAA,CACC,YAAU,SACV,UAAWE,EAAGT,GAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAG,iBAAiB,EAC5E,GAAGI,EACN,CAEJ,CE9CM,IAAAI,EAAA,6BANN,SAASC,GAAM,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAkC,CACrE,SACE,OAAC,OACC,YAAU,kBACV,UAAU,2CAEV,mBAAC,SACC,YAAU,QACV,UAAWC,EAAG,gCAAiCF,CAAS,EACvD,GAAGC,EACN,EACF,CAEJ,CAEA,SAASE,GAAY,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAkC,CAC3E,SACE,OAAC,SACC,YAAU,eACV,UAAWC,EAAG,kBAAmBF,CAAS,EACzC,GAAGC,EACN,CAEJ,CAEA,SAASG,GAAU,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAkC,CACzE,SACE,OAAC,SACC,YAAU,aACV,UAAWC,EAAG,6BAA8BF,CAAS,EACpD,GAAGC,EACN,CAEJ,CAEA,SAASI,GAAY,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAkC,CAC3E,SACE,OAAC,SACC,YAAU,eACV,UAAWC,EACT,0DACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAEA,SAASK,EAAS,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAA+B,CACrE,SACE,OAAC,MACC,YAAU,YACV,UAAWC,EACT,8EACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAEA,SAASM,GAAU,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAA+B,CACtE,SACE,OAAC,MACC,YAAU,aACV,UAAWC,EACT,iFACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAEA,SAASO,GAAU,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAA+B,CACtE,SACE,OAAC,MACC,YAAU,aACV,UAAWC,EACT,qCACAF,CACF,EACC,GAAGC,EACN,CAEJ,CCnFI,IAAAQ,GAAA,6BAFJ,SAASC,GAAK,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAgC,CAClE,SACE,QAAC,OACC,YAAU,OACV,UAAWC,EACT,oFACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAgDA,SAASE,GAAY,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAgC,CACzE,SACE,QAAC,OACC,YAAU,eACV,UAAWC,EAAG,OAAQF,CAAS,EAC9B,GAAGC,EACN,CAEJ,CCtEA,IAAAE,GAA4C,oBASxC,IAAAC,GAAA,6BALJ,SAASC,GAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,SACE,QAAC,GAAAC,QAAiB,SAAjB,CACC,YAAU,mBACV,cAAeF,EACd,GAAGC,EACN,CAEJ,CChBA,IAAAE,EAAsG,wBCMlG,IAAAC,GAAA,6BAFJ,SAASC,GAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,SACE,QAAC,SACC,KAAMD,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ,CCjBA,IAAAE,EAA0C,oBAC1CC,EAA0D,wBAOjD,IAAAC,EAAA,6BAHT,SAASC,GAAO,CACd,GAAGC,CACL,EAAsD,CACpD,SAAO,OAAC,EAAAC,OAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAQA,SAASE,GAAY,CACnB,GAAGC,CACL,EAAuD,CACrD,SAAO,OAAC,EAAAC,OAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASE,GAAc,CACrB,UAAAC,EACA,KAAAC,EAAO,UACP,SAAAC,EACA,GAAGL,CACL,EAEG,CACD,SACE,QAAC,EAAAC,OAAgB,QAAhB,CACC,YAAU,iBACV,YAAWG,EACX,UAAWE,EACT,+yBACAH,CACF,EACC,GAAGH,EAEH,UAAAK,KACD,OAAC,EAAAJ,OAAgB,KAAhB,CAAqB,QAAO,GAC3B,mBAAC,mBAAgB,UAAU,oBAAoB,EACjD,GACF,CAEJ,CAEA,SAASM,GAAc,CACrB,UAAAJ,EACA,SAAAE,EACA,SAAAG,EAAW,SACX,GAAGR,CACL,EAAyD,CACvD,SACE,OAAC,EAAAC,OAAgB,OAAhB,CACC,oBAAC,EAAAA,OAAgB,QAAhB,CACC,YAAU,iBACV,UAAWK,EACT,gjBACAE,IAAa,UACb,kIACAL,CACF,EACA,SAAUK,EACT,GAAGR,EAEJ,oBAACS,GAAA,EAAqB,KACtB,OAAC,EAAAR,OAAgB,SAAhB,CACC,UAAWK,EACT,MACAE,IAAa,UACb,qGACF,EAEC,SAAAH,EACH,KACA,OAACK,GAAA,EAAuB,GAC1B,EACF,CAEJ,CAeA,SAASC,EAAW,CAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAsD,CACpD,SACE,QAAC,EAAAC,OAAgB,KAAhB,CACC,YAAU,cACV,UAAWC,EACT,4aACAJ,CACF,EACC,GAAGE,EAEJ,oBAAC,QAAK,UAAU,6DACd,mBAAC,EAAAC,OAAgB,cAAhB,CACC,mBAAC,aAAU,UAAU,SAAS,EAChC,EACF,KACA,OAAC,EAAAA,OAAgB,SAAhB,CAA0B,SAAAF,EAAS,GACtC,CAEJ,CAeA,SAASI,GAAqB,CAC5B,UAAAC,EACA,GAAGC,CACL,EAAgE,CAC9D,SACE,OAAC,EAAAC,OAAgB,eAAhB,CACC,YAAU,0BACV,UAAWC,EACT,uDACAH,CACF,EACC,GAAGC,EAEJ,mBAAC,iBAAc,UAAU,SAAS,EACpC,CAEJ,CAEA,SAASG,GAAuB,CAC9B,UAAAJ,EACA,GAAGC,CACL,EAAkE,CAChE,SACE,OAAC,EAAAC,OAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWC,EACT,uDACAH,CACF,EACC,GAAGC,EAEJ,mBAAC,mBAAgB,UAAU,SAAS,EACtC,CAEJ,CCxKA,IAAAI,EAAsD,oBACtDC,GAAwD,wBAO/C,IAAAC,EAAA,6BAHT,SAASC,EAAa,CACpB,GAAGC,CACL,EAA4D,CAC1D,SAAO,OAAC,EAAAC,aAAsB,KAAtB,CAA2B,YAAU,gBAAiB,GAAGD,EAAO,CAC1E,CAUA,SAASE,EAAoB,CAC3B,GAAGC,CACL,EAA+D,CAC7D,SACE,OAAC,EAAAC,aAAsB,QAAtB,CACC,YAAU,wBACT,GAAGD,EACN,CAEJ,CAEA,SAASE,EAAoB,CAC3B,UAAAC,EACA,WAAAC,EAAa,EACb,GAAGJ,CACL,EAA+D,CAC7D,SACE,OAAC,EAAAC,aAAsB,OAAtB,CACC,mBAAC,EAAAA,aAAsB,QAAtB,CACC,YAAU,wBACV,WAAYG,EACZ,UAAWC,EACT,uhBACAF,CACF,EACC,GAAGH,EACN,EACF,CAEJ,CAEA,SAASM,GAAkB,CACzB,GAAGN,CACL,EAA6D,CAC3D,SACE,OAAC,EAAAC,aAAsB,MAAtB,CAA4B,YAAU,sBAAuB,GAAGD,EAAO,CAE5E,CAEA,SAASO,EAAiB,CACxB,UAAAJ,EACA,MAAAK,EACA,QAAAC,EAAU,UACV,GAAGT,CACL,EAGG,CACD,SACE,OAAC,EAAAC,aAAsB,KAAtB,CACC,YAAU,qBACV,aAAYO,EACZ,eAAcC,EACd,UAAWJ,EACT,8mBACAF,CACF,EACC,GAAGH,EACN,CAEJ,CAEA,SAASU,GAAyB,CAChC,UAAAP,EACA,SAAAQ,EACA,QAAAC,EACA,GAAGZ,CACL,EAAoE,CAClE,SACE,QAAC,EAAAC,aAAsB,aAAtB,CACC,YAAU,8BACV,UAAWI,EACT,+SACAF,CACF,EACA,QAASS,EACR,GAAGZ,EAEJ,oBAAC,QAAK,UAAU,gFACd,mBAAC,EAAAC,aAAsB,cAAtB,CACC,mBAAC,cAAU,UAAU,SAAS,EAChC,EACF,EACCU,GACH,CAEJ,CAqCA,SAASE,EAAkB,CACzB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAEG,CACD,SACE,OAAC,EAAAC,aAAsB,MAAtB,CACC,YAAU,sBACV,aAAYF,EACZ,UAAWG,EACT,oDACAJ,CACF,EACC,GAAGE,EACN,CAEJ,CAEA,SAASG,EAAsB,CAC7B,UAAAL,EACA,GAAGE,CACL,EAAiE,CAC/D,SACE,OAAC,EAAAC,aAAsB,UAAtB,CACC,YAAU,0BACV,UAAWC,EAAG,4BAA6BJ,CAAS,EACnD,GAAGE,EACN,CAEJ,CH7EoB,IAAAI,EAAA,6BA9Db,SAASC,GAAwB,CACtC,MAAAC,EACA,QAAAC,EAAU,CAAC,EACX,aAAAC,EACA,qBAAAC,EACA,mBAAAC,EAAqB,GACrB,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,uBAAAC,GAAyB,GACzB,KAAAC,EACA,eAAAC,EACA,eAAAC,GACA,oBAAAC,EAAsB,EACxB,EAAiC,CAC/B,IAAMC,EAAoB,IACjBb,EAAM,kBAAkB,EAAE,OAAOc,GAAUA,EAAO,aAAa,IAAM,EAAK,EAG7EC,EAAkB,IACff,EAAM,cAAc,EAAE,OAAOc,GAClC,CAACd,EAAM,kBAAkB,EAAE,SAASc,CAAM,GAC1CA,EAAO,SAAS,QAChBA,EAAO,QAAQ,KAAKE,GAAOA,EAAI,aAAa,IAAM,EAAK,CACzD,EAGIC,EAA0B,IAAM,CACpC,IAAMC,EAAmB,IAAI,IAC3BH,EAAgB,EAAE,QAAQI,GACxBA,EAAM,SAAS,OAAOH,GAAOA,EAAI,aAAa,IAAM,EAAK,EAAE,IAAII,GAAKA,EAAE,EAAE,GAAK,CAAC,CAChF,CACF,EACA,OAAOP,EAAkB,EAAE,OAAOC,GAAU,CAACI,EAAiB,IAAIJ,EAAO,EAAE,CAAC,CAC9E,EAEMO,EAAuB,CAACC,EAAkBC,IAC1CA,GAAaD,EAAS,WAAW,GAAGC,CAAS,GAAG,EAClCD,EAAS,QAAQ,GAAGC,CAAS,IAAK,EAAE,EAEjD,MAAM,GAAG,EACT,IAAIC,IAAQA,GAAK,MAAM,CAAC,CAAC,EACzB,KAAK,GAAG,EAGNF,EACJ,MAAM,GAAG,EACT,IAAIE,GAAQA,EAAK,OAAO,CAAC,EAAE,YAAY,EAAIA,EAAK,MAAM,CAAC,CAAC,EACxD,KAAK,GAAG,EAGb,SACE,OAAC,OAAI,UAAU,aACb,mBAAC,OAAI,UAAU,OACb,mBAAC,OAAI,UAAU,sBAEb,oBAAC,OAAI,UAAU,oCACb,oBAAC,OAAI,UAAU,0BAEZ,SAAAvB,EAAQ,OAAS,MAChB,QAAC,OAAI,UAAU,oCACb,oBAAC,OAAI,UAAU,oEACb,mBAAC,UAAO,UAAU,UAAU,EAE9B,EACCA,EAAQ,IAAKwB,MACZ,OAAC,OAAqB,UAAWC,EAAG,yBAA0BD,EAAO,KAAK,EACvE,SAAAA,EAAO,OAAS,YACf,QAACE,GAAA,CACC,MAAQ3B,EAAM,UAAUyB,EAAO,GAAG,GAAG,eAAe,GAAgB,GACpE,cAAgBG,GACd5B,EAAM,UAAUyB,EAAO,GAAG,GAAG,eAAeG,IAAU,MAAQ,GAAKA,CAAK,EAGzE,UAAAH,EAAO,SAAQ,OAAC,QAAK,mBAACA,EAAO,KAAP,CAAY,UAAU,wEAAwE,EAAE,KACvH,OAACI,GAAA,CAAc,UAAWH,EAAG,wBAAyBD,EAAO,MAAQ,MAAM,EACzE,mBAACK,GAAA,CAAY,YAAaL,EAAO,YAAa,EAChD,KACA,QAACM,GAAA,CAAc,UAAU,aACvB,oBAACC,EAAA,CAAW,MAAM,MAAM,eAAG,EAC1BP,EAAO,SAAS,IAAKQ,MACpB,OAACD,EAAA,CAA8B,MAAOC,EAAO,MAC1C,SAAAA,EAAO,OADOA,EAAO,KAExB,CACD,GACH,GACF,KAEA,QAAC,OAAI,UAAU,WACZ,UAAAR,EAAO,SAAQ,OAAC,QAAK,mBAACA,EAAO,KAAP,CAAY,UAAU,wEAAwE,EAAE,KACvH,OAACS,GAAA,CACC,YAAaT,EAAO,YACpB,MAAQzB,EAAM,UAAUyB,EAAO,GAAG,GAAG,eAAe,GAAgB,GACpE,SAAWU,GAAUnC,EAAM,UAAUyB,EAAO,GAAG,GAAG,eAAeU,EAAM,OAAO,KAAK,EACnF,UAAWT,EAAG,iBAAkBD,EAAO,MAAQ,MAAM,EACrD,KAAMA,EAAO,OAAS,SAAW,SAAWA,EAAO,OAAS,OAAS,OAAS,OAChF,GACF,GA/BMA,EAAO,GAiCjB,CACD,GACH,EAEJ,KAEA,QAAC,OAAI,UAAU,0BAGZ,UAAArB,MACC,QAAC,OAAI,UAAU,WACb,oBAAC,UAAO,UAAU,yEAAyE,KAC3F,OAAC8B,GAAA,CACC,YAAY,mBACZ,MAAOhC,GAAgB,GACvB,SAAWiC,GAAUhC,EAAqBgC,EAAM,OAAO,KAAK,EAC5D,UAAU,iBACZ,GACF,EAID9B,MACC,QAAC+B,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS,IAAM/B,EAASI,CAAI,EAAG,UAAU,aAC3E,oBAAC,YAAS,UAAU,eAAe,EAAE,UAEvC,EAIDD,OACC,QAAC6B,EAAA,CACC,oBAACC,EAAA,CAAoB,QAAO,GAC1B,oBAACF,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,mBAC5C,oBAAC,QAAK,mBAAO,KACb,OAAC,eAAY,UAAU,qBAAqB,GAC9C,EACF,KACA,QAACG,EAAA,CAAoB,MAAM,MAAM,UAAU,qDACzC,oBAACC,EAAA,CAAkB,UAAU,gCAAgC,0BAE7D,KACA,OAACC,EAAA,EAAsB,EAGtBxB,EAAwB,EAAE,OAAS,MAClC,QAACyB,GAAA,CACC,oBAACF,EAAA,CAAkB,UAAU,wDAAwD,mBAErF,EACCvB,EAAwB,EAAE,IAAIH,MAC7B,OAAC6B,GAAA,CAEC,UAAU,UACV,QAAS7B,EAAO,aAAa,EAC7B,gBAAkBc,GAAUd,EAAO,iBAAiB,CAAC,CAACc,CAAK,EAE1D,SAAAP,EAAqBP,EAAO,EAAE,GAL1BA,EAAO,EAMd,CACD,GACH,EAEDC,EAAgB,EAAE,IAAII,MACrB,QAACuB,GAAA,CACC,oBAACD,EAAA,EAAsB,KACvB,OAACD,EAAA,CAAkB,UAAU,wDAC1B,SAAArB,EAAM,GACT,EACCA,EAAM,SACH,OAAOL,GAAUA,EAAO,aAAa,IAAM,EAAK,EACjD,IAAIA,MACH,OAAC6B,GAAA,CAEC,UAAU,UACV,QAAS7B,EAAO,aAAa,EAC7B,gBAAkBc,GAAUd,EAAO,iBAAiB,CAAC,CAACc,CAAK,EAE1D,SAAAP,EAAqBP,EAAO,GAAIK,EAAM,EAAE,GALpCL,EAAO,EAMd,CACD,IAhBmBK,EAAM,EAiB9B,CACD,GACH,GACF,KAIF,QAACkB,EAAA,CACC,oBAACC,EAAA,CAAoB,QAAO,GAC1B,mBAACF,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,aAC5C,mBAAC,aAAU,UAAU,UAAU,EACjC,EACF,KACA,QAACG,EAAA,CAAoB,MAAM,MAAM,UAAU,uBACzC,oBAACC,EAAA,CAAkB,0BAAc,KACjC,OAACC,EAAA,EAAsB,KACvB,QAACG,EAAA,CAAiB,QAASlC,EACzB,oBAAC,eAAY,UAAU,eAAe,EAAE,qBAE1C,KACA,QAACkC,EAAA,CAAiB,QAASjC,GACzB,oBAAC,UAAO,UAAU,eAAe,EAAE,qBAErC,EACCC,MACC,oBACE,oBAAC6B,EAAA,EAAsB,KACvB,OAACD,EAAA,CAAkB,0BAAc,KACjC,QAACI,EAAA,CACC,QAAS,IAAM5C,EAAM,iBAAiB,CAAE,KAAM,CAAC,EAAG,MAAO,CAAC,CAAE,CAAC,EAE7D,oBAAC,UAAO,UAAU,eAAe,EAAE,qBAErC,KACA,QAAC4C,EAAA,CACC,QAAS,IAAM,CACb,IAAMC,EAAchC,EAAkB,EACnC,OAAOC,GAAUA,EAAO,YAAY,IAAM,EAAK,EAC/C,IAAIA,GAAUA,EAAO,EAAE,EAC1Bd,EAAM,iBAAiB,CAAE,KAAM6C,EAAa,MAAO,CAAC,CAAE,CAAC,CACzD,EAEA,oBAAC,OAAI,UAAU,yBAAyB,EAAE,gBAE5C,KACA,QAACD,EAAA,CACC,QAAS,IAAM,CACb,IAAME,EAAejC,EAAkB,EACpC,OAAOC,GAAUA,EAAO,YAAY,IAAM,EAAK,EAC/C,IAAIA,GAAUA,EAAO,EAAE,EAC1Bd,EAAM,iBAAiB,CAAE,KAAM,CAAC,EAAG,MAAO8C,CAAa,CAAC,CAC1D,EAEA,oBAAC,OAAI,UAAU,0BAA0B,EAAE,iBAE7C,GACF,GAEJ,GACF,EAGCxC,MACC,OAAC8B,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS9B,EAAW,SAAUC,EAAS,UAAU,aACnF,mBAAC,aAAU,UAAWmB,EAAG,UAAWnB,GAAW,cAAc,EAAG,EAClE,GAEJ,GACF,EACF,EACF,EACF,CAEJ,CI7QU,IAAAwC,EAAA,6BAPH,SAASC,GAA2B,CAAE,MAAAC,EAAO,OAAAC,CAAO,EAAoC,CAC7F,OAAKA,EAAO,WAGV,OAAC,OAAI,UAAU,aACb,mBAAC,OACC,oBAAC,OAAI,UAAU,oCACb,oBAAC,OAAI,UAAU,wDACZ,SAAAA,EAAO,WAAa,OACnB,QAAC,QAAK,qBACKD,EAAM,SAAS,EAAE,WAAW,UAAYA,EAAM,SAAS,EAAE,WAAW,SAAW,EAAE,MAAI,IAC7F,KAAK,KACHA,EAAM,SAAS,EAAE,WAAW,UAAY,GAAKA,EAAM,SAAS,EAAE,WAAW,SAC1EA,EAAM,oBAAoB,EAAE,KAAK,MACnC,EAAG,IAAI,MACHA,EAAM,oBAAoB,EAAE,KAAK,OAAO,YAC9C,EAEJ,KAEA,QAAC,OAAI,UAAU,0BACZ,UAAAC,EAAO,oBACN,QAAC,OAAI,UAAU,0BACb,oBAAC,QAAK,UAAU,sBAAsB,0BAAc,KACpD,QAACC,GAAA,CACC,MAAO,GAAGF,EAAM,SAAS,EAAE,WAAW,QAAQ,GAC9C,cAAgBG,GAAUH,EAAM,YAAY,OAAOG,CAAK,CAAC,EAEzD,oBAACC,GAAA,CAAc,UAAU,0BACvB,mBAACC,GAAA,EAAY,EACf,KACA,OAACC,GAAA,CAAc,KAAK,MAAM,UAAU,aACjC,SAAAL,EAAO,gBAAgB,IAAKM,MAC3B,OAACC,EAAA,CAA0B,MAAO,GAAGD,CAAQ,GAC1C,SAAAA,GADcA,CAEjB,CACD,EACH,GACF,GACF,KAGF,QAAC,OAAI,UAAU,0BACb,oBAACE,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAS,IAAMT,EAAM,aAAa,CAAC,EACnC,SAAU,CAACA,EAAM,mBAAmB,EACpC,UAAU,aACX,iBAED,KACA,OAACS,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAS,IAAMT,EAAM,aAAa,EAClC,SAAU,CAACA,EAAM,mBAAmB,EACpC,UAAU,aACX,oBAED,EAECC,EAAO,oBACN,OAAC,OAAI,UAAU,0BACZ,eAAM,KAAK,CAAE,OAAQ,KAAK,IAAI,EAAGD,EAAM,aAAa,CAAC,CAAE,EAAG,CAACU,EAAGC,IAAM,CACnE,IAAMC,EAAYZ,EAAM,SAAS,EAAE,WAAW,UACxCa,EAAaD,EAAY,EAAID,EAAI,EACvC,OAAIE,EAAa,GAAKA,EAAab,EAAM,aAAa,EAAU,QAG9D,OAACS,EAAA,CAEC,QAASI,IAAeD,EAAY,EAAI,UAAY,UACpD,KAAK,KACL,UAAU,wBACV,QAAS,IAAMZ,EAAM,aAAaa,EAAa,CAAC,EAE/C,SAAAA,GANIA,CAOP,CAEJ,CAAC,EACH,KAGF,OAACJ,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAS,IAAMT,EAAM,SAAS,EAC9B,SAAU,CAACA,EAAM,eAAe,EAChC,UAAU,aACX,gBAED,KACA,OAACS,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAS,IAAMT,EAAM,aAAaA,EAAM,aAAa,EAAI,CAAC,EAC1D,SAAU,CAACA,EAAM,eAAe,EAChC,UAAU,aACX,gBAED,GACF,GACF,GACF,EACF,EACF,EAzG0B,IA2G9B,CCtHA,IAAAc,GAA0C,oBAC1CC,GAAuC,oCAwCnC,IAAAC,GAAA,6BApCEC,MAAiB,QACrB,8fACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QACE,2FACJ,EACA,KAAM,CACJ,GAAI,mBACJ,QAAS,mBACT,GAAI,mBACN,EACA,GAAI,CACF,QAAS,mEACT,SAAU,EACZ,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,UACN,GAAI,SACN,CACF,CACF,EAEA,SAASC,GAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAC4D,CAC1D,SACE,QAAC,GAAAC,OAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAGR,GAAe,CAAE,UAAAE,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAIC,EAAO,WAAa,SAAU,CAAC,CAAC,EAC5F,GAAGC,EACN,CAEJ,CC/CA,IAAAG,GAA8C,oBAC9CC,GAA0B,wBAqBlB,IAAAC,GAAA,6BAjBR,SAASC,GAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAwD,CACtD,SACE,QAAC,GAAAC,SAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EACT,8eACAH,CACF,EACC,GAAGC,EAEJ,oBAAC,GAAAC,SAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,gEAEV,oBAAC,cAAU,UAAU,WAAW,EAClC,EACF,CAEJ,CZgBA,IAAAE,EAA0D,iBA+EhDC,EAAA,6BA7EH,SAASC,GAAa,CAC3B,KAAAC,EACA,QAASC,EACT,QAAAC,EAAU,CAAC,EACX,WAAAC,EAAa,CAAE,QAAS,EAAM,EAC9B,SAAAC,EAAW,CAAC,EACZ,OAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,GAAY,QACZ,QAAAC,EAAU,GACV,MAAAC,EACA,aAAAC,GAAe,oBACf,qBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,SAAAC,CACF,EAAsB,CACpB,GAAM,CAACC,EAASC,CAAU,KAAI,YAAuB,CAAC,CAAC,EACjD,CAACC,EAAeC,EAAgB,KAAI,YAA6B,CAAC,CAAC,EACnE,CAACC,GAAkBC,EAAmB,KAAI,YAA0B,CAAC,CAAC,EACtE,CAACC,GAAcC,EAAe,KAAI,YAA4B,CAAC,CAAC,EAChE,CAACC,GAAcC,EAAe,KAAI,YAAS,EAAE,EAC7C,CAACC,GAAaC,EAAc,KAAI,YAA2B,CAAC,CAAC,EAC7D,CAACC,GAAeC,EAAgB,KAAI,YACxC1B,EAAS,oBAAsB,CAAE,KAAM,CAAC,EAAG,MAAO,CAAC,CAAE,EAAI,CAAC,CAC5D,EAEM,CACJ,cAAA2B,GAAgB,GAChB,gBAAAC,GAAkB,GAClB,mBAAAC,GAAqB,GACrB,uBAAAC,GAAyB,GACzB,mBAAAC,EAAqB,GACrB,aAAAC,GAAe,GACf,QAAAC,GAAU,GACV,kBAAAC,EAAoB,GACpB,oBAAAC,GAAsB,GACtB,QAAAC,GAAU,GACV,UAAAC,GAAY,GACZ,QAAAC,GAAU,GACV,SAAAC,GAAW,GACX,WAAAC,GAAa,GACb,qBAAAC,GAAuB,GACvB,oBAAAC,EAAsB,GACtB,WAAAC,GAAa,EACf,EAAI3C,EAEE4C,MAAU,WAAQ,IAAM,CAC5B,IAAMC,EAAO,CAAC,GAAGhD,CAAc,EAEzBiD,EAAkBF,GACfA,EAAQ,IAAIG,GAAO,CACxB,GAAIA,EAAI,KAAO,UAAYA,EAAI,KAAO,eACpC,OAAOA,EAGT,IAAMC,EAAS,CACb,GAAGD,EACH,cAAe,EACjB,EAEA,OAAIA,EAAI,UACNC,EAAO,QAAUF,EAAeC,EAAI,OAAO,GAGtCC,CACT,CAAC,EAGGC,EAAgBH,EAAeD,CAAI,EAEzC,GAAId,EAAoB,CACtB,IAAMmB,EAAkC,CACtC,GAAI,SACJ,OAAQ,CAAC,CAAE,MAAAC,CAAM,OACf,OAACC,GAAA,CACC,QAASD,EAAM,yBAAyB,GAAMA,EAAM,0BAA0B,GAAK,gBACnF,gBAAkBE,GAAUF,EAAM,0BAA0B,CAAC,CAACE,CAAK,EACnE,aAAW,aACb,EAEF,KAAM,CAAC,CAAE,IAAAC,CAAI,OACX,OAAC,OAAI,UAAWC,EAAG,kCAAkC,EACnD,mBAACH,GAAA,CACC,QAASE,EAAI,cAAc,EAC3B,gBAAkBD,GAAUC,EAAI,eAAe,CAAC,CAACD,CAAK,EACtD,aAAW,aACb,EACF,EAEF,cAAe,GACf,aAAc,GACd,cAAe,GACf,YAAa,SACb,KAAM,EACR,EAEAJ,EAAc,QAAQC,CAAY,CACpC,CAEA,GAAIhB,EAAmB,CACrB,IAAMsB,EAAkC,CACtC,GAAI,eACJ,OAAQ,MACR,KAAM,CAAC,CAAE,IAAAF,CAAI,OACX,OAAC,OAAI,UAAU,gDACZ,SAAAA,EAAI,MAAQ,EACf,EAEF,cAAe,GACf,aAAc,GACd,cAAe,GACf,KAAM,GACN,YAAa,QACf,EAEAL,EAAc,QAAQO,CAAY,CACpC,CAEA,OAAOP,CACT,EAAG,CAACpD,EAAgBqC,EAAmBH,EAAoBI,EAAmB,CAAC,EAEzEgB,KAAQ,iBAAc,CAC1B,KAAAvD,EACA,QAAAgD,GACA,gBAAiBjB,GAAgBb,EAAa,OAC9C,sBAAuBc,GAAkBZ,GAAmB,OAC5D,qBAAsBa,GAAqBP,GAAkB,OAC7D,mBAAiB,mBAAgB,EACjC,sBAAuBvB,EAAW,WAAU,yBAAsB,EAAI,OACtE,kBAAmB4B,MAAgB,qBAAkB,EAAI,OACzD,oBAAqBC,MAAkB,uBAAoB,EAAI,OAC/D,yBAA0BE,GAAyBZ,GAAsB,OACzE,qBAAsBa,EAAqBX,GAAkB,OAC7D,oBAAqBI,GACrB,sBAAuBkB,EAAsBhB,GAAmB,OAChE,MAAO,CACL,QAASC,GAAgBd,EAAU,OACnC,cAAee,GAAkBb,EAAgB,OACjD,iBAAkBe,GAAyBb,GAAmB,OAC9D,aAAcc,EAAqBZ,GAAe,CAAC,EACnD,aAAAE,GACA,YAAAE,GACA,cAAemB,EAAsBjB,GAAgB,CAAC,CACxD,EACA,aAAc,CACZ,WAAY1B,EAAW,QAAU,CAAE,SAAUA,EAAW,UAAY,EAAG,EAAI,OAC3E,cAAe2C,EAAsB,CACnC,KAAM,CACJ,GAAIR,EAAoB,CAAC,cAAc,EAAI,CAAC,EAC5C,GAAIH,EAAqB,CAAC,QAAQ,EAAI,CAAC,CACzC,EACA,MAAO,CAAC,CACV,EAAI,MACN,EACA,mBAAoBA,EACpB,qBAAsBU,GACtB,oBAAqBC,EACrB,iBAAkB,UACpB,CAAC,KAED,aAAU,IAAM,CACV/B,GACFA,EAAawC,CAAK,CAEtB,EAAG,CAACA,EAAOxC,CAAY,CAAC,KAExB,aAAU,IAAM,CACd,GAAIoB,GAAsBvB,EAAsB,CAC9C,IAAMiD,EAAeN,EAAM,4BAA4B,EAAE,KAAK,IAAKG,GAAQA,EAAI,QAAQ,EACvF9C,EAAqBiD,CAAY,CACnC,CACF,EAAG,CAACtC,GAAcY,EAAoBvB,EAAsB2C,CAAK,CAAC,EAElE,IAAMO,MAAqB,eAAY,IAAM,CAC3C5C,EAAW,CAAC,CAAC,CACf,EAAG,CAAC,CAAC,EAEC6C,MAAqB,eAAY,IAAM,CAC3C3C,GAAiB,CAAC,CAAC,EACnBM,GAAgB,EAAE,CACpB,EAAG,CAAC,CAAC,EAECsC,GAAkB,CAACC,EAAkBC,IAAmC,CAC5E,GAAI,CAACpB,EAAqB,OAE1B,IAAMqB,EAAmB,CACvB,GAAI7B,EAAoB,CAAC,cAAc,EAAI,CAAC,EAC5C,GAAIH,GAAsBI,GAAsB,CAAC,QAAQ,EAAI,CAAC,CAChE,EAEM6B,EAAa,CACjB,KAAM,CAAC,IAAIvC,GAAc,MAAQ,CAAC,GAAG,OAAOwC,GAAMF,EAAiB,SAASE,CAAE,CAAC,CAAC,EAChF,MAAO,CAAC,GAAIxC,GAAc,OAAS,CAAC,CAAE,CACxC,EAEIqC,IAAS,IACXE,EAAW,KAAOA,EAAW,KAAK,OAAOC,GAAMA,IAAOJ,CAAQ,EAC9DG,EAAW,MAAQA,EAAW,MAAM,OAAOC,GAAMA,IAAOJ,CAAQ,GAEzDC,IAAS,SAChBE,EAAW,KAAOA,EAAW,KAAK,OAAOC,GAAMA,IAAOJ,CAAQ,EACzDG,EAAW,MAAM,SAASH,CAAQ,GACrCG,EAAW,MAAM,KAAKH,CAAQ,GAGzBC,IAAS,SAChBE,EAAW,MAAQA,EAAW,MAAM,OAAOC,GAAMA,IAAOJ,CAAQ,EAC5D,CAACG,EAAW,KAAK,SAASH,CAAQ,GAAK,CAACE,EAAiB,SAASF,CAAQ,GAC5EG,EAAW,KAAK,KAAKH,CAAQ,GAIjCV,EAAM,iBAAiBa,CAAU,CACnC,EAEME,GAAoB,OACxB,OAACC,GAAA,CAAY,UAAWZ,EACtBvB,IAAgB,8BAClB,EACG,SAAAmB,EAAM,gBAAgB,EAAE,IAAI,CAACiB,EAAaC,OACzC,OAACC,EAAA,CAA8B,UAAU,uBACtC,SAAAF,EAAY,QAAQ,IAAI,CAACnE,EAAQsE,IAAU,CAC1C,IAAMC,EAAgBvE,EAAO,QAAU,GAAKA,EAAO,QAAU,EACvDwE,EAAe/B,IACnBzC,EAAO,OAAO,YAAY,IAAM,QAChCA,EAAO,OAAO,KAAO,gBACpBA,EAAO,OAAO,KAAO,UAAY8B,GAE9B2C,EAAgBhC,GAAuBzC,EAAO,OAAO,YAAY,IAAM,QACvE0E,EAAU1E,EAAO,OAAO,WAAW,EACnC2E,GAASlC,GAAuBzC,EAAO,OAAO,UAAU,gBAAkB,GAC1E4E,GAAiB5E,EAAO,OAAO,KAAO,eACtC6E,GAAa7E,EAAO,OAAO,KAAO,SAClC8E,GAAeF,IAAmBC,IAAc3C,GAChD6C,EAAe/E,EAAO,OAAO,UAAgC,aAAe,OAE5EgF,GAAc,CAClB,KAAM,gBACN,OAAQ,iBACR,MAAO,aACT,EAAED,CAAW,EAEb,SACE,QAACE,GAAA,CAEC,QAASjF,EAAO,QAChB,UAAWsD,EACT,sDACA,CAACjB,IAAW,OACZC,IAAYgC,EAAQH,EAAY,QAAQ,OAAS,GAAK,WACtD,WACAK,GAAgB,gCAChBC,GAAiB,kCAChBG,IAAkBC,KAAe,gCAClCN,EAAgB,cAAgB,WAClC,EACA,MAAO,CACL,MAAOvE,EAAO,QAAQ,IAAM,IAAMA,EAAO,QAAQ,EAAI,OACrD,SAAUA,EAAO,QAAQ,IAAM,IAAMA,EAAO,QAAQ,EAAI,OACxD,GAAIwE,GAAgB,CAClB,KAAMI,GAAiB,EACrBC,GAAc5C,GAAqBiB,EAAM,UAAU,cAAc,GAAG,QAAQ,GAAK,EAC7EgC,GAAclF,EAAO,MAAM,CACnC,EACA,GAAIyE,GAAiB,CAAE,MAAOU,GAAenF,EAAO,MAAM,CAAE,EAC5D,GAAI4E,IAAkB,CAAE,KAAM,CAAE,CAClC,EAEC,UAAAL,KACC,OAAC,OAAI,UAAU,mCACZ,0BAAWvE,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAW,CAAC,EACjE,KAEA,QAAC,OAAI,UAAWsD,EAAG,yCAA0C0B,EAAW,EACtE,qBAAC,OAAI,UAAU,0BACZ,UAAAN,GAAWK,IAAgB,YAC1B,OAAC,QAAK,UAAU,eACb,SAAA/E,EAAO,OAAO,YAAY,GACzB,CACE,OAAK,OAAC,aAAU,UAAU,UAAU,EACpC,QAAM,OAAC,eAAY,UAAU,UAAU,CACzC,EAAEA,EAAO,OAAO,YAAY,CAAW,EAE3C,EAEDA,EAAO,cAAgB,QACtB,cAAWA,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAW,CAAC,EAE/D0E,GAAWK,IAAgB,SAAW/E,EAAO,OAAO,YAAY,MAC/D,OAAC,QAAK,UAAU,eACb,SAAAA,EAAO,OAAO,YAAY,GACzB,CACE,OAAK,OAAC,aAAU,UAAU,UAAU,EACpC,QAAM,OAAC,eAAY,UAAU,UAAU,CACzC,EAAEA,EAAO,OAAO,YAAY,CAAW,EAE3C,GAEJ,GACE0E,GAAYC,IAAU,CAACG,QACvB,QAACM,EAAA,CACC,oBAACC,EAAA,CAAoB,QAAO,GAAC,UAAW/B,EACtC,WACAyB,IAAgB,QAAU,UAC1BA,IAAgB,UAAY,UAC5BA,IAAgB,SAAW,QAC7B,EACE,mBAACO,GAAA,CACC,QAAQ,UACR,KAAK,KACL,KAAI,GACJ,SAAU,GACV,UAAU,mFAEV,mBAAC,kBAAe,UAAU,UAAU,EACtC,EACF,KACA,QAACC,EAAA,CAAoB,MAAM,MAAM,UAAU,OACxC,UAAAb,MACC,oBACE,oBAACc,EAAA,CAAkB,mBAAO,KAC1B,QAACC,EAAA,CACC,QAAS,IAAMzF,EAAO,OAAO,cAAc,EAAK,EAEhD,oBAAC,aAAU,UAAU,eAAe,EAAE,kBAExC,KACA,QAACyF,EAAA,CACC,QAAS,IAAMzF,EAAO,OAAO,cAAc,EAAI,EAE/C,oBAAC,eAAY,UAAU,eAAe,EAAE,mBAE1C,KACA,QAACyF,EAAA,CACC,QAAS,IAAMzF,EAAO,OAAO,aAAa,EAC1C,SAAU,CAACA,EAAO,OAAO,YAAY,EAErC,oBAAC,kBAAe,UAAU,eAAe,EAAE,cAE7C,KACA,OAAC0F,EAAA,EAAsB,GACzB,EAEDf,IAAU,CAACG,OACV,oBACE,oBAACU,EAAA,CAAkB,sBAAU,KAQ7B,QAACC,EAAA,CACC,QAAS,IAAM9B,GAAgB3D,EAAO,OAAO,GAAI,OAAO,EACxD,SAAUA,EAAO,OAAO,YAAY,IAAM,QAE1C,oBAAC,kBAAc,EAAE,aAEnB,KACA,QAACyF,EAAA,CACC,QAAS,IAAM9B,GAAgB3D,EAAO,OAAO,GAAI,EAAK,EACtD,SAAU,CAACA,EAAO,OAAO,YAAY,EAErC,oBAAC,eAAW,EAAE,SAEhB,GACF,GAEJ,GACF,GAEJ,EAGDwC,IACCxC,EAAO,OAAO,aAAa,GAC3B,CAACuE,GACDvE,EAAO,UAAY,MACjB,OAAC,OACC,UAAU,gIACV,YAAaA,EAAO,iBAAiB,EACvC,IA1ICA,EAAO,EA4Id,CAEJ,CAAC,GAtKYmE,EAAY,EAuK3B,CACD,EACH,EAGIe,GAAiBS,GAAgB,CACrC,GAAI,CAAClD,EAAqB,OAC1B,IAAImD,EAAS,EACPC,EAAoB3C,EAAM,oBAAoB,EAAE,CAAC,GAAG,SAAW,CAAC,EAChE4C,EAAsB,CAC1B,GAAI7D,EAAoB,CAAC,cAAc,EAAI,CAAC,EAC5C,GAAIH,EAAqB,CAAC,QAAQ,EAAI,CAAC,CACzC,EACA,QAAWgB,KAAO+C,EAAmB,CACnC,GAAI/C,EAAI,KAAO6C,EAAO,GAAI,MAC1B,GAAIG,EAAoB,SAAShD,EAAI,EAAE,EAAG,CACxC,IAAM6C,EAASzC,EAAM,UAAUJ,EAAI,EAAE,EACjC6C,IACFC,GAAUD,EAAO,QAAQ,EAE7B,CACF,CACA,OAAOC,CACT,EAEMT,GAAkBQ,GAAgB,CACtC,GAAI,CAAClD,EAAqB,OAC1B,IAAMsD,EAAiB7C,EAAM,SAAS,EAAE,cAAc,OAAS,CAAC,EAC1D8C,EAAcD,EAAe,QAAQJ,EAAO,EAAE,EACpD,GAAIK,IAAgB,GAAI,OAExB,IAAIJ,EAAS,EACb,QAASK,EAAID,EAAc,EAAGC,EAAIF,EAAe,OAAQE,IAAK,CAC5D,IAAMnD,EAAMI,EAAM,UAAU6C,EAAeE,CAAC,CAAC,EACzCnD,IACF8C,GAAU9C,EAAI,QAAQ,EAE1B,CAEA,OAAO8C,CACT,EAEA,OAAIvF,KAEA,OAAC6F,GAAA,CAAK,UAAU,8BACd,mBAACC,GAAA,CAAY,UAAU,mCACrB,oBAAC,OAAI,UAAU,cACb,oBAAC,OAAI,UAAU,6BAA6B,wBAAE,KAC9C,OAAC,KAAE,UAAU,qCAAsC,SAAA9F,EAAM,EACxDI,MACC,QAAC2F,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS3F,EAAW,UAAU,aAChE,oBAAC,WAAQ,UAAU,eAAe,EAAE,aAEtC,GAEJ,EACF,EACF,KAKF,OAAC4F,GAAA,CACC,oBAAC,OAAI,UAAW/C,EAAG,wCAAyCpD,CAAS,EAElE,UAAAF,MACC,OAACkG,GAAA,CAAK,UAAU,qCACd,mBAACC,GAAA,CAAY,UAAU,OAAQ,SAAAnG,EAAO,EACxC,EAIDgC,OACC,OAACsE,GAAA,CACC,MAAOpD,EACP,QAASrD,EACT,aAAcuB,GACd,qBAAsBC,GACtB,mBAAoBO,GACpB,SAAUpB,EACV,UAAWC,EACX,QAASL,EACT,uBAAwByB,GACxB,oBAAqBY,EACrB,KAAM9C,EACN,eAAgB8D,GAChB,eAAgBC,GAClB,KAIF,OAACwC,GAAA,CAAK,UAAW5C,EAAG,+BAAgCf,IAAc,QAAQ,EACxE,mBAAC4D,GAAA,CAAY,UAAU,aACrB,oBAAC,OAAI,UAAU,gDACZ,UAAA/F,MACC,OAAC,OAAI,UAAU,sGACb,oBAAC,OAAI,UAAU,0EACb,oBAAC,WAAQ,UAAU,mCAAmC,KACtD,OAAC,QAAK,UAAU,4CAA4C,sBAAU,GACxE,EACF,KAGF,OAAC,OAAI,UAAU,+CACb,oBAACmG,GAAA,CAAe,UAAU,yBAEvB,WAAC7D,IAAcuB,GAAkB,KAGlC,OAACuC,GAAA,CACE,SAAAtD,EAAM,YAAY,EAAE,MAAM,OACzBA,EAAM,YAAY,EAAE,KAAK,IAAI,CAACG,EAAKoD,OACjC,OAACpC,EAAA,CAEC,aAAYhB,EAAI,cAAc,GAAK,WACnC,UAAWC,EACTlB,IAAa,oBACbD,IAAWsE,EAAW,IAAM,GAAK,cACjCpD,EAAI,cAAc,GAAK,WACvB,0BACF,EAEC,SAAAA,EAAI,gBAAgB,EAAE,IAAI,CAACqD,EAAMC,IAAc,CAC9C,IAAMnC,EAAe/B,IAAwBiE,EAAK,OAAO,YAAY,IAAM,QAAUA,EAAK,OAAO,KAAO,gBAAmBA,EAAK,OAAO,KAAO,UAAY5E,GACpJ2C,EAAgBhC,GAAuBiE,EAAK,OAAO,YAAY,IAAM,QACrE9B,EAAiB8B,EAAK,OAAO,KAAO,eACpC7B,EAAa6B,EAAK,OAAO,KAAO,SAChC5B,GAAeF,GAAmBC,GAAc3C,GAEtD,SACE,OAAC0E,GAAA,CAEC,UAAWtD,EACTjB,GAAU,OAAS,OACnBC,IAAYqE,EAAYtD,EAAI,gBAAgB,EAAE,QAAU,WACxDmB,GAAgB,mCAChBC,GAAiB,oCACjBG,GAAkB,mCAClB,KACF,EACA,MAAO,CACL,MAAO8B,EAAK,OAAO,QAAQ,IAAM,IAAMA,EAAK,OAAO,QAAQ,EAAI,OAC/D,SAAUA,EAAK,OAAO,QAAQ,IAAM,IAAMA,EAAK,OAAO,QAAQ,EAAI,OAClE,GAAIlC,GAAgB,CAClB,KAAMI,EAAiB,EACrBC,EAAc5C,GAAqBiB,EAAM,UAAU,cAAc,GAAG,QAAQ,GAAK,EAC7EgC,GAAcwB,EAAK,MAAM,CACjC,EACA,GAAIjC,GAAiB,CAAE,MAAOU,GAAeuB,EAAK,MAAM,CAAE,EAC1D,GAAI9B,GAAkB,CAAE,KAAM,CAAE,CAClC,EAEC,0BAAW8B,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAW,CAAC,GArBpDA,EAAK,EAsBZ,CAEJ,CAAC,GA1CIrD,EAAI,EA2CX,CACD,KAED,OAACgB,EAAA,CACC,mBAACuC,GAAA,CAAU,QAASjE,GAAQ,OAAQ,UAAU,4BAC5C,oBAAC,OAAI,UAAU,mCACb,oBAAC,OAAI,UAAU,iCAAiC,qBAAE,KAClD,OAAC,KAAE,UAAU,oCAAqC,SAAArC,GAAa,GACjE,EACF,EACF,EAEJ,GACF,EACF,EAECL,MACC,OAAC,OAAI,UAAU,yCAAyC,MAAO,CAC7D,MAAO,OACP,SAAU,aACZ,EACE,mBAACsG,GAAA,CACC,mBAACM,GAAA,CACC,mBAACxC,EAAA,CAAS,UAAU,aAClB,mBAACuC,GAAA,CAAU,QAASjE,GAAQ,OAAQ,UAAU,MAC3C,SAAA1C,EACH,EACF,EACF,EACF,EACF,GAEJ,EACF,EACF,KAGA,OAAC6G,GAAA,CAAoB,MAAO5D,EAAO,OAAQpD,EAAY,EAGtDa,GAAYA,EAASuC,CAAK,GAC7B,EACF,CAEJ","names":["data_table_exports","__export","DataTable","__toCommonJS","import_react_table","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_jsx_runtime","Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","import_jsx_runtime","Card","className","props","cn","CardContent","className","props","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","import_lucide_react","import_jsx_runtime","Input","className","type","props","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","Select","props","SelectPrimitive","SelectValue","props","SelectPrimitive","SelectTrigger","className","size","children","cn","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","SelectPrimitive","cn","SelectScrollUpButton","className","props","SelectPrimitive","cn","SelectScrollDownButton","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","DropdownMenuLabel","className","inset","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","import_jsx_runtime","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","filter","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Button","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","DropdownMenuItem","leftColumns","rightColumns","import_jsx_runtime","DataTablePagination","table","config","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","_","i","pageIndex","pageNumber","import_radix_ui","import_class_variance_authority","import_jsx_runtime","toggleVariants","Toggle","className","variant","size","noBg","props","TogglePrimitive","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","Checkbox","className","props","CheckboxPrimitive","cn","import_react","import_jsx_runtime","DataTable","data","initialColumns","filters","pagination","settings","header","footer","className","maxHeight","loading","error","emptyMessage","onRowSelectionChange","onExport","onRefresh","onTableReady","children","sorting","setSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","globalFilter","setGlobalFilter","columnOrder","setColumnOrder","columnPinning","setColumnPinning","enableSorting","enableFiltering","enableGlobalFilter","enableColumnVisibility","enableRowSelection","stickyHeader","toolbar","showSerialNumbers","fixedCheckboxColumn","striped","hoverable","compact","bordered","fullHeight","enableColumnResizing","enableColumnPinning","hideHeader","columns","cols","processColumns","col","newCol","processedCols","selectColumn","table","Checkbox","value","row","cn","serialColumn","selectedRows","handleClearSorting","handleClearFilters","handlePinColumn","columnId","side","alwaysPinnedLeft","newPinning","id","renderTableHeader","TableHeader","headerGroup","groupIndex","TableRow","index","isGroupHeader","isPinnedLeft","isPinnedRight","canSort","canPin","isSerialNumber","isCheckbox","alwaysPinned","headerAlign","flexJustify","TableHead","getLeftOffset","getRightOffset","DropdownMenu","DropdownMenuTrigger","Toggle","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","DropdownMenuSeparator","column","offset","pinnedLeftColumns","alwaysPinnedColumns","pinnedRightIds","columnIndex","i","Card","CardContent","Button","TooltipProvider","DataTableToolbar","Table","TableBody","rowIndex","cell","cellIndex","TableCell","TableFooter","DataTablePagination"]}

package/dist/components/data/data-table/data-table.d.cts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataTableProps } from './data-table-types.cjs';
+import '@tanstack/react-table';
+import 'lucide-react';
+declare function DataTable<T>({ data, columns: initialColumns, filters, pagination, settings, header, footer, className, maxHeight, loading, error, emptyMessage, onRowSelectionChange, onExport, onRefresh, onTableReady, children, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+export { DataTable };

package/dist/components/data/data-table/data-table.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataTableProps } from './data-table-types.js';
+import '@tanstack/react-table';
+import 'lucide-react';
+declare function DataTable<T>({ data, columns: initialColumns, filters, pagination, settings, header, footer, className, maxHeight, loading, error, emptyMessage, onRowSelectionChange, onExport, onRefresh, onTableReady, children, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+export { DataTable };

package/dist/components/data/data-table/data-table.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use client"
+import{flexRender as Ne,getCoreRowModel as Et,getFilteredRowModel as qt,getPaginationRowModel as Jt,getSortedRowModel as Kt,useReactTable as Qt}from"@tanstack/react-table";import{Loader2 as Ye,ChevronUp as De,ChevronDown as Te,ChevronsUpDown as Xt,MoreHorizontal as Yt,MoveRightIcon as Zt,PinOffIcon as eo}from"lucide-react";import{Slot as wt}from"radix-ui";import{cva as ht}from"class-variance-authority";import{clsx as xt}from"clsx";import{twMerge as Ct}from"tailwind-merge";function i(...e){return Ct(xt(e))}import{jsx as yt}from"react/jsx-runtime";var Pt=ht("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function P({className:e,variant:o,size:d,asChild:p=!1,...D}){let C=p?wt.Slot:"button";return yt(C,{"data-slot":"button",className:i(Pt({variant:o,size:d,className:e}),"transition-none"),...D})}import{jsx as z}from"react/jsx-runtime";function xe({className:e,...o}){return z("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:z("table",{"data-slot":"table",className:i("w-full caption-bottom text-sm",e),...o})})}function Ae({className:e,...o}){return z("thead",{"data-slot":"table-header",className:i("[&_tr]:border-b",e),...o})}function He({className:e,...o}){return z("tbody",{"data-slot":"table-body",className:i("[&_tr:last-child]:border-0",e),...o})}function Oe({className:e,...o}){return z("tfoot",{"data-slot":"table-footer",className:i("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...o})}function $({className:e,...o}){return z("tr",{"data-slot":"table-row",className:i("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...o})}function je({className:e,...o}){return z("th",{"data-slot":"table-head",className:i("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...o})}function oe({className:e,...o}){return z("td",{"data-slot":"table-cell",className:i("p-2 align-middle whitespace-nowrap",e),...o})}import{jsx as Ue}from"react/jsx-runtime";function ne({className:e,...o}){return Ue("div",{"data-slot":"card",className:i("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function ae({className:e,...o}){return Ue("div",{"data-slot":"card-content",className:i("px-6",e),...o})}import{Tooltip as St}from"radix-ui";import{jsx as Nt,jsxs as wo}from"react/jsx-runtime";function We({delayDuration:e=0,...o}){return Nt(St.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...o})}import{Search as Vt,RefreshCw as Ft,Download as _t,Settings2 as Gt,Filter as Ee,ArrowUpDown as Lt,PinOff as Bt,Pin as qe,ChevronDown as At}from"lucide-react";import{jsx as Dt}from"react/jsx-runtime";function Ce({className:e,type:o,...d}){return Dt("input",{type:o,"data-slot":"input",className:i("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...d})}import{Select as S}from"radix-ui";import{CheckIcon as Tt,ChevronDownIcon as $e,ChevronUpIcon as Rt}from"lucide-react";import{jsx as x,jsxs as we}from"react/jsx-runtime";function ie({...e}){return x(S.Root,{"data-slot":"select",...e})}function re({...e}){return x(S.Value,{"data-slot":"select-value",...e})}function se({className:e,size:o="default",children:d,...p}){return we(S.Trigger,{"data-slot":"select-trigger","data-size":o,className:i("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p,children:[d,x(S.Icon,{asChild:!0,children:x($e,{className:"size-4 opacity-50"})})]})}function le({className:e,children:o,position:d="popper",...p}){return x(S.Portal,{children:we(S.Content,{"data-slot":"select-content",className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",d==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:d,...p,children:[x(kt,{}),x(S.Viewport,{className:i("p-1",d==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),x(Mt,{})]})})}function E({className:e,children:o,...d}){return we(S.Item,{"data-slot":"select-item",className:i("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...d,children:[x("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:x(S.ItemIndicator,{children:x(Tt,{className:"size-4"})})}),x(S.ItemText,{children:o})]})}function kt({className:e,...o}){return x(S.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:i("flex cursor-default items-center justify-center py-1",e),...o,children:x(Rt,{className:"size-4"})})}function Mt({className:e,...o}){return x(S.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:i("flex cursor-default items-center justify-center py-1",e),...o,children:x($e,{className:"size-4"})})}import{DropdownMenu as k}from"radix-ui";import{CheckIcon as zt,ChevronRightIcon as Io,CircleIcon as Vo}from"lucide-react";import{jsx as R,jsxs as It}from"react/jsx-runtime";function q({...e}){return R(k.Root,{"data-slot":"dropdown-menu",...e})}function J({...e}){return R(k.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function K({className:e,sideOffset:o=4,...d}){return R(k.Portal,{children:R(k.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",e),...d})})}function he({...e}){return R(k.Group,{"data-slot":"dropdown-menu-group",...e})}function N({className:e,inset:o,variant:d="default",...p}){return R(k.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":d,className:i("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p})}function Pe({className:e,children:o,checked:d,...p}){return It(k.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:i("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:d,...p,children:[R("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:R(k.ItemIndicator,{children:R(zt,{className:"size-4"})})}),o]})}function M({className:e,inset:o,...d}){return R(k.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:i("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...d})}function _({className:e,...o}){return R(k.Separator,{"data-slot":"dropdown-menu-separator",className:i("bg-border -mx-1 my-1 h-px",e),...o})}import{Fragment as Ht,jsx as r,jsxs as u}from"react/jsx-runtime";function Je({table:e,filters:o=[],globalFilter:d,onGlobalFilterChange:p,enableGlobalFilter:D=!0,onExport:C,onRefresh:O,loading:Q=!1,enableColumnVisibility:Re=!0,data:X,onClearSorting:Y,onClearFilters:de,enableColumnPinning:j=!1}){let U=()=>e.getAllLeafColumns().filter(a=>a.getCanHide?.()!==!1),L=()=>e.getAllColumns().filter(a=>!e.getAllLeafColumns().includes(a)&&a.columns?.length&&a.columns.some(l=>l.getCanHide?.()!==!1)),B=()=>{let a=new Set(L().flatMap(l=>l.columns?.filter(T=>T.getCanHide?.()!==!1).map(T=>T.id)||[]));return U().filter(l=>!a.has(l.id))},W=(a,l)=>l&&a.startsWith(`${l}.`)?a.replace(`${l}.`,"").split("_").map(Z=>Z.slice(1)).join(" "):a.split("_").map(T=>T.charAt(0).toUpperCase()+T.slice(1)).join(" ");return r("div",{className:"rounded-xl",children:r("div",{className:"px-2",children:r("div",{className:"flex flex-col gap-6",children:u("div",{className:"flex items-center justify-between",children:[r("div",{className:"flex items-center gap-3",children:o.length>0&&u("div",{className:"flex items-center gap-3 flex-wrap",children:[r("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:r(Ee,{className:"h-4 w-4"})}),o.map(a=>r("div",{className:i("relative min-w-[150px]",a.width),children:a.type==="select"?u(ie,{value:e.getColumn(a.key)?.getFilterValue()??"",onValueChange:l=>e.getColumn(a.key)?.setFilterValue(l==="all"?"":l),children:[a.icon&&r("span",{children:r(a.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),r(se,{className:i("h-9 rounded-lg w-full",a.icon&&"pl-9"),children:r(re,{placeholder:a.placeholder})}),u(le,{className:"rounded-lg",children:[r(E,{value:"all",children:"All"}),a.options?.map(l=>r(E,{value:l.value,children:l.label},l.label))]})]}):u("div",{className:"relative",children:[a.icon&&r("span",{children:r(a.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),r(Ce,{placeholder:a.placeholder,value:e.getColumn(a.key)?.getFilterValue()??"",onChange:l=>e.getColumn(a.key)?.setFilterValue(l.target.value),className:i("h-9 rounded-lg",a.icon&&"pl-9"),type:a.type==="number"?"number":a.type==="date"?"date":"text"})]})},a.key))]})}),u("div",{className:"flex items-center gap-2",children:[D&&u("div",{className:"relative",children:[r(Vt,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),r(Ce,{placeholder:"Global search...",value:d??"",onChange:a=>p(a.target.value),className:"pl-9 max-w-max"})]}),C&&u(P,{variant:"outline",size:"sm",onClick:()=>C(X),className:"rounded-lg",children:[r(_t,{className:"mr-2 h-4 w-4"}),"Export"]}),Re&&u(q,{children:[r(J,{asChild:!0,children:u(P,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[r("span",{children:"Columns"}),r(At,{className:"h-4 w-4 opacity-50"})]})}),u(K,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[r(M,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),r(_,{}),B().length>0&&u(he,{children:[r(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),B().map(a=>r(Pe,{className:"text-sm",checked:a.getIsVisible(),onCheckedChange:l=>a.toggleVisibility(!!l),children:W(a.id)},a.id))]}),L().map(a=>u(he,{children:[r(_,{}),r(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:a.id}),a.columns?.filter(l=>l.getCanHide?.()!==!1).map(l=>r(Pe,{className:"text-sm",checked:l.getIsVisible(),onCheckedChange:T=>l.toggleVisibility(!!T),children:W(l.id,a.id)},l.id))]},a.id))]})]}),u(q,{children:[r(J,{asChild:!0,children:r(P,{variant:"outline",size:"sm",className:"rounded-lg",children:r(Gt,{className:"h-4 w-4"})})}),u(K,{align:"end",className:"w-[200px] rounded-lg",children:[r(M,{children:"Table Settings"}),r(_,{}),u(N,{onClick:Y,children:[r(Lt,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),u(N,{onClick:de,children:[r(Ee,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),j&&u(Ht,{children:[r(_,{}),r(M,{children:"Column Pinning"}),u(N,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[r(Bt,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),u(N,{onClick:()=>{let a=U().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:a,right:[]})},children:[r(qe,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),u(N,{onClick:()=>{let a=U().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:[],right:a})},children:[r(qe,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),O&&r(P,{variant:"outline",size:"sm",onClick:O,disabled:Q,className:"rounded-lg",children:r(Ft,{className:i("h-4 w-4",Q&&"animate-spin")})})]})]})})})})}import{jsx as w,jsxs as H}from"react/jsx-runtime";function Ke({table:e,config:o}){return o.enabled?w("div",{className:"rounded-xl",children:w("div",{children:H("div",{className:"flex items-center justify-between",children:[w("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:o.showInfo!==!1&&H("span",{children:["Showing ",e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1," to"," ",Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,e.getFilteredRowModel().rows.length)," ","of ",e.getFilteredRowModel().rows.length," entries"]})}),H("div",{className:"flex items-center gap-4",children:[o.pageSizeOptions&&H("div",{className:"flex items-center gap-2",children:[w("span",{className:"text-sm font-medium",children:"Rows per page:"}),H(ie,{value:`${e.getState().pagination.pageSize}`,onValueChange:d=>e.setPageSize(Number(d)),children:[w(se,{className:"h-9 w-[70px] rounded-lg",children:w(re,{})}),w(le,{side:"top",className:"rounded-lg",children:o.pageSizeOptions.map(d=>w(E,{value:`${d}`,children:d},d))})]})]}),H("div",{className:"flex items-center gap-2",children:[w(P,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),w(P,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),o.showPageNumbers&&w("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(d,p)=>{let D=e.getState().pagination.pageIndex,C=D-2+p+1;return C<1||C>e.getPageCount()?null:w(P,{variant:C===D+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(C-1),children:C},C)})}),w(P,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),w(P,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}import{Toggle as Ot}from"radix-ui";import{cva as jt}from"class-variance-authority";import{jsx as Wt}from"react/jsx-runtime";var Ut=jt("inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{sm:"h-7 px-0 min-w-7",default:"h-8 px-1 min-w-8",lg:"h-9 px-2 min-w-10"},bg:{enabled:"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",disabled:""}},defaultVariants:{variant:"default",size:"default",bg:"enabled"}});function Qe({className:e,variant:o,size:d,noBg:p,...D}){return Wt(Ot.Root,{"data-slot":"toggle",className:i(Ut({className:e,variant:o,size:d,bg:p?"disabled":"enabled"})),...D})}import{Checkbox as Xe}from"radix-ui";import{CheckIcon as $t}from"lucide-react";import{jsx as ye}from"react/jsx-runtime";function Se({className:e,...o}){return ye(Xe.Root,{"data-slot":"checkbox",className:i("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...o,children:ye(Xe.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:ye($t,{className:"size-3.5"})})})}import{useCallback as Ze,useEffect as et,useMemo as to,useState as G}from"react";import{Fragment as tt,jsx as n,jsxs as g}from"react/jsx-runtime";function Cn({data:e,columns:o,filters:d=[],pagination:p={enabled:!1},settings:D={},header:C,footer:O,className:Q="",maxHeight:Re="600px",loading:X=!1,error:Y,emptyMessage:de="No data available",onRowSelectionChange:j,onExport:U,onRefresh:L,onTableReady:B,children:W}){let[a,l]=G([]),[T,Z]=G([]),[ot,nt]=G({}),[ke,at]=G({}),[Me,ce]=G(""),[it,rt]=G([]),[me,st]=G(D.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:ue=!0,enableFiltering:pe=!0,enableGlobalFilter:ze=!0,enableColumnVisibility:ge=!0,enableRowSelection:y=!0,stickyHeader:lt=!0,toolbar:dt=!1,showSerialNumbers:I=!0,fixedCheckboxColumn:ee=!0,striped:ct=!0,hoverable:mt=!0,compact:Ie=!0,bordered:Ve=!0,fullHeight:ut=!1,enableColumnResizing:Fe=!1,enableColumnPinning:h=!0,hideHeader:pt=!1}=D,fe=to(()=>{let m=[...o],f=c=>c.map(s=>{if(s.id==="select"||s.id==="serialNumber")return s;let b={...s,enablePinning:!0};return s.columns&&(b.columns=f(s.columns)),b}),t=f(m);if(y){let c={id:"select",header:({table:s})=>n(Se,{checked:s.getIsAllPageRowsSelected()||s.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:b=>s.toggleAllPageRowsSelected(!!b),"aria-label":"Select all"}),cell:({row:s})=>n("div",{className:i("flex items-center justify-center"),children:n(Se,{checked:s.getIsSelected(),onCheckedChange:b=>s.toggleSelected(!!b),"aria-label":"Select row"})}),enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};t.unshift(c)}if(I){let c={id:"serialNumber",header:"No.",cell:({row:s})=>n("div",{className:"text-center font-medium text-muted-foreground",children:s.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};t.unshift(c)}return t},[o,I,y,ee]),v=Qt({data:e,columns:fe,onSortingChange:ue?l:void 0,onColumnFiltersChange:pe?Z:void 0,onGlobalFilterChange:ze?ce:void 0,getCoreRowModel:Et(),getPaginationRowModel:p.enabled?Jt():void 0,getSortedRowModel:ue?Kt():void 0,getFilteredRowModel:pe?qt():void 0,onColumnVisibilityChange:ge?nt:void 0,onRowSelectionChange:y?at:void 0,onColumnOrderChange:rt,onColumnPinningChange:h?st:void 0,state:{sorting:ue?a:void 0,columnFilters:pe?T:void 0,columnVisibility:ge?ot:void 0,rowSelection:y?ke:{},globalFilter:Me,columnOrder:it,columnPinning:h?me:{}},initialState:{pagination:p.enabled?{pageSize:p.pageSize||10}:void 0,columnPinning:h?{left:[...I?["serialNumber"]:[],...y?["select"]:[]],right:[]}:void 0},enableRowSelection:y,enableColumnResizing:Fe,enableColumnPinning:h,columnResizeMode:"onChange"});et(()=>{B&&B(v)},[v,B]),et(()=>{if(y&&j){let m=v.getFilteredSelectedRowModel().rows.map(f=>f.original);j(m)}},[ke,y,j,v]);let gt=Ze(()=>{l([])},[]),ft=Ze(()=>{Z([]),ce("")},[]),_e=(m,f)=>{if(!h)return;let t=[...I?["serialNumber"]:[],...y&&ee?["select"]:[]],c={left:[...(me.left??[]).filter(s=>t.includes(s))],right:[...me.right??[]]};f===!1?(c.left=c.left.filter(s=>s!==m),c.right=c.right.filter(s=>s!==m)):f==="right"?(c.left=c.left.filter(s=>s!==m),c.right.includes(m)||c.right.push(m)):f==="left"&&(c.right=c.right.filter(s=>s!==m),!c.left.includes(m)&&!t.includes(m)&&c.left.push(m)),v.setColumnPinning(c)},bt=()=>n(Ae,{className:i(lt&&"sticky top-0 bg-sidebar z-20"),children:v.getHeaderGroups().map((m,f)=>n($,{className:"hover:bg-transparent",children:m.headers.map((t,c)=>{let s=t.depth===0&&t.colSpan>1,b=h&&(t.column.getIsPinned()==="left"||t.column.id==="serialNumber"||t.column.id==="select"&&y),V=h&&t.column.getIsPinned()==="right",F=t.column.getCanSort(),be=h&&t.column.columnDef.enablePinning!==!1,te=t.column.id==="serialNumber",ve=t.column.id==="select",Be=te||ve&&ee,A=t.column.columnDef.headerAlign||"left",vt={left:"justify-start",center:"justify-center",right:"justify-end"}[A];return g(je,{colSpan:t.colSpan,className:i("font-semibold text-foreground bg-sidebar group px-0",!Ie&&"py-2",Ve&&c<m.headers.length-1&&"border-r","relative",b&&"sticky left-0 z-15 bg-sidebar",V&&"sticky right-0 z-15 bg-sidebar",(te||ve)&&"sticky left-0 z-15 bg-sidebar",s?"text-center":"text-left"),style:{width:t.getSize()!==150?t.getSize():"auto",minWidth:t.getSize()!==150?t.getSize():"auto",...b&&{left:te?0:ve?I&&v.getColumn("serialNumber")?.getSize()||0:Ge(t.column)},...V&&{right:Le(t.column)},...te&&{left:0}},children:[s?n("div",{className:"flex items-center justify-center",children:Ne(t.column.columnDef.header,t.getContext())}):g("div",{className:i("relative flex items-center w-full px-2",vt),children:[g("div",{className:"flex items-center gap-1",children:[F&&A==="right"&&n("span",{className:"ml-1 order-2",children:t.column.getIsSorted()&&{asc:n(De,{className:"h-4 w-4"}),desc:n(Te,{className:"h-4 w-4"})}[t.column.getIsSorted()]}),t.isPlaceholder?null:Ne(t.column.columnDef.header,t.getContext()),F&&A!=="right"&&t.column.getIsSorted()&&n("span",{className:"ml-1 order-2",children:t.column.getIsSorted()&&{asc:n(De,{className:"h-4 w-4"}),desc:n(Te,{className:"h-4 w-4"})}[t.column.getIsSorted()]})]}),(F||be&&!Be)&&g(q,{children:[n(J,{asChild:!0,className:i("absolute",A==="left"&&"right-1",A==="center"&&"right-1",A==="right"&&"left-1"),children:n(Qe,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:n(Yt,{className:"h-4 w-4"})})}),g(K,{align:"end",className:"w-48",children:[F&&g(tt,{children:[n(M,{children:"Sorting"}),g(N,{onClick:()=>t.column.toggleSorting(!1),children:[n(De,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),g(N,{onClick:()=>t.column.toggleSorting(!0),children:[n(Te,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),g(N,{onClick:()=>t.column.clearSorting(),disabled:!t.column.getIsSorted(),children:[n(Xt,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),n(_,{})]}),be&&!Be&&g(tt,{children:[n(M,{children:"Pin Column"}),g(N,{onClick:()=>_e(t.column.id,"right"),disabled:t.column.getIsPinned()==="right",children:[n(Zt,{}),"Pin Right"]}),g(N,{onClick:()=>_e(t.column.id,!1),disabled:!t.column.getIsPinned(),children:[n(eo,{}),"Unpin"]})]})]})]})]}),Fe&&t.column.getCanResize()&&!s&&t.colSpan===1&&n("div",{className:"absolute right-0 top-0 h-full w-1 bg-border hover:bg-primary cursor-col-resize opacity-0 hover:opacity-100 transition-opacity",onMouseDown:t.getResizeHandler()})]},t.id)})},m.id))}),Ge=m=>{if(!h)return;let f=0,t=v.getLeftHeaderGroups()[0]?.headers||[],c=[...I?["serialNumber"]:[],...y?["select"]:[]];for(let s of t){if(s.id===m.id)break;if(c.includes(s.id)){let b=v.getColumn(s.id);b&&(f+=b.getSize())}}return f},Le=m=>{if(!h)return;let f=v.getState().columnPinning.right||[],t=f.indexOf(m.id);if(t===-1)return;let c=0;for(let s=t+1;s<f.length;s++){let b=v.getColumn(f[s]);b&&(c+=b.getSize())}return c};return Y?n(ne,{className:"w-full rounded-xl shadow-sm",children:n(ae,{className:"flex items-center justify-center",children:g("div",{className:"text-center",children:[n("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),n("p",{className:"text-sm text-muted-foreground mb-4",children:Y}),L&&g(P,{variant:"outline",size:"sm",onClick:L,className:"rounded-lg",children:[n(Ye,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):n(We,{children:g("div",{className:i("w-full space-y-2 flex flex-col h-full",Q),children:[C&&n(ne,{className:"rounded-2xl py-2 sticky top-0 z-20",children:n(ae,{className:"px-2",children:C})}),dt&&n(Je,{table:v,filters:d,globalFilter:Me,onGlobalFilterChange:ce,enableGlobalFilter:ze,onExport:U,onRefresh:L,loading:X,enableColumnVisibility:ge,enableColumnPinning:h,data:e,onClearSorting:gt,onClearFilters:ft}),n(ne,{className:i("shadow-sm overflow-auto py-0",ut&&"flex-1"),children:n(ae,{className:"p-0 h-full",children:g("div",{className:"relative flex flex-col h-full justify-between",children:[X&&n("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:g("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[n(Ye,{className:"size-5 animate-spin text-primary"}),n("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),n("div",{className:"relative rounded-t-xl overflow-auto border-b",children:g(xe,{className:"border-collapse w-full",children:[!pt&&bt(),n(He,{children:v.getRowModel().rows?.length?v.getRowModel().rows.map((m,f)=>n($,{"data-state":m.getIsSelected()&&"selected",className:i(mt&&"hover:bg-muted/50",ct&&f%2===0&&"bg-muted/20",m.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:m.getVisibleCells().map((t,c)=>{let s=h&&(t.column.getIsPinned()==="left"||t.column.id==="serialNumber"||t.column.id==="select"&&y),b=h&&t.column.getIsPinned()==="right",V=t.column.id==="serialNumber",F=t.column.id==="select",be=V||F&&ee;return n(oe,{className:i(Ie?"py-2":"py-4",Ve&&c<m.getVisibleCells().length&&"border-r",s&&"sticky left-0 z-10 bg-sidebar/97",b&&"sticky right-0 z-10 bg-sidebar/97",V&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:t.column.getSize()!==150?t.column.getSize():"auto",minWidth:t.column.getSize()!==150?t.column.getSize():"auto",...s&&{left:V?0:F?I&&v.getColumn("serialNumber")?.getSize()||0:Ge(t.column)},...b&&{right:Le(t.column)},...V&&{left:0}},children:Ne(t.column.columnDef.cell,t.getContext())},t.id)})},m.id)):n($,{children:n(oe,{colSpan:fe.length,className:"h-32 text-center border-0",children:g("div",{className:"flex flex-col items-center gap-3",children:[n("div",{className:"text-muted-foreground text-5xl",children:"\u{1F4CB}"}),n("p",{className:"text-muted-foreground font-medium",children:de})]})})})})]})}),O&&n("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:n(xe,{children:n(Oe,{children:n($,{className:"bg-sidebar",children:n(oe,{colSpan:fe.length,className:"p-2",children:O})})})})})]})})}),n(Ke,{table:v,config:p}),W&&W(v)]})})}export{Cn as DataTable};
+//# sourceMappingURL=data-table.js.map