@tirth_jasoliya/ui 1.0.5 → 1.0.7

package/dist/components/data/data-table/index.js.map

@@ -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","../../../../src/components/ui/separator.tsx","../../../../src/components/data/data-table/data-table-action-bar.tsx","../../../../src/components/data/data-table/data-table-column-header.tsx","../../../../src/components/data/data-table/data-table-view-options.tsx","../../../../src/components/ui/badge.tsx","../../../../src/components/ui/command.tsx","../../../../src/components/ui/dialog.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/data/data-table/data-table-faceted-filter.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-6xl\">📋</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","import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","import { Button } from \"../../ui/button.jsx\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\n\r\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData> | null\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && table) {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [table])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !table) return null\r\n\r\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n          className={cn(\r\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>1{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Button> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = \"sm\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant=\"secondary\"\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\r\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData> | null\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (table) {\r\n      table.toggleAllRowsSelected(false)\r\n    }\r\n  }, [table])\r\n\r\n  if (!table) return null\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">\r\n        {table.getFilteredSelectedRowModel().rows.length} selected\r\n      </span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\r\n\r\n/**\r\n\r\nimport { Button } from \"/..../ui/button\"\r\nimport { Separator } from \"/..../ui/separator\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"/..../ui/tooltip\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\nimport { Toggle } from \"../ui/toggle\"\r\n\r\ninterface DataTableActionBarProps<TData> extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData> | null\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && table) {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [table])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !table) return null\r\n\r\n  const visible = visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.2, ease: \"easeInOut\" }}\r\n          className={cn(\r\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-background/95 backdrop-blur-sm p-3 text-foreground shadow-lg ring-1 ring-black/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps extends React.ComponentProps<typeof Toggle> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = \"sm\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Toggle\r\n      variant=\"default\"\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200 p-2\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Toggle>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border bg-accent font-semibold text-foreground dark:bg-zinc-900 [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData> | null\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (table) {\r\n      table.toggleAllRowsSelected(false)\r\n    }\r\n  }, [table])\r\n\r\n  if (!table) return null\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">\r\n        {table.getFilteredSelectedRowModel().rows.length} selected\r\n      </span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border bg-accent px-3 py-2 font-semibold text-foreground dark:bg-zinc-900 [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-background px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection }\r\n\r\n */","import type React from \"react\"\r\n\r\nimport { ArrowUpDown, EyeOff } from \"lucide-react\"\r\nimport type { Column } from \"@tanstack/react-table\"\r\n\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\r\n  column: Column<TData, TValue>\r\n  title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n  column,\r\n  title,\r\n  className,\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n  if (!column.getCanSort()) {\r\n    return <div className={cn(className)}>{title}</div>\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"flex items-center space-x-2\", className)}>\r\n      <DropdownMenu>\r\n        <DropdownMenuTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[state=open]:bg-accent\">\r\n            <span>{title}</span>\r\n            {column.getIsSorted() === \"desc\" ? (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            ) : column.getIsSorted() === \"asc\" ? (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            ) : (\r\n              <ArrowUpDown className=\"ml-2 h-4 w-4\" />\r\n            )}\r\n          </Button>\r\n        </DropdownMenuTrigger>\r\n        <DropdownMenuContent align=\"start\" className=\"rounded-lg\">\r\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\r\n            <ArrowUpDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Asc\r\n          </DropdownMenuItem>\r\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\r\n            <ArrowUpDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Desc\r\n          </DropdownMenuItem>\r\n          <DropdownMenuSeparator />\r\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\r\n            <EyeOff className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\r\n            Hide\r\n          </DropdownMenuItem>\r\n        </DropdownMenuContent>\r\n      </DropdownMenu>\r\n    </div>\r\n  )\r\n}\r\n","import { ChevronDown, Eye } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n          <Eye className=\"mr-2 h-4 w-4\" />\r\n          Columns <ChevronDown className=\"ml-2 h-4 w-4\" />\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n        <DropdownMenuLabel>Toggle Columns</DropdownMenuLabel>\r\n        <DropdownMenuSeparator />\r\n        {table\r\n          .getAllColumns()\r\n          .filter((column) => typeof column.accessorFn !== \"undefined\" && column.getCanHide())\r\n          .map((column) => {\r\n            return (\r\n              <DropdownMenuCheckboxItem\r\n                key={column.id}\r\n                className=\"capitalize\"\r\n                checked={column.getIsVisible()}\r\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n              >\r\n                {column.id}\r\n              </DropdownMenuCheckboxItem>\r\n            )\r\n          })}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\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 badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../components/ui/dialog.jsx\"\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n","import * as React from \"react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className\n        )}\n        onInteractOutside={(e) => e.preventDefault()}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import type * as React from \"react\"\r\nimport type { Column } from \"@tanstack/react-table\"\r\n\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Badge } from \"../../ui/badge.jsx\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n  CommandSeparator,\r\n} from \"../../ui/command.jsx\"\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui/popover.jsx\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { CheckIcon, PlusCircleIcon } from \"lucide-react\"\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n  column?: Column<TData, TValue>\r\n  title?: string\r\n  options: {\r\n    label: string\r\n    value: string\r\n    icon?: React.ComponentType<{ className?: string }>\r\n  }[]\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n  column,\r\n  title,\r\n  options,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n  const facets = column?.getFacetedUniqueValues()\r\n  const selectedValues = new Set(column?.getFilterValue() as string[])\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\" className=\"h-9 border-dashed rounded-lg\">\r\n          <PlusCircleIcon className=\"mr-2 h-4 w-4\" />\r\n          {title}\r\n          {selectedValues?.size > 0 && (\r\n            <>\r\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\r\n              <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal lg:hidden\">\r\n                {selectedValues.size}\r\n              </Badge>\r\n              <div className=\"hidden space-x-1 lg:flex\">\r\n                {selectedValues.size > 2 ? (\r\n                  <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal\">\r\n                    {selectedValues.size} selected\r\n                  </Badge>\r\n                ) : (\r\n                  options\r\n                    .filter((option) => selectedValues.has(option.value))\r\n                    .map((option) => (\r\n                      <Badge variant=\"secondary\" key={option.value} className=\"rounded-sm px-1 font-normal\">\r\n                        {option.label}\r\n                      </Badge>\r\n                    ))\r\n                )}\r\n              </div>\r\n            </>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-[200px] p-0 rounded-lg\" align=\"start\">\r\n        <Command className=\"rounded-lg\">\r\n          <CommandInput placeholder={title} />\r\n          <CommandList>\r\n            <CommandEmpty>No results found.</CommandEmpty>\r\n            <CommandGroup>\r\n              {options.map((option) => {\r\n                const isSelected = selectedValues.has(option.value)\r\n                return (\r\n                  <CommandItem\r\n                    key={option.value}\r\n                    onSelect={() => {\r\n                      if (isSelected) {\r\n                        selectedValues.delete(option.value)\r\n                      } else {\r\n                        selectedValues.add(option.value)\r\n                      }\r\n                      const filterValues = Array.from(selectedValues)\r\n                      column?.setFilterValue(filterValues.length ? filterValues : undefined)\r\n                    }}\r\n                  >\r\n                    <div\r\n                      className={cn(\r\n                        \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary\",\r\n                        isSelected ? \"bg-primary text-primary-foreground\" : \"opacity-50 [&_svg]:invisible\",\r\n                      )}\r\n                    >\r\n                      <CheckIcon className={cn(\"h-4 w-4\")} />\r\n                    </div>\r\n                    {option.icon && <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />}\r\n                    <span>{option.label}</span>\r\n                    {facets?.get(option.value) && (\r\n                      <span className=\"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs\">\r\n                        {facets.get(option.value)}\r\n                      </span>\r\n                    )}\r\n                  </CommandItem>\r\n                )\r\n              })}\r\n            </CommandGroup>\r\n            {selectedValues.size > 0 && (\r\n              <>\r\n                <CommandSeparator />\r\n                <CommandGroup>\r\n                  <CommandItem\r\n                    onSelect={() => column?.setFilterValue(undefined)}\r\n                    className=\"justify-center text-center\"\r\n                  >\r\n                    Clear filters\r\n                  </CommandItem>\r\n                </CommandGroup>\r\n              </>\r\n            )}\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"mappings":"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","names":["flexRender","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","useReactTable","Loader2","ChevronUp","ChevronDown","ChevronsUpDown","MoreHorizontal","MoveRightIcon","PinOffIcon","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","jsx","Card","className","props","cn","CardContent","className","props","jsx","cn","TooltipPrimitive","jsx","jsxs","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","Fragment","jsx","jsxs","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","filter","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Search","Button","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","leftColumns","Pin","rightColumns","RefreshCw","jsx","jsxs","DataTablePagination","table","config","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","_","i","pageIndex","pageNumber","TogglePrimitive","cva","jsx","toggleVariants","cva","Toggle","className","variant","size","noBg","props","TogglePrimitive","cn","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon","useCallback","useEffect","useMemo","useState","Fragment","jsx","jsxs","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","useReactTable","getCoreRowModel","getPaginationRowModel","getSortedRowModel","getFilteredRowModel","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","flexRender","ChevronUp","ChevronDown","DropdownMenu","DropdownMenuTrigger","Toggle","MoreHorizontal","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","ChevronsUpDown","DropdownMenuSeparator","MoveRightIcon","PinOffIcon","column","offset","pinnedLeftColumns","alwaysPinnedColumns","pinnedRightIds","columnIndex","i","Card","CardContent","Button","Loader2","TooltipProvider","DataTableToolbar","Table","TableBody","rowIndex","cell","cellIndex","TableCell","TableFooter","DataTablePagination","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","Loader","X","AnimatePresence","motion","React","ReactDOM","jsx","jsxs","DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","visible","cn","TooltipProvider","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","ArrowUpDown","EyeOff","jsx","jsxs","DataTableColumnHeader","column","title","className","cn","DropdownMenu","DropdownMenuTrigger","Button","ArrowUpDown","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","EyeOff","ChevronDown","Eye","jsx","jsxs","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","Button","Eye","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","SlotPrimitive","cva","jsx","badgeVariants","cva","Badge","className","variant","asChild","props","Comp","SlotPrimitive","cn","CommandPrimitive","SearchIcon","DialogPrimitive","XIcon","jsx","jsxs","jsx","jsxs","Command","className","props","CommandPrimitive","cn","CommandInput","className","props","jsxs","jsx","SearchIcon","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","CheckIcon","PlusCircleIcon","Fragment","jsx","jsxs","DataTableFacetedFilter","column","title","options","facets","selectedValues","Popover","PopoverTrigger","Button","Separator","Badge","option","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","isSelected","CommandItem","filterValues","cn","CommandSeparator"]}

package/dist/components/data/data-template/data-template-action-bar.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var _=Object.create;var u=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var q=(t,e)=>{for(var r in e)u(t,r,{get:e[r],enumerable:!0})},w=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of M(e))!X.call(t,i)&&i!==r&&u(t,i,{get:()=>e[i],enumerable:!(a=L(e,i))||a.enumerable});return t};var k=(t,e,r)=>(r=t!=null?_(K(t)):{},w(e||!t||!t.__esModule?u(r,"default",{value:t,enumerable:!0}):r,t)),F=t=>w(u({},"__esModule",{value:!0}),t);var U={};q(U,{DataTemplateActionBar:()=>H,DataTemplateActionBarAction:()=>J,DataTemplateActionBarSelection:()=>Q});module.exports=F(U);var S=require("radix-ui"),N=require("class-variance-authority");var R=require("clsx"),z=require("tailwind-merge");function n(...t){return(0,z.twMerge)((0,R.clsx)(t))}var A=require("react/jsx-runtime"),G=(0,N.cva)("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 y({className:t,variant:e,size:r,asChild:a=!1,...i}){let p=a?S.Slot.Slot:"button";return(0,A.jsx)(p,{"data-slot":"button",className:n(G({variant:e,size:r,className:t}),"transition-none"),...i})}var D=require("radix-ui");var E=require("react/jsx-runtime");function B({className:t,orientation:e="horizontal",decorative:r=!0,...a}){return(0,E.jsx)(D.Separator.Root,{"data-slot":"separator-root",decorative:r,orientation:e,className:n("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...a})}var l=require("radix-ui");var s=require("react/jsx-runtime");function h({delayDuration:t=0,...e}){return(0,s.jsx)(l.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function x({...t}){return(0,s.jsx)(h,{children:(0,s.jsx)(l.Tooltip.Root,{"data-slot":"tooltip",...t})})}function T({...t}){return(0,s.jsx)(l.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...t})}function P({className:t,sideOffset:e=0,children:r,...a}){return(0,s.jsx)(l.Tooltip.Portal,{children:(0,s.jsxs)(l.Tooltip.Content,{"data-slot":"tooltip-content",sideOffset:e,className: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",t),...a,children:[r,(0,s.jsx)(l.Tooltip.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}var f=require("lucide-react"),g=require("framer-motion"),d=k(require("react"),1),V=k(require("react-dom"),1),o=require("react/jsx-runtime");function H({controller:t,visible:e,container:r,children:a,className:i,...p}){let[v,b]=d.useState(!1);d.useLayoutEffect(()=>{b(!0)},[]),d.useEffect(()=>{function C(I){I.key==="Escape"&&t&&t.clearSelection()}return window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)},[t]);let c=r??(v?globalThis.document?.body:null);if(!c||!t)return null;let m=t.getSelectedItems(),O=e??m.length>0;return V.createPortal((0,o.jsx)(g.AnimatePresence,{children:O&&(0,o.jsx)(g.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:n("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5",i),...p,children:(0,o.jsx)(h,{children:a})})}),c)}function J({size:t="sm",variant:e="secondary",tooltip:r,isPending:a,disabled:i,className:p,children:v,onClick:b,...c}){let m=(0,o.jsx)(y,{variant:e,size:t,className:n("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",t==="icon"?"size-8":"h-8 px-3",p),disabled:i||a,onClick:b,...c,children:a?(0,o.jsx)(f.Loader,{className:"animate-spin"}):v});return r?(0,o.jsxs)(x,{children:[(0,o.jsx)(T,{asChild:!0,children:m}),(0,o.jsx)(P,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:(0,o.jsx)("p",{children:r})})]}):m}function Q({controller:t}){let e=d.useCallback(()=>{t&&t.clearSelection()},[t]);if(!t)return null;let r=t.getSelectedItems();return(0,o.jsxs)("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[(0,o.jsxs)("span",{className:"whitespace-nowrap text-sm font-medium",children:[r.length," selected"]}),(0,o.jsx)(B,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),(0,o.jsxs)(x,{children:[(0,o.jsx)(T,{asChild:!0,children:(0,o.jsx)(y,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:e,children:(0,o.jsx)(f.X,{className:"size-3.5"})})}),(0,o.jsxs)(P,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden",children:[(0,o.jsx)("p",{children:"Clear selection"}),(0,o.jsx)("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:(0,o.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}0&&(module.exports={DataTemplateActionBar,DataTemplateActionBarAction,DataTemplateActionBarSelection});
+//# sourceMappingURL=data-template-action-bar.cjs.map

package/dist/components/data/data-template/data-template-action-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template-action-bar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Button } from \"../../ui/button.jsx\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\nimport type {\r\n  DataTemplateController,\r\n  DataTemplateActionBarProps,\r\n  DataTemplateActionBarActionProps,\r\n} from \"./data-template-types.js\"\r\n\r\nfunction DataTemplateActionBar<T>({\r\n  controller,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && controller) {\r\n        controller.clearSelection()\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [controller])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !controller) return null\r\n\r\n  const selectedItems = controller.getSelectedItems()\r\n  const visible = visibleProp ?? selectedItems.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n          className={cn(\r\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\nfunction DataTemplateActionBarAction({\r\n  size = \"sm\",\r\n  variant = \"secondary\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  onClick,\r\n  ...props\r\n}: DataTemplateActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant={variant}\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\r\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      onClick={onClick}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTemplateActionBarSelectionProps<T> {\r\n  controller: DataTemplateController<T>\r\n}\r\n\r\nfunction DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (controller) {\r\n      controller.clearSelection()\r\n    }\r\n  }, [controller])\r\n\r\n  if (!controller) return null\r\n\r\n  const selectedItems = controller.getSelectedItems()\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">{selectedItems.length} selected</span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection }\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\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\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"],"mappings":"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","names":["data_template_action_bar_exports","__export","DataTemplateActionBar","DataTemplateActionBarAction","DataTemplateActionBarSelection","__toCommonJS","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_radix_ui","import_jsx_runtime","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","import_lucide_react","import_framer_motion","React","ReactDOM","import_jsx_runtime","DataTemplateActionBar","controller","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","selectedItems","visible","cn","TooltipProvider","DataTemplateActionBarAction","size","variant","tooltip","isPending","disabled","onClick","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTemplateActionBarSelection","onClearSelection","Separator"]}

package/dist/components/data/data-template/data-template-action-bar.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import * as React from 'react';
+import { DataTemplateActionBarProps, DataTemplateActionBarActionProps, DataTemplateController } from './data-template-types.cjs';
+import 'lucide-react';
+
+declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>): React.ReactPortal | null;
+declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps): react_jsx_runtime.JSX.Element;
+interface DataTemplateActionBarSelectionProps<T> {
+    controller: DataTemplateController<T>;
+}
+declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>): react_jsx_runtime.JSX.Element | null;
+
+export { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection };

package/dist/components/data/data-template/data-template-action-bar.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import * as React from 'react';
+import { DataTemplateActionBarProps, DataTemplateActionBarActionProps, DataTemplateController } from './data-template-types.js';
+import 'lucide-react';
+
+declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>): React.ReactPortal | null;
+declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps): react_jsx_runtime.JSX.Element;
+interface DataTemplateActionBarSelectionProps<T> {
+    controller: DataTemplateController<T>;
+}
+declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>): react_jsx_runtime.JSX.Element | null;
+
+export { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection };

package/dist/components/data/data-template/data-template-action-bar.js

@@ -0,0 +1,3 @@
+"use client"
+import{Slot as S}from"radix-ui";import{cva as N}from"class-variance-authority";import{clsx as R}from"clsx";import{twMerge as z}from"tailwind-merge";function i(...t){return z(R(t))}import{jsx as D}from"react/jsx-runtime";var A=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",{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 v({className:t,variant:o,size:r,asChild:a=!1,...l}){let p=a?S.Slot:"button";return D(p,{"data-slot":"button",className:i(A({variant:o,size:r,className:t}),"transition-none"),...l})}import{Separator as B}from"radix-ui";import{jsx as E}from"react/jsx-runtime";function P({className:t,orientation:o="horizontal",decorative:r=!0,...a}){return E(B.Root,{"data-slot":"separator-root",decorative:r,orientation:o,className:i("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...a})}import{Tooltip as s}from"radix-ui";import{jsx as d,jsxs as V}from"react/jsx-runtime";function b({delayDuration:t=0,...o}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function y({...t}){return d(b,{children:d(s.Root,{"data-slot":"tooltip",...t})})}function h({...t}){return d(s.Trigger,{"data-slot":"tooltip-trigger",...t})}function x({className:t,sideOffset:o=0,children:r,...a}){return d(s.Portal,{children:V(s.Content,{"data-slot":"tooltip-content",sideOffset:o,className:i("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",t),...a,children:[r,d(s.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{Loader as O,X as I}from"lucide-react";import{AnimatePresence as _,motion as L}from"framer-motion";import*as n from"react";import*as C from"react-dom";import{jsx as e,jsxs as c}from"react/jsx-runtime";function st({controller:t,visible:o,container:r,children:a,className:l,...p}){let[f,g]=n.useState(!1);n.useLayoutEffect(()=>{g(!0)},[]),n.useEffect(()=>{function T(k){k.key==="Escape"&&t&&t.clearSelection()}return window.addEventListener("keydown",T),()=>window.removeEventListener("keydown",T)},[t]);let m=r??(f?globalThis.document?.body:null);if(!m||!t)return null;let u=t.getSelectedItems(),w=o??u.length>0;return C.createPortal(e(_,{children:w&&e(L.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:i("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5",l),...p,children:e(b,{children:a})})}),m)}function dt({size:t="sm",variant:o="secondary",tooltip:r,isPending:a,disabled:l,className:p,children:f,onClick:g,...m}){let u=e(v,{variant:o,size:t,className:i("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",t==="icon"?"size-8":"h-8 px-3",p),disabled:l||a,onClick:g,...m,children:a?e(O,{className:"animate-spin"}):f});return r?c(y,{children:[e(h,{asChild:!0,children:u}),e(x,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:e("p",{children:r})})]}):u}function lt({controller:t}){let o=n.useCallback(()=>{t&&t.clearSelection()},[t]);if(!t)return null;let r=t.getSelectedItems();return c("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[c("span",{className:"whitespace-nowrap text-sm font-medium",children:[r.length," selected"]}),e(P,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),c(y,{children:[e(h,{asChild:!0,children:e(v,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:o,children:e(I,{className:"size-3.5"})})}),c(x,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden",children:[e("p",{children:"Clear selection"}),e("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:e("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{st as DataTemplateActionBar,dt as DataTemplateActionBarAction,lt as DataTemplateActionBarSelection};
+//# sourceMappingURL=data-template-action-bar.js.map

package/dist/components/data/data-template/data-template-action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-template/data-template-action-bar.tsx"],"sourcesContent":["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\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\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 { Button } from \"../../ui/button.jsx\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\nimport type {\r\n  DataTemplateController,\r\n  DataTemplateActionBarProps,\r\n  DataTemplateActionBarActionProps,\r\n} from \"./data-template-types.js\"\r\n\r\nfunction DataTemplateActionBar<T>({\r\n  controller,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && controller) {\r\n        controller.clearSelection()\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [controller])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !controller) return null\r\n\r\n  const selectedItems = controller.getSelectedItems()\r\n  const visible = visibleProp ?? selectedItems.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n          className={cn(\r\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\nfunction DataTemplateActionBarAction({\r\n  size = \"sm\",\r\n  variant = \"secondary\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  onClick,\r\n  ...props\r\n}: DataTemplateActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant={variant}\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\r\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      onClick={onClick}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTemplateActionBarSelectionProps<T> {\r\n  controller: DataTemplateController<T>\r\n}\r\n\r\nfunction DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (controller) {\r\n      controller.clearSelection()\r\n    }\r\n  }, [controller])\r\n\r\n  if (!controller) return null\r\n\r\n  const selectedItems = controller.getSelectedItems()\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">{selectedItems.length} selected</span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection }\r\n"],"mappings":"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","names":["SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","TooltipPrimitive","jsx","jsxs","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","Loader","X","AnimatePresence","motion","React","ReactDOM","jsx","jsxs","DataTemplateActionBar","controller","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","selectedItems","visible","cn","TooltipProvider","DataTemplateActionBarAction","size","variant","tooltip","isPending","disabled","onClick","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTemplateActionBarSelection","onClearSelection","Separator"]}

package/dist/components/data/data-template/data-template-pagination.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var x=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var U=Object.prototype.hasOwnProperty;var j=(e,a)=>{for(var s in a)x(e,s,{get:a[s],enumerable:!0})},M=(e,a,s,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of L(a))!U.call(e,n)&&n!==s&&x(e,n,{get:()=>a[n],enumerable:!(r=G(a,n))||r.enumerable});return e};var $=e=>M(x({},"__esModule",{value:!0}),e);var E={};j(E,{DataTemplatePagination:()=>A});module.exports=$(E);var m=require("lucide-react");var C=require("radix-ui"),P=require("class-variance-authority");var w=require("clsx"),N=require("tailwind-merge");function c(...e){return(0,N.twMerge)((0,w.clsx)(e))}var z=require("react/jsx-runtime"),O=(0,P.cva)("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 u({className:e,variant:a,size:s,asChild:r=!1,...n}){let g=r?C.Slot.Slot:"button";return(0,z.jsx)(g,{"data-slot":"button",className:c(O({variant:a,size:s,className:e}),"transition-none"),...n})}var i=require("radix-ui"),p=require("lucide-react");var o=require("react/jsx-runtime");function k({...e}){return(0,o.jsx)(i.Select.Root,{"data-slot":"select",...e})}function I({...e}){return(0,o.jsx)(i.Select.Value,{"data-slot":"select-value",...e})}function R({className:e,size:a="default",children:s,...r}){return(0,o.jsxs)(i.Select.Trigger,{"data-slot":"select-trigger","data-size":a,className:c("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),...r,children:[s,(0,o.jsx)(i.Select.Icon,{asChild:!0,children:(0,o.jsx)(p.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function B({className:e,children:a,position:s="popper",...r}){return(0,o.jsx)(i.Select.Portal,{children:(0,o.jsxs)(i.Select.Content,{"data-slot":"select-content",className:c("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",s==="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:s,...r,children:[(0,o.jsx)(W,{}),(0,o.jsx)(i.Select.Viewport,{className:c("p-1",s==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:a}),(0,o.jsx)(q,{})]})})}function V({className:e,children:a,...s}){return(0,o.jsxs)(i.Select.Item,{"data-slot":"select-item",className:c("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),...s,children:[(0,o.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,o.jsx)(i.Select.ItemIndicator,{children:(0,o.jsx)(p.CheckIcon,{className:"size-4"})})}),(0,o.jsx)(i.Select.ItemText,{children:a})]})}function W({className:e,...a}){return(0,o.jsx)(i.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:c("flex cursor-default items-center justify-center py-1",e),...a,children:(0,o.jsx)(p.ChevronUpIcon,{className:"size-4"})})}function q({className:e,...a}){return(0,o.jsx)(i.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:c("flex cursor-default items-center justify-center py-1",e),...a,children:(0,o.jsx)(p.ChevronDownIcon,{className:"size-4"})})}var t=require("react/jsx-runtime");function A({currentPage:e,totalPages:a,pageSize:s,totalItems:r,onPageChange:n,onPageSizeChange:g,config:f}){if(!f.enabled)return null;let b=f.pageSizeOptions||[10,20,50,100],T=(e-1)*s+1,D=Math.min(e*s,r),S=e>1,y=e<a,_=()=>{let v=[],l=[];for(let h=Math.max(2,e-2);h<=Math.min(a-1,e+2);h++)v.push(h);return e-2>2?l.push(1,"..."):l.push(1),l.push(...v),e+2<a-1?l.push("...",a):a>1&&l.push(a),l};return(0,t.jsx)("div",{className:"rounded-xl",children:(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[(0,t.jsx)("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:f.showInfo!==!1&&(0,t.jsxs)("span",{children:["Showing ",T," to ",D," of ",r," entries"]})}),(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row items-center gap-4",children:[b&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium whitespace-nowrap",children:"Page size:"}),(0,t.jsxs)(k,{value:`${s}`,onValueChange:d=>g(Number(d)),children:[(0,t.jsx)(R,{className:"h-9 w-[70px] rounded-lg",children:(0,t.jsx)(I,{})}),(0,t.jsx)(B,{side:"top",className:"rounded-lg",children:b.map(d=>(0,t.jsx)(V,{value:`${d}`,children:d},d))})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)(u,{variant:"outline",size:"sm",onClick:()=>n(1),disabled:!S,className:"hidden sm:flex rounded-lg",children:[(0,t.jsx)(m.ChevronsLeft,{className:"h-4 w-4"}),(0,t.jsx)("span",{className:"sr-only",children:"Go to first page"})]}),(0,t.jsxs)(u,{variant:"outline",size:"sm",onClick:()=>n(e-1),disabled:!S,className:"rounded-lg",children:[(0,t.jsx)(m.ChevronLeft,{className:"h-4 w-4 sm:mr-2"}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"Previous"}),(0,t.jsx)("span",{className:"sr-only sm:hidden",children:"Go to previous page"})]}),f.showPageNumbers&&a>1&&(0,t.jsx)("div",{className:"hidden sm:flex items-center gap-1",children:_().map((d,v)=>{if(d==="...")return(0,t.jsx)("span",{className:"px-2 py-1 text-sm text-muted-foreground",children:"..."},`dots-${v}`);let l=d;return(0,t.jsx)(u,{variant:l===e?"default":"outline",size:"sm",className:"w-9 h-9 p-0 rounded-lg",onClick:()=>n(l),children:l},l)})}),(0,t.jsxs)("div",{className:"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg",children:[e," of ",a]}),(0,t.jsxs)(u,{variant:"outline",size:"sm",onClick:()=>n(e+1),disabled:!y,className:"rounded-lg",children:[(0,t.jsx)("span",{className:"hidden sm:inline",children:"Next"}),(0,t.jsx)(m.ChevronRight,{className:"h-4 w-4 sm:ml-2"}),(0,t.jsx)("span",{className:"sr-only sm:hidden",children:"Go to next page"})]}),(0,t.jsxs)(u,{variant:"outline",size:"sm",onClick:()=>n(a),disabled:!y,className:"hidden sm:flex rounded-lg",children:[(0,t.jsx)(m.ChevronsRight,{className:"h-4 w-4"}),(0,t.jsx)("span",{className:"sr-only",children:"Go to last page"})]})]})]})]})})}0&&(module.exports={DataTemplatePagination});
+//# sourceMappingURL=data-template-pagination.cjs.map