@tirth_jasoliya/ui 1.0.8 → 1.0.10

package/dist/index.js.map

@@ -1 +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","../src/components/data/data-template/data-template.tsx","../src/components/data/data-template/data-template-toolbar.tsx","../src/components/data/data-template/data-template-pagination.tsx","../src/components/data/data-template/data-template-action-bar.tsx","../src/components/layouts/app-container.tsx","../src/components/layouts/app-header.tsx","../src/components/layouts/app-content.tsx","../src/components/ui/sheet.tsx","../src/components/layouts/app-footer.tsx","../src/components/layouts/factories.tsx","../src/context/app-meta/context.tsx","../src/context/app-meta/hooks.ts","../src/components/general.tsx","../src/components/core/error.tsx","../src/components/core/event-success.tsx","../src/components/core/loader.tsx","../src/components/core/notfound.tsx","../src/components/core/offline-content.tsx","../src/components/core/unauthorized.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","import { useState, useEffect, useMemo, useCallback, useRef } from \"react\"\r\nimport { Loader2 } from \"lucide-react\"\r\nimport { Card, CardContent } from \"../../ui/card.jsx\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type {\r\n  DataTemplateProps,\r\n  DataTemplateController,\r\n  DataTemplateSettings,\r\n} from \"./data-template-types.js\"\r\nimport { DataTemplateToolbar } from \"./data-template-toolbar.jsx\"\r\nimport { DataTemplatePagination } from \"./data-template-pagination.jsx\"\r\n\r\nexport function DataTemplate<T extends Record<string, any>>({\r\n  data,\r\n  template,\r\n  fields = [],\r\n  filters = [],\r\n  pagination = { enabled: false },\r\n  settings = {},\r\n  header,\r\n  footer,\r\n  className = \"\",\r\n  loading = false,\r\n  error,\r\n  emptyMessage = \"No items found\",\r\n  emptyIcon,\r\n  onSelectionChange,\r\n  onExport,\r\n  onRefresh,\r\n  onTemplateReady,\r\n  children,\r\n}: DataTemplateProps<T>) {\r\n  const {\r\n    enableSorting = true,\r\n    enableFiltering = true,\r\n    enableGlobalSearch = true,\r\n    enableSelection = false,\r\n    enableExport = false,\r\n    toolbar = true,\r\n    selectionMode = \"multiple\",\r\n    gridCols = { default: 3, sm: 1, md: 2, lg: 3, xl: 4, \"2xl\": 6 },\r\n    gap = 4,\r\n    aspectRatio = \"auto\",\r\n    minCardWidth = 350,\r\n    maxCardWidth = 350,\r\n  } = settings as Required<DataTemplateSettings>\r\n\r\n  const [globalFilter, setGlobalFilter] = useState(\"\")\r\n  const [fieldFilters, setFieldFilters] = useState<Partial<Record<keyof T, any>>>({})\r\n  const [sortField, setSortField] = useState<keyof T | \"\">(\"\")\r\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\r\n  const [selectedItems, setSelectedItems] = useState<Set<number>>(new Set())\r\n  const [currentPage, setCurrentPage] = useState(1)\r\n  const [pageSize, setPageSize] = useState(pagination.pageSize || 12)\r\n  const [currentGridCols, setCurrentGridCols] = useState(gridCols.default)\r\n\r\n  const filteredAndSortedData = useMemo(() => {\r\n    let result = [...data]\r\n\r\n    if (enableGlobalSearch && globalFilter) {\r\n      const searchableFields = fields.filter((field) => field.searchable !== false)\r\n      result = result.filter((item) =>\r\n        searchableFields.some((field) => {\r\n          const value = item[field.key]\r\n          return value?.toString().toLowerCase().includes(globalFilter.toLowerCase())\r\n        }),\r\n      )\r\n    }\r\n\r\n    if (enableFiltering) {\r\n      (Object.keys(fieldFilters) as Array<keyof T>).forEach((key) => {\r\n        const value = fieldFilters[key]\r\n        if (value !== undefined && value !== null && value !== \"\") {\r\n          const field = fields.find((f) => f.key === key)\r\n          if (field) {\r\n            result = result.filter((item) => {\r\n              const itemValue = item[key]\r\n              if (field.type === \"boolean\") {\r\n                return itemValue === (value === \"true\")\r\n              } else if (field.type === \"number\") {\r\n                return itemValue === Number(value)\r\n              } else {\r\n                return itemValue?.toString().toLowerCase().includes(String(value).toLowerCase())\r\n              }\r\n            })\r\n          }\r\n        }\r\n      })\r\n    }\r\n\r\n    if (enableSorting && sortField) {\r\n      const field = fields.find((f) => f.key === sortField)\r\n      if (field) {\r\n        result.sort((a, b) => {\r\n          const aValue = a[sortField]\r\n          const bValue = b[sortField]\r\n\r\n          if (field.type === \"number\") {\r\n            return sortDirection === \"asc\" ? Number(aValue) - Number(bValue) : Number(bValue) - Number(aValue)\r\n          } else if (field.type === \"date\") {\r\n            const aDate = new Date(aValue)\r\n            const bDate = new Date(bValue)\r\n            return sortDirection === \"asc\" ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime()\r\n          } else {\r\n            const aStr = String(aValue).toLowerCase()\r\n            const bStr = String(bValue).toLowerCase()\r\n            return sortDirection === \"asc\" ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr)\r\n          }\r\n        })\r\n      }\r\n    }\r\n    return result\r\n  }, [\r\n    data,\r\n    globalFilter,\r\n    fieldFilters,\r\n    sortField,\r\n    sortDirection,\r\n    fields,\r\n    enableGlobalSearch,\r\n    enableFiltering,\r\n    enableSorting,\r\n  ])\r\n\r\n  const paginatedData = useMemo(() => {\r\n    if (!pagination.enabled) return filteredAndSortedData\r\n\r\n    const startIndex = (currentPage - 1) * pageSize\r\n    const endIndex = startIndex + pageSize\r\n    return filteredAndSortedData.slice(startIndex, endIndex)\r\n  }, [filteredAndSortedData, currentPage, pageSize, pagination.enabled])\r\n\r\n  const totalPages = Math.ceil(filteredAndSortedData.length / pageSize)\r\n\r\n  const handleToggleSelect = useCallback(\r\n    (index: number) => {\r\n      if (!enableSelection) return\r\n\r\n      setSelectedItems((prev) => {\r\n        const newSelection = new Set(prev)\r\n        if (selectionMode === \"single\") {\r\n          newSelection.clear()\r\n          newSelection.add(index)\r\n        } else {\r\n          if (newSelection.has(index)) {\r\n            newSelection.delete(index)\r\n          } else {\r\n            newSelection.add(index)\r\n          }\r\n        }\r\n        return newSelection\r\n      })\r\n    },\r\n    [enableSelection, selectionMode],\r\n  )\r\n\r\n  const handleSelectAll = useCallback(() => {\r\n    if (!enableSelection || selectionMode === \"single\") return\r\n\r\n    if (selectedItems.size === filteredAndSortedData.length) {\r\n      setSelectedItems(new Set())\r\n    } else {\r\n      setSelectedItems(new Set(filteredAndSortedData.map((_, index) => index)))\r\n    }\r\n  }, [enableSelection, selectionMode, selectedItems.size, filteredAndSortedData.length])\r\n\r\n  const handleFieldFilterChange = useCallback((key: keyof T, value: any) => {\r\n    setFieldFilters((prev) => ({ ...prev, [key]: value }))\r\n    setCurrentPage(1)\r\n  }, [])\r\n\r\n  const handleSortChange = useCallback((field: keyof T, direction: \"asc\" | \"desc\") => {\r\n    setSortField(field)\r\n    setSortDirection(direction)\r\n  }, [])\r\n\r\n  const handleClearFilters = useCallback(() => {\r\n    setGlobalFilter(\"\")\r\n    setFieldFilters({})\r\n    setCurrentPage(1)\r\n  }, [])\r\n\r\n  const handleClearSorting = useCallback(() => {\r\n    setSortField(\"\")\r\n    setSortDirection(\"asc\")\r\n  }, [])\r\n\r\n  const controller: DataTemplateController<T> = useMemo(\r\n    () => ({\r\n      getSelectedItems: () => Array.from(selectedItems).map((index) => filteredAndSortedData[index]),\r\n      clearSelection: () => setSelectedItems(new Set()),\r\n      selectAll: handleSelectAll,\r\n      getFilteredData: () => filteredAndSortedData,\r\n      getTotalCount: () => data.length,\r\n      getVisibleCount: () => filteredAndSortedData.length,\r\n      refresh: () => onRefresh?.(),\r\n      exportData: () => onExport?.(filteredAndSortedData),\r\n    }),\r\n    [selectedItems, filteredAndSortedData, data.length, handleSelectAll, onRefresh, onExport],\r\n  )\r\n\r\n  const controllerRef = useRef<DataTemplateController<T> | null>(null)\r\n  controllerRef.current = controller\r\n\r\n  useEffect(() => {\r\n    if (onTemplateReady && controllerRef.current) {\r\n      onTemplateReady(controllerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (enableSelection && onSelectionChange) {\r\n      const selected = Array.from(selectedItems).map((index) => filteredAndSortedData[index])\r\n      onSelectionChange(selected)\r\n    }\r\n  }, [selectedItems])\r\n\r\n  // const gridClasses = cn(\r\n  //   \"grid gap-4\",\r\n  //   `grid-cols-${gridCols.sm || 1} sm:grid-cols-${gridCols.md || 2} md:grid-cols-${gridCols.lg || 3} lg:grid-cols-${gridCols.xl || 4} xl:grid-cols-${gridCols[\"2xl\"] || 6}`,\r\n  //   `gap-${gap}`,\r\n  // )\r\n\r\n  const gridContainerClasses = cn(\r\n    \"w-full\",\r\n    \"overflow-hidden\", // Prevent any potential overflow issues\r\n    className\r\n  );\r\n\r\n  const gridClasses = cn(\r\n    \"grid\",\r\n    `gap-${gap}`,\r\n    \"w-full\", // Ensure grid takes full width\r\n    \"mx-auto\", // Center the grid if it doesn't take full width\r\n    \"items-start\", // Align items to the top\r\n  );\r\n\r\n  const gridStyle = {\r\n    // Primary grid definition - choose one of these options:\r\n\r\n    gridTemplateColumns:\r\n      currentGridCols === 0\r\n        ? `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`\r\n        : `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${currentGridCols} - ${gap * 4}px), ${maxCardWidth}px), 1fr))`,\r\n\r\n    // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${Math.min(\r\n    //   currentGridCols,\r\n    //   gridCols[\"2xl\"] || 6\r\n    // )} - ${gap * 4}px), ${maxCardWidth}px))`,\r\n\r\n    // Option 1: Fully fluid grid (recommended)\r\n    // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`,\r\n\r\n    // Option 2: More controlled fluid grid\r\n    // gridTemplateColumns: `repeat(auto-fit, minmax(clamp(${minCardWidth}px, 25vw, ${maxCardWidth}px), 1fr))`,\r\n\r\n    // Option 3: Fixed maximum columns with fluid width\r\n    // gridTemplateColumns: `repeat(min(6, auto-fill), minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n\r\n    // Additional grid enhancements\r\n    justifyItems: \"center\", // Center items horizontally in their grid cells\r\n    alignItems: \"stretch\", // Stretch items vertically to fill the grid cell\r\n    gridAutoRows: \"1fr\", // Make all rows the same height\r\n    gridAutoFlow: \"dense\", // Try to fill holes in the grid\r\n  };\r\n\r\n  if (error) {\r\n    return (\r\n      <Card className=\"w-full\">\r\n        <CardContent className=\"flex items-center justify-center py-12\">\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}>\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    <div className={cn(\"w-full flex gap-2 flex-col h-full\", gridContainerClasses)}>\r\n      {/* Header */}\r\n      {header && (\r\n        <Card className=\"shadow-sm border-0 py-0 text-xl font-bold\">\r\n          <CardContent className=\"p-2\">{header}</CardContent>\r\n        </Card>\r\n      )}\r\n\r\n      {/* Toolbar */}\r\n      {toolbar && (\r\n        <DataTemplateToolbar<T>\r\n          fields={fields}\r\n          filters={filters}\r\n          globalFilter={globalFilter}\r\n          onGlobalFilterChange={setGlobalFilter}\r\n          fieldFilters={fieldFilters}\r\n          onFieldFilterChange={handleFieldFilterChange}\r\n          sortField={sortField}\r\n          sortDirection={sortDirection}\r\n          onSortChange={handleSortChange}\r\n          selectedCount={selectedItems.size}\r\n          totalCount={data.length}\r\n          visibleCount={filteredAndSortedData.length}\r\n          onExport={enableExport ? () => onExport?.(filteredAndSortedData) : undefined}\r\n          onRefresh={onRefresh}\r\n          loading={loading}\r\n          // gridCols={currentGridCols}\r\n          // onGridColsChange={setCurrentGridCols}\r\n          onClearFilters={handleClearFilters}\r\n          onClearSorting={handleClearSorting}\r\n        />\r\n      )}\r\n\r\n      {/* Main Content */}\r\n      <Card className=\"border-0 overflow-auto shadow-none py-0 p-2 flex-1\">\r\n        <CardContent className=\"px-0\">\r\n          <div className=\"relative\">\r\n            {loading && (\r\n              <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg\">\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            {paginatedData.length > 0 ? (\r\n              <div\r\n                className={cn(gridClasses)}\r\n                // style={{\r\n                //   gridTemplateColumns: `repeat(${currentGridCols}, minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n                //   justifyContent: \"center\",\r\n                // }}\r\n                style={gridStyle}\r\n              >\r\n                {paginatedData.map((item, index) => {\r\n                  const globalIndex = pagination.enabled ? (currentPage - 1) * pageSize + index : index\r\n                  const isSelected = selectedItems.has(globalIndex)\r\n\r\n                  return (\r\n                    <div\r\n                      key={globalIndex}\r\n                      className={cn(\r\n                        \"relative h-full w-full flex flex-col\",\r\n                        \"transition-all duration-200 overflow-hidden\",\r\n                        \"rounded-2xl\",\r\n                        \"border border-border/20 hover:border-border/50\",\r\n                        aspectRatio === \"square\" ? \"aspect-square\" : \"\",\r\n                        aspectRatio === \"video\" ? \"aspect-video\" : \"\",\r\n                        enableSelection ? \"cursor-pointer\" : \"\",\r\n                        isSelected ? \"ring-2 ring-primary\" : \"\"\r\n                      )}\r\n                      onClick={() => enableSelection && handleToggleSelect(globalIndex)}\r\n                    >\r\n                      {enableSelection && selectionMode === \"multiple\" && (\r\n                        <div className=\"absolute top-2 right-2 z-10\">\r\n                          <Checkbox\r\n                            checked={isSelected}\r\n                            onCheckedChange={() => handleToggleSelect(globalIndex)}\r\n                            className=\"bg-background/80 backdrop-blur-sm\"\r\n                            onClick={(e) => e.stopPropagation()}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                      {template(item, index, isSelected, () => handleToggleSelect(globalIndex))}\r\n                    </div>\r\n                  )\r\n                })}\r\n              </div>\r\n            ) : (\r\n              <div className=\"flex flex-col gap-4 items-center justify-center py-12 text-center\">\r\n                <div className=\"text-6xl\">{emptyIcon || \"📋\"}</div>\r\n                <p className=\"text-lg font-medium text-muted-foreground mb-2\">{emptyMessage}</p>\r\n                {(globalFilter || Object.values(fieldFilters).some((v) => v)) && (\r\n                  <Button variant=\"outline\" onClick={handleClearFilters}>\r\n                    Clear Filters\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n\r\n      {/* Pagination */}\r\n      {pagination.enabled && (\r\n        <div className=\"pb-1\">\r\n          <DataTemplatePagination\r\n            currentPage={currentPage}\r\n            totalPages={totalPages}\r\n            pageSize={pageSize}\r\n            totalItems={filteredAndSortedData.length}\r\n            onPageChange={setCurrentPage}\r\n            onPageSizeChange={(size) => {\r\n              setPageSize(size)\r\n              setCurrentPage(1)\r\n            }}\r\n            config={pagination}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {/* Footer */}\r\n      {footer && (\r\n        <div className=\"p-2 m-0.5\">\r\n          {footer}\r\n        </div>\r\n      )}\r\n\r\n      {/* Children with controller */}\r\n      {children && children(controller)}\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\n\r\n// import { useState, useEffect, useMemo, useCallback, useRef } from \"react\"\r\n// import { Loader2 } from \"lucide-react\"\r\n// import { Card, CardContent } from \"../../ui/card\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Checkbox } from \"../../ui/checkbox\"\r\n// import { cn } from \"@/lib/utils\"\r\n// import { TemplateRepeaterToolbar } from \"./template-repeater-toolbar\"\r\n// import { TemplateRepeaterPagination } from \"./template-repeater-pagination\"\r\n// import type {\r\n//   TemplateRepeaterProps,\r\n//   TemplateRepeaterController,\r\n//   TemplateRepeaterSettings,\r\n//   TemplateRepeaterField,\r\n//   TemplateRepeaterFilter,\r\n// } from \"./template-repeater-types\"\r\n\r\n// export function TemplateRepeater<T extends Record<string, any>>({\r\n//   data,\r\n//   template,\r\n//   fields = [],\r\n//   filters = [],\r\n//   pagination = { enabled: false },\r\n//   settings = {},\r\n//   header,\r\n//   footer,\r\n//   className = \"\",\r\n//   loading = false,\r\n//   error,\r\n//   emptyMessage = \"No items found\",\r\n//   emptyIcon,\r\n//   onSelectionChange,\r\n//   onExport,\r\n//   onRefresh,\r\n//   onTemplateReady,\r\n//   children,\r\n// }: TemplateRepeaterProps<T>) {\r\n//   const {\r\n//     enableSorting = true,\r\n//     enableFiltering = true,\r\n//     enableGlobalSearch = true,\r\n//     enableSelection = false,\r\n//     enableExport = false,\r\n//     toolbar = true,\r\n//     selectionMode = \"multiple\",\r\n//     gridCols = { default: 3, sm: 1, md: 2, lg: 3, xl: 4, \"2xl\": 6 },\r\n//     gap = 4,\r\n//     aspectRatio = \"auto\",\r\n//     minCardWidth = 300,\r\n//     maxCardWidth = 400,\r\n//   } = settings as Required<TemplateRepeaterSettings>\r\n\r\n//   const [globalFilter, setGlobalFilter] = useState(\"\")\r\n//   const [fieldFilters, setFieldFilters] = useState<Partial<Record<keyof T, any>>>({})\r\n//   const [sortField, setSortField] = useState<keyof T | \"\">(\"\")\r\n//   const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\r\n//   const [selectedItems, setSelectedItems] = useState<Set<number>>(new Set())\r\n//   const [currentPage, setCurrentPage] = useState(1)\r\n//   const [pageSize, setPageSize] = useState(pagination.pageSize || 12)\r\n//   const [currentGridCols, setCurrentGridCols] = useState(gridCols.default)\r\n\r\n//   const filteredAndSortedData = useMemo(() => {\r\n//     let result = [...data]\r\n\r\n//     if (enableGlobalSearch && globalFilter) {\r\n//       const searchableFields = fields.filter((field) => field.searchable !== false)\r\n//       result = result.filter((item) =>\r\n//         searchableFields.some((field) => {\r\n//           const value = item[field.key]\r\n//           return value?.toString().toLowerCase().includes(globalFilter.toLowerCase())\r\n//         }),\r\n//       )\r\n//     }\r\n\r\n//     if (enableFiltering) {\r\n//       (Object.keys(fieldFilters) as Array<keyof T>).forEach((key) => {\r\n//         const value = fieldFilters[key]\r\n//         if (value !== undefined && value !== null && value !== \"\") {\r\n//           const field = fields.find((f) => f.key === key)\r\n//           if (field) {\r\n//             result = result.filter((item) => {\r\n//               const itemValue = item[key]\r\n//               if (field.type === \"boolean\") {\r\n//                 return itemValue === (value === \"true\")\r\n//               } else if (field.type === \"number\") {\r\n//                 return itemValue === Number(value)\r\n//               } else {\r\n//                 return itemValue?.toString().toLowerCase().includes(String(value).toLowerCase())\r\n//               }\r\n//             })\r\n//           }\r\n//         }\r\n//       })\r\n//     }\r\n\r\n//     if (enableSorting && sortField) {\r\n//       const field = fields.find((f) => f.key === sortField)\r\n//       if (field) {\r\n//         result.sort((a, b) => {\r\n//           const aValue = a[sortField]\r\n//           const bValue = b[sortField]\r\n\r\n//           if (field.type === \"number\") {\r\n//             return sortDirection === \"asc\" ? Number(aValue) - Number(bValue) : Number(bValue) - Number(aValue)\r\n//           } else if (field.type === \"date\") {\r\n//             const aDate = new Date(aValue)\r\n//             const bDate = new Date(bValue)\r\n//             return sortDirection === \"asc\" ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime()\r\n//           } else {\r\n//             const aStr = String(aValue).toLowerCase()\r\n//             const bStr = String(bValue).toLowerCase()\r\n//             return sortDirection === \"asc\" ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr)\r\n//           }\r\n//         })\r\n//       }\r\n//     }\r\n\r\n//     return result\r\n//   }, [\r\n//     data,\r\n//     globalFilter,\r\n//     fieldFilters,\r\n//     sortField,\r\n//     sortDirection,\r\n//     fields,\r\n//     enableGlobalSearch,\r\n//     enableFiltering,\r\n//     enableSorting,\r\n//   ])\r\n\r\n//   const paginatedData = useMemo(() => {\r\n//     if (!pagination.enabled) return filteredAndSortedData\r\n\r\n//     const startIndex = (currentPage - 1) * pageSize\r\n//     const endIndex = startIndex + pageSize\r\n//     return filteredAndSortedData.slice(startIndex, endIndex)\r\n//   }, [filteredAndSortedData, currentPage, pageSize, pagination.enabled])\r\n\r\n//   const totalPages = Math.ceil(filteredAndSortedData.length / pageSize)\r\n\r\n//   const handleToggleSelect = useCallback(\r\n//     (index: number) => {\r\n//       if (!enableSelection) return\r\n\r\n//       setSelectedItems((prev) => {\r\n//         const newSelection = new Set(prev)\r\n//         if (selectionMode === \"single\") {\r\n//           newSelection.clear()\r\n//           newSelection.add(index)\r\n//         } else {\r\n//           if (newSelection.has(index)) {\r\n//             newSelection.delete(index)\r\n//           } else {\r\n//             newSelection.add(index)\r\n//           }\r\n//         }\r\n//         return newSelection\r\n//       })\r\n//     },\r\n//     [enableSelection, selectionMode],\r\n//   )\r\n\r\n//   const handleSelectAll = useCallback(() => {\r\n//     if (!enableSelection || selectionMode === \"single\") return\r\n\r\n//     if (selectedItems.size === filteredAndSortedData.length) {\r\n//       setSelectedItems(new Set())\r\n//     } else {\r\n//       setSelectedItems(new Set(filteredAndSortedData.map((_, index) => index)))\r\n//     }\r\n//   }, [enableSelection, selectionMode, selectedItems.size, filteredAndSortedData.length])\r\n\r\n//   const handleFieldFilterChange = useCallback((key: keyof T, value: any) => {\r\n//     setFieldFilters((prev) => ({ ...prev, [key]: value }))\r\n//     setCurrentPage(1)\r\n//   }, [])\r\n\r\n//   const handleSortChange = useCallback((field: keyof T, direction: \"asc\" | \"desc\") => {\r\n//     setSortField(field)\r\n//     setSortDirection(direction)\r\n//   }, [])\r\n\r\n//   const handleClearFilters = useCallback(() => {\r\n//     setGlobalFilter(\"\")\r\n//     setFieldFilters({})\r\n//     setCurrentPage(1)\r\n//   }, [])\r\n\r\n//   const handleClearSorting = useCallback(() => {\r\n//     setSortField(\"\")\r\n//     setSortDirection(\"asc\")\r\n//   }, [])\r\n\r\n//   const controller: TemplateRepeaterController<T> = useMemo(\r\n//     () => ({\r\n//       getSelectedItems: () => Array.from(selectedItems).map((index) => filteredAndSortedData[index]),\r\n//       clearSelection: () => setSelectedItems(new Set()),\r\n//       selectAll: handleSelectAll,\r\n//       getFilteredData: () => filteredAndSortedData,\r\n//       getTotalCount: () => data.length,\r\n//       getVisibleCount: () => filteredAndSortedData.length,\r\n//       refresh: () => onRefresh?.(),\r\n//       exportData: () => onExport?.(filteredAndSortedData),\r\n//     }),\r\n//     [selectedItems, filteredAndSortedData, data.length, handleSelectAll, onRefresh, onExport],\r\n//   )\r\n\r\n//   const controllerRef = useRef<TemplateRepeaterController<T> | null>(null)\r\n//   controllerRef.current = controller\r\n\r\n//   useEffect(() => {\r\n//     if (onTemplateReady && controllerRef.current) {\r\n//       onTemplateReady(controllerRef.current)\r\n//     }\r\n//   }, [])\r\n\r\n//   useEffect(() => {\r\n//     if (enableSelection && onSelectionChange) {\r\n//       const selected = Array.from(selectedItems).map((index) => filteredAndSortedData[index])\r\n//       onSelectionChange(selected)\r\n//     }\r\n//   }, [selectedItems])\r\n\r\n//   // const gridClasses = cn(\r\n//   //   \"grid gap-4\",\r\n//   //   `grid-cols-${gridCols.sm || 1} sm:grid-cols-${gridCols.md || 2} md:grid-cols-${gridCols.lg || 3} lg:grid-cols-${gridCols.xl || 4} xl:grid-cols-${gridCols[\"2xl\"] || 6}`,\r\n//   //   `gap-${gap}`,\r\n//   // )\r\n\r\n//   const gridContainerClasses = cn(\r\n//     \"w-full\",\r\n//     \"overflow-hidden\", // Prevent any potential overflow issues\r\n//     className\r\n//   );\r\n\r\n//   const gridClasses = cn(\r\n//     \"grid\",\r\n//     `gap-${gap}`,\r\n//     \"w-full\", // Ensure grid takes full width\r\n//     \"mx-auto\", // Center the grid if it doesn't take full width\r\n//     \"items-start\", // Align items to the top\r\n//   );\r\n\r\n//   const gridStyle = {\r\n//     // Primary grid definition - choose one of these options:\r\n\r\n//     gridTemplateColumns:\r\n//       currentGridCols === 0\r\n//         ? `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`\r\n//         : `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${currentGridCols} - ${gap * 4}px), ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${Math.min(\r\n//     //   currentGridCols,\r\n//     //   gridCols[\"2xl\"] || 6\r\n//     // )} - ${gap * 4}px), ${maxCardWidth}px))`,\r\n\r\n//     // Option 1: Fully fluid grid (recommended)\r\n//     // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // Option 2: More controlled fluid grid\r\n//     // gridTemplateColumns: `repeat(auto-fit, minmax(clamp(${minCardWidth}px, 25vw, ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // Option 3: Fixed maximum columns with fluid width\r\n//     // gridTemplateColumns: `repeat(min(6, auto-fill), minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n\r\n//     // Additional grid enhancements\r\n//     justifyItems: \"center\", // Center items horizontally in their grid cells\r\n//     alignItems: \"stretch\", // Stretch items vertically to fill the grid cell\r\n//     gridAutoRows: \"1fr\", // Make all rows the same height\r\n//     gridAutoFlow: \"dense\", // Try to fill holes in the grid\r\n//   };\r\n\r\n//   if (error) {\r\n//     return (\r\n//       <Card className=\"w-full\">\r\n//         <CardContent className=\"flex items-center justify-center py-12\">\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}>\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//     <div className={cn(\"w-full flex gap-2 flex-col h-full\", gridContainerClasses)}>\r\n//       {/* Header */}\r\n//       {header && (\r\n//         <Card className=\"shadow-sm border-0 bg-gradient-to-r from-background to-muted/20\">\r\n//           <CardContent className=\"p-6\">{header}</CardContent>\r\n//         </Card>\r\n//       )}\r\n\r\n//       {/* Toolbar */}\r\n//       {toolbar && (\r\n//         <TemplateRepeaterToolbar<T>\r\n//           fields={fields}\r\n//           filters={filters}\r\n//           globalFilter={globalFilter}\r\n//           onGlobalFilterChange={setGlobalFilter}\r\n//           fieldFilters={fieldFilters}\r\n//           onFieldFilterChange={handleFieldFilterChange}\r\n//           sortField={sortField}\r\n//           sortDirection={sortDirection}\r\n//           onSortChange={handleSortChange}\r\n//           selectedCount={selectedItems.size}\r\n//           totalCount={data.length}\r\n//           visibleCount={filteredAndSortedData.length}\r\n//           onExport={enableExport ? () => onExport?.(filteredAndSortedData) : undefined}\r\n//           onRefresh={onRefresh}\r\n//           loading={loading}\r\n//           gridCols={currentGridCols}\r\n//           onGridColsChange={setCurrentGridCols}\r\n//           onClearFilters={handleClearFilters}\r\n//           onClearSorting={handleClearSorting}\r\n//         />\r\n//       )}\r\n\r\n//       {/* Main Content */}\r\n//       <Card className=\"border-0 overflow-auto shadow-none py-0 p-2 flex-1\">\r\n//         <CardContent className=\"px-0 h-full\">\r\n//           <div className=\"relative flex-1 h-full\">\r\n//             {loading && (\r\n//               <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg\">\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//             {paginatedData.length > 0 ? (\r\n//               <div\r\n//                 className={cn(gridClasses)}\r\n//                 // style={{\r\n//                 //   gridTemplateColumns: `repeat(${currentGridCols}, minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n//                 //   justifyContent: \"center\",\r\n//                 // }}\r\n//                 style={gridStyle}\r\n//               >\r\n//                 {paginatedData.map((item, index) => {\r\n//                   const globalIndex = pagination.enabled ? (currentPage - 1) * pageSize + index : index\r\n//                   const isSelected = selectedItems.has(globalIndex)\r\n\r\n//                   return (\r\n//                     <div\r\n//                       key={globalIndex}\r\n//                       className={cn(\r\n//                         \"relative h-full w-full flex flex-col\",\r\n//                         \"transition-all duration-200 overflow-hidden\",\r\n//                         \"rounded-2xl\",\r\n//                         \"border border-border/20 hover:border-border/50\",\r\n//                         aspectRatio === \"square\" ? \"aspect-square\" : \"\",\r\n//                         aspectRatio === \"video\" ? \"aspect-video\" : \"\",\r\n//                         enableSelection ? \"cursor-pointer\" : \"\",\r\n//                         isSelected ? \"ring-2 ring-primary\" : \"\"\r\n//                       )}\r\n//                       onClick={() => enableSelection && handleToggleSelect(globalIndex)}\r\n//                     >\r\n//                       {enableSelection && (\r\n//                         <div className=\"absolute top-2 right-2 z-10\">\r\n//                           <Checkbox\r\n//                             checked={isSelected}\r\n//                             onCheckedChange={() => handleToggleSelect(globalIndex)}\r\n//                             className=\"bg-background/80 backdrop-blur-sm\"\r\n//                             onClick={(e) => e.stopPropagation()}\r\n//                           />\r\n//                         </div>\r\n//                       )}\r\n//                       {template(item, index, isSelected, () => handleToggleSelect(globalIndex))}\r\n//                     </div>\r\n//                   )\r\n//                 })}\r\n//               </div>\r\n//             ) : (\r\n//               <div className=\"flex flex-col items-center justify-center py-12 text-center h-full\">\r\n//                 <div className=\"text-6xl mb-4\">{emptyIcon || \"📋\"}</div>\r\n//                 <p className=\"text-lg font-medium text-muted-foreground mb-2\">{emptyMessage}</p>\r\n//                 {(globalFilter || Object.values(fieldFilters).some((v) => v)) && (\r\n//                   <Button variant=\"outline\" onClick={handleClearFilters}>\r\n//                     Clear Filters\r\n//                   </Button>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n//         </CardContent>\r\n//       </Card>\r\n\r\n//       {/* Pagination */}\r\n//       {pagination.enabled && (\r\n//         <TemplateRepeaterPagination\r\n//           currentPage={currentPage}\r\n//           totalPages={totalPages}\r\n//           pageSize={pageSize}\r\n//           totalItems={filteredAndSortedData.length}\r\n//           onPageChange={setCurrentPage}\r\n//           onPageSizeChange={(size) => {\r\n//             setPageSize(size)\r\n//             setCurrentPage(1)\r\n//           }}\r\n//           config={pagination}\r\n//         />\r\n//       )}\r\n\r\n//       {/* Footer */}\r\n//       {footer && (\r\n//         <Card className=\"shadow-sm\">\r\n//           <CardContent className=\"p-6\">{footer}</CardContent>\r\n//         </Card>\r\n//       )}\r\n\r\n//       {/* Children with controller */}\r\n//       {children && children(controller)}\r\n//     </div>\r\n//   )\r\n// }","import { Search, Download, RefreshCw, Filter, X, ChevronDown, Settings2 } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { DataTemplateField, DataTemplateFilter } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplateToolbarProps<T extends Record<string, any>> {\r\n  fields: DataTemplateField<T>[]\r\n  filters: DataTemplateFilter<T>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  fieldFilters: Partial<Record<keyof T, any>>\r\n  onFieldFilterChange: (key: keyof T, value: any) => void\r\n  sortField: keyof T | \"\"\r\n  sortDirection: \"asc\" | \"desc\"\r\n  onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n  selectedCount: number\r\n  totalCount: number\r\n  visibleCount: number\r\n  onExport?: () => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  onClearFilters: () => void\r\n  onClearSorting: () => void\r\n}\r\n\r\nexport function DataTemplateToolbar<T extends Record<string, any>>({\r\n  fields,\r\n  filters,\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  fieldFilters,\r\n  onFieldFilterChange,\r\n  sortField,\r\n  sortDirection,\r\n  onSortChange,\r\n  selectedCount,\r\n  totalCount,\r\n  visibleCount,\r\n  onExport,\r\n  onRefresh,\r\n  loading,\r\n  onClearFilters,\r\n  onClearSorting,\r\n}: DataTemplateToolbarProps<T>) {\r\n  const sortableFields = fields.filter((field) => field.sortable)\r\n  const hasActiveFilters =\r\n    Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n    globalFilter !== \"\"\r\n  const hasActiveSorting = sortField !== \"\"\r\n\r\n  return (\r\n    <div className=\"rounded-xl p-0.5\">\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                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={String(filter.key)} className=\"relative min-w-[150px]\">\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={fieldFilters[filter.key] || \"all\"}\r\n                          onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n                        >\r\n                          {filter.icon && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder || \"Select...\"} />\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.value} 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 && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <Input\r\n                            type={filter.type}\r\n                            placeholder={filter.placeholder}\r\n                            value={fieldFilters[filter.key] || \"\"}\r\n                            onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\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              {/* Global Search */}\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={(e) => onGlobalFilterChange(e.target.value)}\r\n                  className=\"pl-9 h-9 rounded-lg max-w-max\"\r\n                />\r\n              </div>\r\n\r\n              {/* Sort Dropdown */}\r\n              {sortableFields.length > 0 && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Sort</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                    <DropdownMenuLabel>Sort By</DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n                    {sortableFields.map((field) => (\r\n                      <div key={String(field.key)}>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n                          {field.label} (A-Z)\r\n                        </DropdownMenuItem>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n                          {field.label} (Z-A)\r\n                        </DropdownMenuItem>\r\n                      </div>\r\n                    ))}\r\n                    {hasActiveSorting && (\r\n                      <>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuItem onClick={onClearSorting}>\r\n                          Clear All Sorting\r\n                        </DropdownMenuItem>\r\n                      </>\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                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={onClearFilters}>\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onExport} 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              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={onRefresh}\r\n                  disabled={loading}\r\n                  className=\"rounded-lg\"\r\n                >\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}\r\n\r\n\r\n// import { Search, Download, RefreshCw, Filter, X, SortAsc, SortDesc, Grid3X3, Grid2X2, LayoutGrid, XIcon } from \"lucide-react\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Input } from \"../../ui/input\"\r\n// import {\r\n//   DropdownMenu,\r\n//   DropdownMenuContent,\r\n//   DropdownMenuItem,\r\n//   DropdownMenuLabel,\r\n//   DropdownMenuSeparator,\r\n//   DropdownMenuTrigger,\r\n//   DropdownMenuRadioGroup,\r\n//   DropdownMenuRadioItem,\r\n// } from \"../../ui/dropdown-menu\"\r\n// import { Badge } from \"../../ui/badge\"\r\n// import { Separator } from \"../../ui/separator\"\r\n// import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select\"\r\n// import type { TemplateRepeaterField, TemplateRepeaterFilter } from \"./template-repeater-types\"\r\n\r\n// // Constrain T to be an object with string keys\r\n// interface TemplateRepeaterToolbarProps<T extends Record<string, any>> {\r\n//   fields: TemplateRepeaterField<T>[]\r\n//   filters: TemplateRepeaterFilter<T>[]\r\n//   globalFilter: string\r\n//   onGlobalFilterChange: (value: string) => void\r\n//   fieldFilters: Partial<Record<keyof T, any>>\r\n//   onFieldFilterChange: (key: keyof T, value: any) => void\r\n//   sortField: keyof T | \"\"\r\n//   sortDirection: \"asc\" | \"desc\"\r\n//   onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n//   selectedCount: number\r\n//   totalCount: number\r\n//   visibleCount: number\r\n//   onExport?: () => void\r\n//   onRefresh?: () => void\r\n//   loading?: boolean\r\n//   gridCols: number\r\n//   onGridColsChange: (cols: number) => void\r\n//   onClearFilters: () => void\r\n//   onClearSorting: () => void\r\n// }\r\n\r\n// export function TemplateRepeaterToolbar<T extends Record<string, any>>({\r\n//   fields,\r\n//   filters,\r\n//   globalFilter,\r\n//   onGlobalFilterChange,\r\n//   fieldFilters,\r\n//   onFieldFilterChange,\r\n//   sortField,\r\n//   sortDirection,\r\n//   onSortChange,\r\n//   selectedCount,\r\n//   totalCount,\r\n//   visibleCount,\r\n//   onExport,\r\n//   onRefresh,\r\n//   loading,\r\n//   gridCols,\r\n//   onGridColsChange,\r\n//   onClearFilters,\r\n//   onClearSorting,\r\n// }: TemplateRepeaterToolbarProps<T>) {\r\n//   const sortableFields = fields.filter((field) => field.sortable)\r\n//   const hasActiveFilters =\r\n//     Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n//     globalFilter !== \"\"\r\n//   const hasActiveSorting = sortField !== \"\"\r\n\r\n//   // const gridOptions = [\r\n//   //   { value: 1, icon: LayoutGrid, label: \"1 Column\" },\r\n//   //   { value: 2, icon: Grid2X2, label: \"2 Columns\" },\r\n//   //   { value: 3, icon: Grid3X3, label: \"3 Columns\" },\r\n//   //   { value: 4, icon: Grid3X3, label: \"4 Columns\" },\r\n//   //   { value: 0, icon: Grid3X3, label: \"Auto Fit\" },\r\n//   // ];\r\n\r\n//   // Helper function to safely convert keyof T to string for React keys\r\n//   const getKeyString = (key: keyof T): string => String(key)\r\n\r\n//   return (\r\n//     <div className=\"flex flex-col gap-4 p-2 bg-muted/20 rounded-lg flex-none\">\r\n//       {/* Top Row - Search and Actions */}\r\n//       <div className=\"flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between\">\r\n//         <div className=\"flex flex-1 items-center gap-2 max-w-max\">\r\n//         </div>\r\n\r\n//         <div className=\"flex items-center gap-2\">\r\n//           <div className=\"relative flex-1\">\r\n//             <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 size-4 text-muted-foreground\" />\r\n//             <Input\r\n//               placeholder=\"Global Search...\"\r\n//               value={globalFilter}\r\n//               onChange={(e) => onGlobalFilterChange(e.target.value)}\r\n//               className=\"pl-9 h-8\"\r\n//               id=\"search\"\r\n//             />\r\n//           </div>\r\n//           {globalFilter && (\r\n//             <Button variant=\"ghost\" size=\"sm\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//               <XIcon className=\"h-4 w-4\" />\r\n//             </Button>\r\n//           )}\r\n//           {/* Grid Layout Selector */}\r\n//           {/* <DropdownMenu>\r\n//             <DropdownMenuTrigger asChild>\r\n//               <Button variant=\"outline\" size=\"sm\">\r\n//                 <LayoutGrid className=\"h-4 w-4\" />\r\n//                 Grid\r\n//               </Button>\r\n//             </DropdownMenuTrigger>\r\n//             <DropdownMenuContent align=\"end\">\r\n//               <DropdownMenuLabel>Grid Layout</DropdownMenuLabel>\r\n//               <DropdownMenuSeparator />\r\n//               <DropdownMenuRadioGroup\r\n//                 value={gridCols.toString()}\r\n//                 onValueChange={(value) => onGridColsChange(Number.parseInt(value))}\r\n//               >\r\n//                 {gridOptions.map((option) => (\r\n//                   <DropdownMenuRadioItem key={option.value} value={option.value.toString()}>\r\n//                     <option.icon className=\"h-4 w-4\" />\r\n//                     {option.label}\r\n//                   </DropdownMenuRadioItem>\r\n//                 ))}\r\n//               </DropdownMenuRadioGroup>\r\n//             </DropdownMenuContent>\r\n//           </DropdownMenu> */}\r\n\r\n//           {/* Sort Dropdown */}\r\n//           {sortableFields.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   {sortDirection === \"asc\" ? (\r\n//                     <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                   ) : (\r\n//                     <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                   )}\r\n//                   Sort\r\n//                   {hasActiveSorting && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       1\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n//                 <DropdownMenuLabel>Sort by</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 {sortableFields.map((field) => (\r\n//                   <div key={getKeyString(field.key)}>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n//                       <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (A-Z)\r\n//                     </DropdownMenuItem>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n//                       <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (Z-A)\r\n//                     </DropdownMenuItem>\r\n//                   </div>\r\n//                 ))}\r\n//                 {hasActiveSorting && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearSorting}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear Sort\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           {/* Filters Dropdown */}\r\n//           {filters.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   <Filter className=\"h-4 w-4 mr-2\" />\r\n//                   Filters\r\n//                   {hasActiveFilters && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       {Object.values(fieldFilters).filter((v) => v !== undefined && v !== null && v !== \"\").length +\r\n//                         (globalFilter ? 1 : 0)}\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-64\">\r\n//                 <DropdownMenuLabel>Filters</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 <div className=\"p-2 space-y-3\">\r\n//                   {filters.map((filter) => (\r\n//                     <div key={getKeyString(filter.key)} className=\"space-y-1\">\r\n//                       <label className=\"text-sm font-medium\">{filter.label}</label>\r\n//                       {filter.type === \"select\" ? (\r\n//                         <Select\r\n//                           value={fieldFilters[filter.key] || \"all\"}\r\n//                           onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n//                         >\r\n//                           <SelectTrigger className=\"h-8\">\r\n//                             <SelectValue placeholder={filter.placeholder || \"Select...\"} />\r\n//                           </SelectTrigger>\r\n//                           <SelectContent>\r\n//                             <SelectItem value=\"all\">All</SelectItem>\r\n//                             {filter.options?.map((option) => (\r\n//                               <SelectItem key={option.value} value={option.value}>\r\n//                                 {option.label}\r\n//                               </SelectItem>\r\n//                             ))}\r\n//                           </SelectContent>\r\n//                         </Select>\r\n//                       ) : (\r\n//                         <Input\r\n//                           type={filter.type}\r\n//                           placeholder={filter.placeholder}\r\n//                           value={fieldFilters[filter.key] || \"\"}\r\n//                           onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n//                           className=\"h-8\"\r\n//                         />\r\n//                       )}\r\n//                     </div>\r\n//                   ))}\r\n//                 </div>\r\n//                 {hasActiveFilters && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearFilters}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear All Filters\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           <Separator orientation=\"vertical\" className=\"h-6\" />\r\n\r\n//           {onRefresh && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading}>\r\n//               <RefreshCw className={`h-4 w-4 mr-2 ${loading ? \"animate-spin\" : \"\"}`} />\r\n//               Refresh\r\n//             </Button>\r\n//           )}\r\n\r\n//           {onExport && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onExport} disabled={loading}>\r\n//               <Download className=\"h-4 w-4 mr-2\" />\r\n//               Export\r\n//             </Button>\r\n//           )}\r\n//         </div>\r\n//       </div>\r\n\r\n//       {/* Bottom Row - Stats and Active Filters */}\r\n//       {/* <div className=\"flex flex-col sm:flex-row gap-2 items-start sm:items-center justify-between text-sm text-muted-foreground\">\r\n//         <div className=\"flex items-center gap-4\">\r\n//           <span>\r\n//             Showing {visibleCount.toLocaleString()} of {totalCount.toLocaleString()} items\r\n//           </span>\r\n//           {selectedCount > 0 && (\r\n//             <span className=\"text-primary font-medium\">{selectedCount.toLocaleString()} selected</span>\r\n//           )}\r\n//         </div>\r\n//         {hasActiveFilters && (\r\n//           <div className=\"flex items-center gap-2 flex-wrap\">\r\n//             <span className=\"text-xs\">Active filters:</span>\r\n//             {globalFilter && (\r\n//               <Badge variant=\"secondary\" className=\"text-xs\">\r\n//                 Search: {globalFilter}\r\n//                 <Button variant=\"ghost\" size=\"sm\" className=\"h-auto p-0 ml-1\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//                   <XIcon className=\"h-3 w-3\" />\r\n//                 </Button>\r\n//               </Badge>\r\n//             )}\r\n//             {(Object.keys(fieldFilters) as Array<keyof T>).map((key) => {\r\n//               const value = fieldFilters[key]\r\n//               if (!value) return null\r\n//               const filter = filters.find((f) => f.key === key)\r\n//               if (!filter) return null\r\n//               return (\r\n//                 <Badge key={getKeyString(key)} variant=\"secondary\" className=\"text-xs\">\r\n//                   {filter.label}: {String(value)}\r\n//                   <Button\r\n//                     variant=\"ghost\"\r\n//                     size=\"sm\"\r\n//                     className=\"h-auto p-0 ml-1\"\r\n//                     onClick={() => onFieldFilterChange(key, \"\")}\r\n//                   >\r\n//                     <XIcon className=\"h-3 w-3\" />\r\n//                   </Button>\r\n//                 </Badge>\r\n//               )\r\n//             })}\r\n//           </div>\r\n//         )}\r\n//       </div> */}\r\n//     </div>\r\n//   )\r\n// }","import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport type { DataTemplatePaginationConfig } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplatePaginationProps {\r\n  currentPage: number\r\n  totalPages: number\r\n  pageSize: number\r\n  totalItems: number\r\n  onPageChange: (page: number) => void\r\n  onPageSizeChange: (pageSize: number) => void\r\n  config: DataTemplatePaginationConfig\r\n}\r\n\r\nexport function DataTemplatePagination({\r\n  currentPage,\r\n  totalPages,\r\n  pageSize,\r\n  totalItems,\r\n  onPageChange,\r\n  onPageSizeChange,\r\n  config,\r\n}: DataTemplatePaginationProps) {\r\n  // if (!config.enabled || totalPages <= 1) {\r\n  if (!config.enabled) {\r\n    return null\r\n  }\r\n\r\n  const pageSizeOptions = config.pageSizeOptions || [10, 20, 50, 100]\r\n  const startItem = (currentPage - 1) * pageSize + 1\r\n  const endItem = Math.min(currentPage * pageSize, totalItems)\r\n\r\n  const canPreviousPage = currentPage > 1\r\n  const canNextPage = currentPage < totalPages\r\n\r\n  // Generate page numbers to show\r\n  const getPageNumbers = () => {\r\n    const delta = 2\r\n    const range = []\r\n    const rangeWithDots = []\r\n\r\n    for (let i = Math.max(2, currentPage - delta); i <= Math.min(totalPages - 1, currentPage + delta); i++) {\r\n      range.push(i)\r\n    }\r\n\r\n    if (currentPage - delta > 2) {\r\n      rangeWithDots.push(1, \"...\")\r\n    } else {\r\n      rangeWithDots.push(1)\r\n    }\r\n\r\n    rangeWithDots.push(...range)\r\n\r\n    if (currentPage + delta < totalPages - 1) {\r\n      rangeWithDots.push(\"...\", totalPages)\r\n    } else if (totalPages > 1) {\r\n      rangeWithDots.push(totalPages)\r\n    }\r\n\r\n    return rangeWithDots\r\n  }\r\n\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n        {/* Info Section */}\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 {startItem} to {endItem} of {totalItems} entries\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {/* Controls Section */}\r\n        <div className=\"flex flex-col sm:flex-row items-center gap-4\">\r\n          {/* Page Size Selector */}\r\n          {pageSizeOptions && (\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"text-sm font-medium whitespace-nowrap\">Page size:</span>\r\n              <Select value={`${pageSize}`} onValueChange={(value) => onPageSizeChange(Number(value))}>\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                  {pageSizeOptions.map((size) => (\r\n                    <SelectItem key={size} value={`${size}`}>\r\n                      {size}\r\n                    </SelectItem>\r\n                  ))}\r\n                </SelectContent>\r\n              </Select>\r\n            </div>\r\n          )}\r\n\r\n          {/* Navigation Controls */}\r\n          <div className=\"flex items-center gap-2\">\r\n            {/* First Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(1)}\r\n              disabled={!canPreviousPage}\r\n              className=\"hidden sm:flex rounded-lg\"\r\n            >\r\n              <ChevronsLeft className=\"h-4 w-4\" />\r\n              <span className=\"sr-only\">Go to first page</span>\r\n            </Button>\r\n\r\n            {/* Previous Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(currentPage - 1)}\r\n              disabled={!canPreviousPage}\r\n              className=\"rounded-lg\"\r\n            >\r\n              <ChevronLeft className=\"h-4 w-4 sm:mr-2\" />\r\n              <span className=\"hidden sm:inline\">Previous</span>\r\n              <span className=\"sr-only sm:hidden\">Go to previous page</span>\r\n            </Button>\r\n\r\n            {/* Page Numbers */}\r\n            {config.showPageNumbers && totalPages > 1 && (\r\n              <div className=\"hidden sm:flex items-center gap-1\">\r\n                {getPageNumbers().map((pageNumber, index) => {\r\n                  if (pageNumber === \"...\") {\r\n                    return (\r\n                      <span key={`dots-${index}`} className=\"px-2 py-1 text-sm text-muted-foreground\">\r\n                        ...\r\n                      </span>\r\n                    )\r\n                  }\r\n\r\n                  const page = pageNumber as number\r\n                  return (\r\n                    <Button\r\n                      key={page}\r\n                      variant={page === currentPage ? \"default\" : \"outline\"}\r\n                      size=\"sm\"\r\n                      className=\"w-9 h-9 p-0 rounded-lg\"\r\n                      onClick={() => onPageChange(page)}\r\n                    >\r\n                      {page}\r\n                    </Button>\r\n                  )\r\n                })}\r\n              </div>\r\n            )}\r\n\r\n            {/* Current Page Indicator (Mobile) */}\r\n            <div className=\"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg\">\r\n              {currentPage} of {totalPages}\r\n            </div>\r\n\r\n            {/* Next Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(currentPage + 1)}\r\n              disabled={!canNextPage}\r\n              className=\"rounded-lg\"\r\n            >\r\n              <span className=\"hidden sm:inline\">Next</span>\r\n              <ChevronRight className=\"h-4 w-4 sm:ml-2\" />\r\n              <span className=\"sr-only sm:hidden\">Go to next page</span>\r\n            </Button>\r\n\r\n            {/* Last Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(totalPages)}\r\n              disabled={!canNextPage}\r\n              className=\"hidden sm:flex rounded-lg\"\r\n            >\r\n              <ChevronsRight className=\"h-4 w-4\" />\r\n              <span className=\"sr-only\">Go to last page</span>\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\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","import { cn } from '../../lib/utils.js';\r\nimport type { ReactNode } from 'react';\r\n\r\ntype SpacingSize = 'none' | 'tight' | 'default' | 'loose' | 'extra-loose';\r\n\r\nconst spacingClasses: Record<SpacingSize, string> = {\r\n  'none': 'gap-0',\r\n  'tight': 'gap-2',\r\n  'default': 'gap-4',\r\n  'loose': 'gap-6',\r\n  'extra-loose': 'gap-8'\r\n};\r\n\r\nexport type AppContainerProps = {\r\n  children: ReactNode;\r\n  className?: string;\r\n  spacing?: SpacingSize;\r\n  padding?: 'none' | 'tight' | 'default' | 'loose';\r\n};\r\n\r\nconst paddingClasses: Record<NonNullable<AppContainerProps['padding']>, string> = {\r\n  'none': 'p-0',\r\n  'tight': 'p-2',\r\n  'default': 'p-4',\r\n  'loose': 'p-6'\r\n};\r\n\r\nexport const AppContainer = ({\r\n  children,\r\n  className,\r\n  spacing = 'tight',\r\n  padding = 'none',\r\n}: AppContainerProps) => {\r\n  return (\r\n    <div className={cn(\r\n      'flex flex-col h-full',\r\n      spacingClasses[spacing],\r\n      paddingClasses[padding],\r\n      className\r\n    )}>\r\n      {children}\r\n    </div>\r\n  );\r\n};","import { AppMeta, useAppMeta } from '../../context/index.js';\r\nimport { ArrowLeftIcon, ChevronRight } from 'lucide-react';\r\nimport { cn } from '../../lib/utils.js';\r\nimport { Button } from '../../components/ui/button.jsx';\r\nimport type { ReactNode } from 'react';\r\nimport { NavLink } from 'react-router';\r\n\r\ntype ColumnConfig = {\r\n  content: ReactNode;\r\n  align?: 'left' | 'center' | 'right';\r\n  width?: 'auto' | 'fill';\r\n  className?: string;\r\n};\r\n\r\nexport type AppHeaderProps = {\r\n  className?: string;\r\n  columns?: [ColumnConfig?, ColumnConfig?, ColumnConfig?];\r\n  showBackButton?: boolean;\r\n  meta?: AppMeta;\r\n};\r\n\r\nexport const AppHeader = ({\r\n  className,\r\n  columns = [],\r\n  showBackButton = true,\r\n  meta = { title: \"\" },\r\n}: AppHeaderProps) => {\r\n  // const { meta } = useAppMeta();\r\n\r\n  const renderBackAction = () => {\r\n    if (!meta.backAction || !showBackButton) return null;\r\n\r\n    const buttonProps = {\r\n      variant: 'secondary',\r\n      size: 'icon',\r\n      className: 'hover:bg-primary/20 inline-flex',\r\n    } as const;\r\n\r\n    if (meta.backAction.href) {\r\n      return (\r\n        <NavLink to={meta.backAction.href}>\r\n          <Button {...buttonProps}>\r\n            <ArrowLeftIcon className=\"size-6\" />\r\n            {meta.backAction.content}\r\n          </Button>\r\n        </NavLink>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Button {...buttonProps} onClick={meta.backAction.onClick}>\r\n        <ArrowLeftIcon className=\"size-6\" />\r\n        {meta.backAction.content}\r\n      </Button>\r\n    );\r\n  };\r\n\r\n  const renderMetadata = () => {\r\n    if (!meta.metadata || meta.metadata.length === 0) return null;\r\n\r\n    return (\r\n      <div className=\"flex gap-4\">\r\n        {meta.metadata.map((item, index) => (\r\n          item.value && (\r\n            <div key={index} className=\"text-sm\">\r\n              <span className=\"text-muted-foreground\">{item.label} </span>\r\n              <span>{item.value}</span>\r\n            </div>\r\n          )\r\n        ))}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderStatus = () => {\r\n    if (!meta.status) return null;\r\n\r\n    const colorClasses = {\r\n      success: 'bg-green-100 text-green-800',\r\n      warning: 'bg-yellow-100 text-yellow-800',\r\n      critical: 'bg-red-100 text-red-800',\r\n      info: 'bg-blue-100 text-blue-800',\r\n      default: 'bg-gray-100 text-gray-800',\r\n    };\r\n\r\n    return (\r\n      <span className={cn(\r\n        'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',\r\n        colorClasses[meta.status.color as keyof typeof colorClasses]\r\n      )}>\r\n        {meta.status.content}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  const reservedColumn: ColumnConfig = {\r\n    content: (\r\n      <div className=\"flex gap-2 items-center\">\r\n        {renderBackAction()}\r\n        <div className=\"flex flex-col gap-2 w-max\">\r\n          <h1 className=\"text-2xl font-bold tracking-tight\">{meta.title}</h1>\r\n          {renderStatus()}\r\n          {meta.description && (\r\n            <p className=\"text-muted-foreground\">{meta.description}</p>\r\n          )}\r\n          {renderMetadata()}\r\n          {meta.breadcrumbs && meta.breadcrumbs.length > 0 && (\r\n            <div className=\"flex items-center text-sm text-muted-foreground\">\r\n              {meta.breadcrumbs.map((crumb, index) => (\r\n                <div key={index} className=\"flex items-center\">\r\n                  {crumb.href ? (\r\n                    <span className=\"hover:text-primary hover:underline\">\r\n                      {crumb.label}\r\n                    </span>\r\n                  ) : (\r\n                    <span>{crumb.label}</span>\r\n                  )}\r\n                  {index < meta.breadcrumbs!.length - 1 && (\r\n                    <ChevronRight className=\"mx-2 h-4 w-4\" />\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    ),\r\n    align: 'left',\r\n    width: 'fill',\r\n  };\r\n\r\n  const actionsColumn: ColumnConfig = {\r\n    content: meta.primaryActions,\r\n    align: 'right',\r\n    width: 'auto',\r\n  };\r\n\r\n  const allColumns: ColumnConfig[] = [\r\n    reservedColumn,\r\n    ...columns.filter((col): col is ColumnConfig => col !== undefined),\r\n    actionsColumn\r\n  ];\r\n\r\n  return (\r\n    <div className={cn('flex items-center w-full gap-4 p-2', className)}>\r\n      {allColumns.map((column, index) => (\r\n        <div\r\n          key={index}\r\n          className={cn(\r\n            'flex items-center h-full',\r\n            column.className,\r\n            {\r\n              'justify-start': column.align === 'left',\r\n              'justify-center': column.align === 'center',\r\n              'justify-end': column.align === 'right',\r\n              'flex-1': column.width === 'fill',\r\n            }\r\n          )}\r\n        >\r\n          {column.content}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};","import { cn } from \"../../lib/utils.js\"\r\nimport React, { useState, createContext, useContext } from \"react\"\r\nimport {\r\n  Sheet,\r\n  SheetTrigger,\r\n  SheetContent,\r\n  SheetPortal,\r\n  SheetOverlay\r\n} from \"../../components/ui/sheet.jsx\"\r\n\r\nconst AppContentContext = createContext(false)\r\n\r\ntype SplitRatio = \"one-half\" | \"one-third\" | \"two-third\" | \"one-fourth\" | \"three-fourth\" | \"one-fifth\" | \"four-fifth\"\r\n\r\ntype SheetSide = \"right\" | \"bottom\" | \"left\" | \"top\"\r\ntype SheetMode = \"fullscreen\" | \"container\"\r\n\r\ntype BaseAppContentProps = {\r\n  children: React.ReactNode\r\n  className?: string\r\n  variant?: \"default\" | \"card\" | \"border\" | \"transparent\"\r\n  header?: React.ReactNode\r\n  footer?: React.ReactNode\r\n  headerClassName?: string\r\n  footerClassName?: string\r\n  parentContainer?: boolean\r\n  padding?: \"none\" | \"tight\" | \"default\" | \"loose\"\r\n}\r\n\r\ntype FullLayoutProps = BaseAppContentProps & {\r\n  layout?: \"full\"\r\n}\r\n\r\ntype SplitLayoutProps = BaseAppContentProps & {\r\n  layout: \"split\"\r\n  splitRatio?: SplitRatio\r\n  reverse?: boolean\r\n}\r\n\r\ntype SheetOptions = {\r\n  sheetContent: React.ReactNode\r\n  sheetWidth?: SplitRatio\r\n  sheetSide?: SheetSide\r\n  sheetMode?: SheetMode\r\n  onSheetClose?: () => void\r\n  showSheetOverlay?: boolean\r\n  sheetClassName?: string\r\n  isSheetOpen?: boolean\r\n  onSheetOpenChange?: (open: boolean) => void\r\n  sheetTrigger?: React.ReactNode\r\n  disableOverlay?: boolean\r\n}\r\n\r\ntype WithSheetLayoutProps = BaseAppContentProps & {\r\n  layout: \"with-sheet\"\r\n} & SheetOptions\r\n\r\nexport type AppContentProps = FullLayoutProps | SplitLayoutProps | WithSheetLayoutProps\r\n\r\nconst splitRatioClasses: Record<SplitRatio, [string, string]> = {\r\n  \"one-half\": [\"w-1/2\", \"w-1/2\"],\r\n  \"one-third\": [\"w-1/3\", \"w-2/3\"],\r\n  \"two-third\": [\"w-2/3\", \"w-1/3\"],\r\n  \"one-fourth\": [\"w-1/4\", \"w-3/4\"],\r\n  \"three-fourth\": [\"w-3/4\", \"w-1/4\"],\r\n  \"one-fifth\": [\"w-1/5\", \"w-4/5\"],\r\n  \"four-fifth\": [\"w-4/5\", \"w-1/5\"],\r\n}\r\n\r\nconst paddingClasses = {\r\n  none: \"p-0\",\r\n  tight: \"p-2\",\r\n  default: \"p-4\",\r\n  loose: \"p-6\",\r\n}\r\n\r\nconst getContainerSheetClasses = (side: SheetSide, width: SplitRatio) => {\r\n  const [contentWidth, sheetWidth] = splitRatioClasses[width]\r\n\r\n  return {\r\n    container: \"inset-y-0 z-50 transition-all duration-500 ease-in-out\",\r\n    content: cn(\r\n      \"h-full bg-background transition-all duration-500 ease-in-out\",\r\n      side === \"right\" ? \"border-l\" : \"border-r\"\r\n    ),\r\n    transform: side === \"right\" ? \"translate-x-full\" : \"-translate-x-full\",\r\n    transformOpen: \"translate-x-0\",\r\n    contentPushClass: side === \"right\" ? contentWidth : sheetWidth,\r\n    sheetPushClass: side === \"right\" ? sheetWidth : contentWidth,\r\n  }\r\n}\r\n\r\nconst baseClasses = \"flex flex-col overflow-hidden rounded-2xl relative\"\r\nconst variantClasses = {\r\n  default: \"bg-background\",\r\n  card: \"bg-background shadow-sm border\",\r\n  border: \"bg-background border-2\",\r\n  transparent: \"bg-transparent\",\r\n}\r\n\r\nexport const AppContent = (props: AppContentProps) => {\r\n  const {\r\n    children,\r\n    className,\r\n    variant = \"default\",\r\n    layout = \"full\",\r\n    header,\r\n    footer,\r\n    headerClassName,\r\n    footerClassName,\r\n    parentContainer = false,\r\n    padding = parentContainer ? \"none\" : \"tight\",\r\n  } = props\r\n\r\n  const isNested = useContext(AppContentContext)\r\n  const [internalSheetOpen, setInternalSheetOpen] = useState(false)\r\n\r\n  const contentWrapper = React.useCallback(\r\n    (content: React.ReactNode) => (\r\n      <div className={cn(\r\n        \"flex-1 overflow-auto h-full no-scrollbar\",\r\n        parentContainer && \"flex\",\r\n        !parentContainer && paddingClasses[padding]\r\n      )}>\r\n        {content}\r\n      </div>\r\n    ),\r\n    [padding, parentContainer]\r\n  )\r\n\r\n  const renderContent = () => {\r\n    switch (layout) {\r\n      case \"split\": {\r\n        const { splitRatio = \"three-fourth\", reverse = false } = props as SplitLayoutProps\r\n        if (!Array.isArray(children) || children.length !== 2) {\r\n          return (\r\n            <div className=\"flex items-center justify-center h-full text-red-500\">\r\n              Error: AppContent with layout=\"split\" requires exactly 2 children\r\n            </div>\r\n          )\r\n        }\r\n\r\n        const [leftClass, rightClass] = splitRatioClasses[splitRatio]\r\n        const [firstChild, secondChild] = reverse ? [children[1], children[0]] : [children[0], children[1]]\r\n        const [firstClass, secondClass] = reverse ? [rightClass, leftClass] : [leftClass, rightClass]\r\n\r\n        return (\r\n          <div className=\"flex h-full gap-2\">\r\n            <div className={cn(firstClass, \"overflow-auto\")}>\r\n              {contentWrapper(firstChild)}\r\n            </div>\r\n            <div className={cn(secondClass, \"overflow-auto\")}>\r\n              {contentWrapper(secondChild)}\r\n            </div>\r\n          </div>\r\n        )\r\n      }\r\n\r\n      case \"with-sheet\": {\r\n        const {\r\n          sheetContent,\r\n          sheetWidth = \"four-fifth\",\r\n          sheetSide = \"right\",\r\n          sheetMode = \"container\",\r\n          sheetTrigger,\r\n          sheetClassName,\r\n          isSheetOpen,\r\n          onSheetOpenChange,\r\n          showSheetOverlay = true,\r\n          disableOverlay = true,\r\n        } = props as WithSheetLayoutProps\r\n\r\n        const isControlled = isSheetOpen !== undefined\r\n        const sheetOpen = isControlled ? isSheetOpen : internalSheetOpen\r\n        const setSheetOpen = isControlled ? onSheetOpenChange : setInternalSheetOpen\r\n\r\n        if (sheetMode === \"container\") {\r\n          const sheetClasses = getContainerSheetClasses(sheetSide, sheetWidth)\r\n\r\n          return (\r\n            <div className={cn(\r\n              \"flex relative flex-1 overflow-hidden\",\r\n              sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n            )}>\r\n              {/* Main content area */}\r\n              <div className={cn(\r\n                \"h-full overflow-auto transition-all duration-500\",\r\n                sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n                  ? sheetClasses.contentPushClass\r\n                  : \"w-full\",\r\n                sheetOpen && disableOverlay && \"overflow-y-auto overflow-x-hidden\"\r\n              )}>\r\n                {sheetTrigger && (\r\n                  <div onClick={() => setSheetOpen?.(!sheetOpen)}>\r\n                    {sheetTrigger}\r\n                  </div>\r\n                )}\r\n                <div className={cn(\"h-full\", !parentContainer && paddingClasses[padding])}>\r\n                  {children}\r\n                </div>\r\n              </div>\r\n\r\n              {/* Container sheet */}\r\n              <div\r\n                className={cn(\r\n                  sheetClasses.container,\r\n                  \"transition-all duration-500 ease-in-out\",\r\n                  sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n                    ? cn(sheetClasses.sheetPushClass, \"overflow-y-auto\")\r\n                    : sheetOpen\r\n                      ? sheetClasses.transformOpen\r\n                      : cn(sheetClasses.transform, \"hidden\"),\r\n                  \"overflow-y-auto\"\r\n                )}\r\n              >\r\n                <div className={cn(sheetClasses.content, sheetClassName, \"h-full\")}>\r\n                  {sheetContent}\r\n                </div>\r\n              </div>\r\n\r\n              {/* Container overlay */}\r\n              {sheetOpen && showSheetOverlay && !disableOverlay && (\r\n                <div\r\n                  className={cn(\r\n                    \"absolute inset-0 bg-secondary/20 z-40\",\r\n                    \"transition-opacity duration-500 ease-in-out\",\r\n                    \"opacity-0\",\r\n                    sheetOpen ? \"opacity-100\" : \"opacity-0\"\r\n                  )}\r\n                  onClick={() => setSheetOpen?.(false)}\r\n                />\r\n              )}\r\n            </div>\r\n          )\r\n        }\r\n\r\n        return (\r\n          <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\r\n            {sheetTrigger && <SheetTrigger asChild>{sheetTrigger}</SheetTrigger>}\r\n            <SheetPortal>\r\n              {showSheetOverlay && <SheetOverlay className=\"fixed inset-0 bg-secondary/50 z-50\" />}\r\n              <SheetContent\r\n                side={sheetSide}\r\n                className={cn(\r\n                  \"fixed bg-background border\",\r\n                  \"transition-all duration-500 ease-in-out\",\r\n                  splitRatioClasses[sheetWidth][1],\r\n                  sheetClassName\r\n                )}\r\n              >\r\n                {sheetContent}\r\n              </SheetContent>\r\n            </SheetPortal>\r\n          </Sheet>\r\n        )\r\n      }\r\n\r\n      default:\r\n        return contentWrapper(children)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <AppContentContext.Provider value={true}>\r\n      <div className={cn(\r\n        baseClasses,\r\n        variantClasses[variant],\r\n        paddingClasses[padding],\r\n        isNested && \"flex-1\",\r\n        parentContainer && \"h-full\",\r\n        !parentContainer && \"rounded-2xl\",\r\n        className\r\n      )}>\r\n        {header && (\r\n          <div\r\n            className={cn(\r\n              \"border-b\",\r\n              headerClassName,\r\n              variant === \"card\" && !parentContainer && \"rounded-t-2xl\",\r\n              variant === \"border\" && \"border-b-2\",\r\n              paddingClasses[padding]\r\n            )}\r\n          >\r\n            {header}\r\n          </div>\r\n        )}\r\n        {renderContent()}\r\n        {footer && (\r\n          <div\r\n            className={cn(\r\n              \"border-t\",\r\n              footerClassName,\r\n              variant === \"card\" && !parentContainer && \"rounded-b-2xl\",\r\n              variant === \"border\" && \"border-t-2\",\r\n              paddingClasses[padding]\r\n            )}\r\n          >\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </AppContentContext.Provider>\r\n  )\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// import { cn } from \"@/lib/utils\"\r\n// import React, { useState, createContext, useContext } from \"react\"\r\n// import {\r\n//   Sheet,\r\n//   SheetTrigger,\r\n//   SheetContent,\r\n//   SheetPortal,\r\n//   SheetOverlay\r\n// } from \"@/components/ui/sheet\"\r\n\r\n// const AppContentContext = createContext(false)\r\n\r\n// type SplitRatio = \"one-half\" | \"one-third\" | \"two-third\" | \"one-fourth\" | \"three-fourth\" | \"one-fifth\" | \"four-fifth\"\r\n\r\n// type SheetSide = \"right\" | \"bottom\" | \"left\" | \"top\"\r\n// type SheetMode = \"fullscreen\" | \"container\"\r\n\r\n// type BaseAppContentProps = {\r\n//   children: React.ReactNode\r\n//   className?: string\r\n//   variant?: \"default\" | \"card\" | \"border\" | \"transparent\"\r\n//   header?: React.ReactNode\r\n//   footer?: React.ReactNode\r\n//   headerClassName?: string\r\n//   footerClassName?: string\r\n//   parentContainer?: boolean\r\n//   padding?: \"none\" | \"tight\" | \"default\" | \"loose\"\r\n// }\r\n\r\n// type FullLayoutProps = BaseAppContentProps & {\r\n//   layout?: \"full\"\r\n// }\r\n\r\n// type SplitLayoutProps = BaseAppContentProps & {\r\n//   layout: \"split\"\r\n//   splitRatio?: SplitRatio\r\n//   reverse?: boolean\r\n// }\r\n\r\n// type SheetOptions = {\r\n//   sheetContent: React.ReactNode\r\n//   sheetWidth?: SplitRatio\r\n//   sheetSide?: SheetSide\r\n//   sheetMode?: SheetMode\r\n//   onSheetClose?: () => void\r\n//   showSheetOverlay?: boolean\r\n//   sheetClassName?: string\r\n//   isSheetOpen?: boolean\r\n//   onSheetOpenChange?: (open: boolean) => void\r\n//   sheetTrigger?: React.ReactNode\r\n//   disableOverlay?: boolean\r\n// }\r\n\r\n// type WithSheetLayoutProps = BaseAppContentProps & {\r\n//   layout: \"with-sheet\"\r\n// } & SheetOptions\r\n\r\n// type AppContentProps = FullLayoutProps | SplitLayoutProps | WithSheetLayoutProps\r\n\r\n// const splitRatioClasses: Record<SplitRatio, [string, string]> = {\r\n//   \"one-half\": [\"w-1/2\", \"w-1/2\"],\r\n//   \"one-third\": [\"w-1/3\", \"w-2/3\"],\r\n//   \"two-third\": [\"w-2/3\", \"w-1/3\"],\r\n//   \"one-fourth\": [\"w-1/4\", \"w-3/4\"],\r\n//   \"three-fourth\": [\"w-3/4\", \"w-1/4\"],\r\n//   \"one-fifth\": [\"w-1/5\", \"w-4/5\"],\r\n//   \"four-fifth\": [\"w-4/5\", \"w-1/5\"],\r\n// }\r\n\r\n// const paddingClasses = {\r\n//   none: \"p-0\",\r\n//   tight: \"p-2\",\r\n//   default: \"p-4\",\r\n//   loose: \"p-6\",\r\n// }\r\n\r\n// const getContainerSheetClasses = (side: SheetSide, width: SplitRatio) => {\r\n//   const [contentWidth, sheetWidth] = splitRatioClasses[width]\r\n\r\n//   return {\r\n//     container: \"inset-y-0 z-50\",\r\n//     content: cn(\"h-full bg-background\", side === \"right\" ? \"border-l\" : \"border-r\"),\r\n//     transform: side === \"right\" ? \"translate-x-full\" : \"-translate-x-full\",\r\n//     transformOpen: \"translate-x-0\",\r\n//     contentPushClass: side === \"right\" ? contentWidth : sheetWidth,\r\n//     sheetPushClass: side === \"right\" ? sheetWidth : contentWidth,\r\n//   }\r\n// }\r\n\r\n// const baseClasses = \"flex flex-col overflow-hidden rounded-2xl relative\"\r\n// const variantClasses = {\r\n//   default: \"bg-background\",\r\n//   card: \"bg-background shadow-sm border\",\r\n//   border: \"bg-background border-2\",\r\n//   transparent: \"bg-transparent\",\r\n// }\r\n\r\n// export const AppContent = (props: AppContentProps) => {\r\n//   const {\r\n//     children,\r\n//     className,\r\n//     variant = \"default\",\r\n//     layout = \"full\",\r\n//     header,\r\n//     footer,\r\n//     headerClassName,\r\n//     footerClassName,\r\n//     parentContainer = false,\r\n//     padding = parentContainer ? \"none\" : \"tight\",\r\n//   } = props\r\n\r\n//   const isNested = useContext(AppContentContext)\r\n//   const [internalSheetOpen, setInternalSheetOpen] = useState(false)\r\n\r\n//   const contentWrapper = React.useCallback(\r\n//     (content: React.ReactNode) => (\r\n//       <div className={cn(\r\n//         \"flex-1 overflow-auto h-full\",\r\n//         !parentContainer && paddingClasses[padding]\r\n//       )}>\r\n//         {content}\r\n//       </div>\r\n//     ),\r\n//     [padding, parentContainer]\r\n//   )\r\n\r\n//   const renderContent = () => {\r\n//     switch (layout) {\r\n//       case \"split\": {\r\n//         const { splitRatio = \"three-fourth\", reverse = false } = props as SplitLayoutProps\r\n//         if (!Array.isArray(children) || children.length !== 2) {\r\n//           return (\r\n//             <div className=\"flex items-center justify-center h-full text-red-500\">\r\n//               Error: AppContent with layout=\"split\" requires exactly 2 children\r\n//             </div>\r\n//           )\r\n//         }\r\n\r\n//         const [leftClass, rightClass] = splitRatioClasses[splitRatio]\r\n//         const [firstChild, secondChild] = reverse ? [children[1], children[0]] : [children[0], children[1]]\r\n//         const [firstClass, secondClass] = reverse ? [rightClass, leftClass] : [leftClass, rightClass]\r\n\r\n//         return (\r\n//           <div className=\"flex h-full gap-4\">\r\n//             <div className={cn(firstClass, \"overflow-auto\")}>\r\n//               {contentWrapper(firstChild)}\r\n//             </div>\r\n//             <div className={cn(secondClass, \"overflow-auto\")}>\r\n//               {contentWrapper(secondChild)}\r\n//             </div>\r\n//           </div>\r\n//         )\r\n//       }\r\n\r\n//       case \"with-sheet\": {\r\n//         const {\r\n//           sheetContent,\r\n//           sheetWidth = \"four-fifth\",\r\n//           sheetSide = \"right\",\r\n//           sheetMode = \"container\",\r\n//           sheetTrigger,\r\n//           sheetClassName,\r\n//           isSheetOpen,\r\n//           onSheetOpenChange,\r\n//           showSheetOverlay = true,\r\n//           disableOverlay = false,\r\n//         } = props as WithSheetLayoutProps\r\n\r\n//         const isControlled = isSheetOpen !== undefined\r\n//         const sheetOpen = isControlled ? isSheetOpen : internalSheetOpen\r\n//         const setSheetOpen = isControlled ? onSheetOpenChange : setInternalSheetOpen\r\n\r\n//         if (sheetMode === \"container\") {\r\n//           const sheetClasses = getContainerSheetClasses(sheetSide, sheetWidth)\r\n\r\n//           return (\r\n//             <div className={cn(\r\n//               \"flex relative flex-1 overflow-hidden\",\r\n//               sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n//             )}>\r\n//               {/* Main content area */}\r\n//               <div className={cn(\r\n//                 \"h-full overflow-auto transition-all duration-500\",\r\n//                 sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n//                   ? sheetClasses.contentPushClass\r\n//                   : \"w-full\",\r\n//                 sheetOpen && disableOverlay && \"overflow-y-auto overflow-x-hidden\"\r\n//               )}>\r\n//                 {sheetTrigger && (\r\n//                   <div onClick={() => setSheetOpen?.(!sheetOpen)}>\r\n//                     {sheetTrigger}\r\n//                   </div>\r\n//                 )}\r\n//                 <div className={cn(!parentContainer && paddingClasses[padding])}>\r\n//                   {children}\r\n//                 </div>\r\n//               </div>\r\n\r\n//               {/* Container sheet */}\r\n//               <div\r\n//                 className={cn(\r\n//                   sheetClasses.container,\r\n//                   \"transition-all duration-500 ease-out\",\r\n//                   sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n//                     ? cn(sheetClasses.sheetPushClass, \"overflow-y-auto\")\r\n//                     : sheetOpen\r\n//                       ? sheetClasses.transformOpen\r\n//                       : cn(sheetClasses.transform, \"hidden\"),\r\n//                   \"overflow-y-auto\"\r\n//                 )}\r\n//               >\r\n//                 <div className={cn(sheetClasses.content, sheetClassName, \"h-full\")}>\r\n//                   {sheetContent}\r\n//                 </div>\r\n//               </div>\r\n\r\n//               {/* Container overlay */}\r\n//               {sheetOpen && showSheetOverlay && !disableOverlay && (\r\n//                 <div\r\n//                   className={cn(\"absolute inset-0 bg-secondary/20 z-40\")}\r\n//                   onClick={() => setSheetOpen?.(false)}\r\n//                 />\r\n//               )}\r\n//             </div>\r\n//           )\r\n//         }\r\n\r\n//         return (\r\n//           <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\r\n//             {sheetTrigger && <SheetTrigger asChild>{sheetTrigger}</SheetTrigger>}\r\n//             <SheetPortal>\r\n//               {showSheetOverlay && <SheetOverlay className=\"fixed inset-0 bg-secondary/50 z-50\" />}\r\n//               <SheetContent\r\n//                 side={sheetSide}\r\n//                 className={cn(\r\n//                   \"fixed bg-background border\",\r\n//                   splitRatioClasses[sheetWidth][1],\r\n//                   sheetClassName\r\n//                 )}\r\n//               >\r\n//                 {sheetContent}\r\n//               </SheetContent>\r\n//             </SheetPortal>\r\n//           </Sheet>\r\n//         )\r\n//       }\r\n\r\n//       default:\r\n//         return contentWrapper(children)\r\n//     }\r\n//   }\r\n\r\n//   return (\r\n//     <AppContentContext.Provider value={true}>\r\n//       <div className={cn(\r\n//         baseClasses,\r\n//         variantClasses[variant],\r\n//         paddingClasses[padding],\r\n//         isNested && \"flex-1\",\r\n//         parentContainer && \"h-full\",\r\n//         !parentContainer && \"rounded-2xl\",\r\n//         className\r\n//       )}>\r\n//         {header && (\r\n//           <div\r\n//             className={cn(\r\n//               \"border-b\",\r\n//               headerClassName,\r\n//               variant === \"card\" && !parentContainer && \"rounded-t-2xl\",\r\n//               variant === \"border\" && \"border-b-2\",\r\n//               paddingClasses[padding]\r\n//             )}\r\n//           >\r\n//             {header}\r\n//           </div>\r\n//         )}\r\n//         {renderContent()}\r\n//         {footer && (\r\n//           <div\r\n//             className={cn(\r\n//               \"border-t\",\r\n//               footerClassName,\r\n//               variant === \"card\" && !parentContainer && \"rounded-b-2xl\",\r\n//               variant === \"border\" && \"border-t-2\",\r\n//               paddingClasses[padding]\r\n//             )}\r\n//           >\r\n//             {footer}\r\n//           </div>\r\n//         )}\r\n//       </div>\r\n//     </AppContentContext.Provider>\r\n//   )\r\n// }\r\n\r\n","import * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n          \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n          \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n          \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n          \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetOverlay,\n  SheetPortal,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { AppMeta, useAppMeta } from '../../context/index.js';\r\nimport { cn } from '../../lib/utils.js';\r\n\r\ntype ColumnConfig = {\r\n  content: React.ReactNode;\r\n  align?: 'left' | 'center' | 'right';\r\n  width?: 'auto' | 'fill';\r\n  className?: string;\r\n};\r\n\r\nexport type AppFooterProps = {\r\n  className?: string;\r\n  columns?: [ColumnConfig?, ColumnConfig?, ColumnConfig?];\r\n  meta?: AppMeta;\r\n};\r\n\r\nexport const AppFooter = ({\r\n  className,\r\n  columns = [],\r\n  meta = { title: \"\" },\r\n}: AppFooterProps) => {\r\n  // const { meta } = useAppMeta();\r\n\r\n  // const renderPagination = () => {\r\n  //   if (!meta.pagination) return null;\r\n\r\n  //   return (\r\n  //     <div className=\"flex items-center gap-2\">\r\n  //       <Button\r\n  //         variant=\"outline\"\r\n  //         size=\"sm\"\r\n  //         disabled={!meta.pagination.hasPrevious}\r\n  //         onClick={meta.pagination.onPrevious}\r\n  //       >\r\n  //         <ChevronLeft className=\"h-4 w-4 mr-1\" />\r\n  //         {meta.pagination.previousLabel || 'Previous'}\r\n  //       </Button>\r\n  //       <Button\r\n  //         variant=\"outline\"\r\n  //         size=\"sm\"\r\n  //         disabled={!meta.pagination.hasNext}\r\n  //         onClick={meta.pagination.onNext}\r\n  //       >\r\n  //         {meta.pagination.nextLabel || 'Next'}\r\n  //         <ChevronRight className=\"h-4 w-4 ml-1\" />\r\n  //       </Button>\r\n  //     </div>\r\n  //   );\r\n  // };\r\n\r\n  const actionsColumn: ColumnConfig = {\r\n    content: (\r\n      <div className=\"flex items-center gap-4 p-2\">\r\n        {/* {renderPagination()} */}\r\n        {meta.secondaryActions}\r\n      </div>\r\n    ),\r\n    align: 'right',\r\n    width: 'fill',\r\n  };\r\n\r\n  const allColumns: ColumnConfig[] = [\r\n    ...columns.filter((col): col is ColumnConfig => col !== undefined),\r\n    actionsColumn\r\n  ];\r\n\r\n  return (\r\n    <div className={cn('flex items-center w-full gap-4', className)}>\r\n      {allColumns.map((column, index) => (\r\n        <div\r\n          key={index}\r\n          className={cn(\r\n            'flex items-center h-full',\r\n            column.className,\r\n            {\r\n              'justify-start': column.align === 'left',\r\n              'justify-center': column.align === 'center',\r\n              'justify-end': column.align === 'right',\r\n              'flex-1': column.width === 'fill',\r\n            }\r\n          )}\r\n        >\r\n          {column.content}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};","import type { AppMetaContextType } from '../../context/app-meta/types.js';\r\nimport { AppHeaderProps, AppHeader as BaseAppHeader } from './app-header.jsx';\r\nimport { AppFooterProps, AppFooter as BaseAppFooter } from './app-footer.jsx';\r\nimport { AppContentProps, AppContent as BaseAppContent } from './app-content.jsx';\r\nimport { AppContainerProps, AppContainer as BaseAppContainer } from './app-container.jsx';\r\n\r\nexport function createLayoutComponents<TRoute extends string>({\r\n  useTypedAppMeta,\r\n}: {\r\n  useTypedAppMeta: () => AppMetaContextType<TRoute>;\r\n}) {\r\n  const AppHeader = (props: Omit<AppHeaderProps, 'meta'>) => {\r\n    const { meta } = useTypedAppMeta();\r\n    return <BaseAppHeader {...props} meta={meta} />;\r\n  };\r\n\r\n  const AppFooter = (props: Omit<AppFooterProps, 'meta'>) => {\r\n    const { meta } = useTypedAppMeta();\r\n    return <BaseAppFooter {...props} meta={meta} />;\r\n  };\r\n\r\n  const AppContent = (props: AppContentProps) => (\r\n    <BaseAppContent {...props} />\r\n  );\r\n\r\n  const AppContainer = (props: AppContainerProps) => (\r\n    <BaseAppContainer {...props} />\r\n  );\r\n\r\n  return {\r\n    AppHeader,\r\n    AppFooter,\r\n    AppContent,\r\n    AppContainer,\r\n  };\r\n}","import { createContext, useContext, type ReactNode, useState, useCallback, useMemo } from 'react';\r\nimport type { AppMeta, AppMetaContextType } from './types.js';\r\n\r\nconst AppMetaContext = createContext<AppMetaContextType | undefined>(undefined);\r\n\r\nconst AppMetaProvider = ({ children }: { children: ReactNode }) => {\r\n  const [meta, setMetaState] = useState<AppMeta>({\r\n    title: '',\r\n    description: '',\r\n    breadcrumbs: [],\r\n  });\r\n\r\n  const setMeta = useCallback((partialMeta: Partial<AppMeta>) => {\r\n    setMetaState(prev => {\r\n      const hasChanges = Object.keys(partialMeta).some(\r\n        key => JSON.stringify(prev[key as keyof AppMeta]) !== JSON.stringify(partialMeta[key as keyof AppMeta])\r\n      );\r\n      return hasChanges ? { ...prev, ...partialMeta } : prev;\r\n    });\r\n  }, []);\r\n\r\n  const resetMeta = useCallback(() => {\r\n    setMetaState(prev => (\r\n      prev.title === '' &&\r\n        prev.description === '' &&\r\n        (prev.breadcrumbs?.length ?? 0) === 0\r\n        ? prev\r\n        : {\r\n          title: '',\r\n          description: '',\r\n          breadcrumbs: [],\r\n        }\r\n    ));\r\n  }, []);\r\n\r\n  const contextValue = useMemo(() => ({\r\n    meta,\r\n    setMeta,\r\n    resetMeta\r\n  }), [meta, setMeta, resetMeta]);\r\n\r\n  return (\r\n    <AppMetaContext.Provider value={contextValue}>\r\n      {children}\r\n    </AppMetaContext.Provider>\r\n  );\r\n};\r\n\r\nconst useAppMeta = () => {\r\n  const context = useContext(AppMetaContext);\r\n  if (!context) {\r\n    throw new Error('useAppMeta must be used within an AppMetaProvider');\r\n  }\r\n  return context;\r\n};\r\n\r\nfunction createTypedAppMetaContext<TRoute extends string>() {\r\n  const TypedAppMetaContext = createContext<AppMetaContextType<TRoute> | undefined>(undefined);\r\n\r\n  const TypedAppMetaProvider = ({ children }: { children: ReactNode }) => {\r\n    const [meta, setMetaState] = useState<AppMeta<TRoute>>({\r\n      title: '',\r\n      description: '',\r\n      breadcrumbs: [],\r\n    });\r\n\r\n    const setMeta = useCallback((partialMeta: Partial<AppMeta<TRoute>>) => {\r\n      setMetaState(prev => {\r\n        const hasChanges = Object.keys(partialMeta).some(key => {\r\n          const prevValue = prev[key as keyof AppMeta<TRoute>];\r\n          const newValue = partialMeta[key as keyof AppMeta<TRoute>];\r\n          return JSON.stringify(prevValue) !== JSON.stringify(newValue);\r\n        });\r\n        return hasChanges ? { ...prev, ...partialMeta } : prev;\r\n      });\r\n    }, []);\r\n\r\n    const resetMeta = useCallback(() => {\r\n      setMetaState(prev => (\r\n        prev.title === '' &&\r\n          prev.description === '' &&\r\n          (prev.breadcrumbs?.length ?? 0) === 0\r\n          ? prev\r\n          : {\r\n            title: '',\r\n            description: '',\r\n            breadcrumbs: [],\r\n          }\r\n      ));\r\n    }, []);\r\n\r\n    const contextValue = useMemo(() => ({\r\n      meta,\r\n      setMeta,\r\n      resetMeta\r\n    }), [meta, setMeta, resetMeta]);\r\n\r\n    return (\r\n      <TypedAppMetaContext.Provider value={contextValue}>\r\n        {children}\r\n      </TypedAppMetaContext.Provider>\r\n    );\r\n  };\r\n\r\n  const useTypedAppMeta = () => {\r\n    const context = useContext(TypedAppMetaContext);\r\n    if (!context) {\r\n      throw new Error('useTypedAppMeta must be used within a TypedAppMetaProvider');\r\n    }\r\n    return context;\r\n  };\r\n\r\n  return { TypedAppMetaProvider, useTypedAppMeta, TypedAppMetaContext };\r\n}\r\n\r\nexport {\r\n  AppMetaProvider,\r\n  useAppMeta,\r\n  createTypedAppMetaContext\r\n};","import { createTypedAppMetaContext, useAppMeta } from './context.jsx';\r\nimport type { AppMeta, AppMetaContextType } from './types.js';\r\nimport { useEffect, useMemo } from 'react';\r\n\r\n// export function usePageTemplate(options: AppMeta) {\r\n//   const { setMeta, resetMeta } = useAppMeta();\r\n\r\n//   const memoizedOptions = useMemo(() => options, [\r\n//     options.title,\r\n//     options.description,\r\n//     options.breadcrumbs,\r\n//     options.primaryActions,\r\n//     options.secondaryActions,\r\n//     options.backAction,\r\n//     options.pagination,\r\n//     options.metadata,\r\n//     options.status,\r\n//   ]);\r\n\r\n//   useEffect(() => {\r\n//     setMeta(memoizedOptions);\r\n//     return () => resetMeta();\r\n//   }, [memoizedOptions, setMeta, resetMeta]);\r\n// }\r\n\r\nexport function createPageTemplateHook<TRoute extends string>({\r\n  useTypedAppMeta,\r\n}: {\r\n  useTypedAppMeta: () => AppMetaContextType<TRoute>;\r\n}) {\r\n  function usePageTemplate(options: AppMeta<TRoute>) {\r\n    const { setMeta, resetMeta } = useTypedAppMeta();\r\n\r\n    const backAction = useMemo(() => {\r\n      if (!options.backAction) return undefined;\r\n      return {\r\n        ...options.backAction,\r\n        onClick: options.backAction.onClick\r\n      };\r\n    }, [options.backAction?.content, options.backAction?.href, options.backAction?.onClick?.toString()]);\r\n\r\n    const metadata = useMemo(() => options.metadata, [JSON.stringify(options.metadata)]);\r\n\r\n    const stableOptions = useMemo(() => ({\r\n      ...options,\r\n      backAction,\r\n      metadata\r\n    }), [\r\n      options.title,\r\n      options.description,\r\n      options.breadcrumbs,\r\n      options.primaryActions,\r\n      options.secondaryActions,\r\n      options.pagination,\r\n      options.status,\r\n      backAction,\r\n      metadata\r\n    ]);\r\n\r\n    useEffect(() => {\r\n      setMeta(stableOptions);\r\n      return () => resetMeta();\r\n    }, [stableOptions, setMeta, resetMeta]);\r\n  }\r\n\r\n  return { usePageTemplate };\r\n}","import { useState } from \"react\";\r\nimport { Copy, Check, Loader2Icon } from \"lucide-react\";\r\nimport { Button } from \"../components/ui/button.jsx\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../components/ui/tooltip.jsx\";\r\nimport { cn } from \"../lib/utils.js\";\r\n\r\ntype CopyToClipboardProps = {\r\n  text: string;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\r\n  variant?: \"ghost\" | \"outline\" | \"default\" | \"secondary\" | \"destructive\" | \"link\";\r\n};\r\n\r\ntype FormatINROptions = {\r\n  prefix?: string;\r\n  suffix?: string;\r\n  withSymbol?: boolean;\r\n  compact?: boolean;\r\n};\r\n\r\ntype FormatDateOptions = {\r\n  format?: \"dd-mm-yyyy\" | \"dd-mmm-yyyy\" | \"iso\" | \"long\" | \"short\";\r\n  separator?: string;\r\n};\r\n\r\ntype StatusBadgeProps = {\r\n  status: string | boolean | number;\r\n  className?: string;\r\n  showDot?: boolean;\r\n  capitalize?: boolean;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'solid' | 'outline' | 'subtle';\r\n  customColors?: {\r\n    bg?: string;\r\n    text?: string;\r\n    border?: string;\r\n    dot?: string;\r\n  }; icon?: React.ReactNode;\r\n};\r\n\r\nclass GeneralHelper {\r\n  private static currencyFormatter = new Intl.NumberFormat(\"en-IN\", {\r\n    style: \"currency\",\r\n    currency: \"INR\",\r\n    maximumFractionDigits: 2,\r\n  });\r\n\r\n  private static compactFormatter = new Intl.NumberFormat(\"en-IN\", {\r\n    style: \"currency\",\r\n    currency: \"INR\",\r\n    notation: \"compact\",\r\n    maximumFractionDigits: 1,\r\n  });\r\n\r\n  private static MONTH_NAMES_SHORT = [\r\n    \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n    \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"\r\n  ];\r\n\r\n  /**\r\n   * Copies text to clipboard\r\n   * @param text Text to copy\r\n   * @returns Promise that resolves when copy is complete\r\n   */\r\n  static async copyToClipboard(text: string): Promise<void> {\r\n    if (!text) return;\r\n    try {\r\n      await navigator.clipboard.writeText(text);\r\n    } catch (error) {\r\n      console.error(\"Failed to copy text:\", error);\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * React component for copy to clipboard functionality\r\n   */\r\n  static CopyToClipboard = ({\r\n    text,\r\n    children,\r\n    className,\r\n    size = \"icon\",\r\n    variant = \"ghost\",\r\n  }: CopyToClipboardProps) => {\r\n    const [isCopied, setIsCopied] = useState(false);\r\n    const [isLoading, setIsLoading] = useState(false);\r\n\r\n    const handleCopy = async () => {\r\n      if (!text || isLoading) return;\r\n\r\n      setIsLoading(true);\r\n      try {\r\n        await this.copyToClipboard(text);\r\n        setIsCopied(true);\r\n        setTimeout(() => setIsCopied(false), 2000);\r\n      } catch (error) {\r\n        console.error(\"Failed to copy text:\", error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button\r\n            variant={variant}\r\n            size={size}\r\n            className={cn(\r\n              size === \"icon\" && \"size-6\",\r\n              className\r\n            )}\r\n            onClick={handleCopy}\r\n            disabled={isLoading || !text}\r\n          >\r\n            {isLoading ? (\r\n              <Loader2Icon className=\"animate-spin\" />\r\n            ) : isCopied ? (\r\n              <Check className=\"h-3 w-3\" />\r\n            ) : children ? (\r\n              children\r\n            ) : (\r\n              <Copy className=\"h-3 w-3\" />\r\n            )}\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent>\r\n          {isCopied ? \"Copied!\" : isLoading ? \"Copying...\" : \"Copy to clipboard\"}\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Formats a number as Indian Rupees (INR)\r\n   * @param amount Amount to format\r\n   * @param options Formatting options\r\n   * @returns Formatted currency string\r\n   */\r\n  static formatINR(\r\n    amount: number,\r\n    options: FormatINROptions = {}\r\n  ): string {\r\n    const { prefix = \"\", suffix = \"\", withSymbol = true, compact = false } = options;\r\n\r\n    if (typeof amount !== \"number\" || isNaN(amount)) {\r\n      return `${prefix}${withSymbol ? \"₹ \" : \"\"}0.00${suffix}`;\r\n    }\r\n\r\n    const isNegative = amount < 0;\r\n    const absoluteAmount = Math.abs(amount);\r\n\r\n    const formatter = compact && absoluteAmount >= 100000 ?\r\n      this.compactFormatter :\r\n      this.currencyFormatter;\r\n    const formatted = formatter.format(absoluteAmount).replace(\"₹\", \"\");\r\n\r\n    return `${prefix}${isNegative ? \"- \" : \"\"}${withSymbol ? \"₹ \" : \"\"}${formatted}${suffix}`;\r\n  }\r\n\r\n  /**\r\n   * Formats a date according to specified options\r\n   * @param input Date input (string, number, or Date object)\r\n   * @param options Formatting options\r\n   * @returns Formatted date string\r\n   */\r\n  static formatDate(\r\n    input: string | number | Date,\r\n    options: FormatDateOptions = {}\r\n  ): string {\r\n    const { format = \"dd-mm-yyyy\", separator = \"-\" } = options;\r\n\r\n    const dateObj = new Date(input);\r\n    if (isNaN(dateObj.getTime())) return \"\";\r\n\r\n    const dd = String(dateObj.getDate()).padStart(2, \"0\");\r\n    const mm = String(dateObj.getMonth() + 1).padStart(2, \"0\");\r\n    const mmm = this.MONTH_NAMES_SHORT[dateObj.getMonth()];\r\n    const yyyy = dateObj.getFullYear();\r\n\r\n    switch (format) {\r\n      case \"dd-mmm-yyyy\":\r\n        return `${dd}${separator}${mmm}${separator}${yyyy}`;\r\n      case \"iso\":\r\n        return dateObj.toISOString().split(\"T\")[0];\r\n      case \"long\":\r\n        return dateObj.toLocaleDateString(\"en-IN\", {\r\n          year: \"numeric\",\r\n          month: \"long\",\r\n          day: \"numeric\"\r\n        });\r\n      case \"short\":\r\n        return dateObj.toLocaleDateString(\"en-IN\");\r\n      default:\r\n        return `${dd}${separator}${mm}${separator}${yyyy}`;\r\n    }\r\n  }\r\n\r\n  static toProperCase(text: string): string {\r\n    if (!text) return \"\";\r\n    return text\r\n      .toLowerCase()\r\n      .split(' ')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ');\r\n  }\r\n\r\n  /**\r\n   * Advanced proper case conversion that handles hyphenated words and apostrophes\r\n   * @param text Text to convert\r\n   * @returns Text in proper case with special handling\r\n   */\r\n  static toProperCaseAdvanced(text: string): string {\r\n    if (!text) return \"\";\r\n    return text\r\n      .toLowerCase()\r\n      .split(/(\\s+|['-])/)\r\n      .map((part, index, array) => {\r\n        if ([\"-\", \"'\", \" \"].includes(part) ||\r\n          (index > 0 && [\"-\", \"'\"].includes(array[index - 1]))) {\r\n          return part;\r\n        }\r\n        return part.charAt(0).toUpperCase() + part.slice(1);\r\n      })\r\n      .join('');\r\n  }\r\n\r\n  static StatusBadge = ({\r\n    status,\r\n    className,\r\n    showDot = true,\r\n    capitalize = true,\r\n    size = 'md',\r\n    variant = 'outline',\r\n    customColors,\r\n    icon,\r\n    trueMessage = 'active',\r\n    falseMessage = 'inactive',\r\n  }: StatusBadgeProps & {\r\n    trueMessage?: string;\r\n    falseMessage?: string;\r\n  }) => {\r\n    const normalizedStatus = typeof status === 'boolean'\r\n      ? (status ? trueMessage : falseMessage)\r\n      : typeof status === 'number'\r\n        ? (status > 0 ? trueMessage : falseMessage)\r\n        : status.toLowerCase();\r\n\r\n    const statusConfig = {\r\n      active: {\r\n        label: 'active',\r\n        solid: {\r\n          bg: 'bg-emerald-500',\r\n          text: 'text-white',\r\n          border: 'border-emerald-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-emerald-50',\r\n          text: 'text-emerald-700',\r\n          border: 'border-emerald-100',\r\n          dot: 'bg-emerald-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-emerald-50',\r\n          text: 'text-emerald-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-emerald-500',\r\n        },\r\n      },\r\n      pending: {\r\n        label: 'pending',\r\n        solid: {\r\n          bg: 'bg-amber-500',\r\n          text: 'text-white',\r\n          border: 'border-amber-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-amber-50',\r\n          text: 'text-amber-700',\r\n          border: 'border-amber-100',\r\n          dot: 'bg-amber-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-amber-50',\r\n          text: 'text-amber-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-amber-500',\r\n        },\r\n      },\r\n      inactive: {\r\n        label: 'inactive',\r\n        solid: {\r\n          bg: 'bg-rose-500',\r\n          text: 'text-white',\r\n          border: 'border-rose-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-rose-50',\r\n          text: 'text-rose-700',\r\n          border: 'border-rose-100',\r\n          dot: 'bg-rose-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-rose-50',\r\n          text: 'text-rose-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-rose-500',\r\n        },\r\n      },\r\n      draft: {\r\n        label: 'draft',\r\n        solid: {\r\n          bg: 'bg-gray-500',\r\n          text: 'text-white',\r\n          border: 'border-gray-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-gray-50',\r\n          text: 'text-gray-700',\r\n          border: 'border-gray-100',\r\n          dot: 'bg-gray-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-gray-50',\r\n          text: 'text-gray-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-gray-500',\r\n        },\r\n      },\r\n      completed: {\r\n        label: 'completed',\r\n        solid: {\r\n          bg: 'bg-indigo-500',\r\n          text: 'text-white',\r\n          border: 'border-indigo-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-indigo-50',\r\n          text: 'text-indigo-700',\r\n          border: 'border-indigo-100',\r\n          dot: 'bg-indigo-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-indigo-50',\r\n          text: 'text-indigo-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-indigo-500',\r\n        },\r\n      },\r\n    };\r\n\r\n    const config = statusConfig[normalizedStatus.toLowerCase() as keyof typeof statusConfig] || statusConfig.inactive;\r\n    const colors = customColors || config[variant];\r\n\r\n    const sizeClasses = {\r\n      sm: 'text-xs px-2 py-0.5',\r\n      md: 'text-xs px-2.5 py-0.5',\r\n      lg: 'text-sm px-3 py-1',\r\n    };\r\n\r\n    const displayText = capitalize\r\n      ? normalizedStatus.charAt(0).toUpperCase() + normalizedStatus.slice(1)\r\n      : normalizedStatus;\r\n\r\n    return (\r\n      <div className=\"flex justify-center\">\r\n        <span\r\n          className={cn(\r\n            \"inline-flex items-center gap-1.5 rounded-full border font-medium\",\r\n            colors.bg,\r\n            colors.text,\r\n            colors.border,\r\n            sizeClasses[size],\r\n            className\r\n          )}\r\n        >\r\n          {showDot && (icon ? (\r\n            <span className=\"flex items-center\">\r\n              {icon}\r\n            </span>\r\n          ) : (\r\n            <span\r\n              className={cn('size-2 rounded-full', colors.dot)}\r\n              aria-hidden=\"true\"\r\n            />\r\n          ))}\r\n          {displayText}\r\n        </span>\r\n      </div>\r\n    );\r\n  };\r\n}\r\n\r\nexport { GeneralHelper };","import { Button } from \"../ui/button.jsx\";\r\nimport { AlertTriangleIcon } from \"lucide-react\";\r\nimport { useRouteError, isRouteErrorResponse, useNavigate } from \"react-router\";\r\n\r\nexport const ErrorComponent = () => {\r\n  const error: any = useRouteError();\r\n  const navigate = useNavigate();\r\n\r\n  const renderErrorDetails = () => {\r\n    if (isRouteErrorResponse(error)) {\r\n      return (\r\n        <>\r\n          <h2 className=\"text-3xl font-semibold text-destructive\">\r\n            Error {error.status}: {error.statusText}\r\n          </h2>\r\n          {typeof error.data === \"string\" ? (\r\n            <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n              {error.data}\r\n            </pre>\r\n          ) : (\r\n            error.data?.message && (\r\n              <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n                {error.data.message}\r\n              </pre>\r\n            )\r\n          )}\r\n        </>\r\n      );\r\n    }\r\n\r\n    if (error instanceof Error) {\r\n      return (\r\n        <>\r\n          <h2 className=\"text-3xl font-semibold text-destructive\">Unexpected Error</h2>\r\n          <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n            {error.message}\r\n          </pre>\r\n          {error.stack && (\r\n            <details className=\"mt-2 text-sm text-muted-foreground max-w-4xl text-left\">\r\n              <summary className=\"cursor-pointer underline\">Stack Trace</summary>\r\n              <pre className=\"whitespace-pre-wrap\">{error.stack}</pre>\r\n            </details>\r\n          )}\r\n        </>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <h2 className=\"text-3xl font-semibold text-destructive\">Unknown Error</h2>\r\n        <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n          {typeof error === \"string\"\r\n            ? error\r\n            : JSON.stringify(error, null, 2)}\r\n        </pre>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className=\"rounded-2xl flex justify-center items-center h-full bg-sidebar px-4\">\r\n      <div className=\"flex flex-col items-center space-y-4 text-center\">\r\n        <AlertTriangleIcon className=\"h-16 w-16 text-destructive\" />\r\n        {renderErrorDetails()}\r\n        <Button variant=\"outline\" onClick={() => navigate(-1)}>\r\n          Go Back\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { motion } from \"framer-motion\"\r\nimport { Card, CardContent } from \"../ui/card.jsx\"\r\n\r\ninterface CheckmarkProps {\r\n  size?: number\r\n  strokeWidth?: number\r\n  color?: string\r\n  className?: string\r\n}\r\n\r\n// const draw = {\r\n//   hidden: { pathLength: 0, opacity: 0 },\r\n//   visible: (i: number) => ({\r\n//     pathLength: 1,\r\n//     opacity: 1,\r\n//     transition: {\r\n//       pathLength: {\r\n//         delay: i * 0.2,\r\n//         type: \"spring\",\r\n//         duration: 1.5,\r\n//         bounce: 0.2,\r\n//         ease: \"easeInOut\",\r\n//       },\r\n//       opacity: { delay: i * 0.2, duration: 0.2 },\r\n//     },\r\n//   }),\r\n// }\r\n\r\nfunction Checkmark({ size = 100, strokeWidth = 2, color = \"currentColor\", className = \"\" }: CheckmarkProps) {\r\n  return (\r\n    <motion.svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 100 100\"\r\n      initial=\"hidden\"\r\n      animate=\"visible\"\r\n      className={className}\r\n    >\r\n      <title>Animated Checkmark</title>\r\n      <motion.circle\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"40\"\r\n        stroke={color}\r\n        custom={0}\r\n        style={{\r\n          strokeWidth,\r\n          strokeLinecap: \"round\",\r\n          fill: \"transparent\",\r\n        }}\r\n      />\r\n      <motion.path\r\n        d=\"M30 50L45 65L70 35\"\r\n        stroke={color}\r\n        custom={1}\r\n        style={{\r\n          strokeWidth,\r\n          strokeLinecap: \"round\",\r\n          strokeLinejoin: \"round\",\r\n          fill: \"transparent\",\r\n        }}\r\n      />\r\n    </motion.svg>\r\n  )\r\n}\r\n\r\nexport function CurrencyTransfer() {\r\n  return (\r\n    <Card className=\"w-full max-w-sm mx-auto p-6 min-h-[300px] flex flex-col justify-center bg-background\">\r\n      <CardContent className=\"space-y-4 flex flex-col items-center justify-center\">\r\n        <motion.div\r\n          className=\"flex justify-center\"\r\n          initial={{ opacity: 0, scale: 0.8 }}\r\n          animate={{ opacity: 1, scale: 1 }}\r\n          transition={{\r\n            duration: 0.4,\r\n            ease: [0.4, 0, 0.2, 1],\r\n            scale: {\r\n              type: \"spring\",\r\n              damping: 15,\r\n              stiffness: 200,\r\n            },\r\n          }}\r\n        >\r\n          <div className=\"relative\">\r\n            <motion.div\r\n              className=\"absolute inset-0 bg-primary/5 rounded-full\"\r\n              initial={{ opacity: 0, scale: 0.8 }}\r\n              animate={{ opacity: 1, scale: 1 }}\r\n              transition={{\r\n                delay: 0.2,\r\n                duration: 0.8,\r\n                ease: \"circOut\",\r\n              }}\r\n            />\r\n            <Checkmark\r\n              size={80}\r\n              strokeWidth={4}\r\n              color=\"rgb(16 185 129)\"\r\n              className=\"relative z-10 dark:drop-shadow-[0_0_10px_rgba(0,0,0,0.1)]\"\r\n            />\r\n          </div>\r\n        </motion.div>\r\n        <motion.div\r\n          className=\"space-y-2 text-center w-full\"\r\n          initial={{ opacity: 0, y: 10 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          transition={{\r\n            delay: 0.2,\r\n            duration: 0.6,\r\n            ease: [0.4, 0, 0.2, 1],\r\n          }}\r\n        >\r\n          <motion.h2\r\n            className=\"text-lg text-zinc-100 dark:text-zinc-900 tracking-tighter font-semibold uppercase\"\r\n            initial={{ opacity: 0, y: 5 }}\r\n            animate={{ opacity: 1, y: 0 }}\r\n            transition={{ delay: 1, duration: 0.4 }}\r\n          >\r\n            Transfer Successful\r\n          </motion.h2>\r\n          <div className=\"flex items-center gap-4\">\r\n            <motion.div\r\n              className=\"flex-1 bg-zinc-800/50 dark:bg-zinc-50/50 rounded-xl p-3 border border-zinc-700/50 dark:border-zinc-200/50 backdrop-blur-md\"\r\n              initial={{ opacity: 0, scale: 0.95 }}\r\n              animate={{ opacity: 1, scale: 1 }}\r\n              transition={{\r\n                delay: 1.2,\r\n                duration: 0.4,\r\n                ease: [0.4, 0, 0.2, 1],\r\n              }}\r\n            >\r\n              <div className=\"flex flex-col items-start gap-2\">\r\n                <div className=\"space-y-1.5\">\r\n                  <span className=\"text-xs font-medium text-secondary-foreground flex items-center gap-1.5\">\r\n                    <svg\r\n                      className=\"w-3 h-3\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"none\"\r\n                      stroke=\"currentColor\"\r\n                      strokeWidth=\"2\"\r\n                      strokeLinecap=\"round\"\r\n                      strokeLinejoin=\"round\"\r\n                    >\r\n                      <title>From</title>\r\n                      <path d=\"M12 19V5M5 12l7-7 7 7\" />\r\n                    </svg>\r\n                    From\r\n                  </span>\r\n                  <div className=\"flex items-center gap-2.5 group transition-all\">\r\n                    <span className=\"inline-flex items-center justify-center w-7 h-7 rounded-lg bg-zinc-900 dark:bg-white shadow-lg border border-zinc-700 dark:border-zinc-300 text-sm font-medium text-zinc-100 dark:text-zinc-900 group-hover:scale-105 transition-transform\">\r\n                      $\r\n                    </span>\r\n                    <span className=\"font-medium text-zinc-100 dark:text-zinc-900 tracking-tight\">500.00 USD</span>\r\n                  </div>\r\n                </div>\r\n                <div className=\"w-full h-px bg-gradient-to-r from-transparent via-zinc-700 dark:via-zinc-300 to-transparent\" />\r\n                <div className=\"space-y-1.5\">\r\n                  <span className=\"text-xs font-medium text-secondary-foreground flex items-center gap-1.5\">\r\n                    <svg\r\n                      className=\"w-3 h-3\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"none\"\r\n                      stroke=\"currentColor\"\r\n                      strokeWidth=\"2\"\r\n                      strokeLinecap=\"round\"\r\n                      strokeLinejoin=\"round\"\r\n                    >\r\n                      <title>To</title>\r\n                      <path d=\"M12 5v14M5 12l7 7 7-7\" />\r\n                    </svg>\r\n                    To\r\n                  </span>\r\n                  <div className=\"flex items-center gap-2.5 group transition-all\">\r\n                    <span className=\"inline-flex items-center justify-center w-7 h-7 rounded-lg bg-zinc-900 dark:bg-white shadow-lg border border-zinc-700 dark:border-zinc-300 text-sm font-medium text-zinc-100 dark:text-zinc-900 group-hover:scale-105 transition-transform\">\r\n                      €\r\n                    </span>\r\n                    <span className=\"font-medium text-zinc-100 dark:text-zinc-900 tracking-tight\">460.00 EUR</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </motion.div>\r\n          </div>\r\n          <motion.div\r\n            className=\"w-full text-xs text-secondary-foreground mt-2 text-center\"\r\n            initial={{ opacity: 0 }}\r\n            animate={{ opacity: 1 }}\r\n            transition={{ delay: 1.4, duration: 0.4 }}\r\n          >\r\n            Exchange Rate: 1 USD = 0.92 EUR\r\n          </motion.div>\r\n        </motion.div>\r\n      </CardContent>\r\n    </Card>\r\n  )\r\n}\r\n","export const Loader = () => {\r\n  return (\r\n    <div className=\"rounded-2xl flex justify-center items-center h-full bg-transparent\">\r\n      <div className=\"flex flex-col items-center space-y-4\">\r\n        <div className=\"animate-spin rounded-full border-t-4 border-ring h-16 w-16 mb-4\" />\r\n        <h2 className=\"text-xl font-semibold text-muted-foreground\">Loading, please wait...</h2>\r\n        <p className=\"text-sm text-muted-foreground\">Your content is on its way.</p>\r\n      </div>\r\n    </div>\r\n  );\r\n}","import { useLocation } from \"react-router\";\r\nimport { Button } from \"../ui/button.jsx\";\r\nimport { GhostIcon } from \"lucide-react\";\r\nimport { NavLink, useNavigate } from \"react-router\";\r\n\r\nexport const NotFound = () => {\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n\r\n  const goBack = () => {\r\n    if (window.history.length > 2) {\r\n      navigate(-1);\r\n    } else {\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none\">\r\n      <GhostIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Page Not Found</h1>\r\n      <p className=\"text-xl mb-4\">\r\n        The page <code className=\"px-1 py-0.5 rounded bg-muted text-foreground\">{location.pathname}</code> doesn't exist or has been moved.\r\n      </p>\r\n      <div className=\"flex space-x-4\">\r\n        <Button variant=\"outline\" onClick={goBack}>\r\n          Go Back\r\n        </Button>\r\n        <Button variant=\"ghost\">\r\n          <NavLink to=\"/\">Return Home</NavLink>\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { WifiOffIcon } from \"lucide-react\";\r\n\r\nexport const OfflineUI = () => (\r\n  <div className=\"rounded-2xl flex flex-col items-center justify-center h-screen p-6 text-center text-muted-foreground bg-background select-none\">\r\n    <WifiOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n    <h1 className=\"text-3xl font-bold text-destructive mb-2\">You're offline</h1>\r\n    <p className=\"text-xl max-w-md\">\r\n      We couldn't connect to the server.\r\n    </p>\r\n  </div>\r\n);\r\n","import { ShieldOffIcon } from \"lucide-react\";\r\nimport { Button } from \"../ui/button.jsx\";\r\nimport { NavLink, useNavigate } from \"react-router\";\r\n\r\nexport const Unauthorized = () => {\r\n  const navigate = useNavigate();\r\n\r\n  const goBack = () => {\r\n    if (window.history.length > 2) {\r\n      navigate(-1);\r\n    } else {\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none\">\r\n      <ShieldOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Access Denied</h1>\r\n      <p className=\"text-xl mb-4\">\r\n        You don't have permission to view this page. Please sign in with an authorized account or contact your administrator.\r\n      </p>\r\n      <div className=\"flex space-x-4\">\r\n        <Button variant=\"outline\" onClick={goBack}>\r\n          Go Back\r\n        </Button>\r\n        <Button variant=\"ghost\">\r\n          <NavLink to=\"/\">Go to Home</NavLink>\r\n        </Button>\r\n      </div>\r\n    </div>\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","ChevronDown","Eye","jsx","jsxs","SlotPrimitive","cva","jsx","badgeVariants","cva","CommandPrimitive","SearchIcon","DialogPrimitive","XIcon","jsx","jsxs","jsx","jsxs","PopoverPrimitive","jsx","CheckIcon","PlusCircleIcon","Fragment","jsx","jsxs","useState","useEffect","useMemo","useCallback","useRef","Loader2","Search","Download","RefreshCw","Filter","ChevronDown","Settings2","Fragment","jsx","jsxs","DataTemplateToolbar","fields","filters","globalFilter","onGlobalFilterChange","fieldFilters","onFieldFilterChange","sortField","sortDirection","onSortChange","selectedCount","totalCount","visibleCount","onExport","onRefresh","loading","onClearFilters","onClearSorting","sortableFields","field","hasActiveFilters","value","hasActiveSorting","Filter","filter","Select","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","option","Input","e","Search","DropdownMenu","DropdownMenuTrigger","Button","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","Settings2","Download","RefreshCw","ChevronLeft","ChevronRight","ChevronsLeft","ChevronsRight","jsx","jsxs","DataTemplatePagination","currentPage","totalPages","pageSize","totalItems","onPageChange","onPageSizeChange","config","pageSizeOptions","startItem","endItem","canPreviousPage","canNextPage","getPageNumbers","range","rangeWithDots","i","Select","value","SelectTrigger","SelectValue","SelectContent","size","SelectItem","Button","ChevronsLeft","ChevronLeft","pageNumber","index","page","ChevronRight","ChevronsRight","jsx","jsxs","DataTemplate","data","template","fields","filters","pagination","settings","header","footer","className","loading","error","emptyMessage","emptyIcon","onSelectionChange","onExport","onRefresh","onTemplateReady","children","enableSorting","enableFiltering","enableGlobalSearch","enableSelection","enableExport","toolbar","selectionMode","gridCols","gap","aspectRatio","minCardWidth","maxCardWidth","globalFilter","setGlobalFilter","useState","fieldFilters","setFieldFilters","sortField","setSortField","sortDirection","setSortDirection","selectedItems","setSelectedItems","currentPage","setCurrentPage","pageSize","setPageSize","currentGridCols","setCurrentGridCols","filteredAndSortedData","useMemo","result","searchableFields","field","item","key","value","f","itemValue","a","b","aValue","bValue","aDate","bDate","aStr","bStr","paginatedData","startIndex","endIndex","totalPages","handleToggleSelect","useCallback","index","prev","newSelection","handleSelectAll","_","handleFieldFilterChange","handleSortChange","direction","handleClearFilters","handleClearSorting","controller","controllerRef","useRef","useEffect","selected","gridContainerClasses","cn","gridClasses","gridStyle","Card","CardContent","Button","Loader2","DataTemplateToolbar","globalIndex","isSelected","Checkbox","e","v","DataTemplatePagination","size","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","jsx","spacingClasses","paddingClasses","AppContainer","children","className","spacing","padding","cn","ArrowLeftIcon","ChevronRight","NavLink","jsx","jsxs","AppHeader","className","columns","showBackButton","meta","renderBackAction","buttonProps","Button","ArrowLeftIcon","renderMetadata","item","index","renderStatus","cn","reservedColumn","crumb","ChevronRight","actionsColumn","allColumns","col","column","React","useState","createContext","useContext","SheetPrimitive","XIcon","jsx","jsxs","Sheet","props","SheetPrimitive","SheetTrigger","SheetPortal","props","jsx","SheetPrimitive","SheetOverlay","className","cn","SheetContent","children","side","jsxs","XIcon","jsx","jsxs","AppContentContext","createContext","splitRatioClasses","paddingClasses","getContainerSheetClasses","side","width","contentWidth","sheetWidth","cn","baseClasses","variantClasses","AppContent","props","children","className","variant","layout","header","footer","headerClassName","footerClassName","parentContainer","padding","isNested","useContext","internalSheetOpen","setInternalSheetOpen","useState","contentWrapper","React","content","renderContent","splitRatio","reverse","leftClass","rightClass","firstChild","secondChild","firstClass","secondClass","sheetContent","sheetSide","sheetMode","sheetTrigger","sheetClassName","isSheetOpen","onSheetOpenChange","showSheetOverlay","disableOverlay","isControlled","sheetOpen","setSheetOpen","sheetClasses","Sheet","SheetTrigger","SheetPortal","SheetOverlay","SheetContent","jsx","AppFooter","className","columns","meta","actionsColumn","allColumns","col","cn","column","index","jsx","createLayoutComponents","useTypedAppMeta","props","meta","AppHeader","AppFooter","AppContent","AppContainer","createContext","useContext","useState","useCallback","useMemo","jsx","AppMetaContext","AppMetaProvider","children","meta","setMetaState","setMeta","partialMeta","prev","key","resetMeta","contextValue","createTypedAppMetaContext","TypedAppMetaContext","createContext","children","meta","setMetaState","useState","setMeta","useCallback","partialMeta","prev","key","prevValue","newValue","resetMeta","contextValue","useMemo","jsx","context","useContext","useEffect","useMemo","createPageTemplateHook","useTypedAppMeta","usePageTemplate","options","setMeta","resetMeta","backAction","metadata","stableOptions","useState","Copy","Check","Loader2Icon","jsx","jsxs","GeneralHelper","text","error","children","className","size","variant","isCopied","setIsCopied","useState","isLoading","setIsLoading","handleCopy","Tooltip","TooltipTrigger","Button","cn","Loader2Icon","Check","Copy","TooltipContent","amount","options","prefix","suffix","withSymbol","compact","isNegative","absoluteAmount","formatted","input","format","separator","dateObj","dd","mm","mmm","yyyy","word","part","index","array","status","showDot","capitalize","customColors","icon","trueMessage","falseMessage","normalizedStatus","statusConfig","config","colors","sizeClasses","displayText","AlertTriangleIcon","useRouteError","isRouteErrorResponse","useNavigate","Fragment","jsx","jsxs","ErrorComponent","error","navigate","Button","motion","jsx","jsxs","Checkmark","size","strokeWidth","color","className","motion","CurrencyTransfer","Card","CardContent","jsx","jsxs","Loader","useLocation","GhostIcon","NavLink","useNavigate","jsx","jsxs","NotFound","location","useLocation","navigate","goBack","Button","WifiOffIcon","jsx","jsxs","OfflineUI","ShieldOffIcon","NavLink","useNavigate","jsx","jsxs","Unauthorized","navigate","ShieldOffIcon","Button"]}
+{"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","../src/components/data/data-template/data-template.tsx","../src/components/data/data-template/data-template-toolbar.tsx","../src/components/data/data-template/data-template-pagination.tsx","../src/components/data/data-template/data-template-action-bar.tsx","../src/components/layouts/app-container.tsx","../src/components/layouts/app-header.tsx","../src/components/layouts/app-content.tsx","../src/components/ui/sheet.tsx","../src/components/layouts/app-footer.tsx","../src/components/layouts/factories.tsx","../src/context/app-meta/context.tsx","../src/context/app-meta/hooks.ts","../src/components/general.tsx","../src/components/core/error.tsx","../src/components/core/event-success.tsx","../src/components/core/loader.tsx","../src/components/core/notfound.tsx","../src/components/core/offline-content.tsx","../src/components/core/unauthorized.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","import { useState, useEffect, useMemo, useCallback, useRef } from \"react\"\r\nimport { Loader2 } from \"lucide-react\"\r\nimport { Card, CardContent } from \"../../ui/card.jsx\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type {\r\n  DataTemplateProps,\r\n  DataTemplateController,\r\n  DataTemplateSettings,\r\n} from \"./data-template-types.js\"\r\nimport { DataTemplateToolbar } from \"./data-template-toolbar.jsx\"\r\nimport { DataTemplatePagination } from \"./data-template-pagination.jsx\"\r\n\r\nexport function DataTemplate<T extends Record<string, any>>({\r\n  data,\r\n  template,\r\n  fields = [],\r\n  filters = [],\r\n  pagination = { enabled: false },\r\n  settings = {},\r\n  header,\r\n  footer,\r\n  className = \"\",\r\n  loading = false,\r\n  error,\r\n  emptyMessage = \"No items found\",\r\n  emptyIcon,\r\n  onSelectionChange,\r\n  onExport,\r\n  onRefresh,\r\n  onTemplateReady,\r\n  children,\r\n}: DataTemplateProps<T>) {\r\n  const {\r\n    enableSorting = true,\r\n    enableFiltering = true,\r\n    enableGlobalSearch = true,\r\n    enableSelection = false,\r\n    enableExport = false,\r\n    toolbar = true,\r\n    selectionMode = \"multiple\",\r\n    gridCols = { default: 3, sm: 1, md: 2, lg: 3, xl: 4, \"2xl\": 6 },\r\n    gap = 4,\r\n    aspectRatio = \"auto\",\r\n    minCardWidth = 350,\r\n    maxCardWidth = 350,\r\n  } = settings as Required<DataTemplateSettings>\r\n\r\n  const [globalFilter, setGlobalFilter] = useState(\"\")\r\n  const [fieldFilters, setFieldFilters] = useState<Partial<Record<keyof T, any>>>({})\r\n  const [sortField, setSortField] = useState<keyof T | \"\">(\"\")\r\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\r\n  const [selectedItems, setSelectedItems] = useState<Set<number>>(new Set())\r\n  const [currentPage, setCurrentPage] = useState(1)\r\n  const [pageSize, setPageSize] = useState(pagination.pageSize || 12)\r\n  const [currentGridCols, setCurrentGridCols] = useState(gridCols.default)\r\n\r\n  const filteredAndSortedData = useMemo(() => {\r\n    let result = [...data]\r\n\r\n    if (enableGlobalSearch && globalFilter) {\r\n      const searchableFields = fields.filter((field) => field.searchable !== false)\r\n      result = result.filter((item) =>\r\n        searchableFields.some((field) => {\r\n          const value = item[field.key]\r\n          return value?.toString().toLowerCase().includes(globalFilter.toLowerCase())\r\n        }),\r\n      )\r\n    }\r\n\r\n    if (enableFiltering) {\r\n      (Object.keys(fieldFilters) as Array<keyof T>).forEach((key) => {\r\n        const value = fieldFilters[key]\r\n        if (value !== undefined && value !== null && value !== \"\") {\r\n          const field = fields.find((f) => f.key === key)\r\n          if (field) {\r\n            result = result.filter((item) => {\r\n              const itemValue = item[key]\r\n              if (field.type === \"boolean\") {\r\n                return itemValue === (value === \"true\")\r\n              } else if (field.type === \"number\") {\r\n                return itemValue === Number(value)\r\n              } else {\r\n                return itemValue?.toString().toLowerCase().includes(String(value).toLowerCase())\r\n              }\r\n            })\r\n          }\r\n        }\r\n      })\r\n    }\r\n\r\n    if (enableSorting && sortField) {\r\n      const field = fields.find((f) => f.key === sortField)\r\n      if (field) {\r\n        result.sort((a, b) => {\r\n          const aValue = a[sortField]\r\n          const bValue = b[sortField]\r\n\r\n          if (field.type === \"number\") {\r\n            return sortDirection === \"asc\" ? Number(aValue) - Number(bValue) : Number(bValue) - Number(aValue)\r\n          } else if (field.type === \"date\") {\r\n            const aDate = new Date(aValue)\r\n            const bDate = new Date(bValue)\r\n            return sortDirection === \"asc\" ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime()\r\n          } else {\r\n            const aStr = String(aValue).toLowerCase()\r\n            const bStr = String(bValue).toLowerCase()\r\n            return sortDirection === \"asc\" ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr)\r\n          }\r\n        })\r\n      }\r\n    }\r\n    return result\r\n  }, [\r\n    data,\r\n    globalFilter,\r\n    fieldFilters,\r\n    sortField,\r\n    sortDirection,\r\n    fields,\r\n    enableGlobalSearch,\r\n    enableFiltering,\r\n    enableSorting,\r\n  ])\r\n\r\n  const paginatedData = useMemo(() => {\r\n    if (!pagination.enabled) return filteredAndSortedData\r\n\r\n    const startIndex = (currentPage - 1) * pageSize\r\n    const endIndex = startIndex + pageSize\r\n    return filteredAndSortedData.slice(startIndex, endIndex)\r\n  }, [filteredAndSortedData, currentPage, pageSize, pagination.enabled])\r\n\r\n  const totalPages = Math.ceil(filteredAndSortedData.length / pageSize)\r\n\r\n  const handleToggleSelect = useCallback(\r\n    (index: number) => {\r\n      if (!enableSelection) return\r\n\r\n      setSelectedItems((prev) => {\r\n        const newSelection = new Set(prev)\r\n        if (selectionMode === \"single\") {\r\n          newSelection.clear()\r\n          newSelection.add(index)\r\n        } else {\r\n          if (newSelection.has(index)) {\r\n            newSelection.delete(index)\r\n          } else {\r\n            newSelection.add(index)\r\n          }\r\n        }\r\n        return newSelection\r\n      })\r\n    },\r\n    [enableSelection, selectionMode],\r\n  )\r\n\r\n  const handleSelectAll = useCallback(() => {\r\n    if (!enableSelection || selectionMode === \"single\") return\r\n\r\n    if (selectedItems.size === filteredAndSortedData.length) {\r\n      setSelectedItems(new Set())\r\n    } else {\r\n      setSelectedItems(new Set(filteredAndSortedData.map((_, index) => index)))\r\n    }\r\n  }, [enableSelection, selectionMode, selectedItems.size, filteredAndSortedData.length])\r\n\r\n  const handleFieldFilterChange = useCallback((key: keyof T, value: any) => {\r\n    setFieldFilters((prev) => ({ ...prev, [key]: value }))\r\n    setCurrentPage(1)\r\n  }, [])\r\n\r\n  const handleSortChange = useCallback((field: keyof T, direction: \"asc\" | \"desc\") => {\r\n    setSortField(field)\r\n    setSortDirection(direction)\r\n  }, [])\r\n\r\n  const handleClearFilters = useCallback(() => {\r\n    setGlobalFilter(\"\")\r\n    setFieldFilters({})\r\n    setCurrentPage(1)\r\n  }, [])\r\n\r\n  const handleClearSorting = useCallback(() => {\r\n    setSortField(\"\")\r\n    setSortDirection(\"asc\")\r\n  }, [])\r\n\r\n  const controller: DataTemplateController<T> = useMemo(\r\n    () => ({\r\n      getSelectedItems: () => Array.from(selectedItems).map((index) => filteredAndSortedData[index]),\r\n      clearSelection: () => setSelectedItems(new Set()),\r\n      selectAll: handleSelectAll,\r\n      getFilteredData: () => filteredAndSortedData,\r\n      getTotalCount: () => data.length,\r\n      getVisibleCount: () => filteredAndSortedData.length,\r\n      refresh: () => onRefresh?.(),\r\n      exportData: () => onExport?.(filteredAndSortedData),\r\n    }),\r\n    [selectedItems, filteredAndSortedData, data.length, handleSelectAll, onRefresh, onExport],\r\n  )\r\n\r\n  const controllerRef = useRef<DataTemplateController<T> | null>(null)\r\n  controllerRef.current = controller\r\n\r\n  useEffect(() => {\r\n    if (onTemplateReady && controllerRef.current) {\r\n      onTemplateReady(controllerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (enableSelection && onSelectionChange) {\r\n      const selected = Array.from(selectedItems).map((index) => filteredAndSortedData[index])\r\n      onSelectionChange(selected)\r\n    }\r\n  }, [selectedItems])\r\n\r\n  // const gridClasses = cn(\r\n  //   \"grid gap-4\",\r\n  //   `grid-cols-${gridCols.sm || 1} sm:grid-cols-${gridCols.md || 2} md:grid-cols-${gridCols.lg || 3} lg:grid-cols-${gridCols.xl || 4} xl:grid-cols-${gridCols[\"2xl\"] || 6}`,\r\n  //   `gap-${gap}`,\r\n  // )\r\n\r\n  const gridContainerClasses = cn(\r\n    \"w-full\",\r\n    \"overflow-hidden\", // Prevent any potential overflow issues\r\n    className\r\n  );\r\n\r\n  const gridClasses = cn(\r\n    \"grid\",\r\n    `gap-${gap}`,\r\n    \"w-full\", // Ensure grid takes full width\r\n    \"mx-auto\", // Center the grid if it doesn't take full width\r\n    \"items-start\", // Align items to the top\r\n  );\r\n\r\n  const gridStyle = {\r\n    // Primary grid definition - choose one of these options:\r\n\r\n    gridTemplateColumns:\r\n      currentGridCols === 0\r\n        // ? `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`\r\n        ? `repeat(auto-fill, 1fr)`\r\n        : `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${currentGridCols} - ${gap * 4}px), ${maxCardWidth}px), 1fr))`,\r\n\r\n    // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${Math.min(\r\n    //   currentGridCols,\r\n    //   gridCols[\"2xl\"] || 6\r\n    // )} - ${gap * 4}px), ${maxCardWidth}px))`,\r\n\r\n    // Option 1: Fully fluid grid (recommended)\r\n    // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`,\r\n\r\n    // Option 2: More controlled fluid grid\r\n    // gridTemplateColumns: `repeat(auto-fit, minmax(clamp(${minCardWidth}px, 25vw, ${maxCardWidth}px), 1fr))`,\r\n\r\n    // Option 3: Fixed maximum columns with fluid width\r\n    // gridTemplateColumns: `repeat(min(6, auto-fill), minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n\r\n    // Additional grid enhancements\r\n    justifyItems: \"center\", // Center items horizontally in their grid cells\r\n    alignItems: \"stretch\", // Stretch items vertically to fill the grid cell\r\n    gridAutoRows: \"1fr\", // Make all rows the same height\r\n    gridAutoFlow: \"dense\", // Try to fill holes in the grid\r\n  };\r\n\r\n  if (error) {\r\n    return (\r\n      <Card className=\"w-full\">\r\n        <CardContent className=\"flex items-center justify-center py-12\">\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}>\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    <div className={cn(\"w-full flex gap-2 flex-col h-full\", gridContainerClasses)}>\r\n      {/* Header */}\r\n      {header && (\r\n        <Card className=\"shadow-sm border-0 py-0 text-xl font-bold\">\r\n          <CardContent className=\"p-2\">{header}</CardContent>\r\n        </Card>\r\n      )}\r\n\r\n      {/* Toolbar */}\r\n      {toolbar && (\r\n        <DataTemplateToolbar<T>\r\n          fields={fields}\r\n          filters={filters}\r\n          globalFilter={globalFilter}\r\n          onGlobalFilterChange={setGlobalFilter}\r\n          fieldFilters={fieldFilters}\r\n          onFieldFilterChange={handleFieldFilterChange}\r\n          sortField={sortField}\r\n          sortDirection={sortDirection}\r\n          onSortChange={handleSortChange}\r\n          selectedCount={selectedItems.size}\r\n          totalCount={data.length}\r\n          visibleCount={filteredAndSortedData.length}\r\n          onExport={enableExport ? () => onExport?.(filteredAndSortedData) : undefined}\r\n          onRefresh={onRefresh}\r\n          loading={loading}\r\n          // gridCols={currentGridCols}\r\n          // onGridColsChange={setCurrentGridCols}\r\n          onClearFilters={handleClearFilters}\r\n          onClearSorting={handleClearSorting}\r\n        />\r\n      )}\r\n\r\n      {/* Main Content */}\r\n      <Card className=\"border-0 overflow-auto shadow-none py-0 p-2 flex-1\">\r\n        <CardContent className=\"px-0\">\r\n          <div className=\"relative\">\r\n            {loading && (\r\n              <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg\">\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            {paginatedData.length > 0 ? (\r\n              <div\r\n                className={cn(gridClasses)}\r\n                // style={{\r\n                //   gridTemplateColumns: `repeat(${currentGridCols}, minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n                //   justifyContent: \"center\",\r\n                // }}\r\n                style={gridStyle}\r\n              >\r\n                {paginatedData.map((item, index) => {\r\n                  const globalIndex = pagination.enabled ? (currentPage - 1) * pageSize + index : index\r\n                  const isSelected = selectedItems.has(globalIndex)\r\n\r\n                  return (\r\n                    <div\r\n                      key={globalIndex}\r\n                      className={cn(\r\n                        \"relative h-full w-full flex flex-col\",\r\n                        \"transition-all duration-200 overflow-hidden\",\r\n                        \"rounded-2xl\",\r\n                        \"border border-border/20 hover:border-border/50\",\r\n                        aspectRatio === \"square\" ? \"aspect-square\" : \"\",\r\n                        aspectRatio === \"video\" ? \"aspect-video\" : \"\",\r\n                        enableSelection ? \"cursor-pointer\" : \"\",\r\n                        isSelected ? \"ring-2 ring-primary\" : \"\"\r\n                      )}\r\n                      onClick={() => enableSelection && handleToggleSelect(globalIndex)}\r\n                    >\r\n                      {enableSelection && selectionMode === \"multiple\" && (\r\n                        <div className=\"absolute top-2 right-2 z-10\">\r\n                          <Checkbox\r\n                            checked={isSelected}\r\n                            onCheckedChange={() => handleToggleSelect(globalIndex)}\r\n                            className=\"bg-background/80 backdrop-blur-sm\"\r\n                            onClick={(e) => e.stopPropagation()}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                      {template(item, index, isSelected, () => handleToggleSelect(globalIndex))}\r\n                    </div>\r\n                  )\r\n                })}\r\n              </div>\r\n            ) : (\r\n              <div className=\"flex flex-col gap-4 items-center justify-center py-12 text-center\">\r\n                <div className=\"text-6xl\">{emptyIcon || \"📋\"}</div>\r\n                <p className=\"text-lg font-medium text-muted-foreground mb-2\">{emptyMessage}</p>\r\n                {(globalFilter || Object.values(fieldFilters).some((v) => v)) && (\r\n                  <Button variant=\"outline\" onClick={handleClearFilters}>\r\n                    Clear Filters\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n\r\n      {/* Pagination */}\r\n      {pagination.enabled && (\r\n        <div className=\"pb-1\">\r\n          <DataTemplatePagination\r\n            currentPage={currentPage}\r\n            totalPages={totalPages}\r\n            pageSize={pageSize}\r\n            totalItems={filteredAndSortedData.length}\r\n            onPageChange={setCurrentPage}\r\n            onPageSizeChange={(size) => {\r\n              setPageSize(size)\r\n              setCurrentPage(1)\r\n            }}\r\n            config={pagination}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {/* Footer */}\r\n      {footer && (\r\n        <div className=\"p-2 m-0.5\">\r\n          {footer}\r\n        </div>\r\n      )}\r\n\r\n      {/* Children with controller */}\r\n      {children && children(controller)}\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\n\r\n// import { useState, useEffect, useMemo, useCallback, useRef } from \"react\"\r\n// import { Loader2 } from \"lucide-react\"\r\n// import { Card, CardContent } from \"../../ui/card\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Checkbox } from \"../../ui/checkbox\"\r\n// import { cn } from \"@/lib/utils\"\r\n// import { TemplateRepeaterToolbar } from \"./template-repeater-toolbar\"\r\n// import { TemplateRepeaterPagination } from \"./template-repeater-pagination\"\r\n// import type {\r\n//   TemplateRepeaterProps,\r\n//   TemplateRepeaterController,\r\n//   TemplateRepeaterSettings,\r\n//   TemplateRepeaterField,\r\n//   TemplateRepeaterFilter,\r\n// } from \"./template-repeater-types\"\r\n\r\n// export function TemplateRepeater<T extends Record<string, any>>({\r\n//   data,\r\n//   template,\r\n//   fields = [],\r\n//   filters = [],\r\n//   pagination = { enabled: false },\r\n//   settings = {},\r\n//   header,\r\n//   footer,\r\n//   className = \"\",\r\n//   loading = false,\r\n//   error,\r\n//   emptyMessage = \"No items found\",\r\n//   emptyIcon,\r\n//   onSelectionChange,\r\n//   onExport,\r\n//   onRefresh,\r\n//   onTemplateReady,\r\n//   children,\r\n// }: TemplateRepeaterProps<T>) {\r\n//   const {\r\n//     enableSorting = true,\r\n//     enableFiltering = true,\r\n//     enableGlobalSearch = true,\r\n//     enableSelection = false,\r\n//     enableExport = false,\r\n//     toolbar = true,\r\n//     selectionMode = \"multiple\",\r\n//     gridCols = { default: 3, sm: 1, md: 2, lg: 3, xl: 4, \"2xl\": 6 },\r\n//     gap = 4,\r\n//     aspectRatio = \"auto\",\r\n//     minCardWidth = 300,\r\n//     maxCardWidth = 400,\r\n//   } = settings as Required<TemplateRepeaterSettings>\r\n\r\n//   const [globalFilter, setGlobalFilter] = useState(\"\")\r\n//   const [fieldFilters, setFieldFilters] = useState<Partial<Record<keyof T, any>>>({})\r\n//   const [sortField, setSortField] = useState<keyof T | \"\">(\"\")\r\n//   const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\r\n//   const [selectedItems, setSelectedItems] = useState<Set<number>>(new Set())\r\n//   const [currentPage, setCurrentPage] = useState(1)\r\n//   const [pageSize, setPageSize] = useState(pagination.pageSize || 12)\r\n//   const [currentGridCols, setCurrentGridCols] = useState(gridCols.default)\r\n\r\n//   const filteredAndSortedData = useMemo(() => {\r\n//     let result = [...data]\r\n\r\n//     if (enableGlobalSearch && globalFilter) {\r\n//       const searchableFields = fields.filter((field) => field.searchable !== false)\r\n//       result = result.filter((item) =>\r\n//         searchableFields.some((field) => {\r\n//           const value = item[field.key]\r\n//           return value?.toString().toLowerCase().includes(globalFilter.toLowerCase())\r\n//         }),\r\n//       )\r\n//     }\r\n\r\n//     if (enableFiltering) {\r\n//       (Object.keys(fieldFilters) as Array<keyof T>).forEach((key) => {\r\n//         const value = fieldFilters[key]\r\n//         if (value !== undefined && value !== null && value !== \"\") {\r\n//           const field = fields.find((f) => f.key === key)\r\n//           if (field) {\r\n//             result = result.filter((item) => {\r\n//               const itemValue = item[key]\r\n//               if (field.type === \"boolean\") {\r\n//                 return itemValue === (value === \"true\")\r\n//               } else if (field.type === \"number\") {\r\n//                 return itemValue === Number(value)\r\n//               } else {\r\n//                 return itemValue?.toString().toLowerCase().includes(String(value).toLowerCase())\r\n//               }\r\n//             })\r\n//           }\r\n//         }\r\n//       })\r\n//     }\r\n\r\n//     if (enableSorting && sortField) {\r\n//       const field = fields.find((f) => f.key === sortField)\r\n//       if (field) {\r\n//         result.sort((a, b) => {\r\n//           const aValue = a[sortField]\r\n//           const bValue = b[sortField]\r\n\r\n//           if (field.type === \"number\") {\r\n//             return sortDirection === \"asc\" ? Number(aValue) - Number(bValue) : Number(bValue) - Number(aValue)\r\n//           } else if (field.type === \"date\") {\r\n//             const aDate = new Date(aValue)\r\n//             const bDate = new Date(bValue)\r\n//             return sortDirection === \"asc\" ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime()\r\n//           } else {\r\n//             const aStr = String(aValue).toLowerCase()\r\n//             const bStr = String(bValue).toLowerCase()\r\n//             return sortDirection === \"asc\" ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr)\r\n//           }\r\n//         })\r\n//       }\r\n//     }\r\n\r\n//     return result\r\n//   }, [\r\n//     data,\r\n//     globalFilter,\r\n//     fieldFilters,\r\n//     sortField,\r\n//     sortDirection,\r\n//     fields,\r\n//     enableGlobalSearch,\r\n//     enableFiltering,\r\n//     enableSorting,\r\n//   ])\r\n\r\n//   const paginatedData = useMemo(() => {\r\n//     if (!pagination.enabled) return filteredAndSortedData\r\n\r\n//     const startIndex = (currentPage - 1) * pageSize\r\n//     const endIndex = startIndex + pageSize\r\n//     return filteredAndSortedData.slice(startIndex, endIndex)\r\n//   }, [filteredAndSortedData, currentPage, pageSize, pagination.enabled])\r\n\r\n//   const totalPages = Math.ceil(filteredAndSortedData.length / pageSize)\r\n\r\n//   const handleToggleSelect = useCallback(\r\n//     (index: number) => {\r\n//       if (!enableSelection) return\r\n\r\n//       setSelectedItems((prev) => {\r\n//         const newSelection = new Set(prev)\r\n//         if (selectionMode === \"single\") {\r\n//           newSelection.clear()\r\n//           newSelection.add(index)\r\n//         } else {\r\n//           if (newSelection.has(index)) {\r\n//             newSelection.delete(index)\r\n//           } else {\r\n//             newSelection.add(index)\r\n//           }\r\n//         }\r\n//         return newSelection\r\n//       })\r\n//     },\r\n//     [enableSelection, selectionMode],\r\n//   )\r\n\r\n//   const handleSelectAll = useCallback(() => {\r\n//     if (!enableSelection || selectionMode === \"single\") return\r\n\r\n//     if (selectedItems.size === filteredAndSortedData.length) {\r\n//       setSelectedItems(new Set())\r\n//     } else {\r\n//       setSelectedItems(new Set(filteredAndSortedData.map((_, index) => index)))\r\n//     }\r\n//   }, [enableSelection, selectionMode, selectedItems.size, filteredAndSortedData.length])\r\n\r\n//   const handleFieldFilterChange = useCallback((key: keyof T, value: any) => {\r\n//     setFieldFilters((prev) => ({ ...prev, [key]: value }))\r\n//     setCurrentPage(1)\r\n//   }, [])\r\n\r\n//   const handleSortChange = useCallback((field: keyof T, direction: \"asc\" | \"desc\") => {\r\n//     setSortField(field)\r\n//     setSortDirection(direction)\r\n//   }, [])\r\n\r\n//   const handleClearFilters = useCallback(() => {\r\n//     setGlobalFilter(\"\")\r\n//     setFieldFilters({})\r\n//     setCurrentPage(1)\r\n//   }, [])\r\n\r\n//   const handleClearSorting = useCallback(() => {\r\n//     setSortField(\"\")\r\n//     setSortDirection(\"asc\")\r\n//   }, [])\r\n\r\n//   const controller: TemplateRepeaterController<T> = useMemo(\r\n//     () => ({\r\n//       getSelectedItems: () => Array.from(selectedItems).map((index) => filteredAndSortedData[index]),\r\n//       clearSelection: () => setSelectedItems(new Set()),\r\n//       selectAll: handleSelectAll,\r\n//       getFilteredData: () => filteredAndSortedData,\r\n//       getTotalCount: () => data.length,\r\n//       getVisibleCount: () => filteredAndSortedData.length,\r\n//       refresh: () => onRefresh?.(),\r\n//       exportData: () => onExport?.(filteredAndSortedData),\r\n//     }),\r\n//     [selectedItems, filteredAndSortedData, data.length, handleSelectAll, onRefresh, onExport],\r\n//   )\r\n\r\n//   const controllerRef = useRef<TemplateRepeaterController<T> | null>(null)\r\n//   controllerRef.current = controller\r\n\r\n//   useEffect(() => {\r\n//     if (onTemplateReady && controllerRef.current) {\r\n//       onTemplateReady(controllerRef.current)\r\n//     }\r\n//   }, [])\r\n\r\n//   useEffect(() => {\r\n//     if (enableSelection && onSelectionChange) {\r\n//       const selected = Array.from(selectedItems).map((index) => filteredAndSortedData[index])\r\n//       onSelectionChange(selected)\r\n//     }\r\n//   }, [selectedItems])\r\n\r\n//   // const gridClasses = cn(\r\n//   //   \"grid gap-4\",\r\n//   //   `grid-cols-${gridCols.sm || 1} sm:grid-cols-${gridCols.md || 2} md:grid-cols-${gridCols.lg || 3} lg:grid-cols-${gridCols.xl || 4} xl:grid-cols-${gridCols[\"2xl\"] || 6}`,\r\n//   //   `gap-${gap}`,\r\n//   // )\r\n\r\n//   const gridContainerClasses = cn(\r\n//     \"w-full\",\r\n//     \"overflow-hidden\", // Prevent any potential overflow issues\r\n//     className\r\n//   );\r\n\r\n//   const gridClasses = cn(\r\n//     \"grid\",\r\n//     `gap-${gap}`,\r\n//     \"w-full\", // Ensure grid takes full width\r\n//     \"mx-auto\", // Center the grid if it doesn't take full width\r\n//     \"items-start\", // Align items to the top\r\n//   );\r\n\r\n//   const gridStyle = {\r\n//     // Primary grid definition - choose one of these options:\r\n\r\n//     gridTemplateColumns:\r\n//       currentGridCols === 0\r\n//         ? `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`\r\n//         : `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${currentGridCols} - ${gap * 4}px), ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${Math.min(\r\n//     //   currentGridCols,\r\n//     //   gridCols[\"2xl\"] || 6\r\n//     // )} - ${gap * 4}px), ${maxCardWidth}px))`,\r\n\r\n//     // Option 1: Fully fluid grid (recommended)\r\n//     // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // Option 2: More controlled fluid grid\r\n//     // gridTemplateColumns: `repeat(auto-fit, minmax(clamp(${minCardWidth}px, 25vw, ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // Option 3: Fixed maximum columns with fluid width\r\n//     // gridTemplateColumns: `repeat(min(6, auto-fill), minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n\r\n//     // Additional grid enhancements\r\n//     justifyItems: \"center\", // Center items horizontally in their grid cells\r\n//     alignItems: \"stretch\", // Stretch items vertically to fill the grid cell\r\n//     gridAutoRows: \"1fr\", // Make all rows the same height\r\n//     gridAutoFlow: \"dense\", // Try to fill holes in the grid\r\n//   };\r\n\r\n//   if (error) {\r\n//     return (\r\n//       <Card className=\"w-full\">\r\n//         <CardContent className=\"flex items-center justify-center py-12\">\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}>\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//     <div className={cn(\"w-full flex gap-2 flex-col h-full\", gridContainerClasses)}>\r\n//       {/* Header */}\r\n//       {header && (\r\n//         <Card className=\"shadow-sm border-0 bg-gradient-to-r from-background to-muted/20\">\r\n//           <CardContent className=\"p-6\">{header}</CardContent>\r\n//         </Card>\r\n//       )}\r\n\r\n//       {/* Toolbar */}\r\n//       {toolbar && (\r\n//         <TemplateRepeaterToolbar<T>\r\n//           fields={fields}\r\n//           filters={filters}\r\n//           globalFilter={globalFilter}\r\n//           onGlobalFilterChange={setGlobalFilter}\r\n//           fieldFilters={fieldFilters}\r\n//           onFieldFilterChange={handleFieldFilterChange}\r\n//           sortField={sortField}\r\n//           sortDirection={sortDirection}\r\n//           onSortChange={handleSortChange}\r\n//           selectedCount={selectedItems.size}\r\n//           totalCount={data.length}\r\n//           visibleCount={filteredAndSortedData.length}\r\n//           onExport={enableExport ? () => onExport?.(filteredAndSortedData) : undefined}\r\n//           onRefresh={onRefresh}\r\n//           loading={loading}\r\n//           gridCols={currentGridCols}\r\n//           onGridColsChange={setCurrentGridCols}\r\n//           onClearFilters={handleClearFilters}\r\n//           onClearSorting={handleClearSorting}\r\n//         />\r\n//       )}\r\n\r\n//       {/* Main Content */}\r\n//       <Card className=\"border-0 overflow-auto shadow-none py-0 p-2 flex-1\">\r\n//         <CardContent className=\"px-0 h-full\">\r\n//           <div className=\"relative flex-1 h-full\">\r\n//             {loading && (\r\n//               <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg\">\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//             {paginatedData.length > 0 ? (\r\n//               <div\r\n//                 className={cn(gridClasses)}\r\n//                 // style={{\r\n//                 //   gridTemplateColumns: `repeat(${currentGridCols}, minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n//                 //   justifyContent: \"center\",\r\n//                 // }}\r\n//                 style={gridStyle}\r\n//               >\r\n//                 {paginatedData.map((item, index) => {\r\n//                   const globalIndex = pagination.enabled ? (currentPage - 1) * pageSize + index : index\r\n//                   const isSelected = selectedItems.has(globalIndex)\r\n\r\n//                   return (\r\n//                     <div\r\n//                       key={globalIndex}\r\n//                       className={cn(\r\n//                         \"relative h-full w-full flex flex-col\",\r\n//                         \"transition-all duration-200 overflow-hidden\",\r\n//                         \"rounded-2xl\",\r\n//                         \"border border-border/20 hover:border-border/50\",\r\n//                         aspectRatio === \"square\" ? \"aspect-square\" : \"\",\r\n//                         aspectRatio === \"video\" ? \"aspect-video\" : \"\",\r\n//                         enableSelection ? \"cursor-pointer\" : \"\",\r\n//                         isSelected ? \"ring-2 ring-primary\" : \"\"\r\n//                       )}\r\n//                       onClick={() => enableSelection && handleToggleSelect(globalIndex)}\r\n//                     >\r\n//                       {enableSelection && (\r\n//                         <div className=\"absolute top-2 right-2 z-10\">\r\n//                           <Checkbox\r\n//                             checked={isSelected}\r\n//                             onCheckedChange={() => handleToggleSelect(globalIndex)}\r\n//                             className=\"bg-background/80 backdrop-blur-sm\"\r\n//                             onClick={(e) => e.stopPropagation()}\r\n//                           />\r\n//                         </div>\r\n//                       )}\r\n//                       {template(item, index, isSelected, () => handleToggleSelect(globalIndex))}\r\n//                     </div>\r\n//                   )\r\n//                 })}\r\n//               </div>\r\n//             ) : (\r\n//               <div className=\"flex flex-col items-center justify-center py-12 text-center h-full\">\r\n//                 <div className=\"text-6xl mb-4\">{emptyIcon || \"📋\"}</div>\r\n//                 <p className=\"text-lg font-medium text-muted-foreground mb-2\">{emptyMessage}</p>\r\n//                 {(globalFilter || Object.values(fieldFilters).some((v) => v)) && (\r\n//                   <Button variant=\"outline\" onClick={handleClearFilters}>\r\n//                     Clear Filters\r\n//                   </Button>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n//         </CardContent>\r\n//       </Card>\r\n\r\n//       {/* Pagination */}\r\n//       {pagination.enabled && (\r\n//         <TemplateRepeaterPagination\r\n//           currentPage={currentPage}\r\n//           totalPages={totalPages}\r\n//           pageSize={pageSize}\r\n//           totalItems={filteredAndSortedData.length}\r\n//           onPageChange={setCurrentPage}\r\n//           onPageSizeChange={(size) => {\r\n//             setPageSize(size)\r\n//             setCurrentPage(1)\r\n//           }}\r\n//           config={pagination}\r\n//         />\r\n//       )}\r\n\r\n//       {/* Footer */}\r\n//       {footer && (\r\n//         <Card className=\"shadow-sm\">\r\n//           <CardContent className=\"p-6\">{footer}</CardContent>\r\n//         </Card>\r\n//       )}\r\n\r\n//       {/* Children with controller */}\r\n//       {children && children(controller)}\r\n//     </div>\r\n//   )\r\n// }","import { Search, Download, RefreshCw, Filter, X, ChevronDown, Settings2 } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { DataTemplateField, DataTemplateFilter } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplateToolbarProps<T extends Record<string, any>> {\r\n  fields: DataTemplateField<T>[]\r\n  filters: DataTemplateFilter<T>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  fieldFilters: Partial<Record<keyof T, any>>\r\n  onFieldFilterChange: (key: keyof T, value: any) => void\r\n  sortField: keyof T | \"\"\r\n  sortDirection: \"asc\" | \"desc\"\r\n  onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n  selectedCount: number\r\n  totalCount: number\r\n  visibleCount: number\r\n  onExport?: () => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  onClearFilters: () => void\r\n  onClearSorting: () => void\r\n}\r\n\r\nexport function DataTemplateToolbar<T extends Record<string, any>>({\r\n  fields,\r\n  filters,\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  fieldFilters,\r\n  onFieldFilterChange,\r\n  sortField,\r\n  sortDirection,\r\n  onSortChange,\r\n  selectedCount,\r\n  totalCount,\r\n  visibleCount,\r\n  onExport,\r\n  onRefresh,\r\n  loading,\r\n  onClearFilters,\r\n  onClearSorting,\r\n}: DataTemplateToolbarProps<T>) {\r\n  const sortableFields = fields.filter((field) => field.sortable)\r\n  const hasActiveFilters =\r\n    Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n    globalFilter !== \"\"\r\n  const hasActiveSorting = sortField !== \"\"\r\n\r\n  return (\r\n    <div className=\"rounded-xl p-0.5\">\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                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={String(filter.key)} className=\"relative min-w-[150px]\">\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={fieldFilters[filter.key] || \"all\"}\r\n                          onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n                        >\r\n                          {filter.icon && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder || \"Select...\"} />\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.value} 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 && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <Input\r\n                            type={filter.type}\r\n                            placeholder={filter.placeholder}\r\n                            value={fieldFilters[filter.key] || \"\"}\r\n                            onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\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              {/* Global Search */}\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={(e) => onGlobalFilterChange(e.target.value)}\r\n                  className=\"pl-9 h-9 rounded-lg max-w-max\"\r\n                />\r\n              </div>\r\n\r\n              {/* Sort Dropdown */}\r\n              {sortableFields.length > 0 && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Sort</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                    <DropdownMenuLabel>Sort By</DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n                    {sortableFields.map((field) => (\r\n                      <div key={String(field.key)}>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n                          {field.label} (A-Z)\r\n                        </DropdownMenuItem>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n                          {field.label} (Z-A)\r\n                        </DropdownMenuItem>\r\n                      </div>\r\n                    ))}\r\n                    {hasActiveSorting && (\r\n                      <>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuItem onClick={onClearSorting}>\r\n                          Clear All Sorting\r\n                        </DropdownMenuItem>\r\n                      </>\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                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={onClearFilters}>\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onExport} 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              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={onRefresh}\r\n                  disabled={loading}\r\n                  className=\"rounded-lg\"\r\n                >\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}\r\n\r\n\r\n// import { Search, Download, RefreshCw, Filter, X, SortAsc, SortDesc, Grid3X3, Grid2X2, LayoutGrid, XIcon } from \"lucide-react\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Input } from \"../../ui/input\"\r\n// import {\r\n//   DropdownMenu,\r\n//   DropdownMenuContent,\r\n//   DropdownMenuItem,\r\n//   DropdownMenuLabel,\r\n//   DropdownMenuSeparator,\r\n//   DropdownMenuTrigger,\r\n//   DropdownMenuRadioGroup,\r\n//   DropdownMenuRadioItem,\r\n// } from \"../../ui/dropdown-menu\"\r\n// import { Badge } from \"../../ui/badge\"\r\n// import { Separator } from \"../../ui/separator\"\r\n// import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select\"\r\n// import type { TemplateRepeaterField, TemplateRepeaterFilter } from \"./template-repeater-types\"\r\n\r\n// // Constrain T to be an object with string keys\r\n// interface TemplateRepeaterToolbarProps<T extends Record<string, any>> {\r\n//   fields: TemplateRepeaterField<T>[]\r\n//   filters: TemplateRepeaterFilter<T>[]\r\n//   globalFilter: string\r\n//   onGlobalFilterChange: (value: string) => void\r\n//   fieldFilters: Partial<Record<keyof T, any>>\r\n//   onFieldFilterChange: (key: keyof T, value: any) => void\r\n//   sortField: keyof T | \"\"\r\n//   sortDirection: \"asc\" | \"desc\"\r\n//   onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n//   selectedCount: number\r\n//   totalCount: number\r\n//   visibleCount: number\r\n//   onExport?: () => void\r\n//   onRefresh?: () => void\r\n//   loading?: boolean\r\n//   gridCols: number\r\n//   onGridColsChange: (cols: number) => void\r\n//   onClearFilters: () => void\r\n//   onClearSorting: () => void\r\n// }\r\n\r\n// export function TemplateRepeaterToolbar<T extends Record<string, any>>({\r\n//   fields,\r\n//   filters,\r\n//   globalFilter,\r\n//   onGlobalFilterChange,\r\n//   fieldFilters,\r\n//   onFieldFilterChange,\r\n//   sortField,\r\n//   sortDirection,\r\n//   onSortChange,\r\n//   selectedCount,\r\n//   totalCount,\r\n//   visibleCount,\r\n//   onExport,\r\n//   onRefresh,\r\n//   loading,\r\n//   gridCols,\r\n//   onGridColsChange,\r\n//   onClearFilters,\r\n//   onClearSorting,\r\n// }: TemplateRepeaterToolbarProps<T>) {\r\n//   const sortableFields = fields.filter((field) => field.sortable)\r\n//   const hasActiveFilters =\r\n//     Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n//     globalFilter !== \"\"\r\n//   const hasActiveSorting = sortField !== \"\"\r\n\r\n//   // const gridOptions = [\r\n//   //   { value: 1, icon: LayoutGrid, label: \"1 Column\" },\r\n//   //   { value: 2, icon: Grid2X2, label: \"2 Columns\" },\r\n//   //   { value: 3, icon: Grid3X3, label: \"3 Columns\" },\r\n//   //   { value: 4, icon: Grid3X3, label: \"4 Columns\" },\r\n//   //   { value: 0, icon: Grid3X3, label: \"Auto Fit\" },\r\n//   // ];\r\n\r\n//   // Helper function to safely convert keyof T to string for React keys\r\n//   const getKeyString = (key: keyof T): string => String(key)\r\n\r\n//   return (\r\n//     <div className=\"flex flex-col gap-4 p-2 bg-muted/20 rounded-lg flex-none\">\r\n//       {/* Top Row - Search and Actions */}\r\n//       <div className=\"flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between\">\r\n//         <div className=\"flex flex-1 items-center gap-2 max-w-max\">\r\n//         </div>\r\n\r\n//         <div className=\"flex items-center gap-2\">\r\n//           <div className=\"relative flex-1\">\r\n//             <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 size-4 text-muted-foreground\" />\r\n//             <Input\r\n//               placeholder=\"Global Search...\"\r\n//               value={globalFilter}\r\n//               onChange={(e) => onGlobalFilterChange(e.target.value)}\r\n//               className=\"pl-9 h-8\"\r\n//               id=\"search\"\r\n//             />\r\n//           </div>\r\n//           {globalFilter && (\r\n//             <Button variant=\"ghost\" size=\"sm\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//               <XIcon className=\"h-4 w-4\" />\r\n//             </Button>\r\n//           )}\r\n//           {/* Grid Layout Selector */}\r\n//           {/* <DropdownMenu>\r\n//             <DropdownMenuTrigger asChild>\r\n//               <Button variant=\"outline\" size=\"sm\">\r\n//                 <LayoutGrid className=\"h-4 w-4\" />\r\n//                 Grid\r\n//               </Button>\r\n//             </DropdownMenuTrigger>\r\n//             <DropdownMenuContent align=\"end\">\r\n//               <DropdownMenuLabel>Grid Layout</DropdownMenuLabel>\r\n//               <DropdownMenuSeparator />\r\n//               <DropdownMenuRadioGroup\r\n//                 value={gridCols.toString()}\r\n//                 onValueChange={(value) => onGridColsChange(Number.parseInt(value))}\r\n//               >\r\n//                 {gridOptions.map((option) => (\r\n//                   <DropdownMenuRadioItem key={option.value} value={option.value.toString()}>\r\n//                     <option.icon className=\"h-4 w-4\" />\r\n//                     {option.label}\r\n//                   </DropdownMenuRadioItem>\r\n//                 ))}\r\n//               </DropdownMenuRadioGroup>\r\n//             </DropdownMenuContent>\r\n//           </DropdownMenu> */}\r\n\r\n//           {/* Sort Dropdown */}\r\n//           {sortableFields.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   {sortDirection === \"asc\" ? (\r\n//                     <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                   ) : (\r\n//                     <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                   )}\r\n//                   Sort\r\n//                   {hasActiveSorting && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       1\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n//                 <DropdownMenuLabel>Sort by</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 {sortableFields.map((field) => (\r\n//                   <div key={getKeyString(field.key)}>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n//                       <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (A-Z)\r\n//                     </DropdownMenuItem>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n//                       <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (Z-A)\r\n//                     </DropdownMenuItem>\r\n//                   </div>\r\n//                 ))}\r\n//                 {hasActiveSorting && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearSorting}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear Sort\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           {/* Filters Dropdown */}\r\n//           {filters.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   <Filter className=\"h-4 w-4 mr-2\" />\r\n//                   Filters\r\n//                   {hasActiveFilters && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       {Object.values(fieldFilters).filter((v) => v !== undefined && v !== null && v !== \"\").length +\r\n//                         (globalFilter ? 1 : 0)}\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-64\">\r\n//                 <DropdownMenuLabel>Filters</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 <div className=\"p-2 space-y-3\">\r\n//                   {filters.map((filter) => (\r\n//                     <div key={getKeyString(filter.key)} className=\"space-y-1\">\r\n//                       <label className=\"text-sm font-medium\">{filter.label}</label>\r\n//                       {filter.type === \"select\" ? (\r\n//                         <Select\r\n//                           value={fieldFilters[filter.key] || \"all\"}\r\n//                           onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n//                         >\r\n//                           <SelectTrigger className=\"h-8\">\r\n//                             <SelectValue placeholder={filter.placeholder || \"Select...\"} />\r\n//                           </SelectTrigger>\r\n//                           <SelectContent>\r\n//                             <SelectItem value=\"all\">All</SelectItem>\r\n//                             {filter.options?.map((option) => (\r\n//                               <SelectItem key={option.value} value={option.value}>\r\n//                                 {option.label}\r\n//                               </SelectItem>\r\n//                             ))}\r\n//                           </SelectContent>\r\n//                         </Select>\r\n//                       ) : (\r\n//                         <Input\r\n//                           type={filter.type}\r\n//                           placeholder={filter.placeholder}\r\n//                           value={fieldFilters[filter.key] || \"\"}\r\n//                           onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n//                           className=\"h-8\"\r\n//                         />\r\n//                       )}\r\n//                     </div>\r\n//                   ))}\r\n//                 </div>\r\n//                 {hasActiveFilters && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearFilters}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear All Filters\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           <Separator orientation=\"vertical\" className=\"h-6\" />\r\n\r\n//           {onRefresh && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading}>\r\n//               <RefreshCw className={`h-4 w-4 mr-2 ${loading ? \"animate-spin\" : \"\"}`} />\r\n//               Refresh\r\n//             </Button>\r\n//           )}\r\n\r\n//           {onExport && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onExport} disabled={loading}>\r\n//               <Download className=\"h-4 w-4 mr-2\" />\r\n//               Export\r\n//             </Button>\r\n//           )}\r\n//         </div>\r\n//       </div>\r\n\r\n//       {/* Bottom Row - Stats and Active Filters */}\r\n//       {/* <div className=\"flex flex-col sm:flex-row gap-2 items-start sm:items-center justify-between text-sm text-muted-foreground\">\r\n//         <div className=\"flex items-center gap-4\">\r\n//           <span>\r\n//             Showing {visibleCount.toLocaleString()} of {totalCount.toLocaleString()} items\r\n//           </span>\r\n//           {selectedCount > 0 && (\r\n//             <span className=\"text-primary font-medium\">{selectedCount.toLocaleString()} selected</span>\r\n//           )}\r\n//         </div>\r\n//         {hasActiveFilters && (\r\n//           <div className=\"flex items-center gap-2 flex-wrap\">\r\n//             <span className=\"text-xs\">Active filters:</span>\r\n//             {globalFilter && (\r\n//               <Badge variant=\"secondary\" className=\"text-xs\">\r\n//                 Search: {globalFilter}\r\n//                 <Button variant=\"ghost\" size=\"sm\" className=\"h-auto p-0 ml-1\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//                   <XIcon className=\"h-3 w-3\" />\r\n//                 </Button>\r\n//               </Badge>\r\n//             )}\r\n//             {(Object.keys(fieldFilters) as Array<keyof T>).map((key) => {\r\n//               const value = fieldFilters[key]\r\n//               if (!value) return null\r\n//               const filter = filters.find((f) => f.key === key)\r\n//               if (!filter) return null\r\n//               return (\r\n//                 <Badge key={getKeyString(key)} variant=\"secondary\" className=\"text-xs\">\r\n//                   {filter.label}: {String(value)}\r\n//                   <Button\r\n//                     variant=\"ghost\"\r\n//                     size=\"sm\"\r\n//                     className=\"h-auto p-0 ml-1\"\r\n//                     onClick={() => onFieldFilterChange(key, \"\")}\r\n//                   >\r\n//                     <XIcon className=\"h-3 w-3\" />\r\n//                   </Button>\r\n//                 </Badge>\r\n//               )\r\n//             })}\r\n//           </div>\r\n//         )}\r\n//       </div> */}\r\n//     </div>\r\n//   )\r\n// }","import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport type { DataTemplatePaginationConfig } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplatePaginationProps {\r\n  currentPage: number\r\n  totalPages: number\r\n  pageSize: number\r\n  totalItems: number\r\n  onPageChange: (page: number) => void\r\n  onPageSizeChange: (pageSize: number) => void\r\n  config: DataTemplatePaginationConfig\r\n}\r\n\r\nexport function DataTemplatePagination({\r\n  currentPage,\r\n  totalPages,\r\n  pageSize,\r\n  totalItems,\r\n  onPageChange,\r\n  onPageSizeChange,\r\n  config,\r\n}: DataTemplatePaginationProps) {\r\n  // if (!config.enabled || totalPages <= 1) {\r\n  if (!config.enabled) {\r\n    return null\r\n  }\r\n\r\n  const pageSizeOptions = config.pageSizeOptions || [10, 20, 50, 100]\r\n  const startItem = (currentPage - 1) * pageSize + 1\r\n  const endItem = Math.min(currentPage * pageSize, totalItems)\r\n\r\n  const canPreviousPage = currentPage > 1\r\n  const canNextPage = currentPage < totalPages\r\n\r\n  // Generate page numbers to show\r\n  const getPageNumbers = () => {\r\n    const delta = 2\r\n    const range = []\r\n    const rangeWithDots = []\r\n\r\n    for (let i = Math.max(2, currentPage - delta); i <= Math.min(totalPages - 1, currentPage + delta); i++) {\r\n      range.push(i)\r\n    }\r\n\r\n    if (currentPage - delta > 2) {\r\n      rangeWithDots.push(1, \"...\")\r\n    } else {\r\n      rangeWithDots.push(1)\r\n    }\r\n\r\n    rangeWithDots.push(...range)\r\n\r\n    if (currentPage + delta < totalPages - 1) {\r\n      rangeWithDots.push(\"...\", totalPages)\r\n    } else if (totalPages > 1) {\r\n      rangeWithDots.push(totalPages)\r\n    }\r\n\r\n    return rangeWithDots\r\n  }\r\n\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n        {/* Info Section */}\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 {startItem} to {endItem} of {totalItems} entries\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {/* Controls Section */}\r\n        <div className=\"flex flex-col sm:flex-row items-center gap-4\">\r\n          {/* Page Size Selector */}\r\n          {pageSizeOptions && (\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"text-sm font-medium whitespace-nowrap\">Page size:</span>\r\n              <Select value={`${pageSize}`} onValueChange={(value) => onPageSizeChange(Number(value))}>\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                  {pageSizeOptions.map((size) => (\r\n                    <SelectItem key={size} value={`${size}`}>\r\n                      {size}\r\n                    </SelectItem>\r\n                  ))}\r\n                </SelectContent>\r\n              </Select>\r\n            </div>\r\n          )}\r\n\r\n          {/* Navigation Controls */}\r\n          <div className=\"flex items-center gap-2\">\r\n            {/* First Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(1)}\r\n              disabled={!canPreviousPage}\r\n              className=\"hidden sm:flex rounded-lg\"\r\n            >\r\n              <ChevronsLeft className=\"h-4 w-4\" />\r\n              <span className=\"sr-only\">Go to first page</span>\r\n            </Button>\r\n\r\n            {/* Previous Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(currentPage - 1)}\r\n              disabled={!canPreviousPage}\r\n              className=\"rounded-lg\"\r\n            >\r\n              <ChevronLeft className=\"h-4 w-4 sm:mr-2\" />\r\n              <span className=\"hidden sm:inline\">Previous</span>\r\n              <span className=\"sr-only sm:hidden\">Go to previous page</span>\r\n            </Button>\r\n\r\n            {/* Page Numbers */}\r\n            {config.showPageNumbers && totalPages > 1 && (\r\n              <div className=\"hidden sm:flex items-center gap-1\">\r\n                {getPageNumbers().map((pageNumber, index) => {\r\n                  if (pageNumber === \"...\") {\r\n                    return (\r\n                      <span key={`dots-${index}`} className=\"px-2 py-1 text-sm text-muted-foreground\">\r\n                        ...\r\n                      </span>\r\n                    )\r\n                  }\r\n\r\n                  const page = pageNumber as number\r\n                  return (\r\n                    <Button\r\n                      key={page}\r\n                      variant={page === currentPage ? \"default\" : \"outline\"}\r\n                      size=\"sm\"\r\n                      className=\"w-9 h-9 p-0 rounded-lg\"\r\n                      onClick={() => onPageChange(page)}\r\n                    >\r\n                      {page}\r\n                    </Button>\r\n                  )\r\n                })}\r\n              </div>\r\n            )}\r\n\r\n            {/* Current Page Indicator (Mobile) */}\r\n            <div className=\"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg\">\r\n              {currentPage} of {totalPages}\r\n            </div>\r\n\r\n            {/* Next Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(currentPage + 1)}\r\n              disabled={!canNextPage}\r\n              className=\"rounded-lg\"\r\n            >\r\n              <span className=\"hidden sm:inline\">Next</span>\r\n              <ChevronRight className=\"h-4 w-4 sm:ml-2\" />\r\n              <span className=\"sr-only sm:hidden\">Go to next page</span>\r\n            </Button>\r\n\r\n            {/* Last Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(totalPages)}\r\n              disabled={!canNextPage}\r\n              className=\"hidden sm:flex rounded-lg\"\r\n            >\r\n              <ChevronsRight className=\"h-4 w-4\" />\r\n              <span className=\"sr-only\">Go to last page</span>\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\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","import { cn } from '../../lib/utils.js';\r\nimport type { ReactNode } from 'react';\r\n\r\ntype SpacingSize = 'none' | 'tight' | 'default' | 'loose' | 'extra-loose';\r\n\r\nconst spacingClasses: Record<SpacingSize, string> = {\r\n  'none': 'gap-0',\r\n  'tight': 'gap-2',\r\n  'default': 'gap-4',\r\n  'loose': 'gap-6',\r\n  'extra-loose': 'gap-8'\r\n};\r\n\r\nexport type AppContainerProps = {\r\n  children: ReactNode;\r\n  className?: string;\r\n  spacing?: SpacingSize;\r\n  padding?: 'none' | 'tight' | 'default' | 'loose';\r\n};\r\n\r\nconst paddingClasses: Record<NonNullable<AppContainerProps['padding']>, string> = {\r\n  'none': 'p-0',\r\n  'tight': 'p-2',\r\n  'default': 'p-4',\r\n  'loose': 'p-6'\r\n};\r\n\r\nexport const AppContainer = ({\r\n  children,\r\n  className,\r\n  spacing = 'tight',\r\n  padding = 'none',\r\n}: AppContainerProps) => {\r\n  return (\r\n    <div className={cn(\r\n      'flex flex-col h-full',\r\n      spacingClasses[spacing],\r\n      paddingClasses[padding],\r\n      className\r\n    )}>\r\n      {children}\r\n    </div>\r\n  );\r\n};","import { AppMeta, useAppMeta } from '../../context/index.js';\r\nimport { ArrowLeftIcon, ChevronRight } from 'lucide-react';\r\nimport { cn } from '../../lib/utils.js';\r\nimport { Button } from '../../components/ui/button.jsx';\r\nimport type { ReactNode } from 'react';\r\nimport { NavLink } from 'react-router';\r\n\r\ntype ColumnConfig = {\r\n  content: ReactNode;\r\n  align?: 'left' | 'center' | 'right';\r\n  width?: 'auto' | 'fill';\r\n  className?: string;\r\n};\r\n\r\nexport type AppHeaderProps = {\r\n  className?: string;\r\n  columns?: [ColumnConfig?, ColumnConfig?, ColumnConfig?];\r\n  showBackButton?: boolean;\r\n  meta?: AppMeta;\r\n};\r\n\r\nexport const AppHeader = ({\r\n  className,\r\n  columns = [],\r\n  showBackButton = true,\r\n  meta = { title: \"\" },\r\n}: AppHeaderProps) => {\r\n  // const { meta } = useAppMeta();\r\n\r\n  const renderBackAction = () => {\r\n    if (!meta.backAction || !showBackButton) return null;\r\n\r\n    const buttonProps = {\r\n      variant: 'secondary',\r\n      size: 'icon',\r\n      className: 'hover:bg-primary/20 inline-flex',\r\n    } as const;\r\n\r\n    if (meta.backAction.href) {\r\n      return (\r\n        <NavLink to={meta.backAction.href}>\r\n          <Button {...buttonProps}>\r\n            <ArrowLeftIcon className=\"size-6\" />\r\n            {meta.backAction.content}\r\n          </Button>\r\n        </NavLink>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Button {...buttonProps} onClick={meta.backAction.onClick}>\r\n        <ArrowLeftIcon className=\"size-6\" />\r\n        {meta.backAction.content}\r\n      </Button>\r\n    );\r\n  };\r\n\r\n  const renderMetadata = () => {\r\n    if (!meta.metadata || meta.metadata.length === 0) return null;\r\n\r\n    return (\r\n      <div className=\"flex gap-4\">\r\n        {meta.metadata.map((item, index) => (\r\n          item.value && (\r\n            <div key={index} className=\"text-sm\">\r\n              <span className=\"text-muted-foreground\">{item.label} </span>\r\n              <span>{item.value}</span>\r\n            </div>\r\n          )\r\n        ))}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderStatus = () => {\r\n    if (!meta.status) return null;\r\n\r\n    const colorClasses = {\r\n      success: 'bg-green-100 text-green-800',\r\n      warning: 'bg-yellow-100 text-yellow-800',\r\n      critical: 'bg-red-100 text-red-800',\r\n      info: 'bg-blue-100 text-blue-800',\r\n      default: 'bg-gray-100 text-gray-800',\r\n    };\r\n\r\n    return (\r\n      <span className={cn(\r\n        'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',\r\n        colorClasses[meta.status.color as keyof typeof colorClasses]\r\n      )}>\r\n        {meta.status.content}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  const reservedColumn: ColumnConfig = {\r\n    content: (\r\n      <div className=\"flex gap-2 items-center\">\r\n        {renderBackAction()}\r\n        <div className=\"flex flex-col gap-2 w-max\">\r\n          <h1 className=\"text-2xl font-bold tracking-tight\">{meta.title}</h1>\r\n          {renderStatus()}\r\n          {meta.description && (\r\n            <p className=\"text-muted-foreground\">{meta.description}</p>\r\n          )}\r\n          {renderMetadata()}\r\n          {meta.breadcrumbs && meta.breadcrumbs.length > 0 && (\r\n            <div className=\"flex items-center text-sm text-muted-foreground\">\r\n              {meta.breadcrumbs.map((crumb, index) => (\r\n                <div key={index} className=\"flex items-center\">\r\n                  {crumb.href ? (\r\n                    <span className=\"hover:text-primary hover:underline\">\r\n                      {crumb.label}\r\n                    </span>\r\n                  ) : (\r\n                    <span>{crumb.label}</span>\r\n                  )}\r\n                  {index < meta.breadcrumbs!.length - 1 && (\r\n                    <ChevronRight className=\"mx-2 h-4 w-4\" />\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    ),\r\n    align: 'left',\r\n    width: 'fill',\r\n  };\r\n\r\n  const actionsColumn: ColumnConfig = {\r\n    content: meta.primaryActions,\r\n    align: 'right',\r\n    width: 'auto',\r\n  };\r\n\r\n  const allColumns: ColumnConfig[] = [\r\n    reservedColumn,\r\n    ...columns.filter((col): col is ColumnConfig => col !== undefined),\r\n    actionsColumn\r\n  ];\r\n\r\n  return (\r\n    <div className={cn('flex items-center w-full gap-4 p-2', className)}>\r\n      {allColumns.map((column, index) => (\r\n        <div\r\n          key={index}\r\n          className={cn(\r\n            'flex items-center h-full',\r\n            column.className,\r\n            {\r\n              'justify-start': column.align === 'left',\r\n              'justify-center': column.align === 'center',\r\n              'justify-end': column.align === 'right',\r\n              'flex-1': column.width === 'fill',\r\n            }\r\n          )}\r\n        >\r\n          {column.content}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};","import { cn } from \"../../lib/utils.js\"\r\nimport React, { useState, createContext, useContext } from \"react\"\r\nimport {\r\n  Sheet,\r\n  SheetTrigger,\r\n  SheetContent,\r\n  SheetPortal,\r\n  SheetOverlay\r\n} from \"../../components/ui/sheet.jsx\"\r\n\r\nconst AppContentContext = createContext(false)\r\n\r\ntype SplitRatio = \"one-half\" | \"one-third\" | \"two-third\" | \"one-fourth\" | \"three-fourth\" | \"one-fifth\" | \"four-fifth\"\r\n\r\ntype SheetSide = \"right\" | \"bottom\" | \"left\" | \"top\"\r\ntype SheetMode = \"fullscreen\" | \"container\"\r\n\r\ntype BaseAppContentProps = {\r\n  children: React.ReactNode\r\n  className?: string\r\n  variant?: \"default\" | \"card\" | \"border\" | \"transparent\"\r\n  header?: React.ReactNode\r\n  footer?: React.ReactNode\r\n  headerClassName?: string\r\n  footerClassName?: string\r\n  parentContainer?: boolean\r\n  padding?: \"none\" | \"tight\" | \"default\" | \"loose\"\r\n}\r\n\r\ntype FullLayoutProps = BaseAppContentProps & {\r\n  layout?: \"full\"\r\n}\r\n\r\ntype SplitLayoutProps = BaseAppContentProps & {\r\n  layout: \"split\"\r\n  splitRatio?: SplitRatio\r\n  reverse?: boolean\r\n}\r\n\r\ntype SheetOptions = {\r\n  sheetContent: React.ReactNode\r\n  sheetWidth?: SplitRatio\r\n  sheetSide?: SheetSide\r\n  sheetMode?: SheetMode\r\n  onSheetClose?: () => void\r\n  showSheetOverlay?: boolean\r\n  sheetClassName?: string\r\n  isSheetOpen?: boolean\r\n  onSheetOpenChange?: (open: boolean) => void\r\n  sheetTrigger?: React.ReactNode\r\n  disableOverlay?: boolean\r\n}\r\n\r\ntype WithSheetLayoutProps = BaseAppContentProps & {\r\n  layout: \"with-sheet\"\r\n} & SheetOptions\r\n\r\nexport type AppContentProps = FullLayoutProps | SplitLayoutProps | WithSheetLayoutProps\r\n\r\nconst splitRatioClasses: Record<SplitRatio, [string, string]> = {\r\n  \"one-half\": [\"w-1/2\", \"w-1/2\"],\r\n  \"one-third\": [\"w-1/3\", \"w-2/3\"],\r\n  \"two-third\": [\"w-2/3\", \"w-1/3\"],\r\n  \"one-fourth\": [\"w-1/4\", \"w-3/4\"],\r\n  \"three-fourth\": [\"w-3/4\", \"w-1/4\"],\r\n  \"one-fifth\": [\"w-1/5\", \"w-4/5\"],\r\n  \"four-fifth\": [\"w-4/5\", \"w-1/5\"],\r\n}\r\n\r\nconst paddingClasses = {\r\n  none: \"p-0\",\r\n  tight: \"p-2\",\r\n  default: \"p-4\",\r\n  loose: \"p-6\",\r\n}\r\n\r\nconst getContainerSheetClasses = (side: SheetSide, width: SplitRatio) => {\r\n  const [contentWidth, sheetWidth] = splitRatioClasses[width]\r\n\r\n  return {\r\n    container: \"inset-y-0 z-50 transition-all duration-500 ease-in-out\",\r\n    content: cn(\r\n      \"h-full bg-background transition-all duration-500 ease-in-out\",\r\n      side === \"right\" ? \"border-l\" : \"border-r\"\r\n    ),\r\n    transform: side === \"right\" ? \"translate-x-full\" : \"-translate-x-full\",\r\n    transformOpen: \"translate-x-0\",\r\n    contentPushClass: side === \"right\" ? contentWidth : sheetWidth,\r\n    sheetPushClass: side === \"right\" ? sheetWidth : contentWidth,\r\n  }\r\n}\r\n\r\nconst baseClasses = \"flex flex-col overflow-hidden rounded-2xl relative\"\r\nconst variantClasses = {\r\n  default: \"bg-background\",\r\n  card: \"bg-background shadow-sm border\",\r\n  border: \"bg-background border-2\",\r\n  transparent: \"bg-transparent\",\r\n}\r\n\r\nexport const AppContent = (props: AppContentProps) => {\r\n  const {\r\n    children,\r\n    className,\r\n    variant = \"default\",\r\n    layout = \"full\",\r\n    header,\r\n    footer,\r\n    headerClassName,\r\n    footerClassName,\r\n    parentContainer = false,\r\n    padding = parentContainer ? \"none\" : \"tight\",\r\n  } = props\r\n\r\n  const isNested = useContext(AppContentContext)\r\n  const [internalSheetOpen, setInternalSheetOpen] = useState(false)\r\n\r\n  const contentWrapper = React.useCallback(\r\n    (content: React.ReactNode) => (\r\n      <div className={cn(\r\n        \"flex-1 overflow-auto h-full no-scrollbar\",\r\n        parentContainer && \"flex\",\r\n        !parentContainer && paddingClasses[padding]\r\n      )}>\r\n        {content}\r\n      </div>\r\n    ),\r\n    [padding, parentContainer]\r\n  )\r\n\r\n  const renderContent = () => {\r\n    switch (layout) {\r\n      case \"split\": {\r\n        const { splitRatio = \"three-fourth\", reverse = false } = props as SplitLayoutProps\r\n        if (!Array.isArray(children) || children.length !== 2) {\r\n          return (\r\n            <div className=\"flex items-center justify-center h-full text-red-500\">\r\n              Error: AppContent with layout=\"split\" requires exactly 2 children\r\n            </div>\r\n          )\r\n        }\r\n\r\n        const [leftClass, rightClass] = splitRatioClasses[splitRatio]\r\n        const [firstChild, secondChild] = reverse ? [children[1], children[0]] : [children[0], children[1]]\r\n        const [firstClass, secondClass] = reverse ? [rightClass, leftClass] : [leftClass, rightClass]\r\n\r\n        return (\r\n          <div className=\"flex h-full gap-2\">\r\n            <div className={cn(firstClass, \"overflow-auto\")}>\r\n              {contentWrapper(firstChild)}\r\n            </div>\r\n            <div className={cn(secondClass, \"overflow-auto\")}>\r\n              {contentWrapper(secondChild)}\r\n            </div>\r\n          </div>\r\n        )\r\n      }\r\n\r\n      case \"with-sheet\": {\r\n        const {\r\n          sheetContent,\r\n          sheetWidth = \"four-fifth\",\r\n          sheetSide = \"right\",\r\n          sheetMode = \"container\",\r\n          sheetTrigger,\r\n          sheetClassName,\r\n          isSheetOpen,\r\n          onSheetOpenChange,\r\n          showSheetOverlay = true,\r\n          disableOverlay = true,\r\n        } = props as WithSheetLayoutProps\r\n\r\n        const isControlled = isSheetOpen !== undefined\r\n        const sheetOpen = isControlled ? isSheetOpen : internalSheetOpen\r\n        const setSheetOpen = isControlled ? onSheetOpenChange : setInternalSheetOpen\r\n\r\n        if (sheetMode === \"container\") {\r\n          const sheetClasses = getContainerSheetClasses(sheetSide, sheetWidth)\r\n\r\n          return (\r\n            <div className={cn(\r\n              \"flex relative flex-1 overflow-hidden\",\r\n              sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n            )}>\r\n              {/* Main content area */}\r\n              <div className={cn(\r\n                \"h-full overflow-auto transition-all duration-500\",\r\n                sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n                  ? sheetClasses.contentPushClass\r\n                  : \"w-full\",\r\n                sheetOpen && disableOverlay && \"overflow-y-auto overflow-x-hidden\"\r\n              )}>\r\n                {sheetTrigger && (\r\n                  <div onClick={() => setSheetOpen?.(!sheetOpen)}>\r\n                    {sheetTrigger}\r\n                  </div>\r\n                )}\r\n                <div className={cn(\"h-full\", !parentContainer && paddingClasses[padding])}>\r\n                  {children}\r\n                </div>\r\n              </div>\r\n\r\n              {/* Container sheet */}\r\n              <div\r\n                className={cn(\r\n                  sheetClasses.container,\r\n                  \"transition-all duration-500 ease-in-out\",\r\n                  sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n                    ? cn(sheetClasses.sheetPushClass, \"overflow-y-auto\")\r\n                    : sheetOpen\r\n                      ? sheetClasses.transformOpen\r\n                      : cn(sheetClasses.transform, \"hidden\"),\r\n                  \"overflow-y-auto\"\r\n                )}\r\n              >\r\n                <div className={cn(sheetClasses.content, sheetClassName, \"h-full\")}>\r\n                  {sheetContent}\r\n                </div>\r\n              </div>\r\n\r\n              {/* Container overlay */}\r\n              {sheetOpen && showSheetOverlay && !disableOverlay && (\r\n                <div\r\n                  className={cn(\r\n                    \"absolute inset-0 bg-secondary/20 z-40\",\r\n                    \"transition-opacity duration-500 ease-in-out\",\r\n                    \"opacity-0\",\r\n                    sheetOpen ? \"opacity-100\" : \"opacity-0\"\r\n                  )}\r\n                  onClick={() => setSheetOpen?.(false)}\r\n                />\r\n              )}\r\n            </div>\r\n          )\r\n        }\r\n\r\n        return (\r\n          <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\r\n            {sheetTrigger && <SheetTrigger asChild>{sheetTrigger}</SheetTrigger>}\r\n            <SheetPortal>\r\n              {showSheetOverlay && <SheetOverlay className=\"fixed inset-0 bg-secondary/50 z-50\" />}\r\n              <SheetContent\r\n                side={sheetSide}\r\n                className={cn(\r\n                  \"fixed bg-background border\",\r\n                  \"transition-all duration-500 ease-in-out\",\r\n                  splitRatioClasses[sheetWidth][1],\r\n                  sheetClassName\r\n                )}\r\n              >\r\n                {sheetContent}\r\n              </SheetContent>\r\n            </SheetPortal>\r\n          </Sheet>\r\n        )\r\n      }\r\n\r\n      default:\r\n        return contentWrapper(children)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <AppContentContext.Provider value={true}>\r\n      <div className={cn(\r\n        baseClasses,\r\n        variantClasses[variant],\r\n        paddingClasses[padding],\r\n        isNested && \"flex-1\",\r\n        parentContainer && \"h-full\",\r\n        !parentContainer && \"rounded-2xl\",\r\n        className\r\n      )}>\r\n        {header && (\r\n          <div\r\n            className={cn(\r\n              \"border-b\",\r\n              headerClassName,\r\n              variant === \"card\" && !parentContainer && \"rounded-t-2xl\",\r\n              variant === \"border\" && \"border-b-2\",\r\n              paddingClasses[padding]\r\n            )}\r\n          >\r\n            {header}\r\n          </div>\r\n        )}\r\n        {renderContent()}\r\n        {footer && (\r\n          <div\r\n            className={cn(\r\n              \"border-t\",\r\n              footerClassName,\r\n              variant === \"card\" && !parentContainer && \"rounded-b-2xl\",\r\n              variant === \"border\" && \"border-t-2\",\r\n              paddingClasses[padding]\r\n            )}\r\n          >\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </AppContentContext.Provider>\r\n  )\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// import { cn } from \"@/lib/utils\"\r\n// import React, { useState, createContext, useContext } from \"react\"\r\n// import {\r\n//   Sheet,\r\n//   SheetTrigger,\r\n//   SheetContent,\r\n//   SheetPortal,\r\n//   SheetOverlay\r\n// } from \"@/components/ui/sheet\"\r\n\r\n// const AppContentContext = createContext(false)\r\n\r\n// type SplitRatio = \"one-half\" | \"one-third\" | \"two-third\" | \"one-fourth\" | \"three-fourth\" | \"one-fifth\" | \"four-fifth\"\r\n\r\n// type SheetSide = \"right\" | \"bottom\" | \"left\" | \"top\"\r\n// type SheetMode = \"fullscreen\" | \"container\"\r\n\r\n// type BaseAppContentProps = {\r\n//   children: React.ReactNode\r\n//   className?: string\r\n//   variant?: \"default\" | \"card\" | \"border\" | \"transparent\"\r\n//   header?: React.ReactNode\r\n//   footer?: React.ReactNode\r\n//   headerClassName?: string\r\n//   footerClassName?: string\r\n//   parentContainer?: boolean\r\n//   padding?: \"none\" | \"tight\" | \"default\" | \"loose\"\r\n// }\r\n\r\n// type FullLayoutProps = BaseAppContentProps & {\r\n//   layout?: \"full\"\r\n// }\r\n\r\n// type SplitLayoutProps = BaseAppContentProps & {\r\n//   layout: \"split\"\r\n//   splitRatio?: SplitRatio\r\n//   reverse?: boolean\r\n// }\r\n\r\n// type SheetOptions = {\r\n//   sheetContent: React.ReactNode\r\n//   sheetWidth?: SplitRatio\r\n//   sheetSide?: SheetSide\r\n//   sheetMode?: SheetMode\r\n//   onSheetClose?: () => void\r\n//   showSheetOverlay?: boolean\r\n//   sheetClassName?: string\r\n//   isSheetOpen?: boolean\r\n//   onSheetOpenChange?: (open: boolean) => void\r\n//   sheetTrigger?: React.ReactNode\r\n//   disableOverlay?: boolean\r\n// }\r\n\r\n// type WithSheetLayoutProps = BaseAppContentProps & {\r\n//   layout: \"with-sheet\"\r\n// } & SheetOptions\r\n\r\n// type AppContentProps = FullLayoutProps | SplitLayoutProps | WithSheetLayoutProps\r\n\r\n// const splitRatioClasses: Record<SplitRatio, [string, string]> = {\r\n//   \"one-half\": [\"w-1/2\", \"w-1/2\"],\r\n//   \"one-third\": [\"w-1/3\", \"w-2/3\"],\r\n//   \"two-third\": [\"w-2/3\", \"w-1/3\"],\r\n//   \"one-fourth\": [\"w-1/4\", \"w-3/4\"],\r\n//   \"three-fourth\": [\"w-3/4\", \"w-1/4\"],\r\n//   \"one-fifth\": [\"w-1/5\", \"w-4/5\"],\r\n//   \"four-fifth\": [\"w-4/5\", \"w-1/5\"],\r\n// }\r\n\r\n// const paddingClasses = {\r\n//   none: \"p-0\",\r\n//   tight: \"p-2\",\r\n//   default: \"p-4\",\r\n//   loose: \"p-6\",\r\n// }\r\n\r\n// const getContainerSheetClasses = (side: SheetSide, width: SplitRatio) => {\r\n//   const [contentWidth, sheetWidth] = splitRatioClasses[width]\r\n\r\n//   return {\r\n//     container: \"inset-y-0 z-50\",\r\n//     content: cn(\"h-full bg-background\", side === \"right\" ? \"border-l\" : \"border-r\"),\r\n//     transform: side === \"right\" ? \"translate-x-full\" : \"-translate-x-full\",\r\n//     transformOpen: \"translate-x-0\",\r\n//     contentPushClass: side === \"right\" ? contentWidth : sheetWidth,\r\n//     sheetPushClass: side === \"right\" ? sheetWidth : contentWidth,\r\n//   }\r\n// }\r\n\r\n// const baseClasses = \"flex flex-col overflow-hidden rounded-2xl relative\"\r\n// const variantClasses = {\r\n//   default: \"bg-background\",\r\n//   card: \"bg-background shadow-sm border\",\r\n//   border: \"bg-background border-2\",\r\n//   transparent: \"bg-transparent\",\r\n// }\r\n\r\n// export const AppContent = (props: AppContentProps) => {\r\n//   const {\r\n//     children,\r\n//     className,\r\n//     variant = \"default\",\r\n//     layout = \"full\",\r\n//     header,\r\n//     footer,\r\n//     headerClassName,\r\n//     footerClassName,\r\n//     parentContainer = false,\r\n//     padding = parentContainer ? \"none\" : \"tight\",\r\n//   } = props\r\n\r\n//   const isNested = useContext(AppContentContext)\r\n//   const [internalSheetOpen, setInternalSheetOpen] = useState(false)\r\n\r\n//   const contentWrapper = React.useCallback(\r\n//     (content: React.ReactNode) => (\r\n//       <div className={cn(\r\n//         \"flex-1 overflow-auto h-full\",\r\n//         !parentContainer && paddingClasses[padding]\r\n//       )}>\r\n//         {content}\r\n//       </div>\r\n//     ),\r\n//     [padding, parentContainer]\r\n//   )\r\n\r\n//   const renderContent = () => {\r\n//     switch (layout) {\r\n//       case \"split\": {\r\n//         const { splitRatio = \"three-fourth\", reverse = false } = props as SplitLayoutProps\r\n//         if (!Array.isArray(children) || children.length !== 2) {\r\n//           return (\r\n//             <div className=\"flex items-center justify-center h-full text-red-500\">\r\n//               Error: AppContent with layout=\"split\" requires exactly 2 children\r\n//             </div>\r\n//           )\r\n//         }\r\n\r\n//         const [leftClass, rightClass] = splitRatioClasses[splitRatio]\r\n//         const [firstChild, secondChild] = reverse ? [children[1], children[0]] : [children[0], children[1]]\r\n//         const [firstClass, secondClass] = reverse ? [rightClass, leftClass] : [leftClass, rightClass]\r\n\r\n//         return (\r\n//           <div className=\"flex h-full gap-4\">\r\n//             <div className={cn(firstClass, \"overflow-auto\")}>\r\n//               {contentWrapper(firstChild)}\r\n//             </div>\r\n//             <div className={cn(secondClass, \"overflow-auto\")}>\r\n//               {contentWrapper(secondChild)}\r\n//             </div>\r\n//           </div>\r\n//         )\r\n//       }\r\n\r\n//       case \"with-sheet\": {\r\n//         const {\r\n//           sheetContent,\r\n//           sheetWidth = \"four-fifth\",\r\n//           sheetSide = \"right\",\r\n//           sheetMode = \"container\",\r\n//           sheetTrigger,\r\n//           sheetClassName,\r\n//           isSheetOpen,\r\n//           onSheetOpenChange,\r\n//           showSheetOverlay = true,\r\n//           disableOverlay = false,\r\n//         } = props as WithSheetLayoutProps\r\n\r\n//         const isControlled = isSheetOpen !== undefined\r\n//         const sheetOpen = isControlled ? isSheetOpen : internalSheetOpen\r\n//         const setSheetOpen = isControlled ? onSheetOpenChange : setInternalSheetOpen\r\n\r\n//         if (sheetMode === \"container\") {\r\n//           const sheetClasses = getContainerSheetClasses(sheetSide, sheetWidth)\r\n\r\n//           return (\r\n//             <div className={cn(\r\n//               \"flex relative flex-1 overflow-hidden\",\r\n//               sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n//             )}>\r\n//               {/* Main content area */}\r\n//               <div className={cn(\r\n//                 \"h-full overflow-auto transition-all duration-500\",\r\n//                 sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n//                   ? sheetClasses.contentPushClass\r\n//                   : \"w-full\",\r\n//                 sheetOpen && disableOverlay && \"overflow-y-auto overflow-x-hidden\"\r\n//               )}>\r\n//                 {sheetTrigger && (\r\n//                   <div onClick={() => setSheetOpen?.(!sheetOpen)}>\r\n//                     {sheetTrigger}\r\n//                   </div>\r\n//                 )}\r\n//                 <div className={cn(!parentContainer && paddingClasses[padding])}>\r\n//                   {children}\r\n//                 </div>\r\n//               </div>\r\n\r\n//               {/* Container sheet */}\r\n//               <div\r\n//                 className={cn(\r\n//                   sheetClasses.container,\r\n//                   \"transition-all duration-500 ease-out\",\r\n//                   sheetOpen && disableOverlay && [\"left\", \"right\"].includes(sheetSide)\r\n//                     ? cn(sheetClasses.sheetPushClass, \"overflow-y-auto\")\r\n//                     : sheetOpen\r\n//                       ? sheetClasses.transformOpen\r\n//                       : cn(sheetClasses.transform, \"hidden\"),\r\n//                   \"overflow-y-auto\"\r\n//                 )}\r\n//               >\r\n//                 <div className={cn(sheetClasses.content, sheetClassName, \"h-full\")}>\r\n//                   {sheetContent}\r\n//                 </div>\r\n//               </div>\r\n\r\n//               {/* Container overlay */}\r\n//               {sheetOpen && showSheetOverlay && !disableOverlay && (\r\n//                 <div\r\n//                   className={cn(\"absolute inset-0 bg-secondary/20 z-40\")}\r\n//                   onClick={() => setSheetOpen?.(false)}\r\n//                 />\r\n//               )}\r\n//             </div>\r\n//           )\r\n//         }\r\n\r\n//         return (\r\n//           <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\r\n//             {sheetTrigger && <SheetTrigger asChild>{sheetTrigger}</SheetTrigger>}\r\n//             <SheetPortal>\r\n//               {showSheetOverlay && <SheetOverlay className=\"fixed inset-0 bg-secondary/50 z-50\" />}\r\n//               <SheetContent\r\n//                 side={sheetSide}\r\n//                 className={cn(\r\n//                   \"fixed bg-background border\",\r\n//                   splitRatioClasses[sheetWidth][1],\r\n//                   sheetClassName\r\n//                 )}\r\n//               >\r\n//                 {sheetContent}\r\n//               </SheetContent>\r\n//             </SheetPortal>\r\n//           </Sheet>\r\n//         )\r\n//       }\r\n\r\n//       default:\r\n//         return contentWrapper(children)\r\n//     }\r\n//   }\r\n\r\n//   return (\r\n//     <AppContentContext.Provider value={true}>\r\n//       <div className={cn(\r\n//         baseClasses,\r\n//         variantClasses[variant],\r\n//         paddingClasses[padding],\r\n//         isNested && \"flex-1\",\r\n//         parentContainer && \"h-full\",\r\n//         !parentContainer && \"rounded-2xl\",\r\n//         className\r\n//       )}>\r\n//         {header && (\r\n//           <div\r\n//             className={cn(\r\n//               \"border-b\",\r\n//               headerClassName,\r\n//               variant === \"card\" && !parentContainer && \"rounded-t-2xl\",\r\n//               variant === \"border\" && \"border-b-2\",\r\n//               paddingClasses[padding]\r\n//             )}\r\n//           >\r\n//             {header}\r\n//           </div>\r\n//         )}\r\n//         {renderContent()}\r\n//         {footer && (\r\n//           <div\r\n//             className={cn(\r\n//               \"border-t\",\r\n//               footerClassName,\r\n//               variant === \"card\" && !parentContainer && \"rounded-b-2xl\",\r\n//               variant === \"border\" && \"border-t-2\",\r\n//               paddingClasses[padding]\r\n//             )}\r\n//           >\r\n//             {footer}\r\n//           </div>\r\n//         )}\r\n//       </div>\r\n//     </AppContentContext.Provider>\r\n//   )\r\n// }\r\n\r\n","import * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n          \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n          \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n          \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n          \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetOverlay,\n  SheetPortal,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { AppMeta, useAppMeta } from '../../context/index.js';\r\nimport { cn } from '../../lib/utils.js';\r\n\r\ntype ColumnConfig = {\r\n  content: React.ReactNode;\r\n  align?: 'left' | 'center' | 'right';\r\n  width?: 'auto' | 'fill';\r\n  className?: string;\r\n};\r\n\r\nexport type AppFooterProps = {\r\n  className?: string;\r\n  columns?: [ColumnConfig?, ColumnConfig?, ColumnConfig?];\r\n  meta?: AppMeta;\r\n};\r\n\r\nexport const AppFooter = ({\r\n  className,\r\n  columns = [],\r\n  meta = { title: \"\" },\r\n}: AppFooterProps) => {\r\n  // const { meta } = useAppMeta();\r\n\r\n  // const renderPagination = () => {\r\n  //   if (!meta.pagination) return null;\r\n\r\n  //   return (\r\n  //     <div className=\"flex items-center gap-2\">\r\n  //       <Button\r\n  //         variant=\"outline\"\r\n  //         size=\"sm\"\r\n  //         disabled={!meta.pagination.hasPrevious}\r\n  //         onClick={meta.pagination.onPrevious}\r\n  //       >\r\n  //         <ChevronLeft className=\"h-4 w-4 mr-1\" />\r\n  //         {meta.pagination.previousLabel || 'Previous'}\r\n  //       </Button>\r\n  //       <Button\r\n  //         variant=\"outline\"\r\n  //         size=\"sm\"\r\n  //         disabled={!meta.pagination.hasNext}\r\n  //         onClick={meta.pagination.onNext}\r\n  //       >\r\n  //         {meta.pagination.nextLabel || 'Next'}\r\n  //         <ChevronRight className=\"h-4 w-4 ml-1\" />\r\n  //       </Button>\r\n  //     </div>\r\n  //   );\r\n  // };\r\n\r\n  const actionsColumn: ColumnConfig = {\r\n    content: (\r\n      <div className=\"flex items-center gap-4 p-2\">\r\n        {/* {renderPagination()} */}\r\n        {meta.secondaryActions}\r\n      </div>\r\n    ),\r\n    align: 'right',\r\n    width: 'fill',\r\n  };\r\n\r\n  const allColumns: ColumnConfig[] = [\r\n    ...columns.filter((col): col is ColumnConfig => col !== undefined),\r\n    actionsColumn\r\n  ];\r\n\r\n  return (\r\n    <div className={cn('flex items-center w-full gap-4', className)}>\r\n      {allColumns.map((column, index) => (\r\n        <div\r\n          key={index}\r\n          className={cn(\r\n            'flex items-center h-full',\r\n            column.className,\r\n            {\r\n              'justify-start': column.align === 'left',\r\n              'justify-center': column.align === 'center',\r\n              'justify-end': column.align === 'right',\r\n              'flex-1': column.width === 'fill',\r\n            }\r\n          )}\r\n        >\r\n          {column.content}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};","import type { AppMetaContextType } from '../../context/app-meta/types.js';\r\nimport { AppHeaderProps, AppHeader as BaseAppHeader } from './app-header.jsx';\r\nimport { AppFooterProps, AppFooter as BaseAppFooter } from './app-footer.jsx';\r\nimport { AppContentProps, AppContent as BaseAppContent } from './app-content.jsx';\r\nimport { AppContainerProps, AppContainer as BaseAppContainer } from './app-container.jsx';\r\n\r\nexport function createLayoutComponents<TRoute extends string>({\r\n  useTypedAppMeta,\r\n}: {\r\n  useTypedAppMeta: () => AppMetaContextType<TRoute>;\r\n}) {\r\n  const AppHeader = (props: Omit<AppHeaderProps, 'meta'>) => {\r\n    const { meta } = useTypedAppMeta();\r\n    return <BaseAppHeader {...props} meta={meta} />;\r\n  };\r\n\r\n  const AppFooter = (props: Omit<AppFooterProps, 'meta'>) => {\r\n    const { meta } = useTypedAppMeta();\r\n    return <BaseAppFooter {...props} meta={meta} />;\r\n  };\r\n\r\n  const AppContent = (props: AppContentProps) => (\r\n    <BaseAppContent {...props} />\r\n  );\r\n\r\n  const AppContainer = (props: AppContainerProps) => (\r\n    <BaseAppContainer {...props} />\r\n  );\r\n\r\n  return {\r\n    AppHeader,\r\n    AppFooter,\r\n    AppContent,\r\n    AppContainer,\r\n  };\r\n}","import { createContext, useContext, type ReactNode, useState, useCallback, useMemo } from 'react';\r\nimport type { AppMeta, AppMetaContextType } from './types.js';\r\n\r\nconst AppMetaContext = createContext<AppMetaContextType | undefined>(undefined);\r\n\r\nconst AppMetaProvider = ({ children }: { children: ReactNode }) => {\r\n  const [meta, setMetaState] = useState<AppMeta>({\r\n    title: '',\r\n    description: '',\r\n    breadcrumbs: [],\r\n  });\r\n\r\n  const setMeta = useCallback((partialMeta: Partial<AppMeta>) => {\r\n    setMetaState(prev => {\r\n      const hasChanges = Object.keys(partialMeta).some(\r\n        key => JSON.stringify(prev[key as keyof AppMeta]) !== JSON.stringify(partialMeta[key as keyof AppMeta])\r\n      );\r\n      return hasChanges ? { ...prev, ...partialMeta } : prev;\r\n    });\r\n  }, []);\r\n\r\n  const resetMeta = useCallback(() => {\r\n    setMetaState(prev => (\r\n      prev.title === '' &&\r\n        prev.description === '' &&\r\n        (prev.breadcrumbs?.length ?? 0) === 0\r\n        ? prev\r\n        : {\r\n          title: '',\r\n          description: '',\r\n          breadcrumbs: [],\r\n        }\r\n    ));\r\n  }, []);\r\n\r\n  const contextValue = useMemo(() => ({\r\n    meta,\r\n    setMeta,\r\n    resetMeta\r\n  }), [meta, setMeta, resetMeta]);\r\n\r\n  return (\r\n    <AppMetaContext.Provider value={contextValue}>\r\n      {children}\r\n    </AppMetaContext.Provider>\r\n  );\r\n};\r\n\r\nconst useAppMeta = () => {\r\n  const context = useContext(AppMetaContext);\r\n  if (!context) {\r\n    throw new Error('useAppMeta must be used within an AppMetaProvider');\r\n  }\r\n  return context;\r\n};\r\n\r\nfunction createTypedAppMetaContext<TRoute extends string>() {\r\n  const TypedAppMetaContext = createContext<AppMetaContextType<TRoute> | undefined>(undefined);\r\n\r\n  const TypedAppMetaProvider = ({ children }: { children: ReactNode }) => {\r\n    const [meta, setMetaState] = useState<AppMeta<TRoute>>({\r\n      title: '',\r\n      description: '',\r\n      breadcrumbs: [],\r\n    });\r\n\r\n    const setMeta = useCallback((partialMeta: Partial<AppMeta<TRoute>>) => {\r\n      setMetaState(prev => {\r\n        const hasChanges = Object.keys(partialMeta).some(key => {\r\n          const prevValue = prev[key as keyof AppMeta<TRoute>];\r\n          const newValue = partialMeta[key as keyof AppMeta<TRoute>];\r\n          return JSON.stringify(prevValue) !== JSON.stringify(newValue);\r\n        });\r\n        return hasChanges ? { ...prev, ...partialMeta } : prev;\r\n      });\r\n    }, []);\r\n\r\n    const resetMeta = useCallback(() => {\r\n      setMetaState(prev => (\r\n        prev.title === '' &&\r\n          prev.description === '' &&\r\n          (prev.breadcrumbs?.length ?? 0) === 0\r\n          ? prev\r\n          : {\r\n            title: '',\r\n            description: '',\r\n            breadcrumbs: [],\r\n          }\r\n      ));\r\n    }, []);\r\n\r\n    const contextValue = useMemo(() => ({\r\n      meta,\r\n      setMeta,\r\n      resetMeta\r\n    }), [meta, setMeta, resetMeta]);\r\n\r\n    return (\r\n      <TypedAppMetaContext.Provider value={contextValue}>\r\n        {children}\r\n      </TypedAppMetaContext.Provider>\r\n    );\r\n  };\r\n\r\n  const useTypedAppMeta = () => {\r\n    const context = useContext(TypedAppMetaContext);\r\n    if (!context) {\r\n      throw new Error('useTypedAppMeta must be used within a TypedAppMetaProvider');\r\n    }\r\n    return context;\r\n  };\r\n\r\n  return { TypedAppMetaProvider, useTypedAppMeta, TypedAppMetaContext };\r\n}\r\n\r\nexport {\r\n  AppMetaProvider,\r\n  useAppMeta,\r\n  createTypedAppMetaContext\r\n};","import { createTypedAppMetaContext, useAppMeta } from './context.jsx';\r\nimport type { AppMeta, AppMetaContextType } from './types.js';\r\nimport { useEffect, useMemo } from 'react';\r\n\r\n// export function usePageTemplate(options: AppMeta) {\r\n//   const { setMeta, resetMeta } = useAppMeta();\r\n\r\n//   const memoizedOptions = useMemo(() => options, [\r\n//     options.title,\r\n//     options.description,\r\n//     options.breadcrumbs,\r\n//     options.primaryActions,\r\n//     options.secondaryActions,\r\n//     options.backAction,\r\n//     options.pagination,\r\n//     options.metadata,\r\n//     options.status,\r\n//   ]);\r\n\r\n//   useEffect(() => {\r\n//     setMeta(memoizedOptions);\r\n//     return () => resetMeta();\r\n//   }, [memoizedOptions, setMeta, resetMeta]);\r\n// }\r\n\r\nexport function createPageTemplateHook<TRoute extends string>({\r\n  useTypedAppMeta,\r\n}: {\r\n  useTypedAppMeta: () => AppMetaContextType<TRoute>;\r\n}) {\r\n  function usePageTemplate(options: AppMeta<TRoute>) {\r\n    const { setMeta, resetMeta } = useTypedAppMeta();\r\n\r\n    const backAction = useMemo(() => {\r\n      if (!options.backAction) return undefined;\r\n      return {\r\n        ...options.backAction,\r\n        onClick: options.backAction.onClick\r\n      };\r\n    }, [options.backAction?.content, options.backAction?.href, options.backAction?.onClick?.toString()]);\r\n\r\n    const metadata = useMemo(() => options.metadata, [JSON.stringify(options.metadata)]);\r\n\r\n    const stableOptions = useMemo(() => ({\r\n      ...options,\r\n      backAction,\r\n      metadata\r\n    }), [\r\n      options.title,\r\n      options.description,\r\n      options.breadcrumbs,\r\n      options.primaryActions,\r\n      options.secondaryActions,\r\n      options.pagination,\r\n      options.status,\r\n      backAction,\r\n      metadata\r\n    ]);\r\n\r\n    useEffect(() => {\r\n      setMeta(stableOptions);\r\n      return () => resetMeta();\r\n    }, [stableOptions, setMeta, resetMeta]);\r\n  }\r\n\r\n  return { usePageTemplate };\r\n}","import { useState } from \"react\";\r\nimport { Copy, Check, Loader2Icon } from \"lucide-react\";\r\nimport { Button } from \"../components/ui/button.jsx\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../components/ui/tooltip.jsx\";\r\nimport { cn } from \"../lib/utils.js\";\r\n\r\ntype CopyToClipboardProps = {\r\n  text: string;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\r\n  variant?: \"ghost\" | \"outline\" | \"default\" | \"secondary\" | \"destructive\" | \"link\";\r\n};\r\n\r\ntype FormatINROptions = {\r\n  prefix?: string;\r\n  suffix?: string;\r\n  withSymbol?: boolean;\r\n  compact?: boolean;\r\n};\r\n\r\ntype FormatDateOptions = {\r\n  format?: \"dd-mm-yyyy\" | \"dd-mmm-yyyy\" | \"iso\" | \"long\" | \"short\";\r\n  separator?: string;\r\n};\r\n\r\ntype StatusBadgeProps = {\r\n  status: string | boolean | number;\r\n  className?: string;\r\n  showDot?: boolean;\r\n  capitalize?: boolean;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'solid' | 'outline' | 'subtle';\r\n  customColors?: {\r\n    bg?: string;\r\n    text?: string;\r\n    border?: string;\r\n    dot?: string;\r\n  }; icon?: React.ReactNode;\r\n};\r\n\r\nclass GeneralHelper {\r\n  private static currencyFormatter = new Intl.NumberFormat(\"en-IN\", {\r\n    style: \"currency\",\r\n    currency: \"INR\",\r\n    maximumFractionDigits: 2,\r\n  });\r\n\r\n  private static compactFormatter = new Intl.NumberFormat(\"en-IN\", {\r\n    style: \"currency\",\r\n    currency: \"INR\",\r\n    notation: \"compact\",\r\n    maximumFractionDigits: 1,\r\n  });\r\n\r\n  private static MONTH_NAMES_SHORT = [\r\n    \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n    \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"\r\n  ];\r\n\r\n  /**\r\n   * Copies text to clipboard\r\n   * @param text Text to copy\r\n   * @returns Promise that resolves when copy is complete\r\n   */\r\n  static async copyToClipboard(text: string): Promise<void> {\r\n    if (!text) return;\r\n    try {\r\n      await navigator.clipboard.writeText(text);\r\n    } catch (error) {\r\n      console.error(\"Failed to copy text:\", error);\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * React component for copy to clipboard functionality\r\n   */\r\n  static CopyToClipboard = ({\r\n    text,\r\n    children,\r\n    className,\r\n    size = \"icon\",\r\n    variant = \"ghost\",\r\n  }: CopyToClipboardProps) => {\r\n    const [isCopied, setIsCopied] = useState(false);\r\n    const [isLoading, setIsLoading] = useState(false);\r\n\r\n    const handleCopy = async () => {\r\n      if (!text || isLoading) return;\r\n\r\n      setIsLoading(true);\r\n      try {\r\n        await this.copyToClipboard(text);\r\n        setIsCopied(true);\r\n        setTimeout(() => setIsCopied(false), 2000);\r\n      } catch (error) {\r\n        console.error(\"Failed to copy text:\", error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button\r\n            variant={variant}\r\n            size={size}\r\n            className={cn(\r\n              size === \"icon\" && \"size-6\",\r\n              className\r\n            )}\r\n            onClick={handleCopy}\r\n            disabled={isLoading || !text}\r\n          >\r\n            {isLoading ? (\r\n              <Loader2Icon className=\"animate-spin\" />\r\n            ) : isCopied ? (\r\n              <Check className=\"h-3 w-3\" />\r\n            ) : children ? (\r\n              children\r\n            ) : (\r\n              <Copy className=\"h-3 w-3\" />\r\n            )}\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent>\r\n          {isCopied ? \"Copied!\" : isLoading ? \"Copying...\" : \"Copy to clipboard\"}\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Formats a number as Indian Rupees (INR)\r\n   * @param amount Amount to format\r\n   * @param options Formatting options\r\n   * @returns Formatted currency string\r\n   */\r\n  static formatINR(\r\n    amount: number,\r\n    options: FormatINROptions = {}\r\n  ): string {\r\n    const { prefix = \"\", suffix = \"\", withSymbol = true, compact = false } = options;\r\n\r\n    if (typeof amount !== \"number\" || isNaN(amount)) {\r\n      return `${prefix}${withSymbol ? \"₹ \" : \"\"}0.00${suffix}`;\r\n    }\r\n\r\n    const isNegative = amount < 0;\r\n    const absoluteAmount = Math.abs(amount);\r\n\r\n    const formatter = compact && absoluteAmount >= 100000 ?\r\n      this.compactFormatter :\r\n      this.currencyFormatter;\r\n    const formatted = formatter.format(absoluteAmount).replace(\"₹\", \"\");\r\n\r\n    return `${prefix}${isNegative ? \"- \" : \"\"}${withSymbol ? \"₹ \" : \"\"}${formatted}${suffix}`;\r\n  }\r\n\r\n  /**\r\n   * Formats a date according to specified options\r\n   * @param input Date input (string, number, or Date object)\r\n   * @param options Formatting options\r\n   * @returns Formatted date string\r\n   */\r\n  static formatDate(\r\n    input: string | number | Date,\r\n    options: FormatDateOptions = {}\r\n  ): string {\r\n    const { format = \"dd-mm-yyyy\", separator = \"-\" } = options;\r\n\r\n    const dateObj = new Date(input);\r\n    if (isNaN(dateObj.getTime())) return \"\";\r\n\r\n    const dd = String(dateObj.getDate()).padStart(2, \"0\");\r\n    const mm = String(dateObj.getMonth() + 1).padStart(2, \"0\");\r\n    const mmm = this.MONTH_NAMES_SHORT[dateObj.getMonth()];\r\n    const yyyy = dateObj.getFullYear();\r\n\r\n    switch (format) {\r\n      case \"dd-mmm-yyyy\":\r\n        return `${dd}${separator}${mmm}${separator}${yyyy}`;\r\n      case \"iso\":\r\n        return dateObj.toISOString().split(\"T\")[0];\r\n      case \"long\":\r\n        return dateObj.toLocaleDateString(\"en-IN\", {\r\n          year: \"numeric\",\r\n          month: \"long\",\r\n          day: \"numeric\"\r\n        });\r\n      case \"short\":\r\n        return dateObj.toLocaleDateString(\"en-IN\");\r\n      default:\r\n        return `${dd}${separator}${mm}${separator}${yyyy}`;\r\n    }\r\n  }\r\n\r\n  static toProperCase(text: string): string {\r\n    if (!text) return \"\";\r\n    return text\r\n      .toLowerCase()\r\n      .split(' ')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ');\r\n  }\r\n\r\n  /**\r\n   * Advanced proper case conversion that handles hyphenated words and apostrophes\r\n   * @param text Text to convert\r\n   * @returns Text in proper case with special handling\r\n   */\r\n  static toProperCaseAdvanced(text: string): string {\r\n    if (!text) return \"\";\r\n    return text\r\n      .toLowerCase()\r\n      .split(/(\\s+|['-])/)\r\n      .map((part, index, array) => {\r\n        if ([\"-\", \"'\", \" \"].includes(part) ||\r\n          (index > 0 && [\"-\", \"'\"].includes(array[index - 1]))) {\r\n          return part;\r\n        }\r\n        return part.charAt(0).toUpperCase() + part.slice(1);\r\n      })\r\n      .join('');\r\n  }\r\n\r\n  static StatusBadge = ({\r\n    status,\r\n    className,\r\n    showDot = true,\r\n    capitalize = true,\r\n    size = 'md',\r\n    variant = 'outline',\r\n    customColors,\r\n    icon,\r\n    trueMessage = 'active',\r\n    falseMessage = 'inactive',\r\n  }: StatusBadgeProps & {\r\n    trueMessage?: string;\r\n    falseMessage?: string;\r\n  }) => {\r\n    const normalizedStatus = typeof status === 'boolean'\r\n      ? (status ? trueMessage : falseMessage)\r\n      : typeof status === 'number'\r\n        ? (status > 0 ? trueMessage : falseMessage)\r\n        : status.toLowerCase();\r\n\r\n    const statusConfig = {\r\n      active: {\r\n        label: 'active',\r\n        solid: {\r\n          bg: 'bg-emerald-500',\r\n          text: 'text-white',\r\n          border: 'border-emerald-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-emerald-50',\r\n          text: 'text-emerald-700',\r\n          border: 'border-emerald-100',\r\n          dot: 'bg-emerald-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-emerald-50',\r\n          text: 'text-emerald-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-emerald-500',\r\n        },\r\n      },\r\n      pending: {\r\n        label: 'pending',\r\n        solid: {\r\n          bg: 'bg-amber-500',\r\n          text: 'text-white',\r\n          border: 'border-amber-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-amber-50',\r\n          text: 'text-amber-700',\r\n          border: 'border-amber-100',\r\n          dot: 'bg-amber-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-amber-50',\r\n          text: 'text-amber-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-amber-500',\r\n        },\r\n      },\r\n      inactive: {\r\n        label: 'inactive',\r\n        solid: {\r\n          bg: 'bg-rose-500',\r\n          text: 'text-white',\r\n          border: 'border-rose-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-rose-50',\r\n          text: 'text-rose-700',\r\n          border: 'border-rose-100',\r\n          dot: 'bg-rose-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-rose-50',\r\n          text: 'text-rose-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-rose-500',\r\n        },\r\n      },\r\n      draft: {\r\n        label: 'draft',\r\n        solid: {\r\n          bg: 'bg-gray-500',\r\n          text: 'text-white',\r\n          border: 'border-gray-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-gray-50',\r\n          text: 'text-gray-700',\r\n          border: 'border-gray-100',\r\n          dot: 'bg-gray-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-gray-50',\r\n          text: 'text-gray-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-gray-500',\r\n        },\r\n      },\r\n      completed: {\r\n        label: 'completed',\r\n        solid: {\r\n          bg: 'bg-indigo-500',\r\n          text: 'text-white',\r\n          border: 'border-indigo-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-indigo-50',\r\n          text: 'text-indigo-700',\r\n          border: 'border-indigo-100',\r\n          dot: 'bg-indigo-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-indigo-50',\r\n          text: 'text-indigo-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-indigo-500',\r\n        },\r\n      },\r\n    };\r\n\r\n    const config = statusConfig[normalizedStatus.toLowerCase() as keyof typeof statusConfig] || statusConfig.inactive;\r\n    const colors = customColors || config[variant];\r\n\r\n    const sizeClasses = {\r\n      sm: 'text-xs px-2 py-0.5',\r\n      md: 'text-xs px-2.5 py-0.5',\r\n      lg: 'text-sm px-3 py-1',\r\n    };\r\n\r\n    const displayText = capitalize\r\n      ? normalizedStatus.charAt(0).toUpperCase() + normalizedStatus.slice(1)\r\n      : normalizedStatus;\r\n\r\n    return (\r\n      <div className=\"flex justify-center\">\r\n        <span\r\n          className={cn(\r\n            \"inline-flex items-center gap-1.5 rounded-full border font-medium\",\r\n            colors.bg,\r\n            colors.text,\r\n            colors.border,\r\n            sizeClasses[size],\r\n            className\r\n          )}\r\n        >\r\n          {showDot && (icon ? (\r\n            <span className=\"flex items-center\">\r\n              {icon}\r\n            </span>\r\n          ) : (\r\n            <span\r\n              className={cn('size-2 rounded-full', colors.dot)}\r\n              aria-hidden=\"true\"\r\n            />\r\n          ))}\r\n          {displayText}\r\n        </span>\r\n      </div>\r\n    );\r\n  };\r\n}\r\n\r\nexport { GeneralHelper };","import { Button } from \"../ui/button.jsx\";\r\nimport { AlertTriangleIcon } from \"lucide-react\";\r\nimport { useRouteError, isRouteErrorResponse, useNavigate } from \"react-router\";\r\n\r\nexport const ErrorComponent = () => {\r\n  const error: any = useRouteError();\r\n  const navigate = useNavigate();\r\n\r\n  const renderErrorDetails = () => {\r\n    if (isRouteErrorResponse(error)) {\r\n      return (\r\n        <>\r\n          <h2 className=\"text-3xl font-semibold text-destructive\">\r\n            Error {error.status}: {error.statusText}\r\n          </h2>\r\n          {typeof error.data === \"string\" ? (\r\n            <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n              {error.data}\r\n            </pre>\r\n          ) : (\r\n            error.data?.message && (\r\n              <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n                {error.data.message}\r\n              </pre>\r\n            )\r\n          )}\r\n        </>\r\n      );\r\n    }\r\n\r\n    if (error instanceof Error) {\r\n      return (\r\n        <>\r\n          <h2 className=\"text-3xl font-semibold text-destructive\">Unexpected Error</h2>\r\n          <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n            {error.message}\r\n          </pre>\r\n          {error.stack && (\r\n            <details className=\"mt-2 text-sm text-muted-foreground max-w-4xl text-left\">\r\n              <summary className=\"cursor-pointer underline\">Stack Trace</summary>\r\n              <pre className=\"whitespace-pre-wrap\">{error.stack}</pre>\r\n            </details>\r\n          )}\r\n        </>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <h2 className=\"text-3xl font-semibold text-destructive\">Unknown Error</h2>\r\n        <pre className=\"text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left\">\r\n          {typeof error === \"string\"\r\n            ? error\r\n            : JSON.stringify(error, null, 2)}\r\n        </pre>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className=\"rounded-2xl flex justify-center items-center h-full bg-sidebar px-4\">\r\n      <div className=\"flex flex-col items-center space-y-4 text-center\">\r\n        <AlertTriangleIcon className=\"h-16 w-16 text-destructive\" />\r\n        {renderErrorDetails()}\r\n        <Button variant=\"outline\" onClick={() => navigate(-1)}>\r\n          Go Back\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { motion } from \"framer-motion\"\r\nimport { Card, CardContent } from \"../ui/card.jsx\"\r\n\r\ninterface CheckmarkProps {\r\n  size?: number\r\n  strokeWidth?: number\r\n  color?: string\r\n  className?: string\r\n}\r\n\r\n// const draw = {\r\n//   hidden: { pathLength: 0, opacity: 0 },\r\n//   visible: (i: number) => ({\r\n//     pathLength: 1,\r\n//     opacity: 1,\r\n//     transition: {\r\n//       pathLength: {\r\n//         delay: i * 0.2,\r\n//         type: \"spring\",\r\n//         duration: 1.5,\r\n//         bounce: 0.2,\r\n//         ease: \"easeInOut\",\r\n//       },\r\n//       opacity: { delay: i * 0.2, duration: 0.2 },\r\n//     },\r\n//   }),\r\n// }\r\n\r\nfunction Checkmark({ size = 100, strokeWidth = 2, color = \"currentColor\", className = \"\" }: CheckmarkProps) {\r\n  return (\r\n    <motion.svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 100 100\"\r\n      initial=\"hidden\"\r\n      animate=\"visible\"\r\n      className={className}\r\n    >\r\n      <title>Animated Checkmark</title>\r\n      <motion.circle\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"40\"\r\n        stroke={color}\r\n        custom={0}\r\n        style={{\r\n          strokeWidth,\r\n          strokeLinecap: \"round\",\r\n          fill: \"transparent\",\r\n        }}\r\n      />\r\n      <motion.path\r\n        d=\"M30 50L45 65L70 35\"\r\n        stroke={color}\r\n        custom={1}\r\n        style={{\r\n          strokeWidth,\r\n          strokeLinecap: \"round\",\r\n          strokeLinejoin: \"round\",\r\n          fill: \"transparent\",\r\n        }}\r\n      />\r\n    </motion.svg>\r\n  )\r\n}\r\n\r\nexport function CurrencyTransfer() {\r\n  return (\r\n    <Card className=\"w-full max-w-sm mx-auto p-6 min-h-[300px] flex flex-col justify-center bg-background\">\r\n      <CardContent className=\"space-y-4 flex flex-col items-center justify-center\">\r\n        <motion.div\r\n          className=\"flex justify-center\"\r\n          initial={{ opacity: 0, scale: 0.8 }}\r\n          animate={{ opacity: 1, scale: 1 }}\r\n          transition={{\r\n            duration: 0.4,\r\n            ease: [0.4, 0, 0.2, 1],\r\n            scale: {\r\n              type: \"spring\",\r\n              damping: 15,\r\n              stiffness: 200,\r\n            },\r\n          }}\r\n        >\r\n          <div className=\"relative\">\r\n            <motion.div\r\n              className=\"absolute inset-0 bg-primary/5 rounded-full\"\r\n              initial={{ opacity: 0, scale: 0.8 }}\r\n              animate={{ opacity: 1, scale: 1 }}\r\n              transition={{\r\n                delay: 0.2,\r\n                duration: 0.8,\r\n                ease: \"circOut\",\r\n              }}\r\n            />\r\n            <Checkmark\r\n              size={80}\r\n              strokeWidth={4}\r\n              color=\"rgb(16 185 129)\"\r\n              className=\"relative z-10 dark:drop-shadow-[0_0_10px_rgba(0,0,0,0.1)]\"\r\n            />\r\n          </div>\r\n        </motion.div>\r\n        <motion.div\r\n          className=\"space-y-2 text-center w-full\"\r\n          initial={{ opacity: 0, y: 10 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          transition={{\r\n            delay: 0.2,\r\n            duration: 0.6,\r\n            ease: [0.4, 0, 0.2, 1],\r\n          }}\r\n        >\r\n          <motion.h2\r\n            className=\"text-lg text-zinc-100 dark:text-zinc-900 tracking-tighter font-semibold uppercase\"\r\n            initial={{ opacity: 0, y: 5 }}\r\n            animate={{ opacity: 1, y: 0 }}\r\n            transition={{ delay: 1, duration: 0.4 }}\r\n          >\r\n            Transfer Successful\r\n          </motion.h2>\r\n          <div className=\"flex items-center gap-4\">\r\n            <motion.div\r\n              className=\"flex-1 bg-zinc-800/50 dark:bg-zinc-50/50 rounded-xl p-3 border border-zinc-700/50 dark:border-zinc-200/50 backdrop-blur-md\"\r\n              initial={{ opacity: 0, scale: 0.95 }}\r\n              animate={{ opacity: 1, scale: 1 }}\r\n              transition={{\r\n                delay: 1.2,\r\n                duration: 0.4,\r\n                ease: [0.4, 0, 0.2, 1],\r\n              }}\r\n            >\r\n              <div className=\"flex flex-col items-start gap-2\">\r\n                <div className=\"space-y-1.5\">\r\n                  <span className=\"text-xs font-medium text-secondary-foreground flex items-center gap-1.5\">\r\n                    <svg\r\n                      className=\"w-3 h-3\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"none\"\r\n                      stroke=\"currentColor\"\r\n                      strokeWidth=\"2\"\r\n                      strokeLinecap=\"round\"\r\n                      strokeLinejoin=\"round\"\r\n                    >\r\n                      <title>From</title>\r\n                      <path d=\"M12 19V5M5 12l7-7 7 7\" />\r\n                    </svg>\r\n                    From\r\n                  </span>\r\n                  <div className=\"flex items-center gap-2.5 group transition-all\">\r\n                    <span className=\"inline-flex items-center justify-center w-7 h-7 rounded-lg bg-zinc-900 dark:bg-white shadow-lg border border-zinc-700 dark:border-zinc-300 text-sm font-medium text-zinc-100 dark:text-zinc-900 group-hover:scale-105 transition-transform\">\r\n                      $\r\n                    </span>\r\n                    <span className=\"font-medium text-zinc-100 dark:text-zinc-900 tracking-tight\">500.00 USD</span>\r\n                  </div>\r\n                </div>\r\n                <div className=\"w-full h-px bg-gradient-to-r from-transparent via-zinc-700 dark:via-zinc-300 to-transparent\" />\r\n                <div className=\"space-y-1.5\">\r\n                  <span className=\"text-xs font-medium text-secondary-foreground flex items-center gap-1.5\">\r\n                    <svg\r\n                      className=\"w-3 h-3\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"none\"\r\n                      stroke=\"currentColor\"\r\n                      strokeWidth=\"2\"\r\n                      strokeLinecap=\"round\"\r\n                      strokeLinejoin=\"round\"\r\n                    >\r\n                      <title>To</title>\r\n                      <path d=\"M12 5v14M5 12l7 7 7-7\" />\r\n                    </svg>\r\n                    To\r\n                  </span>\r\n                  <div className=\"flex items-center gap-2.5 group transition-all\">\r\n                    <span className=\"inline-flex items-center justify-center w-7 h-7 rounded-lg bg-zinc-900 dark:bg-white shadow-lg border border-zinc-700 dark:border-zinc-300 text-sm font-medium text-zinc-100 dark:text-zinc-900 group-hover:scale-105 transition-transform\">\r\n                      €\r\n                    </span>\r\n                    <span className=\"font-medium text-zinc-100 dark:text-zinc-900 tracking-tight\">460.00 EUR</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </motion.div>\r\n          </div>\r\n          <motion.div\r\n            className=\"w-full text-xs text-secondary-foreground mt-2 text-center\"\r\n            initial={{ opacity: 0 }}\r\n            animate={{ opacity: 1 }}\r\n            transition={{ delay: 1.4, duration: 0.4 }}\r\n          >\r\n            Exchange Rate: 1 USD = 0.92 EUR\r\n          </motion.div>\r\n        </motion.div>\r\n      </CardContent>\r\n    </Card>\r\n  )\r\n}\r\n","export const Loader = () => {\r\n  return (\r\n    <div className=\"rounded-2xl flex justify-center items-center h-full bg-transparent\">\r\n      <div className=\"flex flex-col items-center space-y-4\">\r\n        <div className=\"animate-spin rounded-full border-t-4 border-ring h-16 w-16 mb-4\" />\r\n        <h2 className=\"text-xl font-semibold text-muted-foreground\">Loading, please wait...</h2>\r\n        <p className=\"text-sm text-muted-foreground\">Your content is on its way.</p>\r\n      </div>\r\n    </div>\r\n  );\r\n}","import { useLocation } from \"react-router\";\r\nimport { Button } from \"../ui/button.jsx\";\r\nimport { GhostIcon } from \"lucide-react\";\r\nimport { NavLink, useNavigate } from \"react-router\";\r\n\r\nexport const NotFound = () => {\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n\r\n  const goBack = () => {\r\n    if (window.history.length > 2) {\r\n      navigate(-1);\r\n    } else {\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none\">\r\n      <GhostIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Page Not Found</h1>\r\n      <p className=\"text-xl mb-4\">\r\n        The page <code className=\"px-1 py-0.5 rounded bg-muted text-foreground\">{location.pathname}</code> doesn't exist or has been moved.\r\n      </p>\r\n      <div className=\"flex space-x-4\">\r\n        <Button variant=\"outline\" onClick={goBack}>\r\n          Go Back\r\n        </Button>\r\n        <Button variant=\"ghost\">\r\n          <NavLink to=\"/\">Return Home</NavLink>\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { WifiOffIcon } from \"lucide-react\";\r\n\r\nexport const OfflineUI = () => (\r\n  <div className=\"rounded-2xl flex flex-col items-center justify-center h-screen p-6 text-center text-muted-foreground bg-background select-none\">\r\n    <WifiOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n    <h1 className=\"text-3xl font-bold text-destructive mb-2\">You're offline</h1>\r\n    <p className=\"text-xl max-w-md\">\r\n      We couldn't connect to the server.\r\n    </p>\r\n  </div>\r\n);\r\n","import { ShieldOffIcon } from \"lucide-react\";\r\nimport { Button } from \"../ui/button.jsx\";\r\nimport { NavLink, useNavigate } from \"react-router\";\r\n\r\nexport const Unauthorized = () => {\r\n  const navigate = useNavigate();\r\n\r\n  const goBack = () => {\r\n    if (window.history.length > 2) {\r\n      navigate(-1);\r\n    } else {\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none\">\r\n      <ShieldOffIcon className=\"h-15 w-15 text-destructive mb-4\" />\r\n      <h1 className=\"text-2xl font-bold text-destructive mb-2\">Access Denied</h1>\r\n      <p className=\"text-xl mb-4\">\r\n        You don't have permission to view this page. Please sign in with an authorized account or contact your administrator.\r\n      </p>\r\n      <div className=\"flex space-x-4\">\r\n        <Button variant=\"outline\" onClick={goBack}>\r\n          Go Back\r\n        </Button>\r\n        <Button variant=\"ghost\">\r\n          <NavLink to=\"/\">Go to Home</NavLink>\r\n        </Button>\r\n      </div>\r\n    </div>\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","ChevronDown","Eye","jsx","jsxs","SlotPrimitive","cva","jsx","badgeVariants","cva","CommandPrimitive","SearchIcon","DialogPrimitive","XIcon","jsx","jsxs","jsx","jsxs","PopoverPrimitive","jsx","CheckIcon","PlusCircleIcon","Fragment","jsx","jsxs","useState","useEffect","useMemo","useCallback","useRef","Loader2","Search","Download","RefreshCw","Filter","ChevronDown","Settings2","Fragment","jsx","jsxs","DataTemplateToolbar","fields","filters","globalFilter","onGlobalFilterChange","fieldFilters","onFieldFilterChange","sortField","sortDirection","onSortChange","selectedCount","totalCount","visibleCount","onExport","onRefresh","loading","onClearFilters","onClearSorting","sortableFields","field","hasActiveFilters","value","hasActiveSorting","Filter","filter","Select","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","option","Input","e","Search","DropdownMenu","DropdownMenuTrigger","Button","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","Settings2","Download","RefreshCw","ChevronLeft","ChevronRight","ChevronsLeft","ChevronsRight","jsx","jsxs","DataTemplatePagination","currentPage","totalPages","pageSize","totalItems","onPageChange","onPageSizeChange","config","pageSizeOptions","startItem","endItem","canPreviousPage","canNextPage","getPageNumbers","range","rangeWithDots","i","Select","value","SelectTrigger","SelectValue","SelectContent","size","SelectItem","Button","ChevronsLeft","ChevronLeft","pageNumber","index","page","ChevronRight","ChevronsRight","jsx","jsxs","DataTemplate","data","template","fields","filters","pagination","settings","header","footer","className","loading","error","emptyMessage","emptyIcon","onSelectionChange","onExport","onRefresh","onTemplateReady","children","enableSorting","enableFiltering","enableGlobalSearch","enableSelection","enableExport","toolbar","selectionMode","gridCols","gap","aspectRatio","minCardWidth","maxCardWidth","globalFilter","setGlobalFilter","useState","fieldFilters","setFieldFilters","sortField","setSortField","sortDirection","setSortDirection","selectedItems","setSelectedItems","currentPage","setCurrentPage","pageSize","setPageSize","currentGridCols","setCurrentGridCols","filteredAndSortedData","useMemo","result","searchableFields","field","item","key","value","f","itemValue","a","b","aValue","bValue","aDate","bDate","aStr","bStr","paginatedData","startIndex","endIndex","totalPages","handleToggleSelect","useCallback","index","prev","newSelection","handleSelectAll","_","handleFieldFilterChange","handleSortChange","direction","handleClearFilters","handleClearSorting","controller","controllerRef","useRef","useEffect","selected","gridContainerClasses","cn","gridClasses","gridStyle","Card","CardContent","Button","Loader2","DataTemplateToolbar","globalIndex","isSelected","Checkbox","e","v","DataTemplatePagination","size","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","jsx","spacingClasses","paddingClasses","AppContainer","children","className","spacing","padding","cn","ArrowLeftIcon","ChevronRight","NavLink","jsx","jsxs","AppHeader","className","columns","showBackButton","meta","renderBackAction","buttonProps","Button","ArrowLeftIcon","renderMetadata","item","index","renderStatus","cn","reservedColumn","crumb","ChevronRight","actionsColumn","allColumns","col","column","React","useState","createContext","useContext","SheetPrimitive","XIcon","jsx","jsxs","Sheet","props","SheetPrimitive","SheetTrigger","SheetPortal","props","jsx","SheetPrimitive","SheetOverlay","className","cn","SheetContent","children","side","jsxs","XIcon","jsx","jsxs","AppContentContext","createContext","splitRatioClasses","paddingClasses","getContainerSheetClasses","side","width","contentWidth","sheetWidth","cn","baseClasses","variantClasses","AppContent","props","children","className","variant","layout","header","footer","headerClassName","footerClassName","parentContainer","padding","isNested","useContext","internalSheetOpen","setInternalSheetOpen","useState","contentWrapper","React","content","renderContent","splitRatio","reverse","leftClass","rightClass","firstChild","secondChild","firstClass","secondClass","sheetContent","sheetSide","sheetMode","sheetTrigger","sheetClassName","isSheetOpen","onSheetOpenChange","showSheetOverlay","disableOverlay","isControlled","sheetOpen","setSheetOpen","sheetClasses","Sheet","SheetTrigger","SheetPortal","SheetOverlay","SheetContent","jsx","AppFooter","className","columns","meta","actionsColumn","allColumns","col","cn","column","index","jsx","createLayoutComponents","useTypedAppMeta","props","meta","AppHeader","AppFooter","AppContent","AppContainer","createContext","useContext","useState","useCallback","useMemo","jsx","AppMetaContext","AppMetaProvider","children","meta","setMetaState","setMeta","partialMeta","prev","key","resetMeta","contextValue","createTypedAppMetaContext","TypedAppMetaContext","createContext","children","meta","setMetaState","useState","setMeta","useCallback","partialMeta","prev","key","prevValue","newValue","resetMeta","contextValue","useMemo","jsx","context","useContext","useEffect","useMemo","createPageTemplateHook","useTypedAppMeta","usePageTemplate","options","setMeta","resetMeta","backAction","metadata","stableOptions","useState","Copy","Check","Loader2Icon","jsx","jsxs","GeneralHelper","text","error","children","className","size","variant","isCopied","setIsCopied","useState","isLoading","setIsLoading","handleCopy","Tooltip","TooltipTrigger","Button","cn","Loader2Icon","Check","Copy","TooltipContent","amount","options","prefix","suffix","withSymbol","compact","isNegative","absoluteAmount","formatted","input","format","separator","dateObj","dd","mm","mmm","yyyy","word","part","index","array","status","showDot","capitalize","customColors","icon","trueMessage","falseMessage","normalizedStatus","statusConfig","config","colors","sizeClasses","displayText","AlertTriangleIcon","useRouteError","isRouteErrorResponse","useNavigate","Fragment","jsx","jsxs","ErrorComponent","error","navigate","Button","motion","jsx","jsxs","Checkmark","size","strokeWidth","color","className","motion","CurrencyTransfer","Card","CardContent","jsx","jsxs","Loader","useLocation","GhostIcon","NavLink","useNavigate","jsx","jsxs","NotFound","location","useLocation","navigate","goBack","Button","WifiOffIcon","jsx","jsxs","OfflineUI","ShieldOffIcon","NavLink","useNavigate","jsx","jsxs","Unauthorized","navigate","ShieldOffIcon","Button"]}