@hexclave/dashboard-ui-components 1.0.52 → 1.0.54

package/dist/components/data-grid/data-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.js","names":["ArrowUp","ArrowDown","CaretUp","CaretDown","DesignSkeleton","MinusSquare","CheckSquare","Square","DEFAULT_COL_WIDTH","DataGridExportDialog","DataGridToolbar"],"sources":["../../../src/components/data-grid/data-grid.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ArrowDown,\n  ArrowUp,\n  CaretDown,\n  CaretUp,\n  CheckSquare,\n  MinusSquare,\n  Square,\n} from \"@phosphor-icons/react\";\nimport { throwErr } from \"@hexclave/shared/dist/utils/errors\";\nimport { cn } from \"@hexclave/ui\";\nimport {\n  type ColumnDef,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  type ColumnSizingState,\n  type RowSelectionState,\n  type SortingState,\n  type VisibilityState,\n  type Header,\n  type Updater,\n  getCoreRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useVirtualizer, type VirtualItem } from \"@tanstack/react-virtual\";\nimport React, {\n  type CSSProperties,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { DesignSkeleton } from \"../skeleton\";\nimport { DEFAULT_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from \"./data-grid-sizing\";\nimport { DataGridExportDialog } from \"./data-grid-export-dialog\";\nimport { DataGridToolbar } from \"./data-grid-toolbar\";\nimport { formatGridDate, resolveColumnValue } from \"./state\";\nimport { resolveDataGridStrings } from \"./strings\";\nimport type {\n  DataGridCellContext,\n  DataGridColumnDef,\n  DataGridDateDisplay,\n  DataGridFooterContext,\n  DataGridHeaderContext,\n  DataGridPaginationMode,\n  DataGridProps,\n  DataGridSelectionModel,\n  DataGridSortItem,\n  DataGridSortModel,\n  DataGridState,\n  DataGridStrings,\n  DataGridToolbarContext,\n  RowId,\n} from \"./types\";\n\n// Viewport-relative fallback height for infinite-scroll grids that the caller left unbounded\n// (no `fillHeight`, no `maxHeight`). Leaves ~16rem of room for the top bar, page header, and grid\n// toolbar. See the `effectiveMaxHeight` comment in DataGrid for why an infinite grid must be bounded.\nconst DEFAULT_INFINITE_MAX_HEIGHT = \"calc(100dvh - 16rem)\";\n\n// ─── Row click target ────────────────────────────────────────────────\n\nfunction getEventTargetElement(target: EventTarget | null): Element | null {\n  if (target instanceof Element) return target;\n  if (target instanceof Node) return target.parentElement;\n  return null;\n}\n\nexport function isDataGridInteractiveRowClickTarget(target: EventTarget | null): boolean {\n  const el = getEventTargetElement(target);\n  return el?.closest([\n    \"a\",\n    \"button\",\n    \"input\",\n    \"select\",\n    \"textarea\",\n    \"[role=\\\"button\\\"]\",\n    \"[role=\\\"menuitem\\\"]\",\n    \"[contenteditable]:not([contenteditable=\\\"false\\\"])\",\n    \"[data-no-row-click]\",\n  ].join(\",\")) != null;\n}\n\nfunction shouldIgnoreRowClick(event: React.MouseEvent): boolean {\n  return event.defaultPrevented || isDataGridInteractiveRowClickTarget(event.target);\n}\n\n// ─── State translators (DataGridState ⇄ TanStack) ────────────────────\n\nfunction toTanstackSorting(sorting: DataGridSortModel): SortingState {\n  return sorting.map((s) => ({ id: s.columnId, desc: s.direction === \"desc\" }));\n}\n\nfunction fromTanstackSorting(sorting: SortingState): DataGridSortModel {\n  return sorting.map((s) => ({ columnId: s.id, direction: s.desc ? \"desc\" : \"asc\" }));\n}\n\nfunction toTanstackRowSelection(ids: ReadonlySet<RowId>): RowSelectionState {\n  const out: RowSelectionState = {};\n  for (const id of ids) out[id] = true;\n  return out;\n}\n\nfunction resolveUpdater<T>(updater: Updater<T>, current: T): T {\n  return typeof updater === \"function\" ? (updater as (old: T) => T)(current) : updater;\n}\n\n// ─── Flex column width distribution ──────────────────────────────────\n\nfunction distributeFlexWidths<TRow>(\n  sizes: Record<string, number>,\n  visibleColumns: readonly DataGridColumnDef<TRow>[],\n  available: number,\n): void {\n  const flexCols = visibleColumns.filter((c) => c.flex != null && c.flex > 0);\n  if (flexCols.length === 0 || available <= 0) return;\n  const totalFlex = flexCols.reduce((acc, c) => acc + (c.flex ?? 0), 0);\n  let remaining = available;\n  flexCols.forEach((col, i) => {\n    const isLast = i === flexCols.length - 1;\n    const share = isLast\n      ? remaining\n      : Math.floor(available * ((col.flex ?? 0) / totalFlex));\n    const max = col.maxWidth ?? Infinity;\n    const add = Math.max(0, Math.min(share, max - sizes[col.id]));\n    sizes[col.id] += add;\n    remaining -= add;\n  });\n}\n\n// ─── Selection logic (with shift-range anchor) ───────────────────────\n\ntype SelectionInput = {\n  current: DataGridSelectionModel;\n  rowId: RowId;\n  mode: \"single\" | \"multiple\";\n  modifiers: { shift: boolean; ctrl: boolean };\n  allRowIds: readonly RowId[];\n};\n\nfunction selectSingle(current: DataGridSelectionModel, rowId: RowId): DataGridSelectionModel {\n  const isSelected = current.selectedIds.has(rowId);\n  return {\n    selectedIds: isSelected ? new Set() : new Set([rowId]),\n    anchorId: isSelected ? null : rowId,\n  };\n}\n\nfunction selectRange(\n  current: DataGridSelectionModel,\n  rowId: RowId,\n  allRowIds: readonly RowId[],\n  additive: boolean,\n): DataGridSelectionModel | null {\n  if (current.anchorId == null) return null;\n  const anchorIdx = allRowIds.indexOf(current.anchorId);\n  const currentIdx = allRowIds.indexOf(rowId);\n  if (anchorIdx < 0 || currentIdx < 0) return null;\n  const start = Math.min(anchorIdx, currentIdx);\n  const end = Math.max(anchorIdx, currentIdx);\n  const next = additive ? new Set(current.selectedIds) : new Set<RowId>();\n  for (let i = start; i <= end; i++) next.add(allRowIds[i]!);\n  return { selectedIds: next, anchorId: current.anchorId };\n}\n\nfunction selectToggle(current: DataGridSelectionModel, rowId: RowId): DataGridSelectionModel {\n  const next = new Set(current.selectedIds);\n  if (next.has(rowId)) next.delete(rowId);\n  else next.add(rowId);\n  return { selectedIds: next, anchorId: rowId };\n}\n\nfunction nextSelection(input: SelectionInput): DataGridSelectionModel {\n  const { current, rowId, mode, modifiers, allRowIds } = input;\n  if (mode === \"single\") return selectSingle(current, rowId);\n  if (modifiers.shift) {\n    const range = selectRange(current, rowId, allRowIds, modifiers.ctrl);\n    if (range != null) return range;\n  }\n  if (modifiers.ctrl) return selectToggle(current, rowId);\n  return { selectedIds: new Set([rowId]), anchorId: rowId };\n}\n\n// ─── Header cell ─────────────────────────────────────────────────────\n\nfunction HeaderCell<TRow>({\n  header,\n  col,\n  resizable,\n}: {\n  header: Header<TRow, unknown>;\n  col: DataGridColumnDef<TRow>;\n  resizable: boolean;\n}) {\n  const sorted = header.column.getIsSorted(); // false | \"asc\" | \"desc\"\n  const sortIndex = header.column.getSortIndex();\n  const totalSorts = header.column.getCanMultiSort()\n    ? header.getContext().table.getState().sorting.length\n    : 0;\n  const ctx: DataGridHeaderContext<TRow> = {\n    columnId: col.id,\n    columnDef: col,\n    isSorted: sorted === false ? false : sorted,\n    sortIndex: totalSorts > 1 && sortIndex >= 0 ? sortIndex + 1 : null,\n  };\n  const label = typeof col.header === \"function\" ? col.header(ctx) : col.header;\n  const sortable = header.column.getCanSort();\n  const canResize = resizable && header.column.getCanResize();\n  const isResizing = header.column.getIsResizing();\n\n  return (\n    <div\n      className={cn(\n        \"group/header relative flex items-center gap-1.5 px-3 select-none bg-transparent overflow-hidden\",\n        \"border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\",\n        sortable && \"cursor-pointer\",\n      )}\n      style={{ width: `calc(var(--col-${col.id}-size) * 1px)` }}\n      data-col-id={col.id}\n      onClick={sortable ? header.column.getToggleSortingHandler() : undefined}\n      role=\"columnheader\"\n      aria-sort={sorted === \"asc\" ? \"ascending\" : sorted === \"desc\" ? \"descending\" : \"none\"}\n    >\n      <span\n        className={cn(\n          \"flex-1 min-w-0 truncate text-xs font-semibold uppercase tracking-wider text-muted-foreground\",\n          col.align === \"center\" && \"text-center\",\n          col.align === \"right\" && \"text-right\",\n        )}\n      >\n        {label}\n      </span>\n\n      {sorted && (\n        <span className=\"flex items-center gap-0.5 text-foreground/60\">\n          {sorted === \"asc\"\n            ? <ArrowUp className=\"h-3 w-3\" weight=\"bold\" />\n            : <ArrowDown className=\"h-3 w-3\" weight=\"bold\" />}\n          {ctx.sortIndex != null && (\n            <span className=\"text-[10px] font-medium tabular-nums\">{ctx.sortIndex}</span>\n          )}\n        </span>\n      )}\n\n      {!sorted && sortable && (\n        <span className=\"hidden group-hover/header:flex items-center text-foreground/20\">\n          <CaretUp className=\"h-2.5 w-2.5 -mb-[1px]\" weight=\"bold\" />\n          <CaretDown className=\"h-2.5 w-2.5 -mt-[1px]\" weight=\"bold\" />\n        </span>\n      )}\n\n      {canResize && (\n        <div\n          onMouseDown={header.getResizeHandler()}\n          onTouchStart={header.getResizeHandler()}\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          className={cn(\n            \"absolute right-0 top-0 bottom-0 z-10 w-[5px] cursor-col-resize touch-none\",\n            \"group-hover/header:bg-foreground/[0.06] hover:!bg-blue-500/30\",\n            \"transition-colors duration-100\",\n            isResizing && \"bg-blue-500/40\",\n          )}\n        />\n      )}\n    </div>\n  );\n}\n\n// ─── Data cell ───────────────────────────────────────────────────────\n\nfunction DataCell<TRow>({\n  col,\n  row,\n  rowId,\n  rowIndex,\n  isSelected,\n  dateDisplay,\n}: {\n  col: DataGridColumnDef<TRow>;\n  row: TRow;\n  rowId: RowId;\n  rowIndex: number;\n  isSelected: boolean;\n  dateDisplay: DataGridDateDisplay;\n}) {\n  const value = resolveColumnValue(col, row);\n  const ctx: DataGridCellContext<TRow> = { row, rowId, rowIndex, value, columnId: col.id, isSelected, dateDisplay };\n\n  const isDateCol = col.type === \"date\" || col.type === \"dateTime\";\n  let content: React.ReactNode;\n  if (col.renderCell) content = col.renderCell(ctx);\n  else if (isDateCol) content = renderDateCell(value, dateDisplay, col);\n  else content = formatCellValue(value);\n\n  const hasCellClick = col.onCellClick || col.onCellDoubleClick;\n  const isWrap = col.cellOverflow === \"wrap\";\n\n  return (\n    <div\n      className={cn(\n        \"flex px-3 bg-transparent overflow-hidden\",\n        \"border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\",\n        \"text-sm text-foreground\",\n        isWrap ? \"items-start py-2\" : \"items-center\",\n        col.align === \"center\" && \"justify-center\",\n        col.align === \"right\" && \"justify-end\",\n        hasCellClick && \"cursor-pointer\",\n      )}\n      style={{ width: `calc(var(--col-${col.id}-size) * 1px)` }}\n      data-col-id={col.id}\n      role=\"gridcell\"\n      onClick={col.onCellClick ? (e) => {\n        e.stopPropagation();\n        col.onCellClick!(ctx, e);\n      } : undefined}\n      onDoubleClick={col.onCellDoubleClick ? (e) => {\n        e.stopPropagation();\n        col.onCellDoubleClick!(ctx, e);\n      } : undefined}\n    >\n      <div className={cn(\"min-w-0\", isWrap ? \"flex-1\" : \"truncate\")}>{content}</div>\n    </div>\n  );\n}\n\nfunction formatCellValue(value: unknown): React.ReactNode {\n  if (value == null) return <span className=\"text-muted-foreground/40\">-</span>;\n  if (typeof value === \"boolean\") {\n    return (\n      <span className={cn(\n        \"inline-flex items-center px-1.5 py-0.5 rounded-md text-xs font-medium\",\n        value\n          ? \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\"\n          : \"bg-foreground/[0.04] text-muted-foreground\",\n      )}>\n        {value ? \"Yes\" : \"No\"}\n      </span>\n    );\n  }\n  if (value instanceof Date) {\n    return <span className=\"tabular-nums text-muted-foreground\">{value.toLocaleDateString()}</span>;\n  }\n  return <span className=\"truncate\">{String(value)}</span>;\n}\n\nfunction renderDateCell<TRow>(\n  value: unknown,\n  dateDisplay: DataGridDateDisplay,\n  col: DataGridColumnDef<TRow>,\n): React.ReactNode {\n  const { display, tooltip } = formatGridDate(value, dateDisplay, {\n    parseValue: col.parseValue,\n    dateFormat: col.dateFormat,\n  });\n  if (display == null) return <span className=\"text-muted-foreground/40\">-</span>;\n  return (\n    <span className=\"tabular-nums text-muted-foreground truncate cursor-help\" title={tooltip ?? undefined}>\n      {display}\n    </span>\n  );\n}\n\n// ─── Skeleton row ────────────────────────────────────────────────────\n\nfunction hashStringToInt(value: string): number {\n  let hash = 0;\n  for (let i = 0; i < value.length; i++) hash = ((hash << 5) - hash + value.charCodeAt(i)) | 0;\n  return Math.abs(hash);\n}\n\nfunction SkeletonRow({\n  columns,\n  height,\n  showCheckbox,\n}: {\n  columns: readonly DataGridColumnDef<any>[];\n  height: number;\n  showCheckbox?: boolean;\n}) {\n  return (\n    <div className=\"flex\" style={{ height }} role=\"row\">\n      {showCheckbox && (\n        <div className=\"flex items-center justify-center border-r border-black/[0.04] dark:border-white/[0.04]\" style={{ width: 44 }}>\n          <DesignSkeleton className=\"h-4 w-4 rounded\" />\n        </div>\n      )}\n      {columns.map((col) => (\n        <div\n          key={col.id}\n          className=\"flex items-center px-3 border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\"\n          style={{ width: `calc(var(--col-${col.id}-size) * 1px)` }}\n        >\n          <DesignSkeleton className=\"h-3.5 rounded-md\" style={{ width: `${40 + (hashStringToInt(col.id) % 40)}%` }} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ─── Selection checkbox ──────────────────────────────────────────────\n\nfunction SelectionCheckbox({\n  checked,\n  indeterminate,\n  onChange,\n  ariaLabel,\n  title,\n}: {\n  checked: boolean;\n  indeterminate?: boolean;\n  onChange: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  ariaLabel: string;\n  title?: string;\n}) {\n  const Icon = indeterminate ? MinusSquare : checked ? CheckSquare : Square;\n  return (\n    <button\n      className={cn(\n        \"flex items-center justify-center w-full h-full\",\n        \"hover:bg-foreground/[0.04] transition-colors duration-75\",\n        checked || indeterminate\n          ? \"text-blue-600 dark:text-blue-400\"\n          : \"text-muted-foreground/40 hover:text-muted-foreground/60\",\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onChange(e);\n      }}\n      aria-label={ariaLabel}\n      title={title ?? ariaLabel}\n      role=\"checkbox\"\n      aria-checked={indeterminate ? \"mixed\" : checked}\n    >\n      <Icon className=\"h-4 w-4\" weight={checked || indeterminate ? \"fill\" : \"regular\"} />\n    </button>\n  );\n}\n\n// ─── Infinite scroll sentinel ────────────────────────────────────────\n\nconst NOOP = () => {};\n\nfunction InfiniteScrollSentinel({\n  onIntersect,\n  isLoading,\n  rootRef,\n  strings,\n}: {\n  onIntersect: () => void;\n  isLoading: boolean;\n  rootRef?: React.RefObject<Element | null>;\n  strings: DataGridStrings;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  // Read `onIntersect` through a ref so the observer never has to be\n  // re-created when the callback identity changes. `onLoadMore` (and thus\n  // `onIntersect`) changes on every `isLoadingMore`/`hasMore` toggle; if the\n  // observer were re-created each time, a freshly-created observer re-reports\n  // the sentinel's *current* intersection state, so a sentinel that stays in\n  // view keeps firing `onIntersect` after every page. That auto-loads the\n  // entire dataset back-to-back (defeating \"load on scroll\") and OOM-crashes\n  // the tab on long transaction/customer histories. A single stable observer\n  // only fires on genuine intersection *changes* (real user scrolls).\n  const onIntersectRef = useRef(onIntersect);\n  onIntersectRef.current = onIntersect;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries[0]?.isIntersecting) onIntersectRef.current();\n      },\n      { root: rootRef?.current ?? null, rootMargin: \"200px\" },\n    );\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [rootRef]);\n  return (\n    <div ref={ref} className=\"flex items-center justify-center py-4\">\n      {isLoading && (\n        <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <div className=\"h-3 w-3 rounded-full border-2 border-current border-t-transparent animate-spin\" />\n          {strings.loadingMore}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Footer ──────────────────────────────────────────────────────────\n\nfunction DefaultFooter<TRow>({\n  ctx,\n  pagination,\n  onChange,\n}: {\n  ctx: DataGridFooterContext<TRow>;\n  pagination: DataGridPaginationMode;\n  onChange: React.Dispatch<React.SetStateAction<DataGridState>>;\n}) {\n  const { state, totalRowCount, visibleRowCount, selectedRowCount, strings } = ctx;\n  const totalPages = totalRowCount != null\n    ? Math.max(1, Math.ceil(totalRowCount / state.pagination.pageSize))\n    : undefined;\n\n  const setPage = (pageIndex: number) =>\n    onChange((s) => ({ ...s, pagination: { ...s.pagination, pageIndex } }));\n  const setPageSize = (pageSize: number) =>\n    onChange((s) => ({ ...s, pagination: { ...s.pagination, pageSize, pageIndex: 0 } }));\n\n  return (\n    <div className=\"flex items-center justify-between px-4 py-2.5 border-t border-foreground/[0.06] text-xs text-muted-foreground\">\n      <div className=\"flex items-center gap-3\">\n        {selectedRowCount > 0 && (\n          <span className=\"font-medium text-foreground\">{strings.rowsSelected(selectedRowCount)}</span>\n        )}\n        {totalRowCount != null && <span>{visibleRowCount} of {totalRowCount} rows</span>}\n      </div>\n\n      {pagination !== \"infinite\" && totalPages != null && (\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex items-center gap-1.5\">\n            <span>{strings.rowsPerPage}</span>\n            <select\n              className={cn(\n                \"h-7 rounded-lg border border-black/[0.08] dark:border-white/[0.06] px-1.5\",\n                \"bg-white dark:bg-background shadow-sm ring-1 ring-black/[0.08] dark:ring-white/[0.06]\",\n                \"text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-foreground/[0.1]\",\n                \"cursor-pointer transition-all duration-150 hover:transition-none hover:ring-black/[0.12] dark:hover:ring-white/[0.1]\",\n              )}\n              value={state.pagination.pageSize}\n              onChange={(e) => setPageSize(Number(e.target.value))}\n            >\n              {[10, 25, 50, 100].map((size) => <option key={size} value={size}>{size}</option>)}\n            </select>\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <button\n              className={cn(\n                \"h-7 w-7 flex items-center justify-center rounded-lg\",\n                \"hover:bg-foreground/[0.04] disabled:opacity-30 disabled:cursor-not-allowed\",\n                \"transition-colors duration-75\",\n              )}\n              onClick={() => setPage(state.pagination.pageIndex - 1)}\n              disabled={state.pagination.pageIndex === 0}\n              aria-label=\"Previous page\"\n            >\n              <CaretUp className=\"h-3.5 w-3.5 -rotate-90\" weight=\"bold\" />\n            </button>\n            <span className=\"px-2 tabular-nums font-medium\">\n              {strings.pageOf(state.pagination.pageIndex + 1, totalPages)}\n            </span>\n            <button\n              className={cn(\n                \"h-7 w-7 flex items-center justify-center rounded-lg\",\n                \"hover:bg-foreground/[0.04] disabled:opacity-30 disabled:cursor-not-allowed\",\n                \"transition-colors duration-75\",\n              )}\n              onClick={() => setPage(state.pagination.pageIndex + 1)}\n              disabled={state.pagination.pageIndex >= totalPages - 1}\n              aria-label=\"Next page\"\n            >\n              <CaretDown className=\"h-3.5 w-3.5 -rotate-90\" weight=\"bold\" />\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Main DataGrid ───────────────────────────────────────────────────\n\n/**\n * Interactive table built on TanStack Table v8. Sorting, column sizing,\n * visibility, ordering, and pinning are owned by the table instance; we\n * layer virtualization, sticky toolbar/header/footer, infinite scroll,\n * quick search, CSV export, and date-format toggling on top.\n *\n * The grid is display-only — it does not fetch or page data itself. Pair\n * with `useDataSource` for client- or server-side data and pass the\n * already-processed slice through `rows`.\n *\n * ```tsx\n * const columns = useMemo(() => [...], []);\n * const [gridState, setGridState] = useState(() => createDefaultDataGridState(columns));\n * const gridData = useDataSource({\n *   data: users, columns, getRowId: (r) => r.id,\n *   sorting: gridState.sorting,\n *   quickSearch: gridState.quickSearch,\n *   pagination: gridState.pagination,\n *   paginationMode: \"client\",\n * });\n *\n * <DataGrid\n *   columns={columns}\n *   rows={gridData.rows}\n *   getRowId={(r) => r.id}\n *   totalRowCount={gridData.totalRowCount}\n *   isLoading={gridData.isLoading}\n *   state={gridState}\n *   onChange={setGridState}\n * />\n * ```\n *\n * Iron rules:\n * - `rows` is always `gridData.rows`, never your raw array.\n * - Columns must be stable (define outside the component or wrap in `useMemo`).\n * - Initialize state with `createDefaultDataGridState(columns)`.\n * - `renderCell` must be a pure function — no React hooks inside.\n */\nexport function DataGrid<TRow>(props: DataGridProps<TRow>) {\n  const {\n    columns: allColumns,\n    rows,\n    getRowId,\n    totalRowCount,\n    isLoading = false,\n    isRefetching = false,\n    hasMore = false,\n    isLoadingMore = false,\n    onLoadMore,\n    state,\n    onChange,\n    paginationMode = \"paginated\",\n    selectionMode = \"none\",\n    resizable = true,\n    rowHeight: rowHeightProp = 44,\n    estimatedRowHeight: estimatedRowHeightProp,\n    headerHeight = 44,\n    overscan = 5,\n    maxHeight,\n    fillHeight = true,\n    stickyTop,\n    toolbar,\n    toolbarExtra,\n    emptyState,\n    loadingState,\n    footer,\n    footerExtra,\n    exportFilename = \"export\",\n    exportOptions,\n    strings: stringsOverride,\n    className,\n    onRowClick,\n    onRowDoubleClick,\n    onSelectionChange,\n    onSortChange,\n    onColumnResize,\n    onColumnVisibilityChange,\n  } = props;\n\n  const isDynamicRowHeight = rowHeightProp === \"auto\";\n  const fixedRowHeight = isDynamicRowHeight ? undefined : rowHeightProp;\n  const estimatedRowHeight = estimatedRowHeightProp ?? (fixedRowHeight ?? 44);\n\n  const strings = useMemo(() => resolveDataGridStrings(stringsOverride), [stringsOverride]);\n\n  // ── Build TanStack column defs from our column defs ──────────\n  const tableColumns = useMemo<ColumnDef<TRow>[]>(\n    () =>\n      allColumns.map((col) => ({\n        id: col.id,\n        accessorFn: (row) => resolveColumnValue(col, row),\n        header: typeof col.header === \"string\" ? col.header : col.id,\n        size: col.width ?? DEFAULT_COL_WIDTH,\n        minSize: getEffectiveMinWidth(col),\n        maxSize: getEffectiveMaxWidth(col),\n        enableSorting: col.sortable !== false,\n        enableHiding: col.hideable !== false,\n        enableResizing: col.resizable !== false,\n        enableMultiSort: true,\n      })),\n    [allColumns],\n  );\n\n  // ── Translate our state ⇄ TanStack state via change handlers ───\n  const tanstackSorting = useMemo(() => toTanstackSorting(state.sorting), [state.sorting]);\n  const tanstackRowSelection = useMemo(\n    () => toTanstackRowSelection(state.selection.selectedIds),\n    [state.selection.selectedIds],\n  );\n  // ColumnSizing/Visibility/Order/Pinning share the same shape with TanStack.\n  const tanstackColumnPinning = useMemo<ColumnPinningState>(\n    () => ({ left: [...state.columnPinning.left], right: [...state.columnPinning.right] }),\n    [state.columnPinning],\n  );\n  const tanstackColumnOrder = useMemo<ColumnOrderState>(\n    () => [...state.columnOrder],\n    [state.columnOrder],\n  );\n\n  const allColumnsRef = useRef(allColumns);\n  allColumnsRef.current = allColumns;\n\n  const handleSortingChange = useCallback(\n    (updater: Updater<SortingState>) => {\n      const next = resolveUpdater(updater, toTanstackSorting(state.sorting));\n      const ours: DataGridSortItem[] = fromTanstackSorting(next).map((s) => ({ ...s }));\n      // Reset to page 0 — page N of the new sort order is meaningless when\n      // the order itself changed, and would silently scroll past relevant\n      // rows.\n      onChange((s) => ({\n        ...s,\n        sorting: ours,\n        pagination: { ...s.pagination, pageIndex: 0 },\n      }));\n      onSortChange?.(ours);\n    },\n    [onChange, onSortChange, state.sorting],\n  );\n\n  const handleColumnSizingChange = useCallback(\n    (updater: Updater<ColumnSizingState>) => {\n      const next = resolveUpdater(updater, state.columnWidths);\n      // Clamp each new width to our canvas-measured min and explicit max.\n      const clamped: Record<string, number> = {};\n      for (const [id, w] of Object.entries(next)) {\n        const col = allColumnsRef.current.find((c) => c.id === id);\n        clamped[id] = col ? clampColumnWidth(col, w) : w;\n      }\n      onChange((s) => ({ ...s, columnWidths: clamped }));\n      // Fire onColumnResize for any column whose width changed.\n      if (onColumnResize) {\n        for (const [id, w] of Object.entries(clamped)) {\n          if (state.columnWidths[id] !== w) onColumnResize(id, w);\n        }\n      }\n    },\n    [onChange, onColumnResize, state.columnWidths],\n  );\n\n  const handleVisibilityChange = useCallback(\n    (updater: Updater<VisibilityState>) => {\n      const next = resolveUpdater(updater, state.columnVisibility);\n      onChange((s) => ({ ...s, columnVisibility: next }));\n      onColumnVisibilityChange?.(next);\n    },\n    [onChange, onColumnVisibilityChange, state.columnVisibility],\n  );\n\n  const handleColumnOrderChange = useCallback(\n    (updater: Updater<ColumnOrderState>) => {\n      const next = resolveUpdater(updater, [...state.columnOrder]);\n      onChange((s) => ({ ...s, columnOrder: next }));\n    },\n    [onChange, state.columnOrder],\n  );\n\n  const handleColumnPinningChange = useCallback(\n    (updater: Updater<ColumnPinningState>) => {\n      const current: ColumnPinningState = {\n        left: [...state.columnPinning.left],\n        right: [...state.columnPinning.right],\n      };\n      const next = resolveUpdater(updater, current);\n      onChange((s) => ({\n        ...s,\n        columnPinning: { left: next.left ?? [], right: next.right ?? [] },\n      }));\n    },\n    [onChange, state.columnPinning],\n  );\n\n  // ── TanStack Table instance ──────────────────────────────────\n  const table = useReactTable<TRow>({\n    data: rows as TRow[],\n    columns: tableColumns,\n    getRowId: (row) => getRowId(row),\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      sorting: tanstackSorting,\n      columnVisibility: state.columnVisibility,\n      columnSizing: state.columnWidths,\n      columnOrder: tanstackColumnOrder,\n      columnPinning: tanstackColumnPinning,\n      rowSelection: tanstackRowSelection,\n    },\n    onSortingChange: handleSortingChange,\n    onColumnSizingChange: handleColumnSizingChange,\n    onColumnVisibilityChange: handleVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    onColumnPinningChange: handleColumnPinningChange,\n    columnResizeMode: \"onEnd\",\n    enableRowSelection: selectionMode !== \"none\",\n    enableMultiRowSelection: selectionMode === \"multiple\",\n    enableColumnResizing: resizable,\n    manualSorting: true,\n    manualPagination: true,\n    manualFiltering: true,\n  });\n\n  // ── Visible columns (in TanStack-resolved order, after visibility) ──\n  const visibleColumns = useMemo(() => {\n    const colMap = new Map(allColumns.map((c) => [c.id, c]));\n    return table\n      .getVisibleLeafColumns()\n      .map((c) => colMap.get(c.id))\n      .filter(Boolean) as DataGridColumnDef<TRow>[];\n  }, [allColumns, table, state.columnOrder, state.columnVisibility]);\n\n  // ── Row IDs (stable across this render) ──────────────────────\n  const rowIds = useMemo(() => rows.map(getRowId), [rows, getRowId]);\n\n  // ── Container width tracking (for `flex` column distribution) ─\n  // Measure the scroll container's clientWidth, which excludes the vertical\n  // scrollbar — using the outer grid would leave a few pixels of phantom\n  // horizontal scroll when rows overflow.\n  const [containerWidth, setContainerWidth] = useState(0);\n  useLayoutEffect(() => {\n    const grid = gridRef.current;\n    const scroller = scrollContainerRef.current;\n    if (!grid) return;\n    const update = (entries?: ResizeObserverEntry[]) => {\n      let measured = 0;\n      if (entries != null) {\n        for (const entry of entries) {\n          measured = Math.max(measured, entry.contentRect.width);\n        }\n      }\n      if (measured <= 0) {\n        const scrollerWidth = scroller?.clientWidth ?? 0;\n        const gridWidth = grid.clientWidth;\n        measured = scrollerWidth > 0 ? scrollerWidth : gridWidth;\n      }\n      if (measured > 0) setContainerWidth(measured);\n    };\n    update();\n    const observer = new ResizeObserver((entries) => update(entries));\n    observer.observe(grid);\n    if (scroller) observer.observe(scroller);\n    return () => observer.disconnect();\n  }, []);\n\n  // ── Column width CSS variables (TanStack pattern) ────────────\n  // With `columnResizeMode: \"onEnd\"`, live drag width comes from deltaOffset; committed sizes update on pointer-up.\n  const columnSizingInfo = table.getState().columnSizingInfo;\n  const columnSizes = useMemo<Record<string, number>>(() => {\n    const sizes: Record<string, number> = {};\n    let baseTotal = selectionMode !== \"none\" ? 44 : 0;\n    const resizingId = columnSizingInfo.isResizingColumn || null;\n    const deltaOffset = columnSizingInfo.deltaOffset ?? 0;\n    for (const col of visibleColumns) {\n      const tsCol = table.getColumn(col.id);\n      const baseSize = tsCol?.getSize() ?? col.width ?? DEFAULT_COL_WIDTH;\n      const liveSize = resizingId === col.id\n        ? clampColumnWidth(col, baseSize + deltaOffset)\n        : baseSize;\n      sizes[col.id] = liveSize;\n      baseTotal += liveSize;\n    }\n    distributeFlexWidths(sizes, visibleColumns, containerWidth - baseTotal);\n    return sizes;\n  }, [visibleColumns, table, columnSizingInfo, state.columnWidths, containerWidth, selectionMode]);\n\n  const totalContentWidth = useMemo(() => {\n    let total = selectionMode !== \"none\" ? 44 : 0;\n    for (const col of visibleColumns) total += columnSizes[col.id] ?? 0;\n    return total;\n  }, [visibleColumns, columnSizes, selectionMode]);\n\n  const cssVars = useMemo<CSSProperties>(() => {\n    const vars: Record<string, string | number> = { \"--grid-total-w\": `${totalContentWidth}px` };\n    for (const col of visibleColumns) {\n      vars[`--col-${col.id}-size`] = columnSizes[col.id];\n    }\n    return vars as CSSProperties;\n  }, [visibleColumns, columnSizes, totalContentWidth]);\n\n  // ── Selection handlers ───────────────────────────────────────\n  const fireSelection = useCallback(\n    (next: DataGridSelectionModel) => {\n      onChange((s) => ({ ...s, selection: next }));\n      if (onSelectionChange) {\n        const idSet = next.selectedIds;\n        const selectedRows = rows.filter((r) => idSet.has(getRowId(r)));\n        onSelectionChange(idSet, selectedRows);\n      }\n    },\n    [onChange, onSelectionChange, rows, getRowId],\n  );\n\n  const handleRowClick = useCallback(\n    (row: TRow, rowId: RowId, event: React.MouseEvent) => {\n      if (selectionMode !== \"none\") {\n        const next = nextSelection({\n          current: state.selection,\n          rowId,\n          mode: selectionMode,\n          modifiers: { shift: event.shiftKey, ctrl: event.metaKey || event.ctrlKey },\n          allRowIds: rowIds,\n        });\n        fireSelection(next);\n      }\n      onRowClick?.(row, rowId, event);\n    },\n    [selectionMode, state.selection, rowIds, fireSelection, onRowClick],\n  );\n\n  const handleSelectAll = useCallback(() => {\n    const allSelectedNow = rowIds.length > 0 && rowIds.every((id) => state.selection.selectedIds.has(id));\n    fireSelection(\n      allSelectedNow\n        ? { selectedIds: new Set(), anchorId: null }\n        : { selectedIds: new Set(rowIds), anchorId: null },\n    );\n  }, [rowIds, state.selection.selectedIds, fireSelection]);\n\n  // ── Export ───────────────────────────────────────────────────\n  const [exportDialogOpen, setExportDialogOpen] = useState(false);\n  const handleExportCsv = useCallback(() => {\n    setExportDialogOpen(true);\n  }, []);\n\n  // ── Virtualizer ──────────────────────────────────────────────\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const headerScrollRef = useRef<HTMLDivElement>(null);\n  const stickyChromeRef = useRef<HTMLDivElement>(null);\n  const rowsClipRef = useRef<HTMLDivElement>(null);\n  const gridRef = useRef<HTMLDivElement>(null);\n  const measureElementFn = useCallback((el: Element) => el.getBoundingClientRect().height, []);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => estimatedRowHeight,\n    overscan,\n    getItemKey: (index) => {\n      const row = rows[index];\n      return row != null ? String(getRowId(row)) : index;\n    },\n    ...(isDynamicRowHeight ? { measureElement: measureElementFn } : {}),\n  });\n\n  // ── Sticky chrome clipping ───────────────────────────────────\n  useLayoutEffect(() => {\n    const gridEl = gridRef.current;\n    const stickyEl = stickyChromeRef.current;\n    const bodyEl = scrollContainerRef.current;\n    const clipEl = rowsClipRef.current;\n    if (!gridEl || !stickyEl || !bodyEl || !clipEl) return;\n\n    const updateClip = () => {\n      const stickyRect = stickyEl.getBoundingClientRect();\n      const clipRect = clipEl.getBoundingClientRect();\n      const overlap = Math.max(0, stickyRect.bottom - clipRect.top);\n      clipEl.style.setProperty(\"--data-grid-sticky-overlap\", `${overlap}px`);\n    };\n    updateClip();\n    bodyEl.addEventListener(\"scroll\", updateClip);\n    window.addEventListener(\"scroll\", updateClip, true);\n    window.addEventListener(\"resize\", updateClip);\n    const observer = new ResizeObserver(updateClip);\n    observer.observe(gridEl);\n    observer.observe(stickyEl);\n    observer.observe(bodyEl);\n    return () => {\n      bodyEl.removeEventListener(\"scroll\", updateClip);\n      window.removeEventListener(\"scroll\", updateClip, true);\n      window.removeEventListener(\"resize\", updateClip);\n      observer.disconnect();\n    };\n  }, []);\n\n  const handleBodyScroll = useCallback(() => {\n    const body = scrollContainerRef.current;\n    const header = headerScrollRef.current;\n    if (body && header) header.scrollLeft = body.scrollLeft;\n  }, []);\n\n  // ── Toolbar / Footer context ─────────────────────────────────\n  const toolbarCtx: DataGridToolbarContext<TRow> = useMemo(\n    () => ({\n      state,\n      onChange,\n      columns: allColumns,\n      visibleColumns,\n      totalRowCount,\n      selectedRowCount: state.selection.selectedIds.size,\n      strings,\n      exportCsv: handleExportCsv,\n    }),\n    [state, onChange, allColumns, visibleColumns, totalRowCount, strings, handleExportCsv],\n  );\n  const footerCtx: DataGridFooterContext<TRow> = useMemo(\n    () => ({\n      state,\n      totalRowCount,\n      visibleRowCount: rows.length,\n      selectedRowCount: state.selection.selectedIds.size,\n      paginationMode,\n      strings,\n    }),\n    [state, totalRowCount, rows.length, paginationMode, strings],\n  );\n\n  const allSelected = rowIds.length > 0 && rowIds.every((id) => state.selection.selectedIds.has(id));\n  const someSelected = !allSelected && rowIds.some((id) => state.selection.selectedIds.has(id));\n\n  // An infinite-scroll grid MUST have a height-bounded scroll container, otherwise the container\n  // grows to fit every loaded row, the virtualizer measures it as fully visible, and it renders\n  // all rows into the DOM — unbounded memory growth that eventually OOMs the tab (rows never stop\n  // accumulating as the user scrolls). When the caller didn't bound it (no fillHeight, no maxHeight),\n  // fall back to a viewport-relative cap so virtualization can actually window. Only applied to\n  // infinite mode; paginated grids cap rows at the page size and are safe to render unbounded.\n  const effectiveMaxHeight =\n    maxHeight ?? (paginationMode === \"infinite\" && !fillHeight ? DEFAULT_INFINITE_MAX_HEIGHT : undefined);\n\n  const infiniteScrollRootRef =\n    paginationMode === \"infinite\" && (fillHeight || effectiveMaxHeight != null)\n      ? scrollContainerRef\n      : undefined;\n\n  // ── Header rendering helper (TanStack header objects, in order) ──\n  const headers: Header<TRow, unknown>[] = useMemo(\n    () =>\n      table\n        .getHeaderGroups()[0]?.headers\n        .filter((h) => visibleColumns.some((c) => c.id === h.column.id)) ?? [],\n    [table, visibleColumns],\n  );\n  const headerByColId = useMemo(() => {\n    const m = new Map<string, Header<TRow, unknown>>();\n    for (const h of headers) m.set(h.column.id, h);\n    return m;\n  }, [headers]);\n\n  const isBounded = fillHeight || effectiveMaxHeight != null;\n\n  return (\n    <>\n      <DataGridExportDialog\n        open={exportDialogOpen}\n        onOpenChange={setExportDialogOpen}\n        rows={rows}\n        columns={visibleColumns}\n        exportFilename={exportFilename}\n        exportOptions={exportOptions}\n      />\n      <div\n        ref={gridRef}\n        className={cn(\n          \"isolate flex w-full min-w-0 max-w-full flex-col bg-transparent rounded-[calc(var(--radius)*2)]\",\n          fillHeight ? \"min-h-0 h-full\" : \"min-h-0 h-auto\",\n          isBounded && \"overflow-hidden\",\n          className,\n        )}\n        style={effectiveMaxHeight != null ? { ...cssVars, maxHeight: effectiveMaxHeight } : cssVars}\n        role=\"grid\"\n        aria-rowcount={totalRowCount ?? rows.length}\n        aria-colcount={visibleColumns.length}\n      >\n        <div\n          ref={stickyChromeRef}\n          className=\"sticky z-30 w-full min-w-0 shrink-0 overflow-visible rounded-t-[calc(var(--radius)*2)] bg-white/90 dark:bg-background backdrop-blur-xl\"\n          style={{ top: stickyTop ?? (effectiveMaxHeight != null ? 0 : \"var(--data-grid-sticky-top, 0px)\") }}\n        >\n          {toolbar !== false && (\n            <div className=\"relative bg-transparent\">\n              {toolbar\n                ? toolbar(toolbarCtx)\n                : (\n                  <DataGridToolbar\n                    ctx={toolbarCtx}\n                    extra={typeof toolbarExtra === \"function\" ? toolbarExtra(toolbarCtx) : toolbarExtra}\n                  />\n                )}\n            </div>\n          )}\n\n          <div className=\"relative\">\n            {isRefetching && (\n              <div className=\"absolute top-0 left-0 right-0 h-0.5 z-30 bg-foreground/[0.04] overflow-hidden\">\n                <div className=\"h-full w-1/3 bg-blue-500/60 rounded-full animate-pulse\" />\n              </div>\n            )}\n            <div\n              ref={headerScrollRef}\n              className=\"w-full min-w-0 shrink-0 overflow-hidden border-b border-foreground/[0.06]\"\n            >\n              <div\n                className=\"flex\"\n                style={{ height: headerHeight, minWidth: totalContentWidth }}\n                role=\"row\"\n              >\n                {selectionMode !== \"none\" && (\n                  <div\n                    className=\"flex items-center justify-center border-r border-foreground/[0.04]\"\n                    style={{ width: 44 }}\n                  >\n                    {selectionMode === \"multiple\" && (\n                      <SelectionCheckbox\n                        checked={allSelected}\n                        indeterminate={someSelected}\n                        onChange={handleSelectAll}\n                        ariaLabel=\"Select all rows on this page\"\n                        title=\"Select all rows on this page\"\n                      />\n                    )}\n                  </div>\n                )}\n                {visibleColumns.map((col) => {\n                  const header = headerByColId.get(col.id);\n                  if (!header) return null;\n                  return <HeaderCell key={col.id} header={header} col={col} resizable={resizable} />;\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div\n          ref={scrollContainerRef}\n          className={cn(\n          \"relative z-0 w-full min-w-0 overflow-auto bg-transparent\",\n          isBounded ? \"min-h-0 flex-1\" : \"flex-none\",\n          \"[&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:h-1.5\",\n          \"[&::-webkit-scrollbar-track]:bg-transparent\",\n          \"[&::-webkit-scrollbar-thumb]:bg-foreground/[0.08] [&::-webkit-scrollbar-thumb]:rounded-full\",\n          \"[&::-webkit-scrollbar-thumb]:hover:bg-foreground/[0.15]\",\n        )}\n          onScroll={handleBodyScroll}\n        >\n          <div\n            ref={rowsClipRef}\n            data-data-grid-rows-clip=\"\"\n            className=\"relative z-0\"\n            style={{\n              minWidth: totalContentWidth,\n              clipPath: \"inset(var(--data-grid-sticky-overlap, 0px) 0 0 0)\",\n            }}\n          >\n            {isLoading && (\n              <div style={{ minWidth: totalContentWidth }}>\n                {loadingState ?? Array.from({ length: 8 }).map((_, i) => (\n                  <SkeletonRow\n                    key={i}\n                    columns={visibleColumns}\n                    height={estimatedRowHeight}\n                    showCheckbox={selectionMode !== \"none\"}\n                  />\n                ))}\n              </div>\n            )}\n\n            {!isLoading && rows.length === 0 && (\n              <div\n                className=\"flex items-center justify-center py-16 text-sm text-muted-foreground\"\n                style={{ minWidth: totalContentWidth }}\n              >\n                {emptyState ?? strings.noData}\n              </div>\n            )}\n\n            {!isLoading && rows.length > 0 && (\n              <div\n                style={{\n                  height: rowVirtualizer.getTotalSize(),\n                  width: \"100%\",\n                  minWidth: totalContentWidth,\n                  position: \"relative\",\n                }}\n              >\n                {rowVirtualizer.getVirtualItems().map((virtualRow: VirtualItem) => {\n                  const row = rows[virtualRow.index] ?? throwErr(\n                  `DataGrid: virtualized row index ${virtualRow.index} out of range (rows.length=${rows.length})`,\n                );\n                  const rowId = getRowId(row);\n                  const isSelected = state.selection.selectedIds.has(rowId);\n                  const isOddRow = virtualRow.index % 2 === 1;\n                  return (\n                    <div\n                      key={rowId}\n                      ref={isDynamicRowHeight ? rowVirtualizer.measureElement : undefined}\n                      data-index={virtualRow.index}\n                      className={cn(\n                      \"absolute left-0 w-full flex\",\n                      \"border-b border-black/[0.03] dark:border-white/[0.03]\",\n                      \"transition-colors duration-75\",\n                      isSelected\n                        ? \"bg-blue-500/[0.06] dark:bg-blue-400/[0.08] hover:bg-blue-500/[0.08] dark:hover:bg-blue-400/[0.1]\"\n                        : isOddRow\n                          ? \"bg-foreground/[0.02] dark:bg-foreground/[0.03] hover:bg-foreground/[0.04] dark:hover:bg-foreground/[0.06]\"\n                          : \"hover:bg-foreground/[0.025] dark:hover:bg-foreground/[0.04]\",\n                      (selectionMode !== \"none\" || onRowClick) && \"cursor-pointer\",\n                    )}\n                      style={{\n                        ...(isDynamicRowHeight\n                          ? { minHeight: estimatedRowHeight }\n                          : { height: fixedRowHeight }),\n                        transform: `translateY(${virtualRow.start}px)`,\n                      }}\n                      onClick={(e) => { if (!shouldIgnoreRowClick(e)) handleRowClick(row, rowId, e); }}\n                      onDoubleClick={(e) => { if (!shouldIgnoreRowClick(e)) onRowDoubleClick?.(row, rowId, e); }}\n                      role=\"row\"\n                      aria-rowindex={virtualRow.index + 2}\n                      aria-selected={isSelected}\n                      data-row-id={rowId}\n                      data-state={isSelected ? \"selected\" : undefined}\n                    >\n                      {selectionMode !== \"none\" && (\n                        <div\n                          className=\"flex items-center justify-center border-r border-black/[0.04] dark:border-white/[0.04]\"\n                          style={{ width: 44 }}\n                        >\n                          <SelectionCheckbox\n                            checked={isSelected}\n                            onChange={(event) => handleRowClick(row, rowId, event)}\n                            ariaLabel={`Select row ${rowId}`}\n                          />\n                        </div>\n                      )}\n                      {visibleColumns.map((col) => (\n                        <DataCell\n                          key={col.id}\n                          col={col}\n                          row={row}\n                          rowId={rowId}\n                          rowIndex={virtualRow.index}\n                          isSelected={isSelected}\n                          dateDisplay={state.dateDisplay}\n                        />\n                      ))}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n\n            {paginationMode === \"infinite\" && hasMore && !isLoading && (\n              <InfiniteScrollSentinel\n                onIntersect={onLoadMore ?? NOOP}\n                isLoading={isLoadingMore}\n                rootRef={infiniteScrollRootRef}\n                strings={strings}\n              />\n            )}\n          </div>\n        </div>\n\n        {footer !== false && (\n          <div className=\"sticky bottom-0 z-30 shrink-0 overflow-hidden rounded-b-[calc(var(--radius)*2)] bg-white/90 dark:bg-background backdrop-blur-xl\">\n            {footer ? footer(footerCtx) : <DefaultFooter ctx={footerCtx} pagination={paginationMode} onChange={onChange} />}\n            {footerExtra && (typeof footerExtra === \"function\" ? footerExtra(footerCtx) : footerExtra)}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"data-grid.js","names":["ArrowUp","ArrowDown","CaretUp","CaretDown","DesignSkeleton","MinusSquare","CheckSquare","Square","DEFAULT_COL_WIDTH","DataGridExportDialog","DataGridToolbar"],"sources":["../../../src/components/data-grid/data-grid.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ArrowDown,\n  ArrowUp,\n  CaretDown,\n  CaretUp,\n  CheckSquare,\n  MinusSquare,\n  Square,\n} from \"@phosphor-icons/react\";\nimport { throwErr } from \"@hexclave/shared/dist/utils/errors\";\nimport { cn } from \"@hexclave/ui\";\nimport {\n  type ColumnDef,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  type ColumnSizingState,\n  type RowSelectionState,\n  type SortingState,\n  type VisibilityState,\n  type Header,\n  type Updater,\n  getCoreRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useVirtualizer, type VirtualItem } from \"@tanstack/react-virtual\";\nimport React, {\n  type CSSProperties,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { DesignSkeleton } from \"../skeleton\";\nimport { DEFAULT_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from \"./data-grid-sizing\";\nimport { DataGridExportDialog } from \"./data-grid-export-dialog\";\nimport { DataGridToolbar } from \"./data-grid-toolbar\";\nimport { formatGridDate, resolveColumnValue } from \"./state\";\nimport { resolveDataGridStrings } from \"./strings\";\nimport type {\n  DataGridCellContext,\n  DataGridColumnDef,\n  DataGridDateDisplay,\n  DataGridFooterContext,\n  DataGridHeaderContext,\n  DataGridPaginationMode,\n  DataGridProps,\n  DataGridSelectionModel,\n  DataGridSortItem,\n  DataGridSortModel,\n  DataGridState,\n  DataGridStrings,\n  DataGridToolbarContext,\n  RowId,\n} from \"./types\";\n\n// Viewport-relative fallback height for infinite-scroll grids that the caller left unbounded\n// (no `fillHeight`, no `maxHeight`). Leaves ~16rem of room for the top bar, page header, and grid\n// toolbar. See the `effectiveMaxHeight` comment in DataGrid for why an infinite grid must be bounded.\nconst DEFAULT_INFINITE_MAX_HEIGHT = \"calc(100dvh - 16rem)\";\nconst DATA_GRID_SCROLLBAR_CLASS_NAME = cn(\n  \"[&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:h-1.5\",\n  \"[&::-webkit-scrollbar-track]:bg-transparent\",\n  \"[&::-webkit-scrollbar-thumb]:bg-foreground/[0.08] [&::-webkit-scrollbar-thumb]:rounded-full\",\n  \"[&::-webkit-scrollbar-thumb]:hover:bg-foreground/[0.15]\",\n);\n\n// ─── Row click target ────────────────────────────────────────────────\n\nfunction getEventTargetElement(target: EventTarget | null): Element | null {\n  if (target instanceof Element) return target;\n  if (target instanceof Node) return target.parentElement;\n  return null;\n}\n\nexport function isDataGridInteractiveRowClickTarget(target: EventTarget | null): boolean {\n  const el = getEventTargetElement(target);\n  return el?.closest([\n    \"a\",\n    \"button\",\n    \"input\",\n    \"select\",\n    \"textarea\",\n    \"[role=\\\"button\\\"]\",\n    \"[role=\\\"menuitem\\\"]\",\n    \"[contenteditable]:not([contenteditable=\\\"false\\\"])\",\n    \"[data-no-row-click]\",\n  ].join(\",\")) != null;\n}\n\nfunction shouldIgnoreRowClick(event: React.MouseEvent): boolean {\n  return event.defaultPrevented || isDataGridInteractiveRowClickTarget(event.target);\n}\n\n// ─── State translators (DataGridState ⇄ TanStack) ────────────────────\n\nfunction toTanstackSorting(sorting: DataGridSortModel): SortingState {\n  return sorting.map((s) => ({ id: s.columnId, desc: s.direction === \"desc\" }));\n}\n\nfunction fromTanstackSorting(sorting: SortingState): DataGridSortModel {\n  return sorting.map((s) => ({ columnId: s.id, direction: s.desc ? \"desc\" : \"asc\" }));\n}\n\nfunction toTanstackRowSelection(ids: ReadonlySet<RowId>): RowSelectionState {\n  const out: RowSelectionState = {};\n  for (const id of ids) out[id] = true;\n  return out;\n}\n\nfunction resolveUpdater<T>(updater: Updater<T>, current: T): T {\n  return typeof updater === \"function\" ? (updater as (old: T) => T)(current) : updater;\n}\n\n// ─── Flex column width distribution ──────────────────────────────────\n\nfunction distributeFlexWidths<TRow>(\n  sizes: Record<string, number>,\n  visibleColumns: readonly DataGridColumnDef<TRow>[],\n  available: number,\n): void {\n  const flexCols = visibleColumns.filter((c) => c.flex != null && c.flex > 0);\n  if (flexCols.length === 0 || available <= 0) return;\n  const totalFlex = flexCols.reduce((acc, c) => acc + (c.flex ?? 0), 0);\n  let remaining = available;\n  flexCols.forEach((col, i) => {\n    const isLast = i === flexCols.length - 1;\n    const share = isLast\n      ? remaining\n      : Math.floor(available * ((col.flex ?? 0) / totalFlex));\n    const max = col.maxWidth ?? Infinity;\n    const add = Math.max(0, Math.min(share, max - sizes[col.id]));\n    sizes[col.id] += add;\n    remaining -= add;\n  });\n}\n\n// ─── Selection logic (with shift-range anchor) ───────────────────────\n\ntype SelectionInput = {\n  current: DataGridSelectionModel;\n  rowId: RowId;\n  mode: \"single\" | \"multiple\";\n  modifiers: { shift: boolean; ctrl: boolean };\n  allRowIds: readonly RowId[];\n};\n\nfunction selectSingle(current: DataGridSelectionModel, rowId: RowId): DataGridSelectionModel {\n  const isSelected = current.selectedIds.has(rowId);\n  return {\n    selectedIds: isSelected ? new Set() : new Set([rowId]),\n    anchorId: isSelected ? null : rowId,\n  };\n}\n\nfunction selectRange(\n  current: DataGridSelectionModel,\n  rowId: RowId,\n  allRowIds: readonly RowId[],\n  additive: boolean,\n): DataGridSelectionModel | null {\n  if (current.anchorId == null) return null;\n  const anchorIdx = allRowIds.indexOf(current.anchorId);\n  const currentIdx = allRowIds.indexOf(rowId);\n  if (anchorIdx < 0 || currentIdx < 0) return null;\n  const start = Math.min(anchorIdx, currentIdx);\n  const end = Math.max(anchorIdx, currentIdx);\n  const next = additive ? new Set(current.selectedIds) : new Set<RowId>();\n  for (let i = start; i <= end; i++) next.add(allRowIds[i]!);\n  return { selectedIds: next, anchorId: current.anchorId };\n}\n\nfunction selectToggle(current: DataGridSelectionModel, rowId: RowId): DataGridSelectionModel {\n  const next = new Set(current.selectedIds);\n  if (next.has(rowId)) next.delete(rowId);\n  else next.add(rowId);\n  return { selectedIds: next, anchorId: rowId };\n}\n\nfunction nextSelection(input: SelectionInput): DataGridSelectionModel {\n  const { current, rowId, mode, modifiers, allRowIds } = input;\n  if (mode === \"single\") return selectSingle(current, rowId);\n  if (modifiers.shift) {\n    const range = selectRange(current, rowId, allRowIds, modifiers.ctrl);\n    if (range != null) return range;\n  }\n  if (modifiers.ctrl) return selectToggle(current, rowId);\n  return { selectedIds: new Set([rowId]), anchorId: rowId };\n}\n\n// ─── Header cell ─────────────────────────────────────────────────────\n\nfunction HeaderCell<TRow>({\n  header,\n  col,\n  resizable,\n}: {\n  header: Header<TRow, unknown>;\n  col: DataGridColumnDef<TRow>;\n  resizable: boolean;\n}) {\n  const sorted = header.column.getIsSorted(); // false | \"asc\" | \"desc\"\n  const sortIndex = header.column.getSortIndex();\n  const totalSorts = header.column.getCanMultiSort()\n    ? header.getContext().table.getState().sorting.length\n    : 0;\n  const ctx: DataGridHeaderContext<TRow> = {\n    columnId: col.id,\n    columnDef: col,\n    isSorted: sorted === false ? false : sorted,\n    sortIndex: totalSorts > 1 && sortIndex >= 0 ? sortIndex + 1 : null,\n  };\n  const label = typeof col.header === \"function\" ? col.header(ctx) : col.header;\n  const sortable = header.column.getCanSort();\n  const canResize = resizable && header.column.getCanResize();\n  const isResizing = header.column.getIsResizing();\n\n  return (\n    <div\n      className={cn(\n        \"group/header relative flex items-center gap-1.5 px-3 select-none bg-transparent overflow-hidden\",\n        \"border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\",\n        sortable && \"cursor-pointer\",\n      )}\n      style={{ width: `calc(var(--col-${col.id}-size) * 1px)` }}\n      data-col-id={col.id}\n      onClick={sortable ? header.column.getToggleSortingHandler() : undefined}\n      role=\"columnheader\"\n      aria-sort={sorted === \"asc\" ? \"ascending\" : sorted === \"desc\" ? \"descending\" : \"none\"}\n    >\n      <span\n        className={cn(\n          \"flex-1 min-w-0 truncate text-xs font-semibold uppercase tracking-wider text-muted-foreground\",\n          col.align === \"center\" && \"text-center\",\n          col.align === \"right\" && \"text-right\",\n        )}\n      >\n        {label}\n      </span>\n\n      {sorted && (\n        <span className=\"flex items-center gap-0.5 text-foreground/60\">\n          {sorted === \"asc\"\n            ? <ArrowUp className=\"h-3 w-3\" weight=\"bold\" />\n            : <ArrowDown className=\"h-3 w-3\" weight=\"bold\" />}\n          {ctx.sortIndex != null && (\n            <span className=\"text-[10px] font-medium tabular-nums\">{ctx.sortIndex}</span>\n          )}\n        </span>\n      )}\n\n      {!sorted && sortable && (\n        <span className=\"hidden group-hover/header:flex items-center text-foreground/20\">\n          <CaretUp className=\"h-2.5 w-2.5 -mb-[1px]\" weight=\"bold\" />\n          <CaretDown className=\"h-2.5 w-2.5 -mt-[1px]\" weight=\"bold\" />\n        </span>\n      )}\n\n      {canResize && (\n        <div\n          onMouseDown={header.getResizeHandler()}\n          onTouchStart={header.getResizeHandler()}\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          className={cn(\n            \"absolute right-0 top-0 bottom-0 z-10 w-[5px] cursor-col-resize touch-none\",\n            \"group-hover/header:bg-foreground/[0.06] hover:!bg-blue-500/30\",\n            \"transition-colors duration-100\",\n            isResizing && \"bg-blue-500/40\",\n          )}\n        />\n      )}\n    </div>\n  );\n}\n\n// ─── Data cell ───────────────────────────────────────────────────────\n\nfunction DataCell<TRow>({\n  col,\n  row,\n  rowId,\n  rowIndex,\n  isSelected,\n  dateDisplay,\n}: {\n  col: DataGridColumnDef<TRow>;\n  row: TRow;\n  rowId: RowId;\n  rowIndex: number;\n  isSelected: boolean;\n  dateDisplay: DataGridDateDisplay;\n}) {\n  const value = resolveColumnValue(col, row);\n  const ctx: DataGridCellContext<TRow> = { row, rowId, rowIndex, value, columnId: col.id, isSelected, dateDisplay };\n\n  const isDateCol = col.type === \"date\" || col.type === \"dateTime\";\n  let content: React.ReactNode;\n  if (col.renderCell) content = col.renderCell(ctx);\n  else if (isDateCol) content = renderDateCell(value, dateDisplay, col);\n  else content = formatCellValue(value);\n\n  const hasCellClick = col.onCellClick || col.onCellDoubleClick;\n  const isWrap = col.cellOverflow === \"wrap\";\n\n  return (\n    <div\n      className={cn(\n        \"flex px-3 bg-transparent overflow-hidden\",\n        \"border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\",\n        \"text-sm text-foreground\",\n        isWrap ? \"items-start py-2\" : \"items-center\",\n        col.align === \"center\" && \"justify-center\",\n        col.align === \"right\" && \"justify-end\",\n        hasCellClick && \"cursor-pointer\",\n      )}\n      style={{ width: `calc(var(--col-${col.id}-size) * 1px)` }}\n      data-col-id={col.id}\n      role=\"gridcell\"\n      onClick={col.onCellClick ? (e) => {\n        e.stopPropagation();\n        col.onCellClick!(ctx, e);\n      } : undefined}\n      onDoubleClick={col.onCellDoubleClick ? (e) => {\n        e.stopPropagation();\n        col.onCellDoubleClick!(ctx, e);\n      } : undefined}\n    >\n      <div className={cn(\"min-w-0\", isWrap ? \"flex-1\" : \"truncate\")}>{content}</div>\n    </div>\n  );\n}\n\nfunction formatCellValue(value: unknown): React.ReactNode {\n  if (value == null) return <span className=\"text-muted-foreground/40\">-</span>;\n  if (typeof value === \"boolean\") {\n    return (\n      <span className={cn(\n        \"inline-flex items-center px-1.5 py-0.5 rounded-md text-xs font-medium\",\n        value\n          ? \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\"\n          : \"bg-foreground/[0.04] text-muted-foreground\",\n      )}>\n        {value ? \"Yes\" : \"No\"}\n      </span>\n    );\n  }\n  if (value instanceof Date) {\n    return <span className=\"tabular-nums text-muted-foreground\">{value.toLocaleDateString()}</span>;\n  }\n  return <span className=\"truncate\">{String(value)}</span>;\n}\n\nfunction renderDateCell<TRow>(\n  value: unknown,\n  dateDisplay: DataGridDateDisplay,\n  col: DataGridColumnDef<TRow>,\n): React.ReactNode {\n  const { display, tooltip } = formatGridDate(value, dateDisplay, {\n    parseValue: col.parseValue,\n    dateFormat: col.dateFormat,\n  });\n  if (display == null) return <span className=\"text-muted-foreground/40\">-</span>;\n  return (\n    <span className=\"tabular-nums text-muted-foreground truncate cursor-help\" title={tooltip ?? undefined}>\n      {display}\n    </span>\n  );\n}\n\n// ─── Skeleton row ────────────────────────────────────────────────────\n\nfunction hashStringToInt(value: string): number {\n  let hash = 0;\n  for (let i = 0; i < value.length; i++) hash = ((hash << 5) - hash + value.charCodeAt(i)) | 0;\n  return Math.abs(hash);\n}\n\n/**\n * Column flex fractions used when the grid is loading before any schema is\n * known (e.g. QueryDataGrid discovers columns from the first result page).\n * Without these, `SkeletonRow` would render zero cells and the body looks\n * like an empty black void instead of a shimmer.\n */\nconst SCHEMA_PENDING_COL_FRACTIONS = [0.18, 0.16, 0.34, 0.2, 0.12] as const;\nconst SCHEMA_PENDING_SKELETON_ROWS = 10;\n\nfunction SkeletonRow({\n  columns,\n  height,\n  showCheckbox,\n}: {\n  columns: readonly DataGridColumnDef<any>[];\n  height: number;\n  showCheckbox?: boolean;\n}) {\n  return (\n    <div className=\"flex\" style={{ height }} role=\"row\">\n      {showCheckbox && (\n        <div className=\"flex items-center justify-center border-r border-black/[0.04] dark:border-white/[0.04]\" style={{ width: 44 }}>\n          <DesignSkeleton className=\"h-4 w-4 rounded\" />\n        </div>\n      )}\n      {columns.map((col) => (\n        <div\n          key={col.id}\n          className=\"flex items-center px-3 border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\"\n          style={{ width: `calc(var(--col-${col.id}-size) * 1px)` }}\n        >\n          <DesignSkeleton className=\"h-3.5 rounded-md\" style={{ width: `${40 + (hashStringToInt(col.id) % 40)}%` }} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Sticky header shimmer when columns haven't been discovered yet. */\nfunction SchemaPendingHeaderCells({ showCheckbox }: { showCheckbox?: boolean }) {\n  return (\n    <>\n      {showCheckbox && (\n        <div\n          className=\"flex shrink-0 items-center justify-center border-r border-foreground/[0.04]\"\n          style={{ width: 44 }}\n        />\n      )}\n      {SCHEMA_PENDING_COL_FRACTIONS.map((frac, colIdx) => (\n        <div\n          key={colIdx}\n          className=\"flex items-center px-3 border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\"\n          style={{ width: `${frac * 100}%` }}\n        >\n          <DesignSkeleton\n            className=\"h-3 rounded-md\"\n            style={{ width: `${45 + (colIdx * 13) % 30}%` }}\n          />\n        </div>\n      ))}\n    </>\n  );\n}\n\n/** Full-width body shimmer when columns haven't been discovered yet. */\nfunction SchemaPendingSkeleton({\n  rowHeight,\n  showCheckbox,\n}: {\n  rowHeight: number,\n  showCheckbox?: boolean,\n}) {\n  return (\n    <div className=\"w-full\" data-data-grid-schema-pending-skeleton=\"\" role=\"status\" aria-label=\"Loading\">\n      {Array.from({ length: SCHEMA_PENDING_SKELETON_ROWS }).map((_, rowIdx) => (\n        <div\n          key={rowIdx}\n          className=\"flex w-full border-b border-black/[0.04] dark:border-white/[0.04]\"\n          style={{ height: rowHeight }}\n          role=\"row\"\n        >\n          {showCheckbox && (\n            <div className=\"flex shrink-0 items-center justify-center border-r border-black/[0.04] dark:border-white/[0.04]\" style={{ width: 44 }}>\n              <DesignSkeleton className=\"h-4 w-4 rounded\" />\n            </div>\n          )}\n          {SCHEMA_PENDING_COL_FRACTIONS.map((frac, colIdx) => (\n            <div\n              key={colIdx}\n              className=\"flex items-center px-3 border-r border-black/[0.04] dark:border-white/[0.04] last:border-r-0\"\n              style={{ width: `${frac * 100}%` }}\n            >\n              <DesignSkeleton\n                className=\"h-3.5 rounded-md\"\n                style={{ width: `${50 + ((rowIdx * 7 + colIdx * 19) % 40)}%` }}\n              />\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ─── Selection checkbox ──────────────────────────────────────────────\n\nfunction SelectionCheckbox({\n  checked,\n  indeterminate,\n  onChange,\n  ariaLabel,\n  title,\n}: {\n  checked: boolean;\n  indeterminate?: boolean;\n  onChange: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  ariaLabel: string;\n  title?: string;\n}) {\n  const Icon = indeterminate ? MinusSquare : checked ? CheckSquare : Square;\n  return (\n    <button\n      className={cn(\n        \"flex items-center justify-center w-full h-full\",\n        \"hover:bg-foreground/[0.04] transition-colors duration-75\",\n        checked || indeterminate\n          ? \"text-blue-600 dark:text-blue-400\"\n          : \"text-muted-foreground/40 hover:text-muted-foreground/60\",\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onChange(e);\n      }}\n      aria-label={ariaLabel}\n      title={title ?? ariaLabel}\n      role=\"checkbox\"\n      aria-checked={indeterminate ? \"mixed\" : checked}\n    >\n      <Icon className=\"h-4 w-4\" weight={checked || indeterminate ? \"fill\" : \"regular\"} />\n    </button>\n  );\n}\n\n// ─── Infinite scroll sentinel ────────────────────────────────────────\n\nconst NOOP = () => {};\n\nfunction InfiniteScrollSentinel({\n  onIntersect,\n  isLoading,\n  rootRef,\n  strings,\n}: {\n  onIntersect: () => void;\n  isLoading: boolean;\n  rootRef?: React.RefObject<Element | null>;\n  strings: DataGridStrings;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  // Read `onIntersect` through a ref so the observer never has to be\n  // re-created when the callback identity changes. `onLoadMore` (and thus\n  // `onIntersect`) changes on every `isLoadingMore`/`hasMore` toggle; if the\n  // observer were re-created each time, a freshly-created observer re-reports\n  // the sentinel's *current* intersection state, so a sentinel that stays in\n  // view keeps firing `onIntersect` after every page. That auto-loads the\n  // entire dataset back-to-back (defeating \"load on scroll\") and OOM-crashes\n  // the tab on long transaction/customer histories. A single stable observer\n  // only fires on genuine intersection *changes* (real user scrolls).\n  const onIntersectRef = useRef(onIntersect);\n  onIntersectRef.current = onIntersect;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries[0]?.isIntersecting) onIntersectRef.current();\n      },\n      { root: rootRef?.current ?? null, rootMargin: \"200px\" },\n    );\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [rootRef]);\n  return (\n    <div ref={ref} className=\"flex items-center justify-center py-4\">\n      {isLoading && (\n        <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <div className=\"h-3 w-3 rounded-full border-2 border-current border-t-transparent animate-spin\" />\n          {strings.loadingMore}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Footer ──────────────────────────────────────────────────────────\n\nfunction DefaultFooter<TRow>({\n  ctx,\n  pagination,\n  onChange,\n}: {\n  ctx: DataGridFooterContext<TRow>;\n  pagination: DataGridPaginationMode;\n  onChange: React.Dispatch<React.SetStateAction<DataGridState>>;\n}) {\n  const { state, totalRowCount, visibleRowCount, selectedRowCount, strings } = ctx;\n  const totalPages = totalRowCount != null\n    ? Math.max(1, Math.ceil(totalRowCount / state.pagination.pageSize))\n    : undefined;\n\n  const setPage = (pageIndex: number) =>\n    onChange((s) => ({ ...s, pagination: { ...s.pagination, pageIndex } }));\n  const setPageSize = (pageSize: number) =>\n    onChange((s) => ({ ...s, pagination: { ...s.pagination, pageSize, pageIndex: 0 } }));\n\n  return (\n    <div className=\"flex items-center justify-between px-4 py-2.5 border-t border-foreground/[0.06] text-xs text-muted-foreground\">\n      <div className=\"flex items-center gap-3\">\n        {selectedRowCount > 0 && (\n          <span className=\"font-medium text-foreground\">{strings.rowsSelected(selectedRowCount)}</span>\n        )}\n        {totalRowCount != null && <span>{visibleRowCount} of {totalRowCount} rows</span>}\n      </div>\n\n      {pagination !== \"infinite\" && totalPages != null && (\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex items-center gap-1.5\">\n            <span>{strings.rowsPerPage}</span>\n            <select\n              className={cn(\n                \"h-7 rounded-lg border border-black/[0.08] dark:border-white/[0.06] px-1.5\",\n                \"bg-white dark:bg-background shadow-sm ring-1 ring-black/[0.08] dark:ring-white/[0.06]\",\n                \"text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-foreground/[0.1]\",\n                \"cursor-pointer transition-all duration-150 hover:transition-none hover:ring-black/[0.12] dark:hover:ring-white/[0.1]\",\n              )}\n              value={state.pagination.pageSize}\n              onChange={(e) => setPageSize(Number(e.target.value))}\n            >\n              {[10, 25, 50, 100].map((size) => <option key={size} value={size}>{size}</option>)}\n            </select>\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <button\n              className={cn(\n                \"h-7 w-7 flex items-center justify-center rounded-lg\",\n                \"hover:bg-foreground/[0.04] disabled:opacity-30 disabled:cursor-not-allowed\",\n                \"transition-colors duration-75\",\n              )}\n              onClick={() => setPage(state.pagination.pageIndex - 1)}\n              disabled={state.pagination.pageIndex === 0}\n              aria-label=\"Previous page\"\n            >\n              <CaretUp className=\"h-3.5 w-3.5 -rotate-90\" weight=\"bold\" />\n            </button>\n            <span className=\"px-2 tabular-nums font-medium\">\n              {strings.pageOf(state.pagination.pageIndex + 1, totalPages)}\n            </span>\n            <button\n              className={cn(\n                \"h-7 w-7 flex items-center justify-center rounded-lg\",\n                \"hover:bg-foreground/[0.04] disabled:opacity-30 disabled:cursor-not-allowed\",\n                \"transition-colors duration-75\",\n              )}\n              onClick={() => setPage(state.pagination.pageIndex + 1)}\n              disabled={state.pagination.pageIndex >= totalPages - 1}\n              aria-label=\"Next page\"\n            >\n              <CaretDown className=\"h-3.5 w-3.5 -rotate-90\" weight=\"bold\" />\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Main DataGrid ───────────────────────────────────────────────────\n\n/**\n * Interactive table built on TanStack Table v8. Sorting, column sizing,\n * visibility, ordering, and pinning are owned by the table instance; we\n * layer virtualization, sticky toolbar/header/footer, infinite scroll,\n * quick search, CSV export, and date-format toggling on top.\n *\n * The grid is display-only — it does not fetch or page data itself. Pair\n * with `useDataSource` for client- or server-side data and pass the\n * already-processed slice through `rows`.\n *\n * ```tsx\n * const columns = useMemo(() => [...], []);\n * const [gridState, setGridState] = useState(() => createDefaultDataGridState(columns));\n * const gridData = useDataSource({\n *   data: users, columns, getRowId: (r) => r.id,\n *   sorting: gridState.sorting,\n *   quickSearch: gridState.quickSearch,\n *   pagination: gridState.pagination,\n *   paginationMode: \"client\",\n * });\n *\n * <DataGrid\n *   columns={columns}\n *   rows={gridData.rows}\n *   getRowId={(r) => r.id}\n *   totalRowCount={gridData.totalRowCount}\n *   isLoading={gridData.isLoading}\n *   state={gridState}\n *   onChange={setGridState}\n * />\n * ```\n *\n * Iron rules:\n * - `rows` is always `gridData.rows`, never your raw array.\n * - Columns must be stable (define outside the component or wrap in `useMemo`).\n * - Initialize state with `createDefaultDataGridState(columns)`.\n * - `renderCell` must be a pure function — no React hooks inside.\n */\nexport function DataGrid<TRow>(props: DataGridProps<TRow>) {\n  const {\n    columns: allColumns,\n    rows,\n    getRowId,\n    totalRowCount,\n    isLoading = false,\n    isRefetching = false,\n    hasMore = false,\n    isLoadingMore = false,\n    onLoadMore,\n    state,\n    onChange,\n    paginationMode = \"paginated\",\n    selectionMode = \"none\",\n    resizable = true,\n    rowHeight: rowHeightProp = 44,\n    estimatedRowHeight: estimatedRowHeightProp,\n    headerHeight = 44,\n    overscan = 5,\n    maxHeight,\n    fillHeight = true,\n    stickyTop,\n    horizontalScrollbarPosition = \"bottom\",\n    toolbar,\n    toolbarExtra,\n    emptyState,\n    loadingState,\n    footer,\n    footerExtra,\n    exportFilename = \"export\",\n    exportOptions,\n    strings: stringsOverride,\n    className,\n    onRowClick,\n    onRowDoubleClick,\n    onSelectionChange,\n    onSortChange,\n    onColumnResize,\n    onColumnVisibilityChange,\n  } = props;\n\n  const isDynamicRowHeight = rowHeightProp === \"auto\";\n  const fixedRowHeight = isDynamicRowHeight ? undefined : rowHeightProp;\n  const estimatedRowHeight = estimatedRowHeightProp ?? (fixedRowHeight ?? 44);\n\n  const strings = useMemo(() => resolveDataGridStrings(stringsOverride), [stringsOverride]);\n\n  // ── Build TanStack column defs from our column defs ──────────\n  const tableColumns = useMemo<ColumnDef<TRow>[]>(\n    () =>\n      allColumns.map((col) => ({\n        id: col.id,\n        accessorFn: (row) => resolveColumnValue(col, row),\n        header: typeof col.header === \"string\" ? col.header : col.id,\n        size: col.width ?? DEFAULT_COL_WIDTH,\n        minSize: getEffectiveMinWidth(col),\n        maxSize: getEffectiveMaxWidth(col),\n        enableSorting: col.sortable !== false,\n        enableHiding: col.hideable !== false,\n        enableResizing: col.resizable !== false,\n        enableMultiSort: true,\n      })),\n    [allColumns],\n  );\n\n  // ── Translate our state ⇄ TanStack state via change handlers ───\n  const tanstackSorting = useMemo(() => toTanstackSorting(state.sorting), [state.sorting]);\n  const tanstackRowSelection = useMemo(\n    () => toTanstackRowSelection(state.selection.selectedIds),\n    [state.selection.selectedIds],\n  );\n  // ColumnSizing/Visibility/Order/Pinning share the same shape with TanStack.\n  const tanstackColumnPinning = useMemo<ColumnPinningState>(\n    () => ({ left: [...state.columnPinning.left], right: [...state.columnPinning.right] }),\n    [state.columnPinning],\n  );\n  const tanstackColumnOrder = useMemo<ColumnOrderState>(\n    () => [...state.columnOrder],\n    [state.columnOrder],\n  );\n\n  const allColumnsRef = useRef(allColumns);\n  allColumnsRef.current = allColumns;\n\n  const handleSortingChange = useCallback(\n    (updater: Updater<SortingState>) => {\n      const next = resolveUpdater(updater, toTanstackSorting(state.sorting));\n      const ours: DataGridSortItem[] = fromTanstackSorting(next).map((s) => ({ ...s }));\n      // Reset to page 0 — page N of the new sort order is meaningless when\n      // the order itself changed, and would silently scroll past relevant\n      // rows.\n      onChange((s) => ({\n        ...s,\n        sorting: ours,\n        pagination: { ...s.pagination, pageIndex: 0 },\n      }));\n      onSortChange?.(ours);\n    },\n    [onChange, onSortChange, state.sorting],\n  );\n\n  const handleColumnSizingChange = useCallback(\n    (updater: Updater<ColumnSizingState>) => {\n      const next = resolveUpdater(updater, state.columnWidths);\n      // Clamp each new width to our canvas-measured min and explicit max.\n      const clamped: Record<string, number> = {};\n      for (const [id, w] of Object.entries(next)) {\n        const col = allColumnsRef.current.find((c) => c.id === id);\n        clamped[id] = col ? clampColumnWidth(col, w) : w;\n      }\n      onChange((s) => ({ ...s, columnWidths: clamped }));\n      // Fire onColumnResize for any column whose width changed.\n      if (onColumnResize) {\n        for (const [id, w] of Object.entries(clamped)) {\n          if (state.columnWidths[id] !== w) onColumnResize(id, w);\n        }\n      }\n    },\n    [onChange, onColumnResize, state.columnWidths],\n  );\n\n  const handleVisibilityChange = useCallback(\n    (updater: Updater<VisibilityState>) => {\n      const next = resolveUpdater(updater, state.columnVisibility);\n      onChange((s) => ({ ...s, columnVisibility: next }));\n      onColumnVisibilityChange?.(next);\n    },\n    [onChange, onColumnVisibilityChange, state.columnVisibility],\n  );\n\n  const handleColumnOrderChange = useCallback(\n    (updater: Updater<ColumnOrderState>) => {\n      const next = resolveUpdater(updater, [...state.columnOrder]);\n      onChange((s) => ({ ...s, columnOrder: next }));\n    },\n    [onChange, state.columnOrder],\n  );\n\n  const handleColumnPinningChange = useCallback(\n    (updater: Updater<ColumnPinningState>) => {\n      const current: ColumnPinningState = {\n        left: [...state.columnPinning.left],\n        right: [...state.columnPinning.right],\n      };\n      const next = resolveUpdater(updater, current);\n      onChange((s) => ({\n        ...s,\n        columnPinning: { left: next.left ?? [], right: next.right ?? [] },\n      }));\n    },\n    [onChange, state.columnPinning],\n  );\n\n  // ── TanStack Table instance ──────────────────────────────────\n  const table = useReactTable<TRow>({\n    data: rows as TRow[],\n    columns: tableColumns,\n    getRowId: (row) => getRowId(row),\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      sorting: tanstackSorting,\n      columnVisibility: state.columnVisibility,\n      columnSizing: state.columnWidths,\n      columnOrder: tanstackColumnOrder,\n      columnPinning: tanstackColumnPinning,\n      rowSelection: tanstackRowSelection,\n    },\n    onSortingChange: handleSortingChange,\n    onColumnSizingChange: handleColumnSizingChange,\n    onColumnVisibilityChange: handleVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    onColumnPinningChange: handleColumnPinningChange,\n    columnResizeMode: \"onEnd\",\n    enableRowSelection: selectionMode !== \"none\",\n    enableMultiRowSelection: selectionMode === \"multiple\",\n    enableColumnResizing: resizable,\n    manualSorting: true,\n    manualPagination: true,\n    manualFiltering: true,\n  });\n\n  // ── Visible columns (in TanStack-resolved order, after visibility) ──\n  const visibleColumns = useMemo(() => {\n    const colMap = new Map(allColumns.map((c) => [c.id, c]));\n    return table\n      .getVisibleLeafColumns()\n      .map((c) => colMap.get(c.id))\n      .filter(Boolean) as DataGridColumnDef<TRow>[];\n  }, [allColumns, table, state.columnOrder, state.columnVisibility]);\n\n  // ── Row IDs (stable across this render) ──────────────────────\n  const rowIds = useMemo(() => rows.map(getRowId), [rows, getRowId]);\n\n  // ── Container width tracking (for `flex` column distribution) ─\n  // Measure the scroll container's clientWidth, which excludes the vertical\n  // scrollbar — using the outer grid would leave a few pixels of phantom\n  // horizontal scroll when rows overflow.\n  const [containerWidth, setContainerWidth] = useState(0);\n  useLayoutEffect(() => {\n    const grid = gridRef.current;\n    const scroller = scrollContainerRef.current;\n    if (!grid) return;\n    const update = (entries?: ResizeObserverEntry[]) => {\n      let measured = 0;\n      if (entries != null) {\n        for (const entry of entries) {\n          measured = Math.max(measured, entry.contentRect.width);\n        }\n      }\n      if (measured <= 0) {\n        const scrollerWidth = scroller?.clientWidth ?? 0;\n        const gridWidth = grid.clientWidth;\n        measured = scrollerWidth > 0 ? scrollerWidth : gridWidth;\n      }\n      if (measured > 0) setContainerWidth(measured);\n    };\n    update();\n    const observer = new ResizeObserver((entries) => update(entries));\n    observer.observe(grid);\n    if (scroller) observer.observe(scroller);\n    return () => observer.disconnect();\n  }, []);\n\n  // ── Column width CSS variables (TanStack pattern) ────────────\n  // With `columnResizeMode: \"onEnd\"`, live drag width comes from deltaOffset; committed sizes update on pointer-up.\n  const columnSizingInfo = table.getState().columnSizingInfo;\n  const columnSizes = useMemo<Record<string, number>>(() => {\n    const sizes: Record<string, number> = {};\n    let baseTotal = selectionMode !== \"none\" ? 44 : 0;\n    const resizingId = columnSizingInfo.isResizingColumn || null;\n    const deltaOffset = columnSizingInfo.deltaOffset ?? 0;\n    for (const col of visibleColumns) {\n      const tsCol = table.getColumn(col.id);\n      const baseSize = tsCol?.getSize() ?? col.width ?? DEFAULT_COL_WIDTH;\n      const liveSize = resizingId === col.id\n        ? clampColumnWidth(col, baseSize + deltaOffset)\n        : baseSize;\n      sizes[col.id] = liveSize;\n      baseTotal += liveSize;\n    }\n    distributeFlexWidths(sizes, visibleColumns, containerWidth - baseTotal);\n    return sizes;\n  }, [visibleColumns, table, columnSizingInfo, state.columnWidths, containerWidth, selectionMode]);\n\n  const totalContentWidth = useMemo(() => {\n    let total = selectionMode !== \"none\" ? 44 : 0;\n    for (const col of visibleColumns) total += columnSizes[col.id] ?? 0;\n    return total;\n  }, [visibleColumns, columnSizes, selectionMode]);\n\n  const cssVars = useMemo<CSSProperties>(() => {\n    const vars: Record<string, string | number> = { \"--grid-total-w\": `${totalContentWidth}px` };\n    for (const col of visibleColumns) {\n      vars[`--col-${col.id}-size`] = columnSizes[col.id];\n    }\n    return vars as CSSProperties;\n  }, [visibleColumns, columnSizes, totalContentWidth]);\n\n  // ── Selection handlers ───────────────────────────────────────\n  const fireSelection = useCallback(\n    (next: DataGridSelectionModel) => {\n      onChange((s) => ({ ...s, selection: next }));\n      if (onSelectionChange) {\n        const idSet = next.selectedIds;\n        const selectedRows = rows.filter((r) => idSet.has(getRowId(r)));\n        onSelectionChange(idSet, selectedRows);\n      }\n    },\n    [onChange, onSelectionChange, rows, getRowId],\n  );\n\n  const handleRowClick = useCallback(\n    (row: TRow, rowId: RowId, event: React.MouseEvent) => {\n      if (selectionMode !== \"none\") {\n        const next = nextSelection({\n          current: state.selection,\n          rowId,\n          mode: selectionMode,\n          modifiers: { shift: event.shiftKey, ctrl: event.metaKey || event.ctrlKey },\n          allRowIds: rowIds,\n        });\n        fireSelection(next);\n      }\n      onRowClick?.(row, rowId, event);\n    },\n    [selectionMode, state.selection, rowIds, fireSelection, onRowClick],\n  );\n\n  const handleSelectAll = useCallback(() => {\n    const allSelectedNow = rowIds.length > 0 && rowIds.every((id) => state.selection.selectedIds.has(id));\n    fireSelection(\n      allSelectedNow\n        ? { selectedIds: new Set(), anchorId: null }\n        : { selectedIds: new Set(rowIds), anchorId: null },\n    );\n  }, [rowIds, state.selection.selectedIds, fireSelection]);\n\n  // ── Export ───────────────────────────────────────────────────\n  const [exportDialogOpen, setExportDialogOpen] = useState(false);\n  const handleExportCsv = useCallback(() => {\n    setExportDialogOpen(true);\n  }, []);\n\n  // ── Virtualizer ──────────────────────────────────────────────\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const headerScrollRef = useRef<HTMLDivElement>(null);\n  const stickyChromeRef = useRef<HTMLDivElement>(null);\n  const rowsClipRef = useRef<HTMLDivElement>(null);\n  const gridRef = useRef<HTMLDivElement>(null);\n  const measureElementFn = useCallback((el: Element) => el.getBoundingClientRect().height, []);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => estimatedRowHeight,\n    overscan,\n    getItemKey: (index) => {\n      const row = rows[index];\n      return row != null ? String(getRowId(row)) : index;\n    },\n    ...(isDynamicRowHeight ? { measureElement: measureElementFn } : {}),\n  });\n\n  // ── Sticky chrome clipping ───────────────────────────────────\n  useLayoutEffect(() => {\n    const gridEl = gridRef.current;\n    const stickyEl = stickyChromeRef.current;\n    const bodyEl = scrollContainerRef.current;\n    const clipEl = rowsClipRef.current;\n    if (!gridEl || !stickyEl || !bodyEl || !clipEl) return;\n\n    const updateClip = () => {\n      const stickyRect = stickyEl.getBoundingClientRect();\n      const clipRect = clipEl.getBoundingClientRect();\n      const overlap = Math.max(0, stickyRect.bottom - clipRect.top);\n      clipEl.style.setProperty(\"--data-grid-sticky-overlap\", `${overlap}px`);\n    };\n    updateClip();\n    bodyEl.addEventListener(\"scroll\", updateClip);\n    window.addEventListener(\"scroll\", updateClip, true);\n    window.addEventListener(\"resize\", updateClip);\n    const observer = new ResizeObserver(updateClip);\n    observer.observe(gridEl);\n    observer.observe(stickyEl);\n    observer.observe(bodyEl);\n    return () => {\n      bodyEl.removeEventListener(\"scroll\", updateClip);\n      window.removeEventListener(\"scroll\", updateClip, true);\n      window.removeEventListener(\"resize\", updateClip);\n      observer.disconnect();\n    };\n  }, []);\n\n  // Keep header + body horizontal offsets locked. When the scrollbar lives under\n  // the column headers (`horizontalScrollbarPosition=\"top\"`), the header is the\n  // scroll owner and the body mirrors it (and vice versa for the default bottom bar).\n  const isSyncingHorizontalScrollRef = useRef(false);\n  const syncHorizontalScroll = useCallback((source: \"header\" | \"body\") => {\n    const body = scrollContainerRef.current;\n    const header = headerScrollRef.current;\n    if (body == null || header == null || isSyncingHorizontalScrollRef.current) return;\n    const from = source === \"header\" ? header : body;\n    const to = source === \"header\" ? body : header;\n    if (to.scrollLeft === from.scrollLeft) return;\n    isSyncingHorizontalScrollRef.current = true;\n    to.scrollLeft = from.scrollLeft;\n    isSyncingHorizontalScrollRef.current = false;\n  }, []);\n\n  const handleBodyScroll = useCallback(() => {\n    syncHorizontalScroll(\"body\");\n  }, [syncHorizontalScroll]);\n\n  const handleHeaderScroll = useCallback(() => {\n    syncHorizontalScroll(\"header\");\n  }, [syncHorizontalScroll]);\n\n  const horizontalScrollbarAtTop = horizontalScrollbarPosition === \"top\";\n  // Shared thin thumb styling. When the bar is on top, the header scrollport shows\n  // it; the body keeps overflow-x hidden so a second thumb doesn't appear at the bottom.\n  // Trackpad / shift-wheel horizontal gestures land on the body; with the top\n  // scrollbar the body has overflow-x:hidden, so forward deltaX to the header.\n  const handleBodyWheel = useCallback((event: React.WheelEvent<HTMLDivElement>) => {\n    if (!horizontalScrollbarAtTop || event.deltaX === 0) return;\n    const header = headerScrollRef.current;\n    if (header == null) return;\n    header.scrollLeft += event.deltaX;\n  }, [horizontalScrollbarAtTop]);\n\n  // ── Toolbar / Footer context ─────────────────────────────────\n  const toolbarCtx: DataGridToolbarContext<TRow> = useMemo(\n    () => ({\n      state,\n      onChange,\n      columns: allColumns,\n      visibleColumns,\n      totalRowCount,\n      selectedRowCount: state.selection.selectedIds.size,\n      strings,\n      exportCsv: handleExportCsv,\n    }),\n    [state, onChange, allColumns, visibleColumns, totalRowCount, strings, handleExportCsv],\n  );\n  const footerCtx: DataGridFooterContext<TRow> = useMemo(\n    () => ({\n      state,\n      totalRowCount,\n      visibleRowCount: rows.length,\n      selectedRowCount: state.selection.selectedIds.size,\n      paginationMode,\n      strings,\n    }),\n    [state, totalRowCount, rows.length, paginationMode, strings],\n  );\n\n  const allSelected = rowIds.length > 0 && rowIds.every((id) => state.selection.selectedIds.has(id));\n  const someSelected = !allSelected && rowIds.some((id) => state.selection.selectedIds.has(id));\n\n  // An infinite-scroll grid MUST have a height-bounded scroll container, otherwise the container\n  // grows to fit every loaded row, the virtualizer measures it as fully visible, and it renders\n  // all rows into the DOM — unbounded memory growth that eventually OOMs the tab (rows never stop\n  // accumulating as the user scrolls). When the caller didn't bound it (no fillHeight, no maxHeight),\n  // fall back to a viewport-relative cap so virtualization can actually window. Only applied to\n  // infinite mode; paginated grids cap rows at the page size and are safe to render unbounded.\n  const effectiveMaxHeight =\n    maxHeight ?? (paginationMode === \"infinite\" && !fillHeight ? DEFAULT_INFINITE_MAX_HEIGHT : undefined);\n\n  const infiniteScrollRootRef =\n    paginationMode === \"infinite\" && (fillHeight || effectiveMaxHeight != null)\n      ? scrollContainerRef\n      : undefined;\n\n  // ── Header rendering helper (TanStack header objects, in order) ──\n  const headers: Header<TRow, unknown>[] = useMemo(\n    () =>\n      table\n        .getHeaderGroups()[0]?.headers\n        .filter((h) => visibleColumns.some((c) => c.id === h.column.id)) ?? [],\n    [table, visibleColumns],\n  );\n  const headerByColId = useMemo(() => {\n    const m = new Map<string, Header<TRow, unknown>>();\n    for (const h of headers) m.set(h.column.id, h);\n    return m;\n  }, [headers]);\n\n  const isBounded = fillHeight || effectiveMaxHeight != null;\n\n  return (\n    <>\n      <DataGridExportDialog\n        open={exportDialogOpen}\n        onOpenChange={setExportDialogOpen}\n        rows={rows}\n        columns={visibleColumns}\n        exportFilename={exportFilename}\n        exportOptions={exportOptions}\n      />\n      <div\n        ref={gridRef}\n        className={cn(\n          \"isolate flex w-full min-w-0 max-w-full flex-col bg-transparent rounded-[calc(var(--radius)*2)]\",\n          fillHeight ? \"min-h-0 h-full\" : \"min-h-0 h-auto\",\n          isBounded && \"overflow-hidden\",\n          className,\n        )}\n        style={effectiveMaxHeight != null ? { ...cssVars, maxHeight: effectiveMaxHeight } : cssVars}\n        role=\"grid\"\n        aria-rowcount={totalRowCount ?? rows.length}\n        aria-colcount={visibleColumns.length}\n      >\n        <div\n          ref={stickyChromeRef}\n          className=\"sticky z-30 w-full min-w-0 shrink-0 overflow-visible rounded-t-[calc(var(--radius)*2)] bg-white/90 dark:bg-background backdrop-blur-xl\"\n          style={{ top: stickyTop ?? (effectiveMaxHeight != null ? 0 : \"var(--data-grid-sticky-top, 0px)\") }}\n        >\n          {toolbar !== false && (\n            <div className=\"relative bg-transparent\">\n              {toolbar\n                ? toolbar(toolbarCtx)\n                : (\n                  <DataGridToolbar\n                    ctx={toolbarCtx}\n                    extra={typeof toolbarExtra === \"function\" ? toolbarExtra(toolbarCtx) : toolbarExtra}\n                  />\n                )}\n            </div>\n          )}\n\n          <div className=\"relative\">\n            {isRefetching && (\n              <div className=\"absolute top-0 left-0 right-0 h-0.5 z-30 bg-foreground/[0.04] overflow-hidden\">\n                <div className=\"h-full w-1/3 bg-blue-500/60 rounded-full animate-pulse\" />\n              </div>\n            )}\n            <div\n              ref={headerScrollRef}\n              className={cn(\n                \"w-full min-w-0 shrink-0 border-b border-foreground/[0.06]\",\n                horizontalScrollbarAtTop\n                  ? cn(\"overflow-x-auto overflow-y-hidden\", DATA_GRID_SCROLLBAR_CLASS_NAME)\n                  : \"overflow-hidden\",\n              )}\n              onScroll={horizontalScrollbarAtTop ? handleHeaderScroll : undefined}\n            >\n              <div\n                className=\"flex\"\n                style={{ height: headerHeight, minWidth: totalContentWidth || undefined, width: visibleColumns.length === 0 ? \"100%\" : undefined }}\n                role=\"row\"\n              >\n                {isLoading && visibleColumns.length === 0 ? (\n                  <SchemaPendingHeaderCells showCheckbox={selectionMode !== \"none\"} />\n                ) : (\n                  <>\n                    {selectionMode !== \"none\" && (\n                      <div\n                        className=\"flex items-center justify-center border-r border-foreground/[0.04]\"\n                        style={{ width: 44 }}\n                      >\n                        {selectionMode === \"multiple\" && (\n                          <SelectionCheckbox\n                            checked={allSelected}\n                            indeterminate={someSelected}\n                            onChange={handleSelectAll}\n                            ariaLabel=\"Select all rows on this page\"\n                            title=\"Select all rows on this page\"\n                          />\n                        )}\n                      </div>\n                    )}\n                    {visibleColumns.map((col) => {\n                      const header = headerByColId.get(col.id);\n                      if (!header) return null;\n                      return <HeaderCell key={col.id} header={header} col={col} resizable={resizable} />;\n                    })}\n                  </>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div\n          ref={scrollContainerRef}\n          className={cn(\n          \"relative z-0 w-full min-w-0 bg-transparent\",\n          // Top scrollbar: body is y-only so the horizontal thumb isn't duplicated\n          // under the rows. scrollLeft is still set programmatically from the header.\n          horizontalScrollbarAtTop ? \"overflow-y-auto overflow-x-hidden\" : \"overflow-auto\",\n          isBounded ? \"min-h-0 flex-1\" : \"flex-none\",\n          DATA_GRID_SCROLLBAR_CLASS_NAME,\n        )}\n          onScroll={handleBodyScroll}\n          onWheel={horizontalScrollbarAtTop ? handleBodyWheel : undefined}\n        >\n          <div\n            ref={rowsClipRef}\n            data-data-grid-rows-clip=\"\"\n            className=\"relative z-0\"\n            style={{\n              minWidth: totalContentWidth,\n              clipPath: \"inset(var(--data-grid-sticky-overlap, 0px) 0 0 0)\",\n            }}\n          >\n            {isLoading && (\n              <div style={{ minWidth: totalContentWidth || undefined, width: visibleColumns.length === 0 ? \"100%\" : undefined }}>\n                {loadingState ?? (\n                  visibleColumns.length === 0 ? (\n                    // Schema not known yet (common for query grids that discover\n                    // columns from the first page) — fall back to a full-width\n                    // shimmer so loading never looks like an empty black pane.\n                    <SchemaPendingSkeleton\n                      rowHeight={estimatedRowHeight}\n                      showCheckbox={selectionMode !== \"none\"}\n                    />\n                  ) : (\n                    Array.from({ length: 8 }).map((_, i) => (\n                      <SkeletonRow\n                        key={i}\n                        columns={visibleColumns}\n                        height={estimatedRowHeight}\n                        showCheckbox={selectionMode !== \"none\"}\n                      />\n                    ))\n                  )\n                )}\n              </div>\n            )}\n\n            {!isLoading && rows.length === 0 && (\n              <div\n                className=\"flex items-center justify-center py-16 text-sm text-muted-foreground\"\n                style={{ minWidth: totalContentWidth }}\n              >\n                {emptyState ?? strings.noData}\n              </div>\n            )}\n\n            {!isLoading && rows.length > 0 && (\n              <div\n                style={{\n                  height: rowVirtualizer.getTotalSize(),\n                  width: \"100%\",\n                  minWidth: totalContentWidth,\n                  position: \"relative\",\n                }}\n              >\n                {rowVirtualizer.getVirtualItems().map((virtualRow: VirtualItem) => {\n                  const row = rows[virtualRow.index] ?? throwErr(\n                  `DataGrid: virtualized row index ${virtualRow.index} out of range (rows.length=${rows.length})`,\n                );\n                  const rowId = getRowId(row);\n                  const isSelected = state.selection.selectedIds.has(rowId);\n                  const isOddRow = virtualRow.index % 2 === 1;\n                  return (\n                    <div\n                      key={rowId}\n                      ref={isDynamicRowHeight ? rowVirtualizer.measureElement : undefined}\n                      data-index={virtualRow.index}\n                      className={cn(\n                      \"absolute left-0 w-full flex\",\n                      \"border-b border-black/[0.03] dark:border-white/[0.03]\",\n                      \"transition-colors duration-75\",\n                      isSelected\n                        ? \"bg-blue-500/[0.06] dark:bg-blue-400/[0.08] hover:bg-blue-500/[0.08] dark:hover:bg-blue-400/[0.1]\"\n                        : isOddRow\n                          ? \"bg-foreground/[0.02] dark:bg-foreground/[0.03] hover:bg-foreground/[0.04] dark:hover:bg-foreground/[0.06]\"\n                          : \"hover:bg-foreground/[0.025] dark:hover:bg-foreground/[0.04]\",\n                      (selectionMode !== \"none\" || onRowClick) && \"cursor-pointer\",\n                    )}\n                      style={{\n                        ...(isDynamicRowHeight\n                          ? { minHeight: estimatedRowHeight }\n                          : { height: fixedRowHeight }),\n                        transform: `translateY(${virtualRow.start}px)`,\n                      }}\n                      onClick={(e) => { if (!shouldIgnoreRowClick(e)) handleRowClick(row, rowId, e); }}\n                      onDoubleClick={(e) => { if (!shouldIgnoreRowClick(e)) onRowDoubleClick?.(row, rowId, e); }}\n                      role=\"row\"\n                      aria-rowindex={virtualRow.index + 2}\n                      aria-selected={isSelected}\n                      data-row-id={rowId}\n                      data-state={isSelected ? \"selected\" : undefined}\n                    >\n                      {selectionMode !== \"none\" && (\n                        <div\n                          className=\"flex items-center justify-center border-r border-black/[0.04] dark:border-white/[0.04]\"\n                          style={{ width: 44 }}\n                        >\n                          <SelectionCheckbox\n                            checked={isSelected}\n                            onChange={(event) => handleRowClick(row, rowId, event)}\n                            ariaLabel={`Select row ${rowId}`}\n                          />\n                        </div>\n                      )}\n                      {visibleColumns.map((col) => (\n                        <DataCell\n                          key={col.id}\n                          col={col}\n                          row={row}\n                          rowId={rowId}\n                          rowIndex={virtualRow.index}\n                          isSelected={isSelected}\n                          dateDisplay={state.dateDisplay}\n                        />\n                      ))}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n\n            {paginationMode === \"infinite\" && hasMore && !isLoading && (\n              <InfiniteScrollSentinel\n                onIntersect={onLoadMore ?? NOOP}\n                isLoading={isLoadingMore}\n                rootRef={infiniteScrollRootRef}\n                strings={strings}\n              />\n            )}\n          </div>\n        </div>\n\n        {footer !== false && (\n          <div className=\"sticky bottom-0 z-30 shrink-0 overflow-hidden rounded-b-[calc(var(--radius)*2)] bg-white/90 dark:bg-background backdrop-blur-xl\">\n            {footer ? footer(footerCtx) : <DefaultFooter ctx={footerCtx} pagination={paginationMode} onChange={onChange} />}\n            {footerExtra && (typeof footerExtra === \"function\" ? footerExtra(footerCtx) : footerExtra)}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data-grid/data-grid.test.js

@@ -29,6 +29,37 @@ const wideColumns = [{
 	minWidth: 80,
 	type: "string"
 }];
+(0, vitest.describe)("DataGridToolbar action divider", () => {
+	const ctx = {
+		state: (0, __index_js.createDefaultDataGridState)(columns),
+		onChange: vitest.vi.fn(),
+		columns,
+		visibleColumns: columns,
+		totalRowCount: 1,
+		selectedRowCount: 0,
+		strings: __index_js.DATA_GRID_DEFAULT_STRINGS,
+		exportCsv: vitest.vi.fn()
+	};
+	(0, vitest.afterEach)(_testing_library_react.cleanup);
+	(0, vitest.it)("does not render a divider for an empty React node", () => {
+		const { container } = (0, _testing_library_react.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__index_js.DataGridToolbar, {
+			ctx,
+			extraActions: false
+		}));
+		(0, vitest.expect)(container.querySelector(".mx-0\\.5.h-4.w-px")).toBeNull();
+	});
+	(0, vitest.it)("renders the divider when an action is visible", () => {
+		const { container, getByRole } = (0, _testing_library_react.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__index_js.DataGridToolbar, {
+			ctx,
+			extraActions: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				children: "Refresh"
+			})
+		}));
+		(0, vitest.expect)(getByRole("button", { name: "Refresh" })).not.toBeNull();
+		(0, vitest.expect)(container.querySelector(".mx-0\\.5.h-4.w-px")).not.toBeNull();
+	});
+});
 let intersectionObserverRecords = [];
 let intersectionObserverInstances = [];
 var MockIntersectionObserver = class {
@@ -146,7 +177,7 @@ function InteractiveDataGridHarness(props) {
 		onSelectionChange: props.onSelectionChange
 	});
 }
-function WideDataGridHarness() {
+function WideDataGridHarness(props = {}) {
 	const [state, setState] = (0, react.useState)(() => (0, __index_js.createDefaultDataGridState)(wideColumns));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		style: { width: 320 },
@@ -158,7 +189,8 @@ function WideDataGridHarness() {
 			}],
 			getRowId: (row) => row.id,
 			state,
-			onChange: setState
+			onChange: setState,
+			horizontalScrollbarPosition: props.horizontalScrollbarPosition
 		})
 	});
 }
@@ -452,6 +484,73 @@ function InfiniteScrollLoadMoreHarness({ onFetch }) {
 		(0, vitest.expect)(stickyChrome.className).toContain("overflow-visible");
 		(0, vitest.expect)(container.textContent).toContain("Email");
 	});
+	(0, vitest.it)("puts the horizontal scrollbar under the column headers when position is top", () => {
+		const { container } = (0, _testing_library_react.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WideDataGridHarness, { horizontalScrollbarPosition: "top" }));
+		const stickyChrome = container.querySelector("[role=\"grid\"]")?.firstElementChild;
+		(0, vitest.expect)(stickyChrome).toBeInstanceOf(HTMLElement);
+		const headerScroll = stickyChrome?.querySelector(".overflow-x-auto");
+		(0, vitest.expect)(headerScroll).toBeInstanceOf(HTMLElement);
+		const bodyScroll = container.querySelector("[role=\"grid\"]")?.children.item(1);
+		(0, vitest.expect)(bodyScroll).toBeInstanceOf(HTMLElement);
+		(0, vitest.expect)(bodyScroll.className).toContain("overflow-x-hidden");
+		(0, vitest.expect)(bodyScroll.className).toContain("overflow-y-auto");
+		Object.defineProperty(headerScroll, "scrollLeft", {
+			configurable: true,
+			writable: true,
+			value: 0
+		});
+		Object.defineProperty(bodyScroll, "scrollLeft", {
+			configurable: true,
+			writable: true,
+			value: 0
+		});
+		headerScroll.scrollLeft = 120;
+		_testing_library_react.fireEvent.scroll(headerScroll);
+		(0, vitest.expect)(bodyScroll.scrollLeft).toBe(120);
+	});
+});
+(0, vitest.describe)("DataGrid loading skeleton", () => {
+	(0, vitest.beforeEach)(() => {
+		vitest.vi.stubGlobal("ResizeObserver", MockResizeObserver);
+	});
+	(0, vitest.afterEach)(() => {
+		(0, _testing_library_react.cleanup)();
+		vitest.vi.restoreAllMocks();
+		vitest.vi.unstubAllGlobals();
+	});
+	(0, vitest.it)("shows a full-width shimmer when loading before any columns are known", () => {
+		function SchemaPendingHarness() {
+			const [state, setState] = (0, react.useState)(() => (0, __index_js.createDefaultDataGridState)([]));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__index_js.DataGrid, {
+				columns: [],
+				rows: [],
+				getRowId: (row) => row.id,
+				state,
+				onChange: setState,
+				isLoading: true
+			});
+		}
+		const { container } = (0, _testing_library_react.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaPendingHarness, {}));
+		const skeleton = container.querySelector("[data-data-grid-schema-pending-skeleton]");
+		(0, vitest.expect)(skeleton).toBeInstanceOf(HTMLElement);
+		(0, vitest.expect)(skeleton?.querySelectorAll("[role='row']").length).toBe(10);
+	});
+	(0, vitest.it)("uses per-column skeleton rows once the schema is known", () => {
+		function KnownSchemaHarness() {
+			const [state, setState] = (0, react.useState)(() => (0, __index_js.createDefaultDataGridState)(columns));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__index_js.DataGrid, {
+				columns,
+				rows: [],
+				getRowId: (row) => row.id,
+				state,
+				onChange: setState,
+				isLoading: true
+			});
+		}
+		const { container } = (0, _testing_library_react.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KnownSchemaHarness, {}));
+		(0, vitest.expect)(container.querySelector("[data-data-grid-schema-pending-skeleton]")).toBeNull();
+		(0, vitest.expect)(container.querySelector("[data-data-grid-rows-clip]")?.querySelectorAll("[role='row']").length).toBe(8);
+	});
 });
 //#endregion