@lobehub/ui 5.64.2 → 5.64.4

package/es/base-ui/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","names":["tableMessages","RcVirtualTable"],"sources":["../../../src/base-ui/Table/Table.tsx"],"sourcesContent":["'use client';\n\nimport RcTable, {\n  type ColumnsType as RcColumnsType,\n  convertChildrenToColumns,\n  EXPAND_COLUMN,\n  type ExpandableConfig as RcExpandableConfig,\n  INTERNAL_HOOKS,\n  type Reference as RcReference,\n  Summary,\n  VirtualTable as RcVirtualTable,\n} from '@rc-component/table';\nimport { cx } from 'antd-style';\nimport { ArrowDownFromLine, ArrowUpDown, ArrowUpToLine, Inbox } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type Key,\n  memo,\n  type ReactNode,\n  type Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport Pagination, { type PaginationAlign } from '@/base-ui/Pagination';\nimport Spin from '@/base-ui/Spin';\nimport Tooltip from '@/base-ui/Tooltip';\nimport Empty from '@/Empty';\nimport { useEventCallback } from '@/hooks/useEventCallback';\nimport tableMessages from '@/i18n/resources/en/table';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport Column from './Column';\nimport ColumnGroup from './ColumnGroup';\nimport {\n  assertColumnKeys,\n  fillColumns,\n  flattenColumns,\n  getColumnId,\n  getColumnPos,\n  isColumnGroup,\n  isColumnVisibleAt,\n  renderColumnTitle,\n} from './columnUtils';\nimport renderExpandIcon from './ExpandIcon';\nimport FilterDropdown, { TableMeasureRowContext } from './FilterDropdown';\nimport FixedFrost from './FixedFrost';\nimport TableLoadingSkeleton from './LoadingSkeleton';\nimport {\n  isPlainObject,\n  SELECTION_ALL,\n  SELECTION_COLUMN,\n  SELECTION_INVERT,\n  SELECTION_NONE,\n} from './selectionUtils';\nimport { normalizeClassNames, normalizeStyles, resolveSemantic } from './semantic';\nimport {\n  EXPAND_COLUMN_WIDTH,\n  PREFIX_CLS,\n  SELECTION_COLUMN_WIDTH,\n  SELECTION_DROPDOWN_WIDTH,\n  styles,\n} from './style';\nimport type {\n  SortOrder,\n  TableColumn,\n  TableColumnType,\n  TableLocale,\n  TableProps,\n  TableRef,\n  TableScrollToConfig,\n  TableSize,\n  TableSorterTooltipProps,\n} from './type';\nimport { useBreakpoint } from './useBreakpoint';\nimport { useSelection } from './useSelection';\nimport { DEFAULT_SORT_DIRECTIONS, getMultiplePriority, getNextSortOrder } from './useSorter';\nimport { useTableState } from './useTableState';\n\nconst EMPTY_DATA: any[] = [];\nconst DEFAULT_INDENT_SIZE = 15;\nconst DEFAULT_SORTER_TOOLTIP: TableSorterTooltipProps = { target: 'full-header' };\n\n/**\n * Estimated `virtual` row height per size, like antd: padding × 2 + 14px × 22/14 line + 1px border.\n * rc-virtual-list still measures the real rows; this only seeds the scroll range.\n */\nconst VIRTUAL_ROW_HEIGHT: Record<TableSize, number> = {\n  large: 16 * 2 + 22 + 1,\n  medium: 12 * 2 + 22 + 1,\n  middle: 12 * 2 + 22 + 1,\n  small: 8 * 2 + 22 + 1,\n};\n\nconst sizeClassName: Record<TableSize, string> = {\n  large: styles.sizeLarge,\n  medium: styles.sizeMedium,\n  middle: styles.sizeMedium,\n  small: styles.sizeSmall,\n};\n\nconst sortTipOf = (next: SortOrder | undefined, locale: TableLocale) =>\n  next === 'descend'\n    ? locale.triggerDesc\n    : next === 'ascend'\n      ? locale.triggerAsc\n      : locale.cancelSort;\n\nconst ariaSortOf = (order: SortOrder | undefined) =>\n  order === 'ascend' ? 'ascending' : order === 'descend' ? 'descending' : 'none';\n\nconst paginationAlignClassName: Record<PaginationAlign, string> = {\n  center: styles.paginationCenter,\n  end: styles.paginationEnd,\n  start: styles.paginationStart,\n};\n\n/** antd `normalizePlacement`: `topLeft` / `bottomStart` → `start`, `*Center` → `center`, else `end`. */\nconst normalizePlacement = (placement: string): PaginationAlign => {\n  const lower = placement.toLowerCase();\n  if (lower.includes('center')) return 'center';\n  return lower.includes('left') || lower.includes('start') ? 'start' : 'end';\n};\n\n// Only a static filter trigger renders in rc-table's hidden measure row, like antd.\nconst wrapMeasureRow = (measureRow: ReactNode) => (\n  <TableMeasureRowContext value={true}>{measureRow}</TableMeasureRowContext>\n);\n\n/** antd's ref shape: the root element itself, extended with `nativeElement` and `scrollTo`. */\nconst toTableRef = (\n  element: HTMLDivElement,\n  scrollTo: (config: TableScrollToConfig) => void,\n): TableRef => {\n  const extra = { nativeElement: element, scrollTo };\n  return new Proxy(element, {\n    get(target, prop) {\n      if (prop in extra) return extra[prop as keyof typeof extra];\n      const value = Reflect.get(target, prop, target);\n      return typeof value === 'function' ? value.bind(target) : value;\n    },\n  }) as TableRef;\n};\n\nlet warnedBordered = false;\n\n/** `bordered` (pre-5.61) → `variant`: `true` is `outlined`; an explicit `variant` wins. */\nexport const resolveTableVariant = (\n  variant: TableProps<unknown>['variant'],\n  bordered: boolean | undefined,\n): NonNullable<TableProps<unknown>['variant']> => {\n  if (bordered !== undefined && process.env.NODE_ENV !== 'production' && !warnedBordered) {\n    warnedBordered = true;\n    console.warn('[Table] `bordered` is deprecated. Please use `variant=\"outlined\"` instead.');\n  }\n  return variant ?? (bordered ? 'outlined' : 'borderless');\n};\n\nconst TableInner = <T,>(props: TableProps<T>) => {\n  const {\n    bordered,\n    variant: variantProp,\n    children,\n    childrenColumnName: legacyChildrenColumnName,\n    className,\n    classNames,\n    column: columnDefaults,\n    columns: columnsProp,\n    components,\n    dataSource = EMPTY_DATA as T[],\n    emptyText,\n    expandable,\n    expandedRowRender: legacyExpandedRowRender,\n    expandIcon: legacyExpandIcon,\n    expandIconColumnIndex: legacyExpandIconColumnIndex,\n    footer,\n    getPopupContainer,\n    indentSize: legacyIndentSize,\n    loading = false,\n    locale,\n    measureRowRender,\n    onChange,\n    onHeaderRow,\n    onRow,\n    onScroll,\n    pagination,\n    ref,\n    rootClassName,\n    rowClassName,\n    rowHoverable = true,\n    rowKey = 'key',\n    rowSelection,\n    scroll,\n    showHeader,\n    showSorterTooltip: tableShowSorterTooltip = DEFAULT_SORTER_TOOLTIP,\n    size: sizeProp,\n    sortDirections: tableSortDirections = DEFAULT_SORT_DIRECTIONS,\n    sticky,\n    style,\n    styles: customStyles,\n    summary,\n    tableLayout,\n    title,\n    virtual,\n  } = props;\n  const variant = resolveTableVariant(variantProp, bordered);\n  const size: TableSize = sizeProp ?? 'middle';\n\n  // =============================== Locale ===============================\n  const { t } = useTranslation(tableMessages);\n  const tableLocale = useMemo(\n    (): TableLocale => ({\n      cancelSort: t('table.cancelSort'),\n      collapse: t('table.collapse'),\n      expand: t('table.expand'),\n      filterCheckAll: t('table.filterCheckAll'),\n      filterConfirm: t('table.filterConfirm'),\n      filterEmptyText: t('table.filterEmptyText'),\n      filterReset: t('table.filterReset'),\n      filterSearchPlaceholder: t('table.filterSearchPlaceholder'),\n      filterTitle: t('table.filterTitle'),\n      selectAll: t('table.selectAll'),\n      selectInvert: t('table.selectInvert'),\n      selectNone: t('table.selectNone'),\n      selectionAll: t('table.selectionAll'),\n      sortTitle: t('table.sortTitle'),\n      triggerAsc: t('table.triggerAsc'),\n      triggerDesc: t('table.triggerDesc'),\n      ...(locale?.filterCheckall !== undefined && { filterCheckAll: locale.filterCheckall }),\n      ...locale,\n    }),\n    [t, locale],\n  );\n\n  // ============================ Semantic DOM ============================\n  const semanticInfo = { props };\n  const mergedClassNames = normalizeClassNames(resolveSemantic(classNames, semanticInfo));\n  const mergedStyles = normalizeStyles(resolveSemantic(customStyles, semanticInfo));\n\n  const rawColumns = useMemo(\n    () => columnsProp ?? (convertChildrenToColumns(children) as TableColumn<T>[]),\n    [columnsProp, children],\n  );\n  const columns = useMemo(\n    () => fillColumns(rawColumns, columnDefaults),\n    [rawColumns, columnDefaults],\n  );\n\n  assertColumnKeys(columns);\n  /** Multi-level headers get column dividers; plain tables never do. */\n  const grouped = useMemo(\n    () =>\n      columns.some(\n        (column) => Array.isArray((column as any).children) && (column as any).children.length > 0,\n      ),\n    [columns],\n  );\n\n  const needResponsive = useMemo(\n    () => flattenColumns(columns).some(({ column }) => column.responsive),\n    [columns],\n  );\n  const screens = useBreakpoint(needResponsive);\n\n  // ============================= Expandable =============================\n  const hasRowSelection = Boolean(rowSelection);\n  const childrenColumnName =\n    expandable?.childrenColumnName ?? legacyChildrenColumnName ?? 'children';\n  const expandType = useMemo(() => {\n    if (dataSource.some((record) => isPlainObject(record) && record[childrenColumnName])) {\n      return 'nest';\n    }\n    if (legacyExpandedRowRender || expandable?.expandedRowRender) return 'row';\n    return null;\n  }, [childrenColumnName, dataSource, legacyExpandedRowRender, expandable?.expandedRowRender]);\n\n  // Like antd: legacy top-level props sit under `expandable`, which always wins.\n  const mergedExpandable = useMemo((): RcExpandableConfig<any> => {\n    const config: RcExpandableConfig<any> = {\n      childrenColumnName: legacyChildrenColumnName,\n      expandedRowRender: legacyExpandedRowRender,\n      expandIconColumnIndex: legacyExpandIconColumnIndex,\n      ...(expandable as RcExpandableConfig<any>),\n      expandIcon: (expandable?.expandIcon ??\n        legacyExpandIcon ??\n        ((iconProps: any) => renderExpandIcon(iconProps, tableLocale))) as any,\n    };\n    // Like antd: tree toggles sit after the selection column; legacy indexes skip it.\n    if (expandType === 'nest' && config.expandIconColumnIndex === undefined) {\n      config.expandIconColumnIndex = hasRowSelection ? 1 : 0;\n    } else if ((config.expandIconColumnIndex ?? 0) > 0 && hasRowSelection) {\n      config.expandIconColumnIndex = config.expandIconColumnIndex! - 1;\n    }\n    // Virtual rows are flex boxes sized from numeric widths; the CSS `col` width never reaches them.\n    if (virtual && config.columnWidth === undefined) config.columnWidth = EXPAND_COLUMN_WIDTH;\n    if (typeof config.indentSize !== 'number') {\n      config.indentSize =\n        typeof legacyIndentSize === 'number' ? legacyIndentSize : DEFAULT_INDENT_SIZE;\n    }\n    return config;\n  }, [\n    expandable,\n    legacyChildrenColumnName,\n    legacyExpandedRowRender,\n    legacyExpandIcon,\n    legacyExpandIconColumnIndex,\n    legacyIndentSize,\n    expandType,\n    hasRowSelection,\n    virtual,\n    tableLocale,\n  ]);\n\n  // ================================ Refs ================================\n  const rootRef = useRef<HTMLDivElement>(null);\n  const rcRef = useRef<RcReference>(null);\n  useImperativeHandle(\n    ref as Ref<TableRef>,\n    () => toTableRef(rootRef.current!, (config) => rcRef.current?.scrollTo(config)),\n    [],\n  );\n\n  // ======================== Sort / Filter / Page ========================\n  const state = useTableState({\n    childrenColumnName,\n    columns,\n    dataSource,\n    onChange,\n    // Like antd: on by default once `scroll` is set.\n    onTableChange: () => {\n      if (scroll && scroll.scrollToFirstRowOnChange !== false) rcRef.current?.scrollTo({ top: 0 });\n    },\n    pagination,\n  });\n  const {\n    config: paginationConfig,\n    data: allRows,\n    filterStates,\n    page,\n    sortStates,\n    titleProps,\n  } = state;\n  const { pageIndex, pageSize } = page;\n  const { total } = state;\n\n  // Like antd: async data (fewer rows than `total`, at most one page) is shown as given.\n  const rows = useMemo(() => {\n    if (pagination === false) return allRows;\n    if (allRows.length < total && allRows.length <= pageSize) return allRows;\n    return allRows.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize);\n  }, [allRows, pagination, pageIndex, pageSize, total]);\n\n  // ============================== Selection ==============================\n  const getRowKey = useMemo(\n    () =>\n      typeof rowKey === 'function'\n        ? rowKey\n        : (record: T) => (record as Record<PropertyKey, unknown>)?.[rowKey as PropertyKey] as Key,\n    [rowKey],\n  );\n  const recordMap = useMemo(() => {\n    const map = new Map<Key, T>();\n    const dig = (records: readonly T[]) => {\n      records.forEach((record, index) => {\n        map.set(getRowKey(record, index), record);\n        const children = isPlainObject(record) ? record[childrenColumnName] : undefined;\n        if (Array.isArray(children)) dig(children as T[]);\n      });\n    };\n    dig(dataSource);\n    return map;\n  }, [dataSource, childrenColumnName, getRowKey]);\n  const getRecordByKey = useCallback((key: Key) => recordMap.get(key), [recordMap]);\n  // Same as the expand column: give virtual rows the selection column's CSS width as a number.\n  const mergedRowSelection = useMemo(() => {\n    if (!virtual || !rowSelection || rowSelection.columnWidth !== undefined) return rowSelection;\n    const withDropdown = Boolean(rowSelection.selections) && rowSelection.type !== 'radio';\n    return {\n      ...rowSelection,\n      columnWidth:\n        SELECTION_COLUMN_WIDTH +\n        (withDropdown ? SELECTION_DROPDOWN_WIDTH : 0) +\n        (variant === 'outlined' ? 16 : 0),\n    };\n  }, [virtual, rowSelection, variant]);\n  const [transformSelectionColumns, selectedKeySet] = useSelection<T>(\n    {\n      childrenColumnName,\n      data: allRows,\n      expandType,\n      getRecordByKey,\n      getRowKey,\n      locale: tableLocale,\n      pageData: rows,\n    },\n    mergedRowSelection,\n  );\n  const mergedRowClassName = useCallback(\n    (record: T, index: number, indent: number) =>\n      cx(\n        selectedKeySet.has(getRowKey(record, index)) && `${PREFIX_CLS}-row-selected`,\n        typeof rowClassName === 'function' ? rowClassName(record, index, indent) : rowClassName,\n      ),\n    [selectedKeySet, getRowKey, rowClassName],\n  );\n\n  const clientPaginated = pagination !== false && paginationConfig?.total === undefined;\n  const syncClampedPage = useEventCallback(() => state.clampPage(pageIndex));\n\n  useEffect(() => {\n    if (clientPaginated && pageIndex !== state.rawPageIndex) syncClampedPage();\n  }, [clientPaginated, pageIndex, state.rawPageIndex, syncClampedPage]);\n\n  // ============================== Loading ===============================\n  const {\n    spinning: isLoading = true,\n    tip,\n    variant: spinVariant = 'network',\n    ...spinRest\n  } = typeof loading === 'object' ? loading : { spinning: loading };\n  const spinProps = { variant: spinVariant, ...spinRest };\n\n  // =============================== Columns ==============================\n  const triggerSort = useEventCallback(state.triggerSort);\n  const triggerFilter = useEventCallback(state.triggerFilter);\n\n  const rcColumns = useMemo(() => {\n    const transform = (list: readonly TableColumn<T>[], parentPos?: string): RcColumnsType<any> =>\n      list.flatMap((column, index) => {\n        // The placeholders must reach rc-table by identity.\n        if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return [column];\n        // Positions (and so fallback ids) come from the full tree, before responsive filtering.\n        const pos = getColumnPos(index, parentPos);\n        if (!isColumnVisibleAt(column, screens)) return [];\n\n        const id = getColumnId(column, pos);\n        const {\n          defaultFilteredValue: _defaultFilteredValue,\n          defaultSortOrder: _defaultSortOrder,\n          filterDropdown,\n          filterDropdownOpen: _filterDropdownOpen,\n          filterDropdownProps: _filterDropdownProps,\n          filtered: _filtered,\n          filteredValue: _filteredValue,\n          filterIcon: _filterIcon,\n          filterMode: _filterMode,\n          filterMultiple: _filterMultiple,\n          filterOnClose: _filterOnClose,\n          filterResetToDefaultFilteredValue: _filterResetToDefaultFilteredValue,\n          filters: columnFilters,\n          filterSearch: _filterSearch,\n          onFilter: _onFilter,\n          onFilterDropdownOpenChange: _onFilterDropdownOpenChange,\n          onHeaderCell,\n          responsive: _responsive,\n          showSorterTooltip: columnShowSorterTooltip,\n          sortDirections: columnSortDirections,\n          sortIcon,\n          sortOrder: _sortOrder,\n          sorter,\n          title: columnTitle,\n          ...rest\n        } = column as TableColumnType<T>;\n        const order = sorter ? sortStates.find(({ key }) => key === id)?.sortOrder : undefined;\n\n        const titleNode = renderColumnTitle(columnTitle, titleProps);\n        const titleText =\n          typeof titleNode === 'string' || typeof titleNode === 'number'\n            ? String(titleNode)\n            : undefined;\n        // A single-text wrapper lets rc-table derive the header `title` and truncate it.\n        const titleContent = column.ellipsis ? (\n          <span className={cx(styles.columnTitle, `${PREFIX_CLS}-column-title`)}>{titleNode}</span>\n        ) : (\n          titleNode\n        );\n\n        const filterNode =\n          columnFilters || filterDropdown ? (\n            <FilterDropdown<T>\n              column={column as TableColumnType<T>}\n              columnKey={id}\n              filterState={filterStates.find(({ key }) => key === id)}\n              getPopupContainer={getPopupContainer}\n              label={titleText ?? id}\n              locale={tableLocale}\n              triggerFilter={triggerFilter}\n            />\n          ) : null;\n        const hasControls = Boolean(sorter) || Boolean(filterNode);\n\n        let sorterNode: ReactNode = null;\n        if (sorter) {\n          const sortDirections = columnSortDirections ?? tableSortDirections;\n          const nextOrder = getNextSortOrder(sortDirections, order);\n          const showTooltip = columnShowSorterTooltip ?? tableShowSorterTooltip;\n          const { target, ...tooltipOptions } =\n            typeof showTooltip === 'object' ? showTooltip : ({} as TableSorterTooltipProps);\n          const tooltipProps = { title: sortTipOf(nextOrder, tableLocale), ...tooltipOptions };\n          const withTooltip = (node: ReactNode) => <Tooltip {...tooltipProps}>{node}</Tooltip>;\n\n          const iconOnlyTooltip = Boolean(showTooltip) && target === 'sorter-icon';\n          const onSort = () =>\n            triggerSort({\n              column,\n              key: id,\n              multiplePriority: getMultiplePriority(column),\n              sortOrder: nextOrder,\n            });\n          // ActionIcon owns the click (same as the filter trigger). The title stays a plain\n          // span so we never nest a button inside a button; clicking the title still sorts.\n          const sortAction = (\n            <ActionIcon\n              active={Boolean(order)}\n              className={cx(styles.sortCaret, `${PREFIX_CLS}-column-sorter`)}\n              data-order={order ?? undefined}\n              size=\"small\"\n              icon={\n                sortIcon\n                  ? sortIcon({ sortOrder: order ?? null })\n                  : order === 'ascend'\n                    ? ArrowUpToLine\n                    : order === 'descend'\n                      ? ArrowDownFromLine\n                      : ArrowUpDown\n              }\n              {...(iconOnlyTooltip && showTooltip\n                ? { title: tooltipProps.title, tooltipProps: tooltipOptions }\n                : {})}\n              onClick={(event) => {\n                event.stopPropagation();\n                onSort();\n              }}\n            />\n          );\n          const group = (\n            <span\n              className={cx(styles.sortButton, `${PREFIX_CLS}-column-sorters`)}\n              // Without a tooltip, the native title still says the header sorts.\n              title={showTooltip ? undefined : tableLocale.sortTitle}\n            >\n              <span className={styles.sortTitle} onClick={onSort}>\n                {titleContent}\n              </span>\n              {sortAction}\n            </span>\n          );\n          sorterNode = showTooltip && !iconOnlyTooltip ? withTooltip(group) : group;\n        }\n\n        return {\n          ...rest,\n          className: cx(\n            rest.className,\n            order ? [`${PREFIX_CLS}-column-sort`, styles.sortedColumn] : undefined,\n          ),\n          children: isColumnGroup(column) ? transform(column.children, pos) : undefined,\n          key: id,\n          onHeaderCell: () => {\n            const cell = onHeaderCell?.(column);\n            return {\n              ...(sorter && { 'aria-sort': ariaSortOf(order) }),\n              ...(column.ellipsis && hasControls && titleText && { title: titleText }),\n              ...cell,\n              className: cx(sorter && `${PREFIX_CLS}-column-has-sorters`, cell?.className),\n            };\n          },\n          title: hasControls ? (\n            <span className={styles.headerInner}>\n              {sorterNode ?? titleContent}\n              {filterNode}\n            </span>\n          ) : (\n            titleContent\n          ),\n        };\n      }) as RcColumnsType<any>;\n\n    return transform(columns);\n  }, [\n    columns,\n    screens,\n    sortStates,\n    filterStates,\n    titleProps,\n    getPopupContainer,\n    triggerFilter,\n    triggerSort,\n    tableSortDirections,\n    tableShowSorterTooltip,\n    tableLocale,\n  ]);\n\n  // ============================== Rows ==============================\n  const mergedOnRow = useMemo(\n    () =>\n      (record: T, index?: number): HTMLAttributes<HTMLElement> => {\n        const rowProps = onRow?.(record, index ?? 0) ?? {};\n        return {\n          ...rowProps,\n          className: cx(rowProps.onClick && styles.clickable, rowProps.className),\n        };\n      },\n    [onRow],\n  );\n\n  // antd defaults to `fixed` layout once a column is pinned; `max-content` keeps sizing to content.\n  const hasFixedColumn = useMemo(\n    () =>\n      Boolean(rowSelection?.fixed) ||\n      flattenColumns(columns).some(({ column }) => column.fixed && !column.hidden),\n    [columns, rowSelection?.fixed],\n  );\n  const mergedTableLayout =\n    tableLayout ?? (hasFixedColumn && scroll?.x !== 'max-content' ? 'fixed' : undefined);\n\n  // ============================= Pagination =============================\n  let topPagination: ReactNode = null;\n  let bottomPagination: ReactNode = null;\n  if (paginationConfig && total > 0) {\n    const {\n      current: _current,\n      defaultCurrent: _defaultCurrent,\n      defaultPageSize: _defaultPageSize,\n      onChange: _onChange,\n      onShowSizeChange: _onShowSizeChange,\n      pageSize: _pageSize,\n      placement,\n      position,\n      total: _total,\n      className: paginationClassName,\n      classNames: paginationClassNames,\n      size: paginationSize,\n      styles: paginationStyles,\n      ...paginationRest\n    } = paginationConfig;\n    const pageCount = Math.ceil(total / pageSize);\n    const renderPagination = (align: PaginationAlign, side: 'top' | 'bottom') => (\n      <div\n        className={cx(\n          styles.pagination,\n          side === 'top' && styles.paginationTop,\n          paginationAlignClassName[align],\n          `${PREFIX_CLS}-pagination-wrapper`,\n        )}\n      >\n        <Pagination\n          {...paginationRest}\n          current={pageIndex + 1}\n          pageSize={pageSize}\n          // Like antd: `small` / `medium` tables get a small pager unless one is set.\n          size={paginationSize ?? (sizeProp && sizeProp !== 'large' ? 'small' : undefined)}\n          total={total}\n          className={cx(\n            `${PREFIX_CLS}-pagination`,\n            `${PREFIX_CLS}-pagination-${align}`,\n            paginationClassName,\n          )}\n          classNames={{\n            item: cx(mergedClassNames.pagination.item, paginationClassNames?.item),\n            root: cx(mergedClassNames.pagination.root, paginationClassNames?.root),\n          }}\n          styles={{\n            item: { ...paginationStyles?.item, ...mergedStyles.pagination.item },\n            root: { ...paginationStyles?.root, ...mergedStyles.pagination.root },\n          }}\n          onChange={(next, nextPageSize) =>\n            state.onPaginationChange({ pageIndex: next - 1, pageSize: nextPageSize })\n          }\n        />\n      </div>\n    );\n\n    if (!(paginationRest.hideOnSinglePage && pageCount <= 1)) {\n      const mergedPlacement = placement ?? position;\n      if (Array.isArray(mergedPlacement)) {\n        const find = (side: string) =>\n          (mergedPlacement as string[]).find((item) => item.includes(side));\n        const top = find('top');\n        const bottom = find('bottom');\n        const none = mergedPlacement.every((item) => item === 'none');\n        if (top) topPagination = renderPagination(normalizePlacement(top), 'top');\n        if (bottom) bottomPagination = renderPagination(normalizePlacement(bottom), 'bottom');\n        if (!top && !bottom && !none) bottomPagination = renderPagination('end', 'bottom');\n      } else {\n        bottomPagination = renderPagination('end', 'bottom');\n      }\n    }\n  }\n\n  // Like antd: `locale.emptyText` (here also the `emptyText` alias) replaces the default empty state.\n  const customEmpty = locale?.emptyText ?? emptyText;\n  const emptyNode = isLoading ? (\n    <TableLoadingSkeleton\n      columns={columns}\n      expandColumn={Boolean(expandType)}\n      rows={pagination === false ? 5 : Math.min(5, pageSize)}\n      screens={screens}\n      selectionColumn={hasRowSelection}\n      size={size}\n    />\n  ) : customEmpty === undefined ? (\n    <Empty description={t('table.emptyText')} icon={Inbox} imageSize={40} />\n  ) : typeof customEmpty === 'function' ? (\n    customEmpty()\n  ) : (\n    customEmpty\n  );\n\n  // Like antd: `virtual` swaps in rc-table's VirtualTable (rc-virtual-list body).\n  const TableComponent = (virtual ? RcVirtualTable : RcTable) as typeof RcTable;\n\n  return (\n    <div\n      ref={rootRef}\n      style={{ ...mergedStyles.root, ...style }}\n      className={cx(\n        styles.root,\n        `${PREFIX_CLS}-wrapper`,\n        rootClassName,\n        className,\n        mergedClassNames.root,\n      )}\n    >\n      {topPagination}\n      <div className={styles.spinContainer} data-table-wrapper=\"\">\n        <TableComponent<any>\n          {...(virtual && { listItemHeight: VIRTUAL_ROW_HEIGHT[size] })}\n          columns={rcColumns}\n          components={components as any}\n          data={rows as any[]}\n          emptyText={emptyNode}\n          expandable={mergedExpandable}\n          footer={footer as any}\n          internalHooks={INTERNAL_HOOKS}\n          prefixCls={PREFIX_CLS}\n          ref={rcRef}\n          rowClassName={mergedRowClassName as any}\n          rowHoverable={rowHoverable}\n          rowKey={rowKey as string | ((record: T) => Key)}\n          scroll={scroll}\n          showHeader={showHeader}\n          sticky={sticky}\n          summary={summary as any}\n          tableLayout={mergedTableLayout}\n          title={title as any}\n          transformColumns={transformSelectionColumns}\n          className={cx(\n            styles.table,\n            sizeClassName[size],\n            `${PREFIX_CLS}-${size === 'middle' ? 'medium' : size}`,\n            variant === 'borderless' && styles.borderless,\n            variant === 'outlined' && styles.outlined,\n            grouped && styles.grouped,\n            variant === 'filled' && styles.filled,\n            `${PREFIX_CLS}-${variant}`,\n            rowHoverable && styles.hoverable,\n          )}\n          classNames={{\n            body: mergedClassNames.body,\n            content: mergedClassNames.content,\n            footer: mergedClassNames.footer,\n            header: mergedClassNames.header,\n            section: mergedClassNames.section,\n            title: mergedClassNames.title,\n          }}\n          measureRowRender={(measureRow) =>\n            wrapMeasureRow(measureRowRender ? measureRowRender(measureRow) : measureRow)\n          }\n          styles={{\n            body: mergedStyles.body,\n            content: mergedStyles.content,\n            footer: mergedStyles.footer,\n            header: mergedStyles.header,\n            section: mergedStyles.section,\n            title: mergedStyles.title,\n          }}\n          onHeaderRow={onHeaderRow as any}\n          onRow={mergedOnRow as any}\n          onScroll={onScroll}\n        />\n        <FixedFrost rootRef={rootRef} />\n        {isLoading && (\n          <div className={styles.loading} data-table-loading=\"\">\n            <Spin {...spinProps} />\n            {tip}\n          </div>\n        )}\n      </div>\n      {bottomPagination}\n    </div>\n  );\n};\n\ntype TableComponent = (<T>(props: TableProps<T>) => ReactNode) & {\n  Column: typeof Column;\n  ColumnGroup: typeof ColumnGroup;\n  displayName?: string;\n  /** Placeholder in `columns` marking where the expand column goes. */\n  EXPAND_COLUMN: TableColumn<any>;\n  /** `rowSelection.selections` preset: select every row of every page. */\n  SELECTION_ALL: typeof SELECTION_ALL;\n  /** Placeholder in `columns` marking where the selection column goes. */\n  SELECTION_COLUMN: TableColumn<any>;\n  /** Rows rendered by `summary`: `Table.Summary` (`fixed`), `.Row` and `.Cell` (`index`, `colSpan`). */\n  Summary: typeof Summary;\n  /** `rowSelection.selections` preset: invert the current page. */\n  SELECTION_INVERT: typeof SELECTION_INVERT;\n  /** `rowSelection.selections` preset: clear the selection. */\n  SELECTION_NONE: typeof SELECTION_NONE;\n};\n\nconst Table = memo(TableInner) as unknown as TableComponent;\n\nTable.displayName = 'Table';\nTable.Column = Column;\nTable.ColumnGroup = ColumnGroup;\nTable.EXPAND_COLUMN = EXPAND_COLUMN as TableColumn<any>;\nTable.SELECTION_COLUMN = SELECTION_COLUMN;\nTable.SELECTION_ALL = SELECTION_ALL;\nTable.SELECTION_INVERT = SELECTION_INVERT;\nTable.SELECTION_NONE = SELECTION_NONE;\nTable.Summary = Summary;\n\nexport { TableInner };\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"Table.mjs","names":["tableMessages","RcVirtualTable"],"sources":["../../../src/base-ui/Table/Table.tsx"],"sourcesContent":["'use client';\n\nimport RcTable, {\n  type ColumnsType as RcColumnsType,\n  convertChildrenToColumns,\n  EXPAND_COLUMN,\n  type ExpandableConfig as RcExpandableConfig,\n  INTERNAL_HOOKS,\n  type Reference as RcReference,\n  Summary,\n  VirtualTable as RcVirtualTable,\n} from '@rc-component/table';\nimport { cx } from 'antd-style';\nimport { ArrowDownFromLine, ArrowUpDown, ArrowUpToLine, Inbox } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type HTMLAttributes,\n  type Key,\n  memo,\n  type ReactNode,\n  type Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport Pagination, { type PaginationAlign } from '@/base-ui/Pagination';\nimport Spin from '@/base-ui/Spin';\nimport Tooltip from '@/base-ui/Tooltip';\nimport Block from '@/Block';\nimport Empty from '@/Empty';\nimport { useEventCallback } from '@/hooks/useEventCallback';\nimport tableMessages from '@/i18n/resources/en/table';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport Column from './Column';\nimport ColumnGroup from './ColumnGroup';\nimport {\n  assertColumnKeys,\n  fillColumns,\n  flattenColumns,\n  getColumnId,\n  getColumnPos,\n  isColumnGroup,\n  isColumnVisibleAt,\n  renderColumnTitle,\n} from './columnUtils';\nimport renderExpandIcon from './ExpandIcon';\nimport FilterDropdown, { TableMeasureRowContext } from './FilterDropdown';\nimport FixedFrost from './FixedFrost';\nimport TableLoadingSkeleton from './LoadingSkeleton';\nimport {\n  isPlainObject,\n  SELECTION_ALL,\n  SELECTION_COLUMN,\n  SELECTION_INVERT,\n  SELECTION_NONE,\n} from './selectionUtils';\nimport { normalizeClassNames, normalizeStyles, resolveSemantic } from './semantic';\nimport {\n  EXPAND_COLUMN_WIDTH,\n  PREFIX_CLS,\n  SELECTION_COLUMN_WIDTH,\n  SELECTION_DROPDOWN_WIDTH,\n  styles,\n} from './style';\nimport type {\n  SortOrder,\n  TableColumn,\n  TableColumnType,\n  TableLocale,\n  TableProps,\n  TableRef,\n  TableScrollToConfig,\n  TableSize,\n  TableSorterTooltipProps,\n} from './type';\nimport { useBreakpoint } from './useBreakpoint';\nimport { useSelection } from './useSelection';\nimport { DEFAULT_SORT_DIRECTIONS, getMultiplePriority, getNextSortOrder } from './useSorter';\nimport { useTableState } from './useTableState';\n\nconst EMPTY_DATA: any[] = [];\nconst DEFAULT_INDENT_SIZE = 15;\nconst DEFAULT_SORTER_TOOLTIP: TableSorterTooltipProps = { target: 'full-header' };\n\n/**\n * Estimated `virtual` row height per size, like antd: padding × 2 + 14px × 22/14 line + 1px border.\n * rc-virtual-list still measures the real rows; this only seeds the scroll range.\n */\nconst VIRTUAL_ROW_HEIGHT: Record<TableSize, number> = {\n  large: 16 * 2 + 22 + 1,\n  medium: 12 * 2 + 22 + 1,\n  middle: 12 * 2 + 22 + 1,\n  small: 8 * 2 + 22 + 1,\n};\n\nconst sizeClassName: Record<TableSize, string> = {\n  large: styles.sizeLarge,\n  medium: styles.sizeMedium,\n  middle: styles.sizeMedium,\n  small: styles.sizeSmall,\n};\n\nconst sortTipOf = (next: SortOrder | undefined, locale: TableLocale) =>\n  next === 'descend'\n    ? locale.triggerDesc\n    : next === 'ascend'\n      ? locale.triggerAsc\n      : locale.cancelSort;\n\nconst ariaSortOf = (order: SortOrder | undefined) =>\n  order === 'ascend' ? 'ascending' : order === 'descend' ? 'descending' : 'none';\n\nconst paginationAlignClassName: Record<PaginationAlign, string> = {\n  center: styles.paginationCenter,\n  end: styles.paginationEnd,\n  start: styles.paginationStart,\n};\n\n/** antd `normalizePlacement`: `topLeft` / `bottomStart` → `start`, `*Center` → `center`, else `end`. */\nconst normalizePlacement = (placement: string): PaginationAlign => {\n  const lower = placement.toLowerCase();\n  if (lower.includes('center')) return 'center';\n  return lower.includes('left') || lower.includes('start') ? 'start' : 'end';\n};\n\n// Only a static filter trigger renders in rc-table's hidden measure row, like antd.\nconst wrapMeasureRow = (measureRow: ReactNode) => (\n  <TableMeasureRowContext value={true}>{measureRow}</TableMeasureRowContext>\n);\n\n/** antd's ref shape: the root element itself, extended with `nativeElement` and `scrollTo`. */\nconst toTableRef = (\n  element: HTMLDivElement,\n  scrollTo: (config: TableScrollToConfig) => void,\n): TableRef => {\n  const extra = { nativeElement: element, scrollTo };\n  return new Proxy(element, {\n    get(target, prop) {\n      if (prop in extra) return extra[prop as keyof typeof extra];\n      const value = Reflect.get(target, prop, target);\n      return typeof value === 'function' ? value.bind(target) : value;\n    },\n  }) as TableRef;\n};\n\nlet warnedBordered = false;\n\n/** `bordered` (pre-5.61) → `variant`: `true` is `outlined`; an explicit `variant` wins. */\nexport const resolveTableVariant = (\n  variant: TableProps<unknown>['variant'],\n  bordered: boolean | undefined,\n): NonNullable<TableProps<unknown>['variant']> => {\n  if (bordered !== undefined && process.env.NODE_ENV !== 'production' && !warnedBordered) {\n    warnedBordered = true;\n    console.warn('[Table] `bordered` is deprecated. Please use `variant=\"outlined\"` instead.');\n  }\n  return variant ?? (bordered ? 'outlined' : 'borderless');\n};\n\nconst TableInner = <T,>(props: TableProps<T>) => {\n  const {\n    bordered,\n    variant: variantProp,\n    children,\n    childrenColumnName: legacyChildrenColumnName,\n    className,\n    classNames,\n    column: columnDefaults,\n    columns: columnsProp,\n    components,\n    dataSource = EMPTY_DATA as T[],\n    emptyText,\n    expandable,\n    expandedRowRender: legacyExpandedRowRender,\n    expandIcon: legacyExpandIcon,\n    expandIconColumnIndex: legacyExpandIconColumnIndex,\n    footer,\n    getPopupContainer,\n    indentSize: legacyIndentSize,\n    loading = false,\n    locale,\n    measureRowRender,\n    onChange,\n    onHeaderRow,\n    onRow,\n    onScroll,\n    pagination,\n    ref,\n    rootClassName,\n    rowClassName,\n    rowHoverable = true,\n    rowKey = 'key',\n    rowSelection,\n    scroll,\n    showHeader,\n    showSorterTooltip: tableShowSorterTooltip = DEFAULT_SORTER_TOOLTIP,\n    size: sizeProp,\n    sortDirections: tableSortDirections = DEFAULT_SORT_DIRECTIONS,\n    sticky,\n    style,\n    styles: customStyles,\n    summary,\n    tableLayout,\n    title,\n    virtual,\n  } = props;\n  const variant = resolveTableVariant(variantProp, bordered);\n  const size: TableSize = sizeProp ?? 'middle';\n\n  // =============================== Locale ===============================\n  const { t } = useTranslation(tableMessages);\n  const tableLocale = useMemo(\n    (): TableLocale => ({\n      cancelSort: t('table.cancelSort'),\n      collapse: t('table.collapse'),\n      expand: t('table.expand'),\n      filterCheckAll: t('table.filterCheckAll'),\n      filterConfirm: t('table.filterConfirm'),\n      filterEmptyText: t('table.filterEmptyText'),\n      filterReset: t('table.filterReset'),\n      filterSearchPlaceholder: t('table.filterSearchPlaceholder'),\n      filterTitle: t('table.filterTitle'),\n      selectAll: t('table.selectAll'),\n      selectInvert: t('table.selectInvert'),\n      selectNone: t('table.selectNone'),\n      selectionAll: t('table.selectionAll'),\n      sortTitle: t('table.sortTitle'),\n      triggerAsc: t('table.triggerAsc'),\n      triggerDesc: t('table.triggerDesc'),\n      ...(locale?.filterCheckall !== undefined && { filterCheckAll: locale.filterCheckall }),\n      ...locale,\n    }),\n    [t, locale],\n  );\n\n  // ============================ Semantic DOM ============================\n  const semanticInfo = { props };\n  const mergedClassNames = normalizeClassNames(resolveSemantic(classNames, semanticInfo));\n  const mergedStyles = normalizeStyles(resolveSemantic(customStyles, semanticInfo));\n\n  const rawColumns = useMemo(\n    () => columnsProp ?? (convertChildrenToColumns(children) as TableColumn<T>[]),\n    [columnsProp, children],\n  );\n  const columns = useMemo(\n    () => fillColumns(rawColumns, columnDefaults),\n    [rawColumns, columnDefaults],\n  );\n\n  assertColumnKeys(columns);\n  /** Multi-level headers get column dividers; plain tables never do. */\n  const grouped = useMemo(\n    () =>\n      columns.some(\n        (column) => Array.isArray((column as any).children) && (column as any).children.length > 0,\n      ),\n    [columns],\n  );\n\n  const needResponsive = useMemo(\n    () => flattenColumns(columns).some(({ column }) => column.responsive),\n    [columns],\n  );\n  const screens = useBreakpoint(needResponsive);\n\n  // ============================= Expandable =============================\n  const hasRowSelection = Boolean(rowSelection);\n  const childrenColumnName =\n    expandable?.childrenColumnName ?? legacyChildrenColumnName ?? 'children';\n  const expandType = useMemo(() => {\n    if (dataSource.some((record) => isPlainObject(record) && record[childrenColumnName])) {\n      return 'nest';\n    }\n    if (legacyExpandedRowRender || expandable?.expandedRowRender) return 'row';\n    return null;\n  }, [childrenColumnName, dataSource, legacyExpandedRowRender, expandable?.expandedRowRender]);\n\n  // Like antd: legacy top-level props sit under `expandable`, which always wins.\n  const mergedExpandable = useMemo((): RcExpandableConfig<any> => {\n    const config: RcExpandableConfig<any> = {\n      childrenColumnName: legacyChildrenColumnName,\n      expandedRowRender: legacyExpandedRowRender,\n      expandIconColumnIndex: legacyExpandIconColumnIndex,\n      ...(expandable as RcExpandableConfig<any>),\n      expandIcon: (expandable?.expandIcon ??\n        legacyExpandIcon ??\n        ((iconProps: any) => renderExpandIcon(iconProps, tableLocale))) as any,\n    };\n    // Like antd: tree toggles sit after the selection column; legacy indexes skip it.\n    if (expandType === 'nest' && config.expandIconColumnIndex === undefined) {\n      config.expandIconColumnIndex = hasRowSelection ? 1 : 0;\n    } else if ((config.expandIconColumnIndex ?? 0) > 0 && hasRowSelection) {\n      config.expandIconColumnIndex = config.expandIconColumnIndex! - 1;\n    }\n    // Virtual rows are flex boxes sized from numeric widths; the CSS `col` width never reaches them.\n    if (virtual && config.columnWidth === undefined) config.columnWidth = EXPAND_COLUMN_WIDTH;\n    if (typeof config.indentSize !== 'number') {\n      config.indentSize =\n        typeof legacyIndentSize === 'number' ? legacyIndentSize : DEFAULT_INDENT_SIZE;\n    }\n    return config;\n  }, [\n    expandable,\n    legacyChildrenColumnName,\n    legacyExpandedRowRender,\n    legacyExpandIcon,\n    legacyExpandIconColumnIndex,\n    legacyIndentSize,\n    expandType,\n    hasRowSelection,\n    virtual,\n    tableLocale,\n  ]);\n\n  // ================================ Refs ================================\n  const rootRef = useRef<HTMLDivElement>(null);\n  const rcRef = useRef<RcReference>(null);\n  useImperativeHandle(\n    ref as Ref<TableRef>,\n    () => toTableRef(rootRef.current!, (config) => rcRef.current?.scrollTo(config)),\n    [],\n  );\n\n  // ======================== Sort / Filter / Page ========================\n  const state = useTableState({\n    childrenColumnName,\n    columns,\n    dataSource,\n    onChange,\n    // Like antd: on by default once `scroll` is set.\n    onTableChange: () => {\n      if (scroll && scroll.scrollToFirstRowOnChange !== false) rcRef.current?.scrollTo({ top: 0 });\n    },\n    pagination,\n  });\n  const {\n    config: paginationConfig,\n    data: allRows,\n    filterStates,\n    page,\n    sortStates,\n    titleProps,\n  } = state;\n  const { pageIndex, pageSize } = page;\n  const { total } = state;\n\n  // Like antd: async data (fewer rows than `total`, at most one page) is shown as given.\n  const rows = useMemo(() => {\n    if (pagination === false) return allRows;\n    if (allRows.length < total && allRows.length <= pageSize) return allRows;\n    return allRows.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize);\n  }, [allRows, pagination, pageIndex, pageSize, total]);\n\n  // ============================== Selection ==============================\n  const getRowKey = useMemo(\n    () =>\n      typeof rowKey === 'function'\n        ? rowKey\n        : (record: T) => (record as Record<PropertyKey, unknown>)?.[rowKey as PropertyKey] as Key,\n    [rowKey],\n  );\n  const recordMap = useMemo(() => {\n    const map = new Map<Key, T>();\n    const dig = (records: readonly T[]) => {\n      records.forEach((record, index) => {\n        map.set(getRowKey(record, index), record);\n        const children = isPlainObject(record) ? record[childrenColumnName] : undefined;\n        if (Array.isArray(children)) dig(children as T[]);\n      });\n    };\n    dig(dataSource);\n    return map;\n  }, [dataSource, childrenColumnName, getRowKey]);\n  const getRecordByKey = useCallback((key: Key) => recordMap.get(key), [recordMap]);\n  // Same as the expand column: give virtual rows the selection column's CSS width as a number.\n  const mergedRowSelection = useMemo(() => {\n    if (!virtual || !rowSelection || rowSelection.columnWidth !== undefined) return rowSelection;\n    const withDropdown = Boolean(rowSelection.selections) && rowSelection.type !== 'radio';\n    return {\n      ...rowSelection,\n      columnWidth:\n        SELECTION_COLUMN_WIDTH +\n        (withDropdown ? SELECTION_DROPDOWN_WIDTH : 0) +\n        (variant === 'outlined' ? 16 : 0),\n    };\n  }, [virtual, rowSelection, variant]);\n  const [transformSelectionColumns, selectedKeySet] = useSelection<T>(\n    {\n      childrenColumnName,\n      data: allRows,\n      expandType,\n      getRecordByKey,\n      getRowKey,\n      locale: tableLocale,\n      pageData: rows,\n    },\n    mergedRowSelection,\n  );\n  const mergedRowClassName = useCallback(\n    (record: T, index: number, indent: number) =>\n      cx(\n        selectedKeySet.has(getRowKey(record, index)) && `${PREFIX_CLS}-row-selected`,\n        typeof rowClassName === 'function' ? rowClassName(record, index, indent) : rowClassName,\n      ),\n    [selectedKeySet, getRowKey, rowClassName],\n  );\n\n  const clientPaginated = pagination !== false && paginationConfig?.total === undefined;\n  const syncClampedPage = useEventCallback(() => state.clampPage(pageIndex));\n\n  useEffect(() => {\n    if (clientPaginated && pageIndex !== state.rawPageIndex) syncClampedPage();\n  }, [clientPaginated, pageIndex, state.rawPageIndex, syncClampedPage]);\n\n  // ============================== Loading ===============================\n  const {\n    spinning: isLoading = true,\n    tip,\n    variant: spinVariant = 'network',\n    ...spinRest\n  } = typeof loading === 'object' ? loading : { spinning: loading };\n  const spinProps = { variant: spinVariant, ...spinRest };\n\n  // =============================== Columns ==============================\n  const triggerSort = useEventCallback(state.triggerSort);\n  const triggerFilter = useEventCallback(state.triggerFilter);\n\n  const rcColumns = useMemo(() => {\n    const transform = (list: readonly TableColumn<T>[], parentPos?: string): RcColumnsType<any> =>\n      list.flatMap((column, index) => {\n        // The placeholders must reach rc-table by identity.\n        if (column === EXPAND_COLUMN || column === SELECTION_COLUMN) return [column];\n        // Positions (and so fallback ids) come from the full tree, before responsive filtering.\n        const pos = getColumnPos(index, parentPos);\n        if (!isColumnVisibleAt(column, screens)) return [];\n\n        const id = getColumnId(column, pos);\n        const {\n          defaultFilteredValue: _defaultFilteredValue,\n          defaultSortOrder: _defaultSortOrder,\n          filterDropdown,\n          filterDropdownOpen: _filterDropdownOpen,\n          filterDropdownProps: _filterDropdownProps,\n          filtered: _filtered,\n          filteredValue: _filteredValue,\n          filterIcon: _filterIcon,\n          filterMode: _filterMode,\n          filterMultiple: _filterMultiple,\n          filterOnClose: _filterOnClose,\n          filterResetToDefaultFilteredValue: _filterResetToDefaultFilteredValue,\n          filters: columnFilters,\n          filterSearch: _filterSearch,\n          onFilter: _onFilter,\n          onFilterDropdownOpenChange: _onFilterDropdownOpenChange,\n          onHeaderCell,\n          responsive: _responsive,\n          showSorterTooltip: columnShowSorterTooltip,\n          sortDirections: columnSortDirections,\n          sortIcon,\n          sortOrder: _sortOrder,\n          sorter,\n          title: columnTitle,\n          ...rest\n        } = column as TableColumnType<T>;\n        const order = sorter ? sortStates.find(({ key }) => key === id)?.sortOrder : undefined;\n\n        const titleNode = renderColumnTitle(columnTitle, titleProps);\n        const titleText =\n          typeof titleNode === 'string' || typeof titleNode === 'number'\n            ? String(titleNode)\n            : undefined;\n        // A single-text wrapper lets rc-table derive the header `title` and truncate it.\n        const titleContent = column.ellipsis ? (\n          <span className={cx(styles.columnTitle, `${PREFIX_CLS}-column-title`)}>{titleNode}</span>\n        ) : (\n          titleNode\n        );\n\n        const filterNode =\n          columnFilters || filterDropdown ? (\n            <FilterDropdown<T>\n              column={column as TableColumnType<T>}\n              columnKey={id}\n              filterState={filterStates.find(({ key }) => key === id)}\n              getPopupContainer={getPopupContainer}\n              label={titleText ?? id}\n              locale={tableLocale}\n              triggerFilter={triggerFilter}\n            />\n          ) : null;\n        const hasControls = Boolean(sorter) || Boolean(filterNode);\n\n        let sorterNode: ReactNode = null;\n        if (sorter) {\n          const sortDirections = columnSortDirections ?? tableSortDirections;\n          const nextOrder = getNextSortOrder(sortDirections, order);\n          const showTooltip = columnShowSorterTooltip ?? tableShowSorterTooltip;\n          const { target, ...tooltipOptions } =\n            typeof showTooltip === 'object' ? showTooltip : ({} as TableSorterTooltipProps);\n          const tooltipProps = { title: sortTipOf(nextOrder, tableLocale), ...tooltipOptions };\n          const withTooltip = (node: ReactNode) => <Tooltip {...tooltipProps}>{node}</Tooltip>;\n\n          const iconOnlyTooltip = Boolean(showTooltip) && target === 'sorter-icon';\n          const onSort = () =>\n            triggerSort({\n              column,\n              key: id,\n              multiplePriority: getMultiplePriority(column),\n              sortOrder: nextOrder,\n            });\n          // ActionIcon owns the click (same as the filter trigger). The title stays a plain\n          // span so we never nest a button inside a button; clicking the title still sorts.\n          const sortAction = (\n            <ActionIcon\n              active={Boolean(order)}\n              className={cx(styles.sortCaret, `${PREFIX_CLS}-column-sorter`)}\n              data-order={order ?? undefined}\n              size=\"small\"\n              icon={\n                sortIcon\n                  ? sortIcon({ sortOrder: order ?? null })\n                  : order === 'ascend'\n                    ? ArrowUpToLine\n                    : order === 'descend'\n                      ? ArrowDownFromLine\n                      : ArrowUpDown\n              }\n              {...(iconOnlyTooltip && showTooltip\n                ? { title: tooltipProps.title, tooltipProps: tooltipOptions }\n                : {})}\n              onClick={(event) => {\n                event.stopPropagation();\n                onSort();\n              }}\n            />\n          );\n          const group = (\n            <span\n              className={cx(styles.sortButton, `${PREFIX_CLS}-column-sorters`)}\n              // Without a tooltip, the native title still says the header sorts.\n              title={showTooltip ? undefined : tableLocale.sortTitle}\n            >\n              <span className={styles.sortTitle} onClick={onSort}>\n                {titleContent}\n              </span>\n              {sortAction}\n            </span>\n          );\n          sorterNode = showTooltip && !iconOnlyTooltip ? withTooltip(group) : group;\n        }\n\n        return {\n          ...rest,\n          className: cx(\n            rest.className,\n            order ? [`${PREFIX_CLS}-column-sort`, styles.sortedColumn] : undefined,\n          ),\n          children: isColumnGroup(column) ? transform(column.children, pos) : undefined,\n          key: id,\n          onHeaderCell: () => {\n            const cell = onHeaderCell?.(column);\n            return {\n              ...(sorter && { 'aria-sort': ariaSortOf(order) }),\n              ...(column.ellipsis && hasControls && titleText && { title: titleText }),\n              ...cell,\n              className: cx(sorter && `${PREFIX_CLS}-column-has-sorters`, cell?.className),\n            };\n          },\n          title: hasControls ? (\n            <span className={styles.headerInner}>\n              {sorterNode ?? titleContent}\n              {filterNode}\n            </span>\n          ) : (\n            titleContent\n          ),\n        };\n      }) as RcColumnsType<any>;\n\n    return transform(columns);\n  }, [\n    columns,\n    screens,\n    sortStates,\n    filterStates,\n    titleProps,\n    getPopupContainer,\n    triggerFilter,\n    triggerSort,\n    tableSortDirections,\n    tableShowSorterTooltip,\n    tableLocale,\n  ]);\n\n  // ============================== Rows ==============================\n  const mergedOnRow = useMemo(\n    () =>\n      (record: T, index?: number): HTMLAttributes<HTMLElement> => {\n        const rowProps = onRow?.(record, index ?? 0) ?? {};\n        return {\n          ...rowProps,\n          className: cx(rowProps.onClick && styles.clickable, rowProps.className),\n        };\n      },\n    [onRow],\n  );\n\n  // antd defaults to `fixed` layout once a column is pinned; `max-content` keeps sizing to content.\n  const hasFixedColumn = useMemo(\n    () =>\n      Boolean(rowSelection?.fixed) ||\n      flattenColumns(columns).some(({ column }) => column.fixed && !column.hidden),\n    [columns, rowSelection?.fixed],\n  );\n  const mergedTableLayout =\n    tableLayout ?? (hasFixedColumn && scroll?.x !== 'max-content' ? 'fixed' : undefined);\n\n  // ============================= Pagination =============================\n  let topPagination: ReactNode = null;\n  let bottomPagination: ReactNode = null;\n  if (paginationConfig && total > 0) {\n    const {\n      current: _current,\n      defaultCurrent: _defaultCurrent,\n      defaultPageSize: _defaultPageSize,\n      onChange: _onChange,\n      onShowSizeChange: _onShowSizeChange,\n      pageSize: _pageSize,\n      placement,\n      position,\n      total: _total,\n      className: paginationClassName,\n      classNames: paginationClassNames,\n      size: paginationSize,\n      styles: paginationStyles,\n      ...paginationRest\n    } = paginationConfig;\n    const pageCount = Math.ceil(total / pageSize);\n    const renderPagination = (align: PaginationAlign, side: 'top' | 'bottom') => (\n      <div\n        className={cx(\n          styles.pagination,\n          side === 'top' && styles.paginationTop,\n          paginationAlignClassName[align],\n          `${PREFIX_CLS}-pagination-wrapper`,\n        )}\n      >\n        <Pagination\n          {...paginationRest}\n          current={pageIndex + 1}\n          pageSize={pageSize}\n          // Like antd: `small` / `medium` tables get a small pager unless one is set.\n          size={paginationSize ?? (sizeProp && sizeProp !== 'large' ? 'small' : undefined)}\n          total={total}\n          className={cx(\n            `${PREFIX_CLS}-pagination`,\n            `${PREFIX_CLS}-pagination-${align}`,\n            paginationClassName,\n          )}\n          classNames={{\n            item: cx(mergedClassNames.pagination.item, paginationClassNames?.item),\n            root: cx(mergedClassNames.pagination.root, paginationClassNames?.root),\n          }}\n          styles={{\n            item: { ...paginationStyles?.item, ...mergedStyles.pagination.item },\n            root: { ...paginationStyles?.root, ...mergedStyles.pagination.root },\n          }}\n          onChange={(next, nextPageSize) =>\n            state.onPaginationChange({ pageIndex: next - 1, pageSize: nextPageSize })\n          }\n        />\n      </div>\n    );\n\n    if (!(paginationRest.hideOnSinglePage && pageCount <= 1)) {\n      const mergedPlacement = placement ?? position;\n      if (Array.isArray(mergedPlacement)) {\n        const find = (side: string) =>\n          (mergedPlacement as string[]).find((item) => item.includes(side));\n        const top = find('top');\n        const bottom = find('bottom');\n        const none = mergedPlacement.every((item) => item === 'none');\n        if (top) topPagination = renderPagination(normalizePlacement(top), 'top');\n        if (bottom) bottomPagination = renderPagination(normalizePlacement(bottom), 'bottom');\n        if (!top && !bottom && !none) bottomPagination = renderPagination('end', 'bottom');\n      } else {\n        bottomPagination = renderPagination('end', 'bottom');\n      }\n    }\n  }\n\n  // Like antd: `locale.emptyText` (here also the `emptyText` alias) replaces the default empty state.\n  const customEmpty = locale?.emptyText ?? emptyText;\n  const emptyNode = isLoading ? (\n    <TableLoadingSkeleton\n      columns={columns}\n      expandColumn={Boolean(expandType)}\n      rows={pagination === false ? 5 : Math.min(5, pageSize)}\n      screens={screens}\n      selectionColumn={hasRowSelection}\n      size={size}\n    />\n  ) : customEmpty === undefined ? (\n    <Empty description={t('table.emptyText')} icon={Inbox} imageSize={40} />\n  ) : typeof customEmpty === 'function' ? (\n    customEmpty()\n  ) : (\n    customEmpty\n  );\n\n  // Every column node (groups included) plus selection / expand: an upper bound of the\n  // rendered columns, enough for the fixed-cell z-index ceiling.\n  const columnsCount = flattenColumns(columns).length + 2;\n\n  // Like antd: `virtual` swaps in rc-table's VirtualTable (rc-virtual-list body).\n  const TableComponent = (virtual ? RcVirtualTable : RcTable) as typeof RcTable;\n\n  return (\n    <div\n      ref={rootRef}\n      className={cx(\n        styles.root,\n        `${PREFIX_CLS}-wrapper`,\n        rootClassName,\n        className,\n        mergedClassNames.root,\n      )}\n      style={\n        {\n          // rc-table gives fixed cells z-index up to 2 × column count; the loading mask, fixed\n          // header and summary sit above them via this var (as in antd). Unset, fixed start\n          // cells painted over the loading mask.\n          '--columns-count': columnsCount,\n          ...mergedStyles.root,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      {topPagination}\n      <div className={styles.spinContainer} data-table-wrapper=\"\">\n        <TableComponent<any>\n          {...(virtual && { listItemHeight: VIRTUAL_ROW_HEIGHT[size] })}\n          columns={rcColumns}\n          components={components as any}\n          data={rows as any[]}\n          emptyText={emptyNode}\n          expandable={mergedExpandable}\n          footer={footer as any}\n          internalHooks={INTERNAL_HOOKS}\n          prefixCls={PREFIX_CLS}\n          ref={rcRef}\n          rowClassName={mergedRowClassName as any}\n          rowHoverable={rowHoverable}\n          rowKey={rowKey as string | ((record: T) => Key)}\n          scroll={scroll}\n          showHeader={showHeader}\n          sticky={sticky}\n          summary={summary as any}\n          tableLayout={mergedTableLayout}\n          title={title as any}\n          transformColumns={transformSelectionColumns}\n          className={cx(\n            styles.table,\n            sizeClassName[size],\n            `${PREFIX_CLS}-${size === 'middle' ? 'medium' : size}`,\n            variant === 'borderless' && styles.borderless,\n            variant === 'outlined' && styles.outlined,\n            grouped && styles.grouped,\n            variant === 'filled' && styles.filled,\n            `${PREFIX_CLS}-${variant}`,\n            rowHoverable && styles.hoverable,\n          )}\n          classNames={{\n            body: mergedClassNames.body,\n            content: mergedClassNames.content,\n            footer: mergedClassNames.footer,\n            header: mergedClassNames.header,\n            section: mergedClassNames.section,\n            title: mergedClassNames.title,\n          }}\n          measureRowRender={(measureRow) =>\n            wrapMeasureRow(measureRowRender ? measureRowRender(measureRow) : measureRow)\n          }\n          styles={{\n            body: mergedStyles.body,\n            content: mergedStyles.content,\n            footer: mergedStyles.footer,\n            header: mergedStyles.header,\n            section: mergedStyles.section,\n            title: mergedStyles.title,\n          }}\n          onHeaderRow={onHeaderRow as any}\n          onRow={mergedOnRow as any}\n          onScroll={onScroll}\n        />\n        <FixedFrost rootRef={rootRef} />\n        {isLoading && (\n          <div className={styles.loading} data-table-loading=\"\">\n            {/* A small outlined box behind the indicator keeps it legible over the rows. */}\n            <Block\n              align={'center'}\n              data-table-loading-indicator=\"\"\n              gap={8}\n              padding={12}\n              variant={'outlined'}\n            >\n              <Spin {...spinProps} />\n              {tip}\n            </Block>\n          </div>\n        )}\n      </div>\n      {bottomPagination}\n    </div>\n  );\n};\n\ntype TableComponent = (<T>(props: TableProps<T>) => ReactNode) & {\n  Column: typeof Column;\n  ColumnGroup: typeof ColumnGroup;\n  displayName?: string;\n  /** Placeholder in `columns` marking where the expand column goes. */\n  EXPAND_COLUMN: TableColumn<any>;\n  /** `rowSelection.selections` preset: select every row of every page. */\n  SELECTION_ALL: typeof SELECTION_ALL;\n  /** Placeholder in `columns` marking where the selection column goes. */\n  SELECTION_COLUMN: TableColumn<any>;\n  /** Rows rendered by `summary`: `Table.Summary` (`fixed`), `.Row` and `.Cell` (`index`, `colSpan`). */\n  Summary: typeof Summary;\n  /** `rowSelection.selections` preset: invert the current page. */\n  SELECTION_INVERT: typeof SELECTION_INVERT;\n  /** `rowSelection.selections` preset: clear the selection. */\n  SELECTION_NONE: typeof SELECTION_NONE;\n};\n\nconst Table = memo(TableInner) as unknown as TableComponent;\n\nTable.displayName = 'Table';\nTable.Column = Column;\nTable.ColumnGroup = ColumnGroup;\nTable.EXPAND_COLUMN = EXPAND_COLUMN as TableColumn<any>;\nTable.SELECTION_COLUMN = SELECTION_COLUMN;\nTable.SELECTION_ALL = SELECTION_ALL;\nTable.SELECTION_INVERT = SELECTION_INVERT;\nTable.SELECTION_NONE = SELECTION_NONE;\nTable.Summary = Summary;\n\nexport { TableInner };\n\nexport default Table;\n"],"mappings":"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"}

package/es/base-ui/Table/style.mjs

@@ -41,10 +41,45 @@ const styles = createStaticStyles(({ css, cssVar }) => {
   `;
 	const startShadow = `box-shadow: inset 10px 0 8px -8px ${cssVar.colorSplit};`;
 	const endShadow = `box-shadow: inset -10px 0 8px -8px ${cssVar.colorSplit};`;
+	const cornerClip = (radius) => `
+    & > ${p}-container {
+      --lobe-table-radius-top: ${radius};
+      --lobe-table-radius-bottom: ${radius};
+    }
+
+    & > ${p}-title + ${p}-container {
+      --lobe-table-radius-top: 0px;
+    }
+
+    &:has(> ${p}-footer) > ${p}-container {
+      --lobe-table-radius-bottom: 0px;
+    }
+
+    ${ownRows.split(", ").map((r) => r.replace(" > * > tr", " > thead > tr:first-child > :first-child")).join(", ")} {
+      border-start-start-radius: var(--lobe-table-radius-top);
+    }
+
+    ${ownRows.split(", ").map((r) => r.replace(" > * > tr", " > thead > tr:first-child > :last-child")).join(", ")} {
+      border-start-end-radius: var(--lobe-table-radius-top);
+    }
+
+    ${ownRows.split(", ").map((r) => r.replace(" > * > tr", " > tbody > tr:last-child > :first-child")).join(", ")} {
+      border-end-start-radius: var(--lobe-table-radius-bottom);
+    }
+
+    ${ownRows.split(", ").map((r) => r.replace(" > * > tr", " > tbody > tr:last-child > :last-child")).join(", ")} {
+      border-end-end-radius: var(--lobe-table-radius-bottom);
+    }
+
+    & ${p}-frost-start, & ${p}-frost-end {
+      border-radius: inherit;
+    }
+  `;
 	return {
 		outlined: css`
       &${p}-outlined {
         ${variantVars}
+        ${cornerClip(`calc(${cssVar.borderRadiusLG} - 1px)`)}
         /* The square root must not paint behind the rounded frame: the clipped container
            is the ONE layer carrying the body (light colorBgContainer, dark
            colorFillQuaternary). Title / footer are siblings, so they paint it once too. */
@@ -132,13 +167,23 @@ const styles = createStaticStyles(({ css, cssVar }) => {
     `,
 		frostStart: css`
       position: sticky;
+
+      border-start-start-radius: var(--lobe-table-radius-top, 0);
+      border-end-start-radius: var(--lobe-table-radius-bottom, 0);
+
       inset-inline-start: 0;
+
       flex: none;
+
       height: 100%;
       ${frost}
     `,
 		frostEnd: css`
       position: sticky;
+
+      border-start-end-radius: var(--lobe-table-radius-top, 0);
+      border-end-end-radius: var(--lobe-table-radius-bottom, 0);
+
       inset-inline-end: 0;
 
       flex: none;
@@ -150,6 +195,7 @@ const styles = createStaticStyles(({ css, cssVar }) => {
 		filled: css`
       &${p}-filled {
         ${variantVars}
+        ${cornerClip(cssVar.borderRadiusLG)}
         /* Filled owns its fill in both modes (Block filled = colorFillTertiary; dark uses the
            Quaternary surface) and its opaque base is the page behind it, not colorBgContainer. */
         --lobe-table-fill: var(--lobe-table-surface, ${cssVar.colorFillTertiary});

package/es/base-ui/Table/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Table/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n/** Own prefix so rc-table classNames never collide with antd's global `.ant-table` CSS. */\nexport const PREFIX_CLS = 'lobe-table';\n\nconst p = `.${PREFIX_CLS}`;\n\n// Cell padding comes from the size class through these vars, so title / footer / expanded rows\n// can reuse (and negate) it.\nconst PADDING_BLOCK = '--lobe-table-padding-block';\nconst PADDING_INLINE = '--lobe-table-padding-inline';\n\n// Matches antd's `zIndexTableFixed`.\nconst Z_FIXED = 2;\n\n// antd `expandColumnWidth`; nested tables start after it.\nexport const EXPAND_COLUMN_WIDTH = 48;\n\n// antd `selectionColumnWidth`, plus the `selections` trigger when there is one.\nexport const SELECTION_COLUMN_WIDTH = 32;\nexport const SELECTION_DROPDOWN_WIDTH = 24;\n\n/** Rows of this table's own sections only, so the rules never leak into nested tables. */\nconst ownRows = ['content', 'header', 'body', 'summary']\n  .map((section) => `& > ${p}-container > ${p}-${section} > table > * > tr`)\n  .join(', ');\nconst ownCells = (cell: string) =>\n  ownRows\n    .split(', ')\n    .map((row) => `${row} > ${cell}`)\n    .join(', ');\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  // Light colorFill / dark colorFillSecondary (see --lobe-fill-border in ThemeProvider).\n  const borderColor = `var(--lobe-fill-border, ${cssVar.colorFill})`;\n  const border = `1px solid ${borderColor}`;\n  // Dark: colorFillQuaternary on the clipped container; unset in light so variants keep their fills.\n  const surface = (light: string) => `var(--lobe-table-surface, ${light})`;\n  // Cell background. Every table root resets it to colorBgContainer (so nested / borderless\n  // tables never inherit it); outlined / filled switch it to transparent in dark.\n  const cellBg = `var(--lobe-table-cell, ${cssVar.colorBgContainer})`;\n  // The variant fill that opaque composites (fixed cells, sticky holder, summary) repeat\n  // once. Reset to transparent per root; outlined / filled set it to the dark surface.\n  const fill = 'var(--lobe-table-fill, transparent)';\n  // Row states: translucent fills on the cell only (never on tr), same for every variant,\n  // normal / fixed cells and the virtual body.\n  const hoverBg = cssVar.colorFillTertiary;\n  const selectedBg = `color-mix(in srgb, ${cssVar.colorPrimary} 6%, transparent)`;\n  const selectedHoverBg = `color-mix(in srgb, ${cssVar.colorPrimary} 10%, transparent)`;\n  // Fixed cells are see-through. Their frosted backdrop is not painted per cell (each box\n  // would blur on its own and show seams at every row): FixedFrost portals one sticky pane\n  // per fixed side into each scroll host (frostRail / frostStart / frostEnd below). The\n  // sticky header is a single element and blurs itself.\n  const frost = `\n    -webkit-backdrop-filter: blur(16px);\n    backdrop-filter: blur(16px);\n  `;\n  const variantVars = `\n    --lobe-table-cell: var(--lobe-table-cell-bg, ${cssVar.colorBgContainer});\n    --lobe-table-fill: var(--lobe-table-surface, transparent);\n  `;\n  const fixShadowBase = `\n    pointer-events: none;\n    content: '';\n    position: absolute;\n    inset-block: 0 -1px;\n    width: 30px;\n    transition: box-shadow ${cssVar.motionDurationSlow};\n  `;\n  const startShadow = `box-shadow: inset 10px 0 8px -8px ${cssVar.colorSplit};`;\n  const endShadow = `box-shadow: inset -10px 0 8px -8px ${cssVar.colorSplit};`;\n\n  return {\n    outlined: css`\n      &${p}-outlined {\n        ${variantVars}\n        /* The square root must not paint behind the rounded frame: the clipped container\n           is the ONE layer carrying the body (light colorBgContainer, dark\n           colorFillQuaternary). Title / footer are siblings, so they paint it once too. */\n        background: transparent;\n\n        & > ${p}-container {\n          background: ${surface(cssVar.colorBgContainer)};\n        }\n\n        & > ${p}-title, & > ${p}-footer {\n          background: ${surface(cssVar.colorBgContainer)};\n        }\n\n        & > ${p}-title {\n          border: ${border};\n          border-block-end: 0;\n          border-start-start-radius: ${cssVar.borderRadiusLG};\n          border-start-end-radius: ${cssVar.borderRadiusLG};\n        }\n\n        /* The container draws the full frame (incl. bottom). Last-row borders used to stand\n           in for the bottom edge, but with scroll.y / virtual the last row sits inside the\n           body viewport - overflow:clip + radius then eats that line at the rounded corners.\n           No column dividers (grouped headers included): rows are split horizontally only. */\n        & > ${p}-container {\n          overflow: clip;\n          border: ${border};\n          border-radius: ${cssVar.borderRadiusLG};\n\n          /* Same lift as the dashboard Surface card (both modes). Outer shadow on the framed\n             container is not clipped by its own overflow. */\n          box-shadow: rgb(0 0 0 / 4%) 0 1px 2px 0;\n        }\n\n        & > ${p}-title + ${p}-container {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(> ${p}-footer) > ${p}-container {\n          border-block-end: 0;\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        & > ${p}-footer {\n          border: ${border};\n          border-block-start: 0;\n          border-end-start-radius: ${cssVar.borderRadiusLG};\n          border-end-end-radius: ${cssVar.borderRadiusLG};\n        }\n\n        /* Every header row (including the last) draws one bottom edge — no inset\n           shadow underneath, or group headers look double-thick. */\n        & > ${p}-container > * > table > thead > tr > th {\n          border-block-end: ${border};\n\n          /* Extra FillQuaternary layer on top of the container fill. */\n          background: ${cellBg};\n          box-shadow: inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        /* Fixed cells: see-through (container fill shows) + backdrop blur only. */\n        & ${p}-tbody > tr > td${p}-cell-fix, & ${p}-tbody-virtual ${p}-cell${p}-cell-fix {\n          background: transparent;\n          box-shadow: none;\n        }\n\n        /* Header: container fill + one Quaternary wash (box-shadow), like other th. */\n        & ${p}-thead > tr > th${p}-cell-fix, & ${p}-thead > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow: inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n      }\n    `,\n\n    /* Mirrors Block \\`filled\\`: one colorFillTertiary (dark: colorFillQuaternary on the clipped\n       container) surface straight on the parent and no frame border. */\n    /* FixedFrost rail: absolute over the table (or the virtual row layer), z-index 1 puts it\n       above scrolling cells (z auto) and under fixed cells (z >= 2). */\n    frostRail: css`\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      display: flex;\n    `,\n    frostStart: css`\n      position: sticky;\n      inset-inline-start: 0;\n      flex: none;\n      height: 100%;\n      ${frost}\n    `,\n    frostEnd: css`\n      position: sticky;\n      inset-inline-end: 0;\n\n      flex: none;\n\n      height: 100%;\n      margin-inline-start: auto;\n      ${frost}\n    `,\n    filled: css`\n      &${p}-filled {\n        ${variantVars}\n        /* Filled owns its fill in both modes (Block filled = colorFillTertiary; dark uses the\n           Quaternary surface) and its opaque base is the page behind it, not colorBgContainer. */\n        --lobe-table-fill: var(--lobe-table-surface, ${cssVar.colorFillTertiary});\n\n        /* Root stays clear (square box, would bleed past the rounded corners); the clipped\n           container is the ONE fill layer: light FillTertiary, dark colorFillQuaternary. */\n        background: transparent;\n\n        & > ${p}-title, & > ${p}-footer {\n          border-radius: ${cssVar.borderRadiusLG};\n          background: ${fill};\n        }\n\n        & > ${p}-title {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        & > ${p}-footer {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        & > ${p}-container {\n          overflow: clip;\n          border-radius: ${cssVar.borderRadiusLG};\n          background: ${fill};\n        }\n\n        & > ${p}-title + ${p}-container {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(> ${p}-footer) > ${p}-container {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        /* Header band: one extra FillQuaternary wash over the container fill. */\n        & ${p}-thead > tr > th,\n        & ${p}-thead > tr > td {\n          background: transparent;\n          box-shadow:\n            inset 0 -1px 0 ${borderColor},\n            inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        /* Row dividers stay on (base border rule); body is clear over the container fill. */\n        & ${p}-tbody > tr > td,\n        & ${p}-tbody > tr > th,\n        & ${p}-tbody-virtual ${p}-cell {\n          background: transparent;\n        }\n\n        /* Fixed cells: see-through + blur; header keeps the same divider + wash as every th. */\n        & ${p}-thead > tr > th${p}-cell-fix, & ${p}-thead > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow:\n            inset 0 -1px 0 ${borderColor},\n            inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        & ${p}-tbody > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow: none;\n        }\n      }\n    `,\n    /**\n     * Borderless: everything but the header is see-through, so the table sits on whatever\n     * surface hosts it. Hover / selected rows are translucent fills. Fixed (sticky) cells\n     * are see-through with a frosted backdrop so scrolled content stays obscured.\n     */\n    borderless: css`\n      && {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td,\n      && ${p}-tbody > tr > th,\n      && ${p}-tbody-virtual ${p}-cell, && ${p}-summary, && ${p}-summary > tr > td,\n      && ${p}-summary > tr > th,\n      && > ${p}-footer {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td${p}-cell-row-hover, && ${p}-tbody-virtual ${p}-row:hover > ${p}-cell {\n        background: ${hoverBg};\n      }\n\n      && ${p}-tbody > tr${p}-row-selected > td {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n\n      &&\n        ${p}-tbody\n        > tr\n        > td${p}-cell-fix,\n        &&\n        ${p}-tbody\n        > tr\n        > th${p}-cell-fix,\n        &&\n        ${p}-tbody-virtual\n        ${p}-cell${p}-cell-fix {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td${p}-cell-fix${p}-cell-row-hover {\n        background: ${hoverBg};\n      }\n\n      && ${p}-tbody > tr${p}-row-selected > td${p}-cell-fix {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n    `,\n    /**\n     * Grouped (multi-level) headers only: column dividers in header and body so the\n     * group spans stay readable. Plain tables never get vertical dividers.\n     */\n    grouped: css`\n      ${ownCells('th')}, ${ownCells('td')} {\n        border-inline-end: ${border};\n      }\n\n      & ${p}-tbody-virtual ${p}-cell {\n        border-inline-end: ${border};\n      }\n\n      /* Outlined: the container already draws the trailing edge. Other variants: the\n         rightmost body cell and first header row cell stop at the table edge. */\n      &:not(${p}-outlined) ${p}-tbody > tr > td:last-child,\n      &:not(${p}-outlined) ${p}-thead > tr:first-child > th:last-child,\n      &${p}-outlined ${p}-tbody > tr > td:last-child,\n      &${p}-outlined ${p}-thead > tr:first-child > th:last-child {\n        border-inline-end: 0;\n      }\n    `,\n    clickable: css`\n      cursor: pointer;\n    `,\n    /** Title text of an `ellipsis` column; truncates inside the sort button / header controls. */\n    columnTitle: css`\n      overflow: hidden;\n\n      min-width: 0;\n\n      text-overflow: ellipsis;\n      word-break: keep-all;\n      white-space: nowrap;\n    `,\n    filterActive: css`\n      &&,\n      &&:hover {\n        color: ${cssVar.colorPrimary};\n      }\n    `,\n    filterButton: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    filterButtons: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding-block: 7px;\n      padding-inline: 8px;\n      border-block-start: 1px solid ${cssVar.colorSplit};\n    `,\n    filterCheckAll: css`\n      margin-block-end: 4px;\n      padding-inline: 4px;\n    `,\n    filterDropdown: css`\n      display: flex;\n      flex-direction: column;\n      min-width: 120px;\n    `,\n    filterEmpty: css`\n      padding-block: 16px;\n      padding-inline: 0;\n    `,\n    filterGroup: css`\n      display: flex;\n      flex-direction: column;\n\n      & > div:not(:first-child) {\n        padding-inline-start: 20px;\n      }\n    `,\n    filterGroupTitle: css`\n      padding-block: 5px;\n      padding-inline: 8px;\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filterItem: css`\n      display: flex;\n      align-items: center;\n\n      padding-block: 5px;\n      padding-inline: 8px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      white-space: nowrap;\n\n      &:hover {\n        background: ${cssVar.colorFillTertiary};\n      }\n\n      & > label {\n        cursor: pointer;\n        flex: 1;\n      }\n    `,\n    filterMenu: css`\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n\n      max-height: 264px;\n      padding: 4px;\n    `,\n    filterPopup: css`\n      overflow: hidden;\n      padding: 0;\n    `,\n    filterSearch: css`\n      padding: 8px;\n      border-block-end: 1px solid ${cssVar.colorSplit};\n    `,\n    filterTree: css`\n      overflow: auto;\n      max-height: 264px;\n      padding: 8px;\n    `,\n    headerInner: css`\n      display: inline-flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: 0;\n      max-width: 100%;\n\n      vertical-align: middle;\n    `,\n    hoverable: css`\n      /* &&& outranks the variant cell rules (filled clear cells, transparent fixed cells). */\n      &&& ${p}-tbody > tr > ${p}-cell-row-hover, &&& ${p}-tbody-virtual ${p}-row:hover > ${p}-cell {\n        background: ${hoverBg};\n      }\n    `,\n    loading: css`\n      position: absolute;\n      z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 2);\n      inset: 0;\n\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      align-items: center;\n      justify-content: center;\n\n      color: ${cssVar.colorTextSecondary};\n\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n    /**\n     * Empty-state loading body. Tracks follow leaf column widths so bars sit under the\n     * live header; cell padding reuses the size CSS vars on the table ancestor.\n     */\n    skeleton: css`\n      display: flex;\n      flex-direction: column;\n\n      width: 100%;\n      min-width: 0;\n\n      text-align: start;\n    `,\n    skeletonCell: css`\n      display: flex;\n      align-items: center;\n\n      min-width: 0;\n      padding-block: var(${PADDING_BLOCK});\n      padding-inline: var(${PADDING_INLINE});\n    `,\n    skeletonRow: css`\n      display: grid;\n      align-items: stretch;\n\n      width: 100%;\n      min-width: 0;\n      border-block-end: 1px solid ${borderColor};\n\n      &:last-child {\n        border-block-end: 0;\n      }\n    `,\n    // antd `paginationMargin` (token.margin): keep the pager off the table above and off\n    // whatever sits below the table.\n    pagination: css`\n      display: flex;\n      margin-block: 16px;\n    `,\n    paginationCenter: css`\n      justify-content: center;\n    `,\n    paginationEnd: css`\n      justify-content: flex-end;\n    `,\n    paginationStart: css`\n      justify-content: flex-start;\n    `,\n    paginationTop: css`\n      margin-block: 0 16px;\n    `,\n    root: css`\n      min-width: 0;\n    `,\n    /** Header box of the selection column; `selectionExtra` hangs off its end. */\n    selection: css`\n      position: relative;\n      display: inline-flex;\n      flex-direction: column;\n      vertical-align: middle;\n    `,\n    selectionColumn: css`\n      && {\n        padding-inline: 8px;\n        text-align: center;\n      }\n\n      & > * {\n        vertical-align: middle;\n      }\n    `,\n    selectionExtra: css`\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n\n      display: flex;\n      align-items: center;\n\n      height: 100%;\n      margin-inline-start: 100%;\n      padding-inline-start: 2px;\n    `,\n    selectionRadioGroup: css`\n      display: inline-flex;\n      vertical-align: middle;\n    `,\n    selectionTrigger: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    sizeLarge: css`\n      ${PADDING_BLOCK}: 16px;\n      ${PADDING_INLINE}: 16px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(16px * 2 + 23px);\n    `,\n    sizeMedium: css`\n      ${PADDING_BLOCK}: 12px;\n      ${PADDING_INLINE}: 16px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(12px * 2 + 23px);\n    `,\n    sizeSmall: css`\n      ${PADDING_BLOCK}: 8px;\n      ${PADDING_INLINE}: 12px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(8px * 2 + 23px);\n    `,\n    // Title + sort ActionIcon row (not a button — the ActionIcon owns the click).\n    sortButton: css`\n      display: inline-flex;\n      gap: 4px;\n      align-items: center;\n\n      min-width: 0;\n      max-width: 100%;\n    `,\n    // Matches the filter trigger: small ActionIcon with a slight negative margin so the\n    // 24px block does not grow the header.\n    sortCaret: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    sortTitle: css`\n      cursor: pointer;\n      min-width: 0;\n    `,\n    sortedColumn: css`\n      ${p}-tbody > tr > &${p}-cell {\n        background: ${cssVar.colorFillQuaternary};\n      }\n    `,\n    spinContainer: css`\n      position: relative;\n    `,\n    table: css`\n      /* Reset per root so nested / borderless tables never inherit a parent's variant vars. */\n      --lobe-table-cell: ${cssVar.colorBgContainer};\n      --lobe-table-fill: transparent;\n\n      font-size: 14px;\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorBgContainer};\n\n      & table {\n        border-spacing: 0;\n        border-collapse: separate;\n        width: 100%;\n        text-align: start;\n      }\n\n      /* ============================== Cell ============================== */\n      & ${p}-cell, & ${p}-thead > tr > th,\n      & ${p}-tbody > tr > td,\n      & tfoot > tr > th,\n      & tfoot > tr > td {\n        position: relative;\n\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n\n        overflow-wrap: break-word;\n\n        /* The global \\`* { vertical-align: baseline }\\` reset drops the UA's middle for cells. */\n        vertical-align: middle;\n      }\n\n      /* Row-merged body cells (rowSpan > 1, table and virtual body alike) get vertical\n         dividers so the block reads apart from the neighbour rows' lines. Drawn on ::before\n         (::after is the fixed-column scroll shadow) so cell box-shadows stay untouched. The\n         first / last column skip the edge the frame or table edge already provides. */\n      & ${p}-tbody > tr > td[rowspan]:not([rowspan='0'], [rowspan='1'])::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:not([rowspan='0'], [rowspan='1'])::before {\n        pointer-events: none;\n        content: '';\n\n        position: absolute;\n        inset: 0;\n\n        border-inline: ${border};\n      }\n\n      & ${p}-tbody > tr > td[rowspan]:first-child::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:first-child::before {\n        border-inline-start: 0;\n      }\n\n      & ${p}-tbody > tr > td[rowspan]:last-child::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:last-child::before {\n        border-inline-end: 0;\n      }\n\n      & ${p}-thead > tr > th,\n      & ${p}-thead > tr > td {\n        font-size: 13px;\n        font-weight: 500;\n        color: ${cssVar.colorTextSecondary};\n        text-align: start;\n\n        /* Clear in dark (outlined) so the container fill shows; Quaternary is the extra header layer. */\n        background: ${cellBg};\n        box-shadow:\n          inset 0 -1px 0 ${borderColor},\n          inset 0 999px 0 ${cssVar.colorFillQuaternary};\n\n        &[colspan]:not([colspan='1']) {\n          text-align: center;\n        }\n      }\n\n      /* th covers rowScope row headers. */\n      & ${p}-tbody > tr > td,\n      & ${p}-tbody > tr > th {\n        border-block-end: ${border};\n\n        font-weight: inherit;\n        font-variant-numeric: tabular-nums;\n        text-align: start;\n\n        /* Clear in dark (outlined) so the container fill shows through. */\n        background: ${cellBg};\n\n        transition: background-color ${cssVar.motionDurationMid};\n      }\n\n      /* Filled / outlined drop the last body divider: filled because its fill is the edge,\n         outlined because the container now draws the frame bottom (avoids a double line, and\n         keeps the outline when scroll.y / virtual would otherwise scroll the last-row edge\n         away). Borderless keeps it as the closing rule under the rows. */\n      &${p}-filled ${p}-tbody > tr:last-child > td,\n      &${p}-filled ${p}-tbody > tr:last-child > th,\n      &${p}-outlined ${p}-tbody > tr:last-child > td,\n      &${p}-outlined ${p}-tbody > tr:last-child > th {\n        border-block-end: 0;\n      }\n\n      /* Borderless with a summary: tfoot draws its own top rule, so skip the last-row one. */\n      &${p}-borderless table:has(> tfoot) > ${p}-tbody > tr:last-child > td,\n      &${p}-borderless table:has(> tfoot) > ${p}-tbody > tr:last-child > th {\n        border-block-end: 0;\n      }\n\n      & ${p}-tbody > tr${p}-placeholder > td {\n        padding-block: 32px;\n        color: ${cssVar.colorTextDescription};\n        text-align: center;\n      }\n\n      /* Skeleton loading fills the placeholder like real body rows. */\n      & ${p}-tbody > tr${p}-placeholder > td:has([data-table-skeleton]) {\n        padding: 0;\n        color: inherit;\n        text-align: start;\n        vertical-align: top;\n      }\n\n      & ${p}-cell-scrollbar:not([rowspan]) {\n        box-shadow: 0 1px 0 1px ${cssVar.colorFillQuaternary};\n      }\n\n      /* ============================ Ellipsis ============================ */\n      & ${p}-cell-ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        word-break: keep-all;\n        white-space: nowrap;\n\n        &${p}-cell-fix-start-shadow, &${p}-cell-fix-end-shadow {\n          overflow: visible;\n\n          & ${p}-cell-content {\n            overflow: hidden;\n            display: block;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          }\n        }\n      }\n\n      /* ========================== Title / Footer ========================= */\n      & > ${p}-title, & > ${p}-footer {\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n      }\n\n      & > ${p}-footer {\n        color: ${cssVar.colorText};\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      /* ============================== Fixed ============================= */\n      & ${p}-container {\n        position: relative;\n\n        &::before,\n        &::after {\n          ${fixShadowBase}\n          z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        }\n\n        &::before {\n          inset-inline-start: 0;\n        }\n\n        &::after {\n          inset-inline-end: 0;\n        }\n      }\n\n      &${p}-has-fix-start > ${p}-container::before, &${p}-has-fix-end > ${p}-container::after {\n        display: none;\n      }\n\n      &${p}-fix-start-shadow-show > ${p}-container::before {\n        ${startShadow}\n      }\n\n      &${p}-fix-end-shadow-show > ${p}-container::after {\n        ${endShadow}\n      }\n\n      /* Must outrank the generic cell rule that sets position: relative. */\n      &\n        ${p}-thead\n        > tr\n        > th${p}-cell-fix,\n        &\n        ${p}-tbody\n        > tr\n        > td${p}-cell-fix,\n        &\n        ${p}-cell${p}-cell-fix {\n        position: sticky;\n        z-index: calc(var(--z-offset-reverse) + ${Z_FIXED});\n      }\n\n      & ${p}-cell-fix {\n        background: transparent;\n\n        &::after {\n          ${fixShadowBase}\n        }\n      }\n\n      & ${p}-cell-fix-start::after {\n        inset-inline-start: 100%;\n      }\n\n      & ${p}-cell-fix-end::after {\n        inset-inline-end: 100%;\n      }\n\n      & ${p}-cell-fix-start-shadow-show::after {\n        ${startShadow}\n      }\n\n      & ${p}-cell-fix-end-shadow-show::after {\n        ${endShadow}\n      }\n\n      /* ============================= Sticky ============================= */\n      & ${p}-sticky-holder {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        background: transparent;\n\n        /* The whole sticky header is one element, so it blurs as one continuous block. */\n        ${frost}\n      }\n\n      & ${p}-sticky-scroll {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        inset-block-end: 0;\n      }\n\n      /* ============================ Selection =========================== */\n      & ${p}-selection-col {\n        width: ${SELECTION_COLUMN_WIDTH}px;\n\n        &${p}-selection-col-with-dropdown {\n          width: ${SELECTION_COLUMN_WIDTH + SELECTION_DROPDOWN_WIDTH}px;\n        }\n      }\n\n      &${p}-outlined ${p}-selection-col {\n        width: ${SELECTION_COLUMN_WIDTH + 16}px;\n\n        &${p}-selection-col-with-dropdown {\n          width: ${SELECTION_COLUMN_WIDTH + SELECTION_DROPDOWN_WIDTH + 16}px;\n        }\n      }\n\n      /* The table css carries no hoverable class, so use a fourth & to outrank hover too. */\n      &&&& ${p}-tbody > tr${p}-row-selected > td {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n\n      /* ========================= Expand / Tree ========================== */\n      & ${p}-expand-icon-col {\n        width: ${EXPAND_COLUMN_WIDTH}px;\n      }\n\n      & ${p}-row-expand-icon-cell {\n        text-align: center;\n\n        & ${p}-row-expand-icon {\n          float: none;\n          display: inline-flex;\n          vertical-align: sub;\n        }\n      }\n\n      & ${p}-row-indent {\n        float: inline-start;\n        height: 1px;\n      }\n\n      & ${p}-row-expand-icon {\n        float: inline-start;\n        flex: none;\n        vertical-align: middle;\n\n        &${p}-row-expand-icon-spaced {\n          display: inline-block;\n          width: 24px;\n          height: 24px;\n          visibility: hidden;\n        }\n      }\n\n      & ${p}-row-indent + ${p}-row-expand-icon {\n        margin-block: -1px;\n        margin-inline-end: 8px;\n      }\n\n      & tr${p}-expanded-row > td,\n      & tr${p}-expanded-row:hover > td {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      & ${p}-expanded-row-fixed {\n        position: relative;\n\n        margin-block: calc(var(${PADDING_BLOCK}) * -1);\n        margin-inline: calc(var(${PADDING_INLINE}) * -1);\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n      }\n\n      /* ========================== Nested table ========================== */\n\n      /* A table alone in a cell fills it, starting after the expand column. */\n      &\n        ${p}-tbody\n        > tr\n        > td\n        > ${p}-wrapper:only-child,\n        &\n        ${p}-tbody\n        > tr\n        > td\n        > ${p}-expanded-row-fixed\n        > ${p}-wrapper:only-child {\n        & ${p} {\n          margin-block: calc(var(${PADDING_BLOCK}) * -1);\n          margin-inline: calc(${EXPAND_COLUMN_WIDTH}px - var(${PADDING_INLINE}))\n            calc(var(${PADDING_INLINE}) * -1);\n        }\n\n        & ${p}-tbody > tr:last-child > td {\n          border-block-end: 0;\n        }\n\n        /* The outer cell already draws the frame: keep only the start edge of a bordered nest. */\n        & ${p}${p}-outlined {\n          & > ${p}-title, & > ${p}-container, & > ${p}-footer {\n            border-block: 0;\n            border-inline-end: 0;\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          & > ${p}-title + ${p}-container {\n            border-block-start: ${border};\n          }\n\n          &:has(> ${p}-footer) > ${p}-container {\n            border-block-end: ${border};\n          }\n        }\n      }\n\n      &${p}-outlined ${p}-tbody > tr > td > ${p}-expanded-row-fixed {\n        margin-inline: calc((var(${PADDING_INLINE}) + 1px) * -1);\n      }\n\n      /* ============================= Summary ============================ */\n      & ${p}-summary {\n        position: relative;\n        z-index: ${Z_FIXED};\n\n        /* See-through; a sticky summary is a sticky holder and gets its frost there. */\n        background: transparent;\n\n        & > tr > th,\n        & > tr > td {\n          border-block-end: ${border};\n        }\n      }\n\n      & div${p}-summary {\n        box-shadow: 0 -1px 0 ${borderColor};\n      }\n\n      /* A fixed summary under \\`sticky\\` is a sticky holder too; keep it sticky (antd orders sticky last). */\n      & ${p}-summary${p}-sticky-holder {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n      }\n\n      & tfoot > tr > th,\n      & tfoot > tr > td {\n        border-block-start: ${border};\n      }\n\n      /* ============================= Virtual ============================ */\n      & ${p}-tbody-virtual {\n        &\n          ${p}-tbody-virtual-holder-inner\n          > ${p}-row,\n          &\n          ${p}-tbody-virtual-holder-inner\n          > div:not(${p}-row)\n          > ${p}-row {\n          display: flex;\n          box-sizing: border-box;\n          width: 100%;\n\n          /* Virtual rows are locked to the listItemHeight estimate (an integer). Measured\n             heights then equal the estimate, so a rowSpan cell (height = summed row sizes)\n             ends exactly on the neighbour rows' divider instead of drifting by sub-pixel\n             rounding or unmeasured-row estimates. */\n          &:not(${p}-row-extra, ${p}-expanded-row) {\n            height: var(--lobe-table-virtual-row-height);\n          }\n\n          & > ${p}-cell {\n            align-content: center;\n          }\n        }\n\n        & ${p}-cell {\n          border-block-end: ${border};\n          background: ${cellBg};\n          transition: background-color ${cssVar.motionDurationMid};\n        }\n\n        & ${p}-expanded-row ${p}-expanded-row-cell${p}-expanded-row-cell-fixed {\n          position: sticky;\n          inset-inline-start: 0;\n          overflow: hidden;\n          width: calc(var(--virtual-width) - 1px);\n        }\n      }\n    `,\n  };\n});\n"],"mappings":"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"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Table/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n/** Own prefix so rc-table classNames never collide with antd's global `.ant-table` CSS. */\nexport const PREFIX_CLS = 'lobe-table';\n\nconst p = `.${PREFIX_CLS}`;\n\n// Cell padding comes from the size class through these vars, so title / footer / expanded rows\n// can reuse (and negate) it.\nconst PADDING_BLOCK = '--lobe-table-padding-block';\nconst PADDING_INLINE = '--lobe-table-padding-inline';\n\n// Matches antd's `zIndexTableFixed`.\nconst Z_FIXED = 2;\n\n// antd `expandColumnWidth`; nested tables start after it.\nexport const EXPAND_COLUMN_WIDTH = 48;\n\n// antd `selectionColumnWidth`, plus the `selections` trigger when there is one.\nexport const SELECTION_COLUMN_WIDTH = 32;\nexport const SELECTION_DROPDOWN_WIDTH = 24;\n\n/** Rows of this table's own sections only, so the rules never leak into nested tables. */\nconst ownRows = ['content', 'header', 'body', 'summary']\n  .map((section) => `& > ${p}-container > ${p}-${section} > table > * > tr`)\n  .join(', ');\nconst ownCells = (cell: string) =>\n  ownRows\n    .split(', ')\n    .map((row) => `${row} > ${cell}`)\n    .join(', ');\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  // Light colorFill / dark colorFillSecondary (see --lobe-fill-border in ThemeProvider).\n  const borderColor = `var(--lobe-fill-border, ${cssVar.colorFill})`;\n  const border = `1px solid ${borderColor}`;\n  // Dark: colorFillQuaternary on the clipped container; unset in light so variants keep their fills.\n  const surface = (light: string) => `var(--lobe-table-surface, ${light})`;\n  // Cell background. Every table root resets it to colorBgContainer (so nested / borderless\n  // tables never inherit it); outlined / filled switch it to transparent in dark.\n  const cellBg = `var(--lobe-table-cell, ${cssVar.colorBgContainer})`;\n  // The variant fill that opaque composites (fixed cells, sticky holder, summary) repeat\n  // once. Reset to transparent per root; outlined / filled set it to the dark surface.\n  const fill = 'var(--lobe-table-fill, transparent)';\n  // Row states: translucent fills on the cell only (never on tr), same for every variant,\n  // normal / fixed cells and the virtual body.\n  const hoverBg = cssVar.colorFillTertiary;\n  const selectedBg = `color-mix(in srgb, ${cssVar.colorPrimary} 6%, transparent)`;\n  const selectedHoverBg = `color-mix(in srgb, ${cssVar.colorPrimary} 10%, transparent)`;\n  // Fixed cells are see-through. Their frosted backdrop is not painted per cell (each box\n  // would blur on its own and show seams at every row): FixedFrost portals one sticky pane\n  // per fixed side into each scroll host (frostRail / frostStart / frostEnd below). The\n  // sticky header is a single element and blurs itself.\n  const frost = `\n    -webkit-backdrop-filter: blur(16px);\n    backdrop-filter: blur(16px);\n  `;\n  const variantVars = `\n    --lobe-table-cell: var(--lobe-table-cell-bg, ${cssVar.colorBgContainer});\n    --lobe-table-fill: var(--lobe-table-surface, transparent);\n  `;\n  const fixShadowBase = `\n    pointer-events: none;\n    content: '';\n    position: absolute;\n    inset-block: 0 -1px;\n    width: 30px;\n    transition: box-shadow ${cssVar.motionDurationSlow};\n  `;\n  const startShadow = `box-shadow: inset 10px 0 8px -8px ${cssVar.colorSplit};`;\n  const endShadow = `box-shadow: inset -10px 0 8px -8px ${cssVar.colorSplit};`;\n\n  /* Rounded corners. overflow:clip + radius on the container alone is not enough: corner\n     fixed cells (own stacking layer), header washes and the FixedFrost backdrop-filter panes\n     are composited separately and WebKit (and browsers without overflow:clip) paint them\n     square past the radius. So the corner cells and frost panes carry the matching inner\n     radius themselves (vars inherit from the container; 0 next to title / footer). A\n     clip-path on the sections is avoided: it becomes a backdrop root and kills the blur. */\n  const cornerClip = (radius: string) => `\n    & > ${p}-container {\n      --lobe-table-radius-top: ${radius};\n      --lobe-table-radius-bottom: ${radius};\n    }\n\n    & > ${p}-title + ${p}-container {\n      --lobe-table-radius-top: 0px;\n    }\n\n    &:has(> ${p}-footer) > ${p}-container {\n      --lobe-table-radius-bottom: 0px;\n    }\n\n    ${ownRows\n      .split(', ')\n      .map((r) => r.replace(' > * > tr', ' > thead > tr:first-child > :first-child'))\n      .join(', ')} {\n      border-start-start-radius: var(--lobe-table-radius-top);\n    }\n\n    ${ownRows\n      .split(', ')\n      .map((r) => r.replace(' > * > tr', ' > thead > tr:first-child > :last-child'))\n      .join(', ')} {\n      border-start-end-radius: var(--lobe-table-radius-top);\n    }\n\n    ${ownRows\n      .split(', ')\n      .map((r) => r.replace(' > * > tr', ' > tbody > tr:last-child > :first-child'))\n      .join(', ')} {\n      border-end-start-radius: var(--lobe-table-radius-bottom);\n    }\n\n    ${ownRows\n      .split(', ')\n      .map((r) => r.replace(' > * > tr', ' > tbody > tr:last-child > :last-child'))\n      .join(', ')} {\n      border-end-end-radius: var(--lobe-table-radius-bottom);\n    }\n\n    & ${p}-frost-start, & ${p}-frost-end {\n      border-radius: inherit;\n    }\n  `;\n\n  return {\n    outlined: css`\n      &${p}-outlined {\n        ${variantVars}\n        ${cornerClip(`calc(${cssVar.borderRadiusLG} - 1px)`)}\n        /* The square root must not paint behind the rounded frame: the clipped container\n           is the ONE layer carrying the body (light colorBgContainer, dark\n           colorFillQuaternary). Title / footer are siblings, so they paint it once too. */\n        background: transparent;\n\n        & > ${p}-container {\n          background: ${surface(cssVar.colorBgContainer)};\n        }\n\n        & > ${p}-title, & > ${p}-footer {\n          background: ${surface(cssVar.colorBgContainer)};\n        }\n\n        & > ${p}-title {\n          border: ${border};\n          border-block-end: 0;\n          border-start-start-radius: ${cssVar.borderRadiusLG};\n          border-start-end-radius: ${cssVar.borderRadiusLG};\n        }\n\n        /* The container draws the full frame (incl. bottom). Last-row borders used to stand\n           in for the bottom edge, but with scroll.y / virtual the last row sits inside the\n           body viewport - overflow:clip + radius then eats that line at the rounded corners.\n           No column dividers (grouped headers included): rows are split horizontally only. */\n        & > ${p}-container {\n          overflow: clip;\n          border: ${border};\n          border-radius: ${cssVar.borderRadiusLG};\n\n          /* Same lift as the dashboard Surface card (both modes). Outer shadow on the framed\n             container is not clipped by its own overflow. */\n          box-shadow: rgb(0 0 0 / 4%) 0 1px 2px 0;\n        }\n\n        & > ${p}-title + ${p}-container {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(> ${p}-footer) > ${p}-container {\n          border-block-end: 0;\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        & > ${p}-footer {\n          border: ${border};\n          border-block-start: 0;\n          border-end-start-radius: ${cssVar.borderRadiusLG};\n          border-end-end-radius: ${cssVar.borderRadiusLG};\n        }\n\n        /* Every header row (including the last) draws one bottom edge — no inset\n           shadow underneath, or group headers look double-thick. */\n        & > ${p}-container > * > table > thead > tr > th {\n          border-block-end: ${border};\n\n          /* Extra FillQuaternary layer on top of the container fill. */\n          background: ${cellBg};\n          box-shadow: inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        /* Fixed cells: see-through (container fill shows) + backdrop blur only. */\n        & ${p}-tbody > tr > td${p}-cell-fix, & ${p}-tbody-virtual ${p}-cell${p}-cell-fix {\n          background: transparent;\n          box-shadow: none;\n        }\n\n        /* Header: container fill + one Quaternary wash (box-shadow), like other th. */\n        & ${p}-thead > tr > th${p}-cell-fix, & ${p}-thead > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow: inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n      }\n    `,\n\n    /* Mirrors Block \\`filled\\`: one colorFillTertiary (dark: colorFillQuaternary on the clipped\n       container) surface straight on the parent and no frame border. */\n    /* FixedFrost rail: absolute over the table (or the virtual row layer), z-index 1 puts it\n       above scrolling cells (z auto) and under fixed cells (z >= 2). */\n    frostRail: css`\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      display: flex;\n    `,\n    frostStart: css`\n      position: sticky;\n\n      border-start-start-radius: var(--lobe-table-radius-top, 0);\n      border-end-start-radius: var(--lobe-table-radius-bottom, 0);\n\n      inset-inline-start: 0;\n\n      flex: none;\n\n      height: 100%;\n      ${frost}\n    `,\n    frostEnd: css`\n      position: sticky;\n\n      border-start-end-radius: var(--lobe-table-radius-top, 0);\n      border-end-end-radius: var(--lobe-table-radius-bottom, 0);\n\n      inset-inline-end: 0;\n\n      flex: none;\n\n      height: 100%;\n      margin-inline-start: auto;\n      ${frost}\n    `,\n    filled: css`\n      &${p}-filled {\n        ${variantVars}\n        ${cornerClip(cssVar.borderRadiusLG)}\n        /* Filled owns its fill in both modes (Block filled = colorFillTertiary; dark uses the\n           Quaternary surface) and its opaque base is the page behind it, not colorBgContainer. */\n        --lobe-table-fill: var(--lobe-table-surface, ${cssVar.colorFillTertiary});\n\n        /* Root stays clear (square box, would bleed past the rounded corners); the clipped\n           container is the ONE fill layer: light FillTertiary, dark colorFillQuaternary. */\n        background: transparent;\n\n        & > ${p}-title, & > ${p}-footer {\n          border-radius: ${cssVar.borderRadiusLG};\n          background: ${fill};\n        }\n\n        & > ${p}-title {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        & > ${p}-footer {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        & > ${p}-container {\n          overflow: clip;\n          border-radius: ${cssVar.borderRadiusLG};\n          background: ${fill};\n        }\n\n        & > ${p}-title + ${p}-container {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(> ${p}-footer) > ${p}-container {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        /* Header band: one extra FillQuaternary wash over the container fill. */\n        & ${p}-thead > tr > th,\n        & ${p}-thead > tr > td {\n          background: transparent;\n          box-shadow:\n            inset 0 -1px 0 ${borderColor},\n            inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        /* Row dividers stay on (base border rule); body is clear over the container fill. */\n        & ${p}-tbody > tr > td,\n        & ${p}-tbody > tr > th,\n        & ${p}-tbody-virtual ${p}-cell {\n          background: transparent;\n        }\n\n        /* Fixed cells: see-through + blur; header keeps the same divider + wash as every th. */\n        & ${p}-thead > tr > th${p}-cell-fix, & ${p}-thead > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow:\n            inset 0 -1px 0 ${borderColor},\n            inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        & ${p}-tbody > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow: none;\n        }\n      }\n    `,\n    /**\n     * Borderless: everything but the header is see-through, so the table sits on whatever\n     * surface hosts it. Hover / selected rows are translucent fills. Fixed (sticky) cells\n     * are see-through with a frosted backdrop so scrolled content stays obscured.\n     */\n    borderless: css`\n      && {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td,\n      && ${p}-tbody > tr > th,\n      && ${p}-tbody-virtual ${p}-cell, && ${p}-summary, && ${p}-summary > tr > td,\n      && ${p}-summary > tr > th,\n      && > ${p}-footer {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td${p}-cell-row-hover, && ${p}-tbody-virtual ${p}-row:hover > ${p}-cell {\n        background: ${hoverBg};\n      }\n\n      && ${p}-tbody > tr${p}-row-selected > td {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n\n      &&\n        ${p}-tbody\n        > tr\n        > td${p}-cell-fix,\n        &&\n        ${p}-tbody\n        > tr\n        > th${p}-cell-fix,\n        &&\n        ${p}-tbody-virtual\n        ${p}-cell${p}-cell-fix {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td${p}-cell-fix${p}-cell-row-hover {\n        background: ${hoverBg};\n      }\n\n      && ${p}-tbody > tr${p}-row-selected > td${p}-cell-fix {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n    `,\n    /**\n     * Grouped (multi-level) headers only: column dividers in header and body so the\n     * group spans stay readable. Plain tables never get vertical dividers.\n     */\n    grouped: css`\n      ${ownCells('th')}, ${ownCells('td')} {\n        border-inline-end: ${border};\n      }\n\n      & ${p}-tbody-virtual ${p}-cell {\n        border-inline-end: ${border};\n      }\n\n      /* Outlined: the container already draws the trailing edge. Other variants: the\n         rightmost body cell and first header row cell stop at the table edge. */\n      &:not(${p}-outlined) ${p}-tbody > tr > td:last-child,\n      &:not(${p}-outlined) ${p}-thead > tr:first-child > th:last-child,\n      &${p}-outlined ${p}-tbody > tr > td:last-child,\n      &${p}-outlined ${p}-thead > tr:first-child > th:last-child {\n        border-inline-end: 0;\n      }\n    `,\n    clickable: css`\n      cursor: pointer;\n    `,\n    /** Title text of an `ellipsis` column; truncates inside the sort button / header controls. */\n    columnTitle: css`\n      overflow: hidden;\n\n      min-width: 0;\n\n      text-overflow: ellipsis;\n      word-break: keep-all;\n      white-space: nowrap;\n    `,\n    filterActive: css`\n      &&,\n      &&:hover {\n        color: ${cssVar.colorPrimary};\n      }\n    `,\n    filterButton: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    filterButtons: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding-block: 7px;\n      padding-inline: 8px;\n      border-block-start: 1px solid ${cssVar.colorSplit};\n    `,\n    filterCheckAll: css`\n      margin-block-end: 4px;\n      padding-inline: 4px;\n    `,\n    filterDropdown: css`\n      display: flex;\n      flex-direction: column;\n      min-width: 120px;\n    `,\n    filterEmpty: css`\n      padding-block: 16px;\n      padding-inline: 0;\n    `,\n    filterGroup: css`\n      display: flex;\n      flex-direction: column;\n\n      & > div:not(:first-child) {\n        padding-inline-start: 20px;\n      }\n    `,\n    filterGroupTitle: css`\n      padding-block: 5px;\n      padding-inline: 8px;\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filterItem: css`\n      display: flex;\n      align-items: center;\n\n      padding-block: 5px;\n      padding-inline: 8px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      white-space: nowrap;\n\n      &:hover {\n        background: ${cssVar.colorFillTertiary};\n      }\n\n      & > label {\n        cursor: pointer;\n        flex: 1;\n      }\n    `,\n    filterMenu: css`\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n\n      max-height: 264px;\n      padding: 4px;\n    `,\n    filterPopup: css`\n      overflow: hidden;\n      padding: 0;\n    `,\n    filterSearch: css`\n      padding: 8px;\n      border-block-end: 1px solid ${cssVar.colorSplit};\n    `,\n    filterTree: css`\n      overflow: auto;\n      max-height: 264px;\n      padding: 8px;\n    `,\n    headerInner: css`\n      display: inline-flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: 0;\n      max-width: 100%;\n\n      vertical-align: middle;\n    `,\n    hoverable: css`\n      /* &&& outranks the variant cell rules (filled clear cells, transparent fixed cells). */\n      &&& ${p}-tbody > tr > ${p}-cell-row-hover, &&& ${p}-tbody-virtual ${p}-row:hover > ${p}-cell {\n        background: ${hoverBg};\n      }\n    `,\n    loading: css`\n      position: absolute;\n      z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 2);\n      inset: 0;\n\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      align-items: center;\n      justify-content: center;\n\n      color: ${cssVar.colorTextSecondary};\n\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n    /**\n     * Empty-state loading body. Tracks follow leaf column widths so bars sit under the\n     * live header; cell padding reuses the size CSS vars on the table ancestor.\n     */\n    skeleton: css`\n      display: flex;\n      flex-direction: column;\n\n      width: 100%;\n      min-width: 0;\n\n      text-align: start;\n    `,\n    skeletonCell: css`\n      display: flex;\n      align-items: center;\n\n      min-width: 0;\n      padding-block: var(${PADDING_BLOCK});\n      padding-inline: var(${PADDING_INLINE});\n    `,\n    skeletonRow: css`\n      display: grid;\n      align-items: stretch;\n\n      width: 100%;\n      min-width: 0;\n      border-block-end: 1px solid ${borderColor};\n\n      &:last-child {\n        border-block-end: 0;\n      }\n    `,\n    // antd `paginationMargin` (token.margin): keep the pager off the table above and off\n    // whatever sits below the table.\n    pagination: css`\n      display: flex;\n      margin-block: 16px;\n    `,\n    paginationCenter: css`\n      justify-content: center;\n    `,\n    paginationEnd: css`\n      justify-content: flex-end;\n    `,\n    paginationStart: css`\n      justify-content: flex-start;\n    `,\n    paginationTop: css`\n      margin-block: 0 16px;\n    `,\n    root: css`\n      min-width: 0;\n    `,\n    /** Header box of the selection column; `selectionExtra` hangs off its end. */\n    selection: css`\n      position: relative;\n      display: inline-flex;\n      flex-direction: column;\n      vertical-align: middle;\n    `,\n    selectionColumn: css`\n      && {\n        padding-inline: 8px;\n        text-align: center;\n      }\n\n      & > * {\n        vertical-align: middle;\n      }\n    `,\n    selectionExtra: css`\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n\n      display: flex;\n      align-items: center;\n\n      height: 100%;\n      margin-inline-start: 100%;\n      padding-inline-start: 2px;\n    `,\n    selectionRadioGroup: css`\n      display: inline-flex;\n      vertical-align: middle;\n    `,\n    selectionTrigger: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    sizeLarge: css`\n      ${PADDING_BLOCK}: 16px;\n      ${PADDING_INLINE}: 16px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(16px * 2 + 23px);\n    `,\n    sizeMedium: css`\n      ${PADDING_BLOCK}: 12px;\n      ${PADDING_INLINE}: 16px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(12px * 2 + 23px);\n    `,\n    sizeSmall: css`\n      ${PADDING_BLOCK}: 8px;\n      ${PADDING_INLINE}: 12px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(8px * 2 + 23px);\n    `,\n    // Title + sort ActionIcon row (not a button — the ActionIcon owns the click).\n    sortButton: css`\n      display: inline-flex;\n      gap: 4px;\n      align-items: center;\n\n      min-width: 0;\n      max-width: 100%;\n    `,\n    // Matches the filter trigger: small ActionIcon with a slight negative margin so the\n    // 24px block does not grow the header.\n    sortCaret: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    sortTitle: css`\n      cursor: pointer;\n      min-width: 0;\n    `,\n    sortedColumn: css`\n      ${p}-tbody > tr > &${p}-cell {\n        background: ${cssVar.colorFillQuaternary};\n      }\n    `,\n    spinContainer: css`\n      position: relative;\n    `,\n    table: css`\n      /* Reset per root so nested / borderless tables never inherit a parent's variant vars. */\n      --lobe-table-cell: ${cssVar.colorBgContainer};\n      --lobe-table-fill: transparent;\n\n      font-size: 14px;\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorBgContainer};\n\n      & table {\n        border-spacing: 0;\n        border-collapse: separate;\n        width: 100%;\n        text-align: start;\n      }\n\n      /* ============================== Cell ============================== */\n      & ${p}-cell, & ${p}-thead > tr > th,\n      & ${p}-tbody > tr > td,\n      & tfoot > tr > th,\n      & tfoot > tr > td {\n        position: relative;\n\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n\n        overflow-wrap: break-word;\n\n        /* The global \\`* { vertical-align: baseline }\\` reset drops the UA's middle for cells. */\n        vertical-align: middle;\n      }\n\n      /* Row-merged body cells (rowSpan > 1, table and virtual body alike) get vertical\n         dividers so the block reads apart from the neighbour rows' lines. Drawn on ::before\n         (::after is the fixed-column scroll shadow) so cell box-shadows stay untouched. The\n         first / last column skip the edge the frame or table edge already provides. */\n      & ${p}-tbody > tr > td[rowspan]:not([rowspan='0'], [rowspan='1'])::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:not([rowspan='0'], [rowspan='1'])::before {\n        pointer-events: none;\n        content: '';\n\n        position: absolute;\n        inset: 0;\n\n        border-inline: ${border};\n      }\n\n      & ${p}-tbody > tr > td[rowspan]:first-child::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:first-child::before {\n        border-inline-start: 0;\n      }\n\n      & ${p}-tbody > tr > td[rowspan]:last-child::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:last-child::before {\n        border-inline-end: 0;\n      }\n\n      & ${p}-thead > tr > th,\n      & ${p}-thead > tr > td {\n        font-size: 13px;\n        font-weight: 500;\n        color: ${cssVar.colorTextSecondary};\n        text-align: start;\n\n        /* Clear in dark (outlined) so the container fill shows; Quaternary is the extra header layer. */\n        background: ${cellBg};\n        box-shadow:\n          inset 0 -1px 0 ${borderColor},\n          inset 0 999px 0 ${cssVar.colorFillQuaternary};\n\n        &[colspan]:not([colspan='1']) {\n          text-align: center;\n        }\n      }\n\n      /* th covers rowScope row headers. */\n      & ${p}-tbody > tr > td,\n      & ${p}-tbody > tr > th {\n        border-block-end: ${border};\n\n        font-weight: inherit;\n        font-variant-numeric: tabular-nums;\n        text-align: start;\n\n        /* Clear in dark (outlined) so the container fill shows through. */\n        background: ${cellBg};\n\n        transition: background-color ${cssVar.motionDurationMid};\n      }\n\n      /* Filled / outlined drop the last body divider: filled because its fill is the edge,\n         outlined because the container now draws the frame bottom (avoids a double line, and\n         keeps the outline when scroll.y / virtual would otherwise scroll the last-row edge\n         away). Borderless keeps it as the closing rule under the rows. */\n      &${p}-filled ${p}-tbody > tr:last-child > td,\n      &${p}-filled ${p}-tbody > tr:last-child > th,\n      &${p}-outlined ${p}-tbody > tr:last-child > td,\n      &${p}-outlined ${p}-tbody > tr:last-child > th {\n        border-block-end: 0;\n      }\n\n      /* Borderless with a summary: tfoot draws its own top rule, so skip the last-row one. */\n      &${p}-borderless table:has(> tfoot) > ${p}-tbody > tr:last-child > td,\n      &${p}-borderless table:has(> tfoot) > ${p}-tbody > tr:last-child > th {\n        border-block-end: 0;\n      }\n\n      & ${p}-tbody > tr${p}-placeholder > td {\n        padding-block: 32px;\n        color: ${cssVar.colorTextDescription};\n        text-align: center;\n      }\n\n      /* Skeleton loading fills the placeholder like real body rows. */\n      & ${p}-tbody > tr${p}-placeholder > td:has([data-table-skeleton]) {\n        padding: 0;\n        color: inherit;\n        text-align: start;\n        vertical-align: top;\n      }\n\n      & ${p}-cell-scrollbar:not([rowspan]) {\n        box-shadow: 0 1px 0 1px ${cssVar.colorFillQuaternary};\n      }\n\n      /* ============================ Ellipsis ============================ */\n      & ${p}-cell-ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        word-break: keep-all;\n        white-space: nowrap;\n\n        &${p}-cell-fix-start-shadow, &${p}-cell-fix-end-shadow {\n          overflow: visible;\n\n          & ${p}-cell-content {\n            overflow: hidden;\n            display: block;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          }\n        }\n      }\n\n      /* ========================== Title / Footer ========================= */\n      & > ${p}-title, & > ${p}-footer {\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n      }\n\n      & > ${p}-footer {\n        color: ${cssVar.colorText};\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      /* ============================== Fixed ============================= */\n      & ${p}-container {\n        position: relative;\n\n        &::before,\n        &::after {\n          ${fixShadowBase}\n          z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        }\n\n        &::before {\n          inset-inline-start: 0;\n        }\n\n        &::after {\n          inset-inline-end: 0;\n        }\n      }\n\n      &${p}-has-fix-start > ${p}-container::before, &${p}-has-fix-end > ${p}-container::after {\n        display: none;\n      }\n\n      &${p}-fix-start-shadow-show > ${p}-container::before {\n        ${startShadow}\n      }\n\n      &${p}-fix-end-shadow-show > ${p}-container::after {\n        ${endShadow}\n      }\n\n      /* Must outrank the generic cell rule that sets position: relative. */\n      &\n        ${p}-thead\n        > tr\n        > th${p}-cell-fix,\n        &\n        ${p}-tbody\n        > tr\n        > td${p}-cell-fix,\n        &\n        ${p}-cell${p}-cell-fix {\n        position: sticky;\n        z-index: calc(var(--z-offset-reverse) + ${Z_FIXED});\n      }\n\n      & ${p}-cell-fix {\n        background: transparent;\n\n        &::after {\n          ${fixShadowBase}\n        }\n      }\n\n      & ${p}-cell-fix-start::after {\n        inset-inline-start: 100%;\n      }\n\n      & ${p}-cell-fix-end::after {\n        inset-inline-end: 100%;\n      }\n\n      & ${p}-cell-fix-start-shadow-show::after {\n        ${startShadow}\n      }\n\n      & ${p}-cell-fix-end-shadow-show::after {\n        ${endShadow}\n      }\n\n      /* ============================= Sticky ============================= */\n      & ${p}-sticky-holder {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        background: transparent;\n\n        /* The whole sticky header is one element, so it blurs as one continuous block. */\n        ${frost}\n      }\n\n      & ${p}-sticky-scroll {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        inset-block-end: 0;\n      }\n\n      /* ============================ Selection =========================== */\n      & ${p}-selection-col {\n        width: ${SELECTION_COLUMN_WIDTH}px;\n\n        &${p}-selection-col-with-dropdown {\n          width: ${SELECTION_COLUMN_WIDTH + SELECTION_DROPDOWN_WIDTH}px;\n        }\n      }\n\n      &${p}-outlined ${p}-selection-col {\n        width: ${SELECTION_COLUMN_WIDTH + 16}px;\n\n        &${p}-selection-col-with-dropdown {\n          width: ${SELECTION_COLUMN_WIDTH + SELECTION_DROPDOWN_WIDTH + 16}px;\n        }\n      }\n\n      /* The table css carries no hoverable class, so use a fourth & to outrank hover too. */\n      &&&& ${p}-tbody > tr${p}-row-selected > td {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n\n      /* ========================= Expand / Tree ========================== */\n      & ${p}-expand-icon-col {\n        width: ${EXPAND_COLUMN_WIDTH}px;\n      }\n\n      & ${p}-row-expand-icon-cell {\n        text-align: center;\n\n        & ${p}-row-expand-icon {\n          float: none;\n          display: inline-flex;\n          vertical-align: sub;\n        }\n      }\n\n      & ${p}-row-indent {\n        float: inline-start;\n        height: 1px;\n      }\n\n      & ${p}-row-expand-icon {\n        float: inline-start;\n        flex: none;\n        vertical-align: middle;\n\n        &${p}-row-expand-icon-spaced {\n          display: inline-block;\n          width: 24px;\n          height: 24px;\n          visibility: hidden;\n        }\n      }\n\n      & ${p}-row-indent + ${p}-row-expand-icon {\n        margin-block: -1px;\n        margin-inline-end: 8px;\n      }\n\n      & tr${p}-expanded-row > td,\n      & tr${p}-expanded-row:hover > td {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      & ${p}-expanded-row-fixed {\n        position: relative;\n\n        margin-block: calc(var(${PADDING_BLOCK}) * -1);\n        margin-inline: calc(var(${PADDING_INLINE}) * -1);\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n      }\n\n      /* ========================== Nested table ========================== */\n\n      /* A table alone in a cell fills it, starting after the expand column. */\n      &\n        ${p}-tbody\n        > tr\n        > td\n        > ${p}-wrapper:only-child,\n        &\n        ${p}-tbody\n        > tr\n        > td\n        > ${p}-expanded-row-fixed\n        > ${p}-wrapper:only-child {\n        & ${p} {\n          margin-block: calc(var(${PADDING_BLOCK}) * -1);\n          margin-inline: calc(${EXPAND_COLUMN_WIDTH}px - var(${PADDING_INLINE}))\n            calc(var(${PADDING_INLINE}) * -1);\n        }\n\n        & ${p}-tbody > tr:last-child > td {\n          border-block-end: 0;\n        }\n\n        /* The outer cell already draws the frame: keep only the start edge of a bordered nest. */\n        & ${p}${p}-outlined {\n          & > ${p}-title, & > ${p}-container, & > ${p}-footer {\n            border-block: 0;\n            border-inline-end: 0;\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          & > ${p}-title + ${p}-container {\n            border-block-start: ${border};\n          }\n\n          &:has(> ${p}-footer) > ${p}-container {\n            border-block-end: ${border};\n          }\n        }\n      }\n\n      &${p}-outlined ${p}-tbody > tr > td > ${p}-expanded-row-fixed {\n        margin-inline: calc((var(${PADDING_INLINE}) + 1px) * -1);\n      }\n\n      /* ============================= Summary ============================ */\n      & ${p}-summary {\n        position: relative;\n        z-index: ${Z_FIXED};\n\n        /* See-through; a sticky summary is a sticky holder and gets its frost there. */\n        background: transparent;\n\n        & > tr > th,\n        & > tr > td {\n          border-block-end: ${border};\n        }\n      }\n\n      & div${p}-summary {\n        box-shadow: 0 -1px 0 ${borderColor};\n      }\n\n      /* A fixed summary under \\`sticky\\` is a sticky holder too; keep it sticky (antd orders sticky last). */\n      & ${p}-summary${p}-sticky-holder {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n      }\n\n      & tfoot > tr > th,\n      & tfoot > tr > td {\n        border-block-start: ${border};\n      }\n\n      /* ============================= Virtual ============================ */\n      & ${p}-tbody-virtual {\n        &\n          ${p}-tbody-virtual-holder-inner\n          > ${p}-row,\n          &\n          ${p}-tbody-virtual-holder-inner\n          > div:not(${p}-row)\n          > ${p}-row {\n          display: flex;\n          box-sizing: border-box;\n          width: 100%;\n\n          /* Virtual rows are locked to the listItemHeight estimate (an integer). Measured\n             heights then equal the estimate, so a rowSpan cell (height = summed row sizes)\n             ends exactly on the neighbour rows' divider instead of drifting by sub-pixel\n             rounding or unmeasured-row estimates. */\n          &:not(${p}-row-extra, ${p}-expanded-row) {\n            height: var(--lobe-table-virtual-row-height);\n          }\n\n          & > ${p}-cell {\n            align-content: center;\n          }\n        }\n\n        & ${p}-cell {\n          border-block-end: ${border};\n          background: ${cellBg};\n          transition: background-color ${cssVar.motionDurationMid};\n        }\n\n        & ${p}-expanded-row ${p}-expanded-row-cell${p}-expanded-row-cell-fixed {\n          position: sticky;\n          inset-inline-start: 0;\n          overflow: hidden;\n          width: calc(var(--virtual-width) - 1px);\n        }\n      }\n    `,\n  };\n});\n"],"mappings":"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"}

package/es/base-ui/Text/style.d.mts

@@ -42,7 +42,7 @@ declare const variants: (props?: ({
   mark?: boolean | null | undefined;
   shiny?: boolean | null | undefined;
   strong?: boolean | null | undefined;
-  type?: "danger" | "warning" | "success" | "info" | "secondary" | null | undefined;
+  type?: "danger" | "success" | "info" | "warning" | "secondary" | null | undefined;
   underline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.64.2",
+  "version": "5.64.4",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",