@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/browser/modules/tabletanstack/tabletanstack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabletanstack/tabletanstack.js","sources":["../../../../../src/tabletanstack/tabletanstack.tsx"],"sourcesContent":["import {\n  type Cell,\n  type Column,\n  type ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type Header,\n  type Row,\n  type TableOptions,\n  type Table as TanStackTable,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { defaultRangeExtractor, useVirtualizer } from '@tanstack/react-virtual';\nimport { ArrowDown, ArrowUp, ArrowUpDown, ChevronRight, Columns3, Search } from 'lucide-react';\nimport {\n  createContext,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { useLeafConfig } from '../config-provider/context';\nimport { FieldScope } from '../form/form';\nimport { Input, type InputProps } from '../input';\nimport { Pagination, type PaginationProps } from '../pagination';\nimport { Popover } from '../popover';\nimport { Radio } from '../radio';\nimport { classes } from '../shared/classes';\nimport { assignRef } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\nimport { Table, type TableCellProps, type TableProps, type TableRowProps } from '../table';\nimport {\n  ReorderColumnHeader,\n  ReorderHandle,\n  ReorderItems,\n  ReorderRow,\n  ReorderScope,\n} from './reordering';\n\nexport interface DataTableVirtualOptions {\n  estimateRowHeight?: number;\n  overscan?: number;\n}\n\nexport interface DataTableColumnMeta {\n  label?: string;\n  align?: 'start' | 'center' | 'end';\n  cellClassName?: string;\n  headerClassName?: string;\n}\n\nexport interface DataTableRowReorderInfo<TData> {\n  rows: readonly Row<TData>[];\n  fromIndex: number;\n  toIndex: number;\n  activeRow: Row<TData>;\n  overRow: Row<TData>;\n}\n\nexport interface DataTableProps<TData> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  table: TanStackTable<TData>;\n  data?: never;\n  columns?: never;\n  rowKey?: never;\n  options?: never;\n  children?: ReactNode;\n  caption?: ReactNode;\n  size?: ControlSize;\n  bordered?: boolean;\n  striped?: boolean;\n  stickyHeader?: boolean;\n  maxHeight?: TableProps['maxHeight'];\n  minWidth?: TableProps['minWidth'];\n  loading?: boolean;\n  emptyContent?: ReactNode;\n  error?: ReactNode;\n  onRetry?: () => void;\n  selection?: false | 'single' | 'multiple';\n  selectAllMode?: 'page' | 'all';\n  getRowLabel?: (row: Row<TData>) => string;\n  renderExpandedRow?: (row: Row<TData>) => ReactNode;\n  getRowProps?: (row: Row<TData>) => TableRowProps;\n  getCellProps?: (cell: Cell<TData, unknown>) => TableCellProps;\n  resizable?: boolean;\n  columnReordering?: boolean;\n  onRowReorder?: (info: DataTableRowReorderInfo<TData>) => void;\n  virtual?: boolean | DataTableVirtualOptions;\n  pagination?: boolean;\n  tableRef?: Ref<HTMLTableElement>;\n}\n\nexport interface DataTableDataProps<TData>\n  extends Omit<DataTableProps<TData>, 'table' | 'data' | 'columns' | 'rowKey' | 'options'> {\n  table?: never;\n  data: readonly TData[];\n  columns: ColumnDef<TData>[];\n  rowKey: keyof TData | ((row: TData, index: number) => string);\n  options?: Omit<TableOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'getRowId'>;\n}\n\nexport interface DataTableSearchProps\n  extends Omit<\n    InputProps,\n    | 'value'\n    | 'defaultValue'\n    | 'onChange'\n    | 'type'\n    | 'visibilityToggle'\n    | 'visible'\n    | 'defaultVisible'\n    | 'onVisibleChange'\n    | 'visibilityIcon'\n  > {\n  columnId?: string;\n}\n\nexport interface DataTableColumnVisibilityProps {\n  children?: ReactNode;\n  label?: string;\n}\n\nexport interface DataTablePaginationProps\n  extends Omit<\n    PaginationProps,\n    'total' | 'current' | 'defaultCurrent' | 'pageSize' | 'defaultPageSize' | 'onChange'\n  > {\n  hasNextPage?: boolean;\n}\n\nexport interface DataTableContentProps extends HTMLAttributes<HTMLDivElement> {}\n\ntype DataTableContextValue = Omit<DataTableProps<unknown>, keyof HTMLAttributes<HTMLDivElement>> & {\n  id: string;\n  label?: string;\n  labelledBy?: string;\n  expandable: boolean;\n  rowReordering: boolean;\n  reorderColumns: boolean;\n};\nconst DataTableContext = createContext<DataTableContextValue | null>(null);\n\nfunction useDataTable() {\n  const value = useContext(DataTableContext);\n  if (!value) throw new Error('DataTable parts must be rendered inside DataTable.');\n  return value;\n}\n\nfunction DataTableRoot<TData>({\n  table,\n  children,\n  caption,\n  size = 'md',\n  bordered = false,\n  striped = false,\n  stickyHeader = true,\n  maxHeight,\n  minWidth,\n  loading = false,\n  emptyContent,\n  error,\n  onRetry,\n  selection = false,\n  selectAllMode = 'page',\n  getRowLabel,\n  renderExpandedRow,\n  getRowProps,\n  getCellProps,\n  resizable = false,\n  columnReordering = false,\n  onRowReorder,\n  virtual = false,\n  pagination = true,\n  tableRef,\n  className,\n  'aria-label': label,\n  'aria-labelledby': labelledBy,\n  ...props\n}: DataTableProps<TData>) {\n  const id = useId();\n  const state = table.getState();\n  const rows = table.getRowModel().rows;\n  const rowReordering = Boolean(\n    onRowReorder &&\n      !loading &&\n      !virtual &&\n      !state.sorting.length &&\n      !state.columnFilters.length &&\n      !state.globalFilter &&\n      !state.grouping.length &&\n      state.expanded !== true &&\n      !Object.values(state.expanded).some(Boolean) &&\n      !rows.some((row) => row.depth || row.subRows.length),\n  );\n  const reorderColumns =\n    columnReordering && !loading && table.getAllColumns().every((column) => !column.columns.length);\n  const value: DataTableContextValue = {\n    table: table as unknown as TanStackTable<unknown>,\n    id,\n    label,\n    labelledBy,\n    caption,\n    size,\n    bordered,\n    striped,\n    stickyHeader,\n    maxHeight: maxHeight ?? (virtual ? 400 : undefined),\n    minWidth,\n    loading,\n    emptyContent,\n    error,\n    onRetry,\n    selection,\n    selectAllMode,\n    getRowLabel: getRowLabel ? (row) => getRowLabel(row as Row<TData>) : undefined,\n    renderExpandedRow: renderExpandedRow\n      ? (row) => renderExpandedRow(row as Row<TData>)\n      : undefined,\n    getRowProps: getRowProps ? (row) => getRowProps(row as Row<TData>) : undefined,\n    getCellProps: getCellProps ? (cell) => getCellProps(cell as Cell<TData, unknown>) : undefined,\n    resizable,\n    columnReordering,\n    onRowReorder: onRowReorder\n      ? (info) => onRowReorder(info as DataTableRowReorderInfo<TData>)\n      : undefined,\n    rowReordering,\n    reorderColumns,\n    virtual,\n    pagination,\n    tableRef,\n    expandable: Boolean(renderExpandedRow) || table.getCanSomeRowsExpand(),\n  };\n  return (\n    <DataTableContext.Provider value={value}>\n      <FieldScope>\n        <div {...props} className={classes('leaf-data-table', className)}>\n          <ReorderScope\n            enabled={Boolean(onRowReorder || columnReordering)}\n            id={`${id}-reorder`}\n            disabled={loading || (!rowReordering && !reorderColumns)}\n            onReorder={(kind, activeId, overId) => {\n              if (kind === 'row' && rowReordering && onRowReorder) {\n                const fromIndex = rows.findIndex((row) => row.id === activeId);\n                const toIndex = rows.findIndex((row) => row.id === overId);\n                const activeRow = rows[fromIndex];\n                const overRow = rows[toIndex];\n                if (!activeRow || !overRow) return;\n                const next = [...rows];\n                next.splice(fromIndex, 1);\n                next.splice(toIndex, 0, activeRow);\n                onRowReorder({ rows: next, fromIndex, toIndex, activeRow, overRow });\n              } else if (kind === 'column' && reorderColumns) {\n                const order = table.getAllLeafColumns().map((column) => column.id);\n                const fromIndex = order.indexOf(activeId);\n                const toIndex = order.indexOf(overId);\n                if (fromIndex < 0 || toIndex < 0) return;\n                order.splice(fromIndex, 1);\n                order.splice(toIndex, 0, activeId);\n                table.setColumnOrder(order);\n                const pin = table.getColumn(activeId)?.getIsPinned();\n                if (pin) {\n                  table.setColumnPinning((previous) => {\n                    const pinned = [...(previous[pin] ?? [])];\n                    const source = pinned.indexOf(activeId);\n                    const target = pinned.indexOf(overId);\n                    if (source < 0 || target < 0) return previous;\n                    pinned.splice(source, 1);\n                    pinned.splice(target, 0, activeId);\n                    return { ...previous, [pin]: pinned };\n                  });\n                }\n              }\n            }}\n          >\n            {children ?? (\n              <>\n                <DataTableContent />\n                {pagination && (\n                  <DataTableFooter>\n                    <DataTablePagination />\n                  </DataTableFooter>\n                )}\n              </>\n            )}\n          </ReorderScope>\n        </div>\n      </FieldScope>\n    </DataTableContext.Provider>\n  );\n}\n\nexport function DataTableToolbar({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div {...props} className={classes('leaf-data-table__toolbar', className)} />;\n}\n\nexport function DataTableFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div {...props} className={classes('leaf-data-table__footer', className)} />;\n}\n\nexport function DataTableSearch({ columnId, className, ...props }: DataTableSearchProps) {\n  const { table, loading, size } = useDataTable();\n  const t = useText();\n  const column = columnId ? table.getColumn(columnId) : undefined;\n  const value = columnId ? column?.getFilterValue() : table.getState().globalFilter;\n  return (\n    <Input\n      aria-label={t('搜索表格', 'Search table')}\n      placeholder={t('搜索表格', 'Search table')}\n      prefix={<Search size={16} />}\n      allowClear\n      size={size}\n      {...props}\n      disabled={props.disabled || loading || Boolean(columnId && !column?.getCanFilter())}\n      className={classes('leaf-data-table__search', className)}\n      value={typeof value === 'string' || typeof value === 'number' ? String(value) : ''}\n      onChange={(event) => {\n        if (columnId) column?.setFilterValue(event.currentTarget.value);\n        else table.setGlobalFilter(event.currentTarget.value);\n      }}\n    />\n  );\n}\n\nfunction columnLabel(column: Column<unknown, unknown>) {\n  const meta = column.columnDef.meta as DataTableColumnMeta | undefined;\n  return (\n    meta?.label ??\n    (typeof column.columnDef.header === 'string' ? column.columnDef.header : column.id)\n  );\n}\n\nexport function DataTableColumnVisibility({ children, label }: DataTableColumnVisibilityProps) {\n  const { table, loading, size } = useDataTable();\n  const t = useText();\n  const title = label ?? t('显示列', 'Columns');\n  return (\n    <Popover\n      placement=\"bottom-end\"\n      aria-label={title}\n      content={\n        <FieldScope>\n          <div className=\"leaf-data-table__visibility\">\n            {table.getAllLeafColumns().map((column) => (\n              <Checkbox\n                key={column.id}\n                checked={column.getIsVisible()}\n                disabled={loading || !column.getCanHide()}\n                onChange={column.getToggleVisibilityHandler()}\n              >\n                {columnLabel(column)}\n              </Checkbox>\n            ))}\n          </div>\n        </FieldScope>\n      }\n    >\n      <Button size={size} variant=\"outline\" startIcon={<Columns3 size={16} />} disabled={loading}>\n        {children ?? title}\n      </Button>\n    </Popover>\n  );\n}\n\nfunction pinProps(column: Column<unknown, unknown>) {\n  const pin = column.getIsPinned();\n  return {\n    pinned: pin === 'left' ? ('start' as const) : pin === 'right' ? ('end' as const) : undefined,\n    pinOffset:\n      pin === 'left'\n        ? column.getStart('left')\n        : pin === 'right'\n          ? column.getAfter('right')\n          : undefined,\n    pinEdge:\n      pin === 'left'\n        ? column.getIsLastColumn('left')\n        : pin === 'right'\n          ? column.getIsFirstColumn('right')\n          : undefined,\n  };\n}\n\nfunction ResizeHandle({ header }: { header: Header<unknown, unknown> }) {\n  const { table, loading } = useDataTable();\n  const { direction } = useLeafConfig();\n  const t = useText();\n  const column = header.column;\n  const min = column.columnDef.minSize ?? 20;\n  const max = column.columnDef.maxSize ?? Number.MAX_SAFE_INTEGER;\n  return (\n    <hr\n      tabIndex={loading ? -1 : 0}\n      aria-label={`${t('调整列宽', 'Resize column')}: ${columnLabel(column)}`}\n      aria-orientation=\"vertical\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={column.getSize()}\n      aria-disabled={loading || undefined}\n      className=\"leaf-data-table__resize\"\n      data-resizing={column.getIsResizing() || undefined}\n      onMouseDown={loading ? undefined : header.getResizeHandler()}\n      onTouchStart={loading ? undefined : header.getResizeHandler()}\n      onDoubleClick={() => {\n        if (!loading) column.resetSize();\n      }}\n      onKeyDown={(event) => {\n        if (loading || !['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n        event.preventDefault();\n        const step = event.shiftKey ? 50 : 10;\n        const delta = (event.key === 'ArrowRight' ? 1 : -1) * (direction === 'rtl' ? -1 : 1) * step;\n        const next =\n          event.key === 'Home' ? min : event.key === 'End' ? max : column.getSize() + delta;\n        table.setColumnSizing((previous) => ({\n          ...previous,\n          [column.id]: Math.min(max, Math.max(min, next)),\n        }));\n      }}\n    />\n  );\n}\n\nfunction SelectionHeader() {\n  const { table, selection, selectAllMode, loading } = useDataTable();\n  const t = useText();\n  if (selection !== 'multiple')\n    return <span className=\"leaf-table__sr-only\">{t('选择行', 'Select rows')}</span>;\n  const page = selectAllMode === 'page';\n  const selectable = (\n    page ? table.getRowModel() : table.getPrePaginationRowModel()\n  ).flatRows.filter((row) => row.getCanSelect());\n  return (\n    <Checkbox\n      aria-label={\n        page\n          ? t('选择本页所有行', 'Select all rows on this page')\n          : t('选择所有行', 'Select all rows')\n      }\n      checked={page ? table.getIsAllPageRowsSelected() : table.getIsAllRowsSelected()}\n      indeterminate={page ? table.getIsSomePageRowsSelected() : table.getIsSomeRowsSelected()}\n      disabled={loading || !selectable.length}\n      onChange={\n        page ? table.getToggleAllPageRowsSelectedHandler() : table.getToggleAllRowsSelectedHandler()\n      }\n    />\n  );\n}\n\nfunction DataRow({\n  row,\n  rowIndex,\n  ariaRowIndex,\n  measureRef,\n}: {\n  row: Row<unknown>;\n  rowIndex: number;\n  ariaRowIndex?: number;\n  measureRef?: (node: HTMLTableRowElement | null) => void;\n}) {\n  const config = useDataTable();\n  const { id, selection, loading, getRowLabel, renderExpandedRow, getRowProps, getCellProps } =\n    config;\n  const t = useText();\n  const detailsId = `${id}-detail-${encodeURIComponent(row.id)}`;\n  const label = getRowLabel?.(row) ?? row.id;\n  const expandable = config.expandable;\n  const detail = Boolean(renderExpandedRow && row.getIsExpanded() && !row.subRows.length);\n  const [visited, setVisited] = useState(detail);\n  useEffect(() => {\n    if (detail) setVisited(true);\n  }, [detail]);\n  const cells = row.getVisibleCells();\n  const utilityCount =\n    Number(Boolean(selection)) + Number(expandable) + Number(config.rowReordering);\n  const custom = getRowProps?.(row);\n  const element = useRef<HTMLTableRowElement>(null);\n  useEffect(() => {\n    const node = element.current;\n    const next = node?.nextElementSibling;\n    if (!node || !measureRef || !next?.hasAttribute('data-detail-row')) return;\n    const measure = () => measureRef(node);\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(next);\n    return () => observer?.disconnect();\n  }, [measureRef]);\n  return (\n    <Fragment>\n      <ReorderRow\n        {...custom}\n        enabled={Boolean(config.onRowReorder)}\n        disabled={!config.rowReordering}\n        itemId={row.id}\n        itemLabel={label}\n        ref={(node) => {\n          assignRef(element, node);\n          measureRef?.(node);\n        }}\n        data-index={rowIndex}\n        data-row-id={row.id}\n        aria-rowindex={ariaRowIndex}\n        selected={selection ? row.getIsSelected() : custom?.selected}\n      >\n        {config.rowReordering && (\n          <Table.Cell className=\"leaf-data-table__utility\">\n            <ReorderHandle label={`${t('移动行', 'Reorder row')}: ${label}`} />\n          </Table.Cell>\n        )}\n        {selection && (\n          <Table.Cell className=\"leaf-data-table__utility\">\n            {selection === 'single' ? (\n              <Radio\n                name={`${id}-selection`}\n                form={`${id}-detached-selection`}\n                aria-label={`${t('选择行', 'Select row')}: ${label}`}\n                checked={row.getIsSelected()}\n                disabled={loading || !row.getCanSelect()}\n                onChange={() => config.table.setRowSelection({ [row.id]: true })}\n              />\n            ) : (\n              <Checkbox\n                aria-label={`${t('选择行', 'Select row')}: ${label}`}\n                checked={row.getIsSelected()}\n                indeterminate={row.getIsSomeSelected()}\n                disabled={loading || !row.getCanSelect()}\n                onChange={row.getToggleSelectedHandler()}\n              />\n            )}\n          </Table.Cell>\n        )}\n        {expandable && (\n          <Table.Cell className=\"leaf-data-table__utility\">\n            {row.getCanExpand() && (\n              <button\n                type=\"button\"\n                className=\"leaf-data-table__expand\"\n                aria-label={`${row.getIsExpanded() ? t('收起行', 'Collapse row') : t('展开行', 'Expand row')}: ${label}`}\n                aria-expanded={row.getIsExpanded()}\n                aria-controls={renderExpandedRow && !row.subRows.length ? detailsId : undefined}\n                disabled={loading}\n                onClick={row.getToggleExpandedHandler()}\n                style={{ marginInlineStart: row.depth * 12 }}\n              >\n                <ChevronRight size={16} aria-hidden=\"true\" />\n              </button>\n            )}\n          </Table.Cell>\n        )}\n        {cells.map((cell) => {\n          const meta = cell.column.columnDef.meta as DataTableColumnMeta | undefined;\n          const props = getCellProps?.(cell);\n          if (props?.colSpan === 0 || props?.rowSpan === 0) return null;\n          return (\n            <Table.Cell\n              key={cell.id}\n              align={meta?.align}\n              {...pinProps(cell.column)}\n              {...props}\n              className={classes(meta?.cellClassName, props?.className)}\n            >\n              {cell.getIsPlaceholder()\n                ? null\n                : flexRender(\n                    cell.getIsAggregated()\n                      ? (cell.column.columnDef.aggregatedCell ?? cell.column.columnDef.cell)\n                      : cell.column.columnDef.cell,\n                    cell.getContext(),\n                  )}\n              {cell.getIsGrouped() && (\n                <span className=\"leaf-data-table__group-count\"> ({row.subRows.length})</span>\n              )}\n            </Table.Cell>\n          );\n        })}\n      </ReorderRow>\n      {renderExpandedRow && row.getCanExpand() && !row.subRows.length && (\n        <Table.Row\n          className=\"leaf-data-table__detail\"\n          id={detailsId}\n          data-detail-row={row.id}\n          aria-rowindex={ariaRowIndex && detail ? ariaRowIndex + 1 : undefined}\n          hidden={!detail}\n        >\n          <Table.Cell colSpan={Math.max(1, cells.length + utilityCount)}>\n            {visited || detail ? renderExpandedRow?.(row) : null}\n          </Table.Cell>\n        </Table.Row>\n      )}\n    </Fragment>\n  );\n}\n\nfunction VirtualRows({\n  rows,\n  colSpan,\n  headerCount,\n  viewport,\n  tableElement,\n  focusedRowId,\n  rowIndexes,\n}: {\n  rows: Row<unknown>[];\n  colSpan: number;\n  headerCount: number;\n  viewport: RefObject<HTMLDivElement | null>;\n  tableElement: RefObject<HTMLTableElement | null>;\n  focusedRowId?: string;\n  rowIndexes: number[];\n}) {\n  const { virtual, table, maxHeight } = useDataTable();\n  const options = typeof virtual === 'object' ? virtual : {};\n  const headerHeight = useRef(headerCount * 44);\n  const focusedIndex = focusedRowId ? rows.findIndex((row) => row.id === focusedRowId) : -1;\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => viewport.current,\n    estimateSize: () => Math.max(1, options.estimateRowHeight ?? 48),\n    overscan: Math.max(1, options.overscan ?? 5),\n    getItemKey: (index) => rows[index]?.id ?? index,\n    scrollMargin: headerHeight.current,\n    initialRect: { width: 0, height: typeof maxHeight === 'number' ? maxHeight : 400 },\n    rangeExtractor: (range) => {\n      const visible = defaultRangeExtractor(range);\n      return focusedIndex < 0\n        ? visible\n        : [...new Set([...visible, focusedIndex])].sort((first, second) => first - second);\n    },\n    measureElement: (element) => {\n      const detail = element.nextElementSibling;\n      return (\n        element.getBoundingClientRect().height +\n        (detail?.hasAttribute('data-detail-row') ? detail.getBoundingClientRect().height : 0)\n      );\n    },\n  });\n  const expanded = table.getState().expanded;\n  useEffect(() => {\n    const header = tableElement.current?.tHead;\n    if (!header) return;\n    const measure = () => {\n      headerHeight.current = header.getBoundingClientRect().height;\n      virtualizer.measure();\n    };\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(header);\n    return () => observer?.disconnect();\n  }, [tableElement, virtualizer]);\n  useEffect(() => {\n    if (expanded) virtualizer.measure();\n  }, [expanded, virtualizer]);\n  const items = virtualizer.getVirtualItems();\n  const last = items.at(-1);\n  const bottom = last\n    ? Math.max(0, virtualizer.getTotalSize() - last.end + headerHeight.current)\n    : virtualizer.getTotalSize();\n  return (\n    <>\n      {items.map((item, index) => {\n        const row = rows[item.index];\n        const previous = items[index - 1];\n        const gap = Math.max(0, item.start - (previous?.end ?? headerHeight.current));\n        return row ? (\n          <Fragment key={row.id}>\n            {gap > 0 && (\n              <Table.Row className=\"leaf-data-table__spacer\" aria-hidden=\"true\">\n                <td colSpan={colSpan} style={{ height: gap }} />\n              </Table.Row>\n            )}\n            <DataRow\n              row={row}\n              rowIndex={item.index}\n              ariaRowIndex={rowIndexes[item.index]}\n              measureRef={virtualizer.measureElement}\n            />\n          </Fragment>\n        ) : null;\n      })}\n      {bottom > 0 && (\n        <Table.Row className=\"leaf-data-table__spacer\" aria-hidden=\"true\">\n          <td colSpan={colSpan} style={{ height: bottom }} />\n        </Table.Row>\n      )}\n    </>\n  );\n}\n\nexport function DataTableContent({ className, ...props }: DataTableContentProps) {\n  const config = useDataTable();\n  const {\n    table,\n    caption,\n    tableRef,\n    loading,\n    error,\n    emptyContent,\n    onRetry,\n    selection,\n    resizable,\n    virtual,\n  } = config;\n  const t = useText();\n  const viewport = useRef<HTMLDivElement>(null);\n  const element = useRef<HTMLTableElement>(null);\n  const [focusedRowId, setFocusedRowId] = useState<string>();\n  const rows = table.getRowModel().rows;\n  const columns = [\n    ...table.getLeftVisibleLeafColumns(),\n    ...table.getCenterVisibleLeafColumns(),\n    ...table.getRightVisibleLeafColumns(),\n  ];\n  const headers = table.getHeaderGroups();\n  const expandable = config.expandable;\n  const utilityCount =\n    Number(Boolean(selection)) + Number(expandable) + Number(config.rowReordering);\n  const colSpan = Math.max(1, columns.length + utilityCount);\n  const totalWidth = table.getTotalSize() + utilityCount * 44;\n  const lastCenter = table.getCenterVisibleLeafColumns().at(-1)?.id;\n  const status =\n    error != null && error !== false\n      ? 'error'\n      : !rows.length || !columns.length\n        ? loading\n          ? 'loading'\n          : 'empty'\n        : null;\n  const expanded = table.getState().expanded;\n  const virtualRows = useMemo(() => {\n    if (!virtual) return { indexes: [], count: 0 };\n    let count = headers.length;\n    const indexes = rows.map((row) => {\n      const index = ++count;\n      if (expanded && config.renderExpandedRow && row.getIsExpanded() && !row.subRows.length)\n        count++;\n      return index;\n    });\n    return { indexes, count };\n  }, [virtual, rows, headers.length, expanded, config.renderExpandedRow]);\n  return (\n    <div {...props} className={className}>\n      <Table\n        ref={(node) => {\n          assignRef(element, node);\n          assignRef(tableRef, node);\n        }}\n        scrollRef={viewport}\n        aria-label={config.label}\n        aria-labelledby={config.labelledBy}\n        aria-busy={loading || undefined}\n        aria-rowcount={virtual && !status ? virtualRows.count : undefined}\n        size={config.size}\n        bordered={config.bordered}\n        striped={config.striped}\n        stickyHeader={config.stickyHeader}\n        maxHeight={config.maxHeight}\n        minWidth={config.minWidth ?? totalWidth}\n        tableLayout=\"fixed\"\n        tableStyle={{ width: `max(100%, ${totalWidth}px)` }}\n        loading={loading && Boolean(rows.length) && status !== 'error'}\n      >\n        {caption != null && <Table.Caption>{caption}</Table.Caption>}\n        <colgroup>\n          {config.rowReordering && <col style={{ width: 44 }} />}\n          {selection && <col style={{ width: 44 }} />}\n          {expandable && <col style={{ width: 44 }} />}\n          {columns.map((column) => (\n            <col\n              key={column.id}\n              style={{\n                width: column.id === lastCenter ? undefined : column.getSize(),\n              }}\n            />\n          ))}\n        </colgroup>\n        <Table.Header>\n          <ReorderItems\n            enabled={Boolean(config.columnReordering)}\n            kind=\"column\"\n            ids={config.columnReordering ? columns.map((column) => column.id) : []}\n          >\n            {headers.map((group, groupIndex) => (\n              <Table.Row key={group.id} aria-rowindex={virtual ? groupIndex + 1 : undefined}>\n                {groupIndex === 0 && config.rowReordering && (\n                  <Table.ColumnHeader rowSpan={headers.length} className=\"leaf-data-table__utility\">\n                    <span className=\"leaf-table__sr-only\">{t('移动行', 'Reorder rows')}</span>\n                  </Table.ColumnHeader>\n                )}\n                {groupIndex === 0 && selection && (\n                  <Table.ColumnHeader rowSpan={headers.length} className=\"leaf-data-table__utility\">\n                    <SelectionHeader />\n                  </Table.ColumnHeader>\n                )}\n                {groupIndex === 0 && expandable && (\n                  <Table.ColumnHeader rowSpan={headers.length} className=\"leaf-data-table__utility\">\n                    <span className=\"leaf-table__sr-only\">{t('展开行', 'Expand rows')}</span>\n                  </Table.ColumnHeader>\n                )}\n                {group.headers.map((header) => {\n                  const column = header.column;\n                  const meta = column.columnDef.meta as DataTableColumnMeta | undefined;\n                  const sorted = column.getIsSorted();\n                  const canSort =\n                    !header.isPlaceholder && !column.columns.length && column.getCanSort();\n                  const SortIcon =\n                    sorted === 'asc' ? ArrowUp : sorted === 'desc' ? ArrowDown : ArrowUpDown;\n                  const nextSort = column.getNextSortingOrder();\n                  const sortLabel =\n                    nextSort === 'asc'\n                      ? t('升序排序', 'Sort ascending')\n                      : nextSort === 'desc'\n                        ? t('降序排序', 'Sort descending')\n                        : t('取消排序', 'Clear sorting');\n                  return (\n                    <ReorderColumnHeader\n                      key={header.id}\n                      enabled={Boolean(\n                        config.columnReordering && !header.isPlaceholder && !column.columns.length,\n                      )}\n                      disabled={!config.reorderColumns}\n                      itemId={column.id}\n                      itemLabel={columnLabel(column)}\n                      group={column.getIsPinned() || 'center'}\n                      colSpan={header.colSpan}\n                      scope={header.colSpan > 1 ? 'colgroup' : 'col'}\n                      align={meta?.align}\n                      className={meta?.headerClassName}\n                      {...pinProps(column)}\n                      aria-sort={\n                        sorted && column.getSortIndex() === 0\n                          ? sorted === 'asc'\n                            ? 'ascending'\n                            : 'descending'\n                          : undefined\n                      }\n                    >\n                      <div className=\"leaf-data-table__heading\">\n                        {config.reorderColumns && !header.isPlaceholder && (\n                          <ReorderHandle\n                            label={`${t('移动列', 'Reorder column')}: ${columnLabel(column)}`}\n                          />\n                        )}\n                        {header.isPlaceholder ? null : canSort ? (\n                          <button\n                            type=\"button\"\n                            className=\"leaf-data-table__sort\"\n                            data-sorted={sorted || undefined}\n                            aria-label={`${columnLabel(column)}: ${sortLabel}`}\n                            disabled={loading}\n                            onClick={column.getToggleSortingHandler()}\n                          >\n                            <span>{flexRender(column.columnDef.header, header.getContext())}</span>\n                            <SortIcon size={14} aria-hidden=\"true\" />\n                          </button>\n                        ) : (\n                          flexRender(column.columnDef.header, header.getContext())\n                        )}\n                      </div>\n                      {resizable &&\n                        !header.isPlaceholder &&\n                        !column.columns.length &&\n                        column.getCanResize() && <ResizeHandle header={header} />}\n                    </ReorderColumnHeader>\n                  );\n                })}\n              </Table.Row>\n            ))}\n          </ReorderItems>\n        </Table.Header>\n        <Table.Body\n          onFocusCapture={\n            virtual\n              ? (event) =>\n                  setFocusedRowId(\n                    (event.target as Element)\n                      .closest('[data-row-id], [data-detail-row]')\n                      ?.getAttribute('data-row-id') ??\n                      (event.target as Element)\n                        .closest('[data-detail-row]')\n                        ?.getAttribute('data-detail-row') ??\n                      undefined,\n                  )\n              : undefined\n          }\n          onBlurCapture={\n            virtual\n              ? (event) => {\n                  if (!event.currentTarget.contains(event.relatedTarget as Node | null))\n                    setFocusedRowId(undefined);\n                }\n              : undefined\n          }\n        >\n          {status === 'error' ? (\n            <Table.Error colSpan={colSpan} onRetry={onRetry}>\n              {error}\n            </Table.Error>\n          ) : status === 'loading' ? (\n            <Table.Loading colSpan={colSpan} />\n          ) : status === 'empty' ? (\n            <Table.Empty colSpan={colSpan}>{emptyContent}</Table.Empty>\n          ) : virtual ? (\n            <VirtualRows\n              rows={rows}\n              colSpan={colSpan}\n              headerCount={headers.length}\n              viewport={viewport}\n              tableElement={element}\n              focusedRowId={focusedRowId}\n              rowIndexes={virtualRows.indexes}\n            />\n          ) : (\n            <ReorderItems\n              enabled={Boolean(config.onRowReorder)}\n              kind=\"row\"\n              ids={config.onRowReorder ? rows.map((row) => row.id) : []}\n            >\n              {rows.map((row, index) => (\n                <DataRow key={row.id} row={row} rowIndex={index} />\n              ))}\n            </ReorderItems>\n          )}\n        </Table.Body>\n      </Table>\n    </div>\n  );\n}\n\nexport function DataTablePagination({\n  className,\n  hasNextPage,\n  ...props\n}: DataTablePaginationProps) {\n  const { table, loading, size } = useDataTable();\n  const { pageIndex, pageSize } = table.getState().pagination;\n  const t = useText();\n  const pages = table.getPageCount();\n  if (pages < 0) {\n    return (\n      <nav\n        aria-label={t('分页', 'Pagination')}\n        className={classes('leaf-data-table__pagination', className)}\n      >\n        <Button\n          size={size}\n          variant=\"outline\"\n          disabled={props.disabled || loading || !table.getCanPreviousPage()}\n          onClick={() => table.previousPage()}\n        >\n          {t('上一页', 'Previous page')}\n        </Button>\n        <span>{pageIndex + 1}</span>\n        <Button\n          size={size}\n          variant=\"outline\"\n          disabled={props.disabled || loading || !(hasNextPage ?? table.getCanNextPage())}\n          onClick={() => table.nextPage()}\n        >\n          {t('下一页', 'Next page')}\n        </Button>\n      </nav>\n    );\n  }\n  const total =\n    table.options.rowCount ??\n    (table.options.manualPagination && table.options.pageCount != null\n      ? pages * pageSize\n      : table.getRowCount());\n  return (\n    <Pagination\n      showSizeChanger\n      size={size}\n      {...props}\n      className={classes('leaf-data-table__pagination', className)}\n      total={total}\n      current={pageIndex + 1}\n      pageSize={pageSize}\n      disabled={props.disabled || loading}\n      onChange={(page, nextSize) =>\n        table.setPagination({ pageIndex: page - 1, pageSize: nextSize })\n      }\n    />\n  );\n}\n\nfunction ManagedDataTable<TData>({\n  data,\n  columns,\n  rowKey,\n  options,\n  ...props\n}: DataTableDataProps<TData>) {\n  const { direction } = useLeafConfig();\n  const records = useMemo(() => [...data], [data]);\n  const table = useReactTable({\n    data: records,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getPaginationRowModel: props.pagination === false ? undefined : getPaginationRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    enableMultiRowSelection: props.selection !== 'single',\n    getRowCanExpand: (row) => Boolean(props.renderExpandedRow || row.subRows.length),\n    columnResizeMode: 'onChange',\n    columnResizeDirection: direction,\n    ...options,\n    getRowId: (row, index) => {\n      const key = typeof rowKey === 'function' ? rowKey(row, index) : row[rowKey];\n      if (typeof key !== 'string' && typeof key !== 'number')\n        throw new Error('DataTable rowKey must resolve to a stable string or number.');\n      return String(key);\n    },\n  });\n  return <DataTableRoot {...props} table={table} />;\n}\n\nfunction DataTableComponent<TData>(props: DataTableProps<TData> | DataTableDataProps<TData>) {\n  return props.table ? (\n    <DataTableRoot {...(props as DataTableProps<TData>)} />\n  ) : (\n    <ManagedDataTable {...(props as DataTableDataProps<TData>)} />\n  );\n}\n\nexport const DataTable = Object.assign(DataTableComponent, {\n  Toolbar: DataTableToolbar,\n  Search: DataTableSearch,\n  ColumnVisibility: DataTableColumnVisibility,\n  Content: DataTableContent,\n  Footer: DataTableFooter,\n  Pagination: DataTablePagination,\n});\n"],"names":["DataTableContext","createContext","useDataTable","value","useContext","Error","DataTableRoot","table","children","caption","size","bordered","striped","stickyHeader","maxHeight","minWidth","loading","emptyContent","error","onRetry","selection","selectAllMode","getRowLabel","renderExpandedRow","getRowProps","getCellProps","resizable","columnReordering","onRowReorder","virtual","pagination","tableRef","className","label","labelledBy","props","id","useId","state","rows","rowReordering","Boolean","Object","row","reorderColumns","column","undefined","cell","info","FieldScope","classes","ReorderScope","kind","activeId","overId","fromIndex","toIndex","activeRow","overRow","next","order","pin","previous","pinned","source","target","DataTableContent","DataTableFooter","DataTablePagination","DataTableToolbar","DataTableSearch","columnId","t","useText","Input","Search","String","event","columnLabel","meta","DataTableColumnVisibility","title","Popover","Checkbox","Button","Columns3","pinProps","ResizeHandle","header","direction","useLeafConfig","min","max","Number","step","delta","Math","SelectionHeader","page","selectable","DataRow","rowIndex","ariaRowIndex","measureRef","config","detailsId","encodeURIComponent","expandable","detail","visited","setVisited","useState","useEffect","cells","utilityCount","custom","element","useRef","node","measure","observer","ResizeObserver","Fragment","ReorderRow","assignRef","Table","ReorderHandle","Radio","ChevronRight","flexRender","VirtualRows","colSpan","headerCount","viewport","tableElement","focusedRowId","rowIndexes","options","headerHeight","focusedIndex","virtualizer","useVirtualizer","index","range","visible","defaultRangeExtractor","Set","first","second","expanded","items","last","bottom","item","gap","setFocusedRowId","columns","headers","totalWidth","lastCenter","status","virtualRows","useMemo","count","indexes","ReorderItems","group","groupIndex","sorted","canSort","SortIcon","ArrowUp","ArrowDown","ArrowUpDown","nextSort","sortLabel","ReorderColumnHeader","hasNextPage","pageIndex","pageSize","pages","total","Pagination","nextSize","ManagedDataTable","data","rowKey","records","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","getExpandedRowModel","key","DataTableComponent","DataTable"],"mappings":"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"}

package/dist/esm/browser/modules/tabs/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Tabs } from "./tabs.js";

package/dist/esm/browser/modules/tabs/tabs.js

@@ -0,0 +1,396 @@
+"use client";
+import '../../../styles/components/tabs.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { Ellipsis, GripVertical, Plus, X } from "lucide-react";
+import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { Dropdown } from "../dropdown/index.js";
+import { classes } from "../shared/classes.js";
+import { animateMotion, useMotionEnabled } from "../shared/motion.js";
+import { useText } from "../shared/use-text.js";
+import { useMovingIndicator } from "./use-moving-indicator.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function Tabs({ items, activeKey, defaultActiveKey, onChange, type = 'line', placement = 'top', size = 'md', activationMode = 'automatic', destroyInactive = false, extra, onClose, onAdd, addLabel, overflow = true, sortable = false, onReorder, className, 'aria-label': label, ...props }) {
+    const { messages, direction } = useLeafConfig();
+    const t = useText();
+    const enabled = items.filter((item)=>!item.disabled);
+    const [internal, setInternal] = useState(defaultActiveKey ?? enabled[0]?.key);
+    const requested = activeKey ?? internal;
+    const selected = enabled.find((item)=>item.key === requested)?.key ?? enabled[0]?.key;
+    const [focused, setFocused] = useState();
+    const focusKey = enabled.some((item)=>item.key === focused) ? focused : selected;
+    const [visited, setVisited] = useState(selected ? [
+        selected
+    ] : []);
+    if (selected && !visited.includes(selected)) setVisited([
+        ...visited,
+        selected
+    ]);
+    const id = useId();
+    const list = useRef(null);
+    const indicator = useRef(null);
+    const panels = useRef(null);
+    const motion = useMotionEnabled();
+    useMovingIndicator(list, indicator, '[data-leaf-indicator-item][data-active="true"]', `${selected}-${placement}-${type}-${direction}`);
+    useTabPanelMotion(panels, selected, items.findIndex((item)=>item.key === selected), placement, direction, motion);
+    const header = useRef(null);
+    const [overflowKeys, setOverflowKeys] = useState([]);
+    const sorting = sortable && Boolean(onReorder);
+    useEffect(()=>{
+        const node = list.current;
+        const container = header.current;
+        if (!overflow || !node || !container) return void setOverflowKeys([]);
+        const measure = ()=>{
+            const horizontal = 'top' === placement || 'bottom' === placement;
+            const entries = Array.from(node.querySelectorAll('[data-tab-key]'));
+            const more = container.querySelector('[data-tabs-more]');
+            const fullSize = (horizontal ? node.clientWidth : node.clientHeight) + (more ? (horizontal ? more.offsetWidth : more.offsetHeight) + 16 : 0);
+            const total = horizontal ? node.scrollWidth : node.scrollHeight;
+            const rect = node.getBoundingClientRect();
+            const keys = total <= fullSize + 1 ? [] : entries.filter((entry)=>{
+                const item = entry.getBoundingClientRect();
+                return horizontal ? item.left < rect.left - 1 || item.right > rect.right + 1 : item.top < rect.top - 1 || item.bottom > rect.bottom + 1;
+            }).map((entry)=>entry.dataset.tabKey ?? '');
+            setOverflowKeys((previous)=>previous.length === keys.length && previous.every((key, index)=>key === keys[index]) ? previous : keys);
+        };
+        measure();
+        const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver(measure);
+        observer?.observe(node);
+        observer?.observe(container);
+        for (const entry of node.children)observer?.observe(entry);
+        node.addEventListener('scroll', measure, {
+            passive: true
+        });
+        window.addEventListener('resize', measure);
+        return ()=>{
+            observer?.disconnect();
+            node.removeEventListener('scroll', measure);
+            window.removeEventListener('resize', measure);
+        };
+    }, [
+        overflow,
+        placement,
+        items
+    ]);
+    const choose = (key)=>{
+        if (!enabled.some((item)=>item.key === key)) return;
+        if (void 0 === activeKey) setInternal(key);
+        if (key !== selected) onChange?.(key);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        className: classes('leaf-tabs', `leaf-tabs--${type}`, `leaf-tabs--${placement}`, `leaf-tabs--${size}`, className),
+        children: [
+            /*#__PURE__*/ jsx(TabDragScope, {
+                enabled: sorting,
+                items: items,
+                onReorder: onReorder,
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "leaf-tabs__header",
+                    ref: header,
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            ref: list,
+                            onBlur: (event)=>{
+                                if (!event.currentTarget.contains(event.relatedTarget)) setFocused(void 0);
+                            },
+                            role: "tablist",
+                            "aria-label": label,
+                            "aria-orientation": 'left' === placement || 'right' === placement ? 'vertical' : 'horizontal',
+                            className: "leaf-tabs__list",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    ref: indicator,
+                                    className: "leaf-tabs__indicator",
+                                    "aria-hidden": "true"
+                                }),
+                                /*#__PURE__*/ jsx(SortableContext, {
+                                    items: items.map((item)=>item.key),
+                                    strategy: 'top' === placement || 'bottom' === placement ? horizontalListSortingStrategy : verticalListSortingStrategy,
+                                    children: items.map((item, index)=>/*#__PURE__*/ jsxs(TabEntry, {
+                                            item: item,
+                                            sortable: sorting,
+                                            className: "leaf-tabs__entry",
+                                            "data-active": item.key === selected || void 0,
+                                            "data-leaf-indicator-item": "",
+                                            children: [
+                                                /*#__PURE__*/ jsxs("button", {
+                                                    id: `${id}-tab-${index}`,
+                                                    type: "button",
+                                                    role: "tab",
+                                                    "aria-selected": item.key === selected,
+                                                    "aria-controls": `${id}-panel-${index}`,
+                                                    disabled: item.disabled,
+                                                    tabIndex: item.key === focusKey ? 0 : -1,
+                                                    className: "leaf-tabs__tab",
+                                                    onFocus: ()=>setFocused(item.key),
+                                                    onClick: ()=>choose(item.key),
+                                                    onKeyDown: (event)=>{
+                                                        let next;
+                                                        const position = enabled.findIndex((entry)=>entry.key === item.key);
+                                                        const forward = 'left' === placement || 'right' === placement ? 'ArrowDown' : 'rtl' === direction ? 'ArrowLeft' : 'ArrowRight';
+                                                        const backward = 'left' === placement || 'right' === placement ? 'ArrowUp' : 'rtl' === direction ? 'ArrowRight' : 'ArrowLeft';
+                                                        if (event.key === forward) next = enabled[(position + 1) % enabled.length]?.key;
+                                                        else if (event.key === backward) next = enabled[(position - 1 + enabled.length) % enabled.length]?.key;
+                                                        else if ('Home' === event.key) next = enabled[0]?.key;
+                                                        else if ('End' === event.key) next = enabled.at(-1)?.key;
+                                                        if (void 0 !== next) {
+                                                            event.preventDefault();
+                                                            setFocused(next);
+                                                            const nextIndex = items.findIndex((entry)=>entry.key === next);
+                                                            list.current?.querySelector(`[id='${id}-tab-${nextIndex}']`)?.focus();
+                                                            if ('automatic' === activationMode) choose(next);
+                                                        }
+                                                    },
+                                                    children: [
+                                                        item.icon && /*#__PURE__*/ jsx("span", {
+                                                            "aria-hidden": "true",
+                                                            children: item.icon
+                                                        }),
+                                                        item.label
+                                                    ]
+                                                }),
+                                                item.closable && /*#__PURE__*/ jsx("button", {
+                                                    type: "button",
+                                                    className: "leaf-tabs__close",
+                                                    disabled: item.disabled || !onClose,
+                                                    "aria-label": `${messages.closeTab} ${'string' == typeof item.label ? item.label : item.key}`,
+                                                    onClick: (event)=>{
+                                                        onClose?.(item.key, event);
+                                                        if (event.defaultPrevented) return;
+                                                        const position = enabled.findIndex((entry)=>entry.key === item.key);
+                                                        const next = item.key === selected ? enabled[position + 1] ?? enabled[position - 1] : enabled.find((entry)=>entry.key === selected);
+                                                        if (next) {
+                                                            if (item.key === selected) choose(next.key);
+                                                            const nextIndex = items.findIndex((entry)=>entry.key === next.key);
+                                                            list.current?.querySelector(`[id='${id}-tab-${nextIndex}']`)?.focus();
+                                                        }
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(X, {
+                                                        size: 13,
+                                                        "aria-hidden": "true"
+                                                    })
+                                                })
+                                            ]
+                                        }, item.key))
+                                })
+                            ]
+                        }),
+                        overflowKeys.length > 0 && /*#__PURE__*/ jsx(Dropdown, {
+                            items: items.filter((item)=>overflowKeys.includes(item.key)).map((item)=>({
+                                    key: item.key,
+                                    label: item.label,
+                                    disabled: item.disabled,
+                                    onClick: ()=>{
+                                        choose(item.key);
+                                        requestAnimationFrame(()=>{
+                                            const target = document.getElementById(`${id}-tab-${items.indexOf(item)}`);
+                                            target?.scrollIntoView?.({
+                                                block: 'nearest',
+                                                inline: 'nearest'
+                                            });
+                                            target?.focus();
+                                        });
+                                    }
+                                })),
+                            children: /*#__PURE__*/ jsx(Button, {
+                                "data-tabs-more": "",
+                                variant: "ghost",
+                                size: size,
+                                startIcon: /*#__PURE__*/ jsx(Ellipsis, {
+                                    size: 16
+                                }),
+                                "aria-label": t('更多标签页', 'More tabs')
+                            })
+                        }),
+                        onAdd && /*#__PURE__*/ jsx(Button, {
+                            variant: "ghost",
+                            size: size,
+                            startIcon: /*#__PURE__*/ jsx(Plus, {
+                                size: 16
+                            }),
+                            "aria-label": addLabel ?? t('添加标签页', 'Add tab'),
+                            onClick: onAdd
+                        }),
+                        extra && /*#__PURE__*/ jsx("div", {
+                            className: "leaf-tabs__extra",
+                            children: extra
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                ref: panels,
+                className: "leaf-tabs__panels",
+                children: items.map((item, index)=>/*#__PURE__*/ jsx("div", {
+                        id: `${id}-panel-${index}`,
+                        role: "tabpanel",
+                        "aria-labelledby": `${id}-tab-${index}`,
+                        hidden: item.key !== selected,
+                        tabIndex: 0,
+                        className: "leaf-tabs__panel",
+                        children: (item.key === selected || !destroyInactive && visited.includes(item.key)) && item.children
+                    }, item.key))
+            })
+        ]
+    });
+}
+function useTabPanelMotion(panels, selected, index, placement, direction, enabled) {
+    const previous = useRef({
+        key: selected,
+        index,
+        height: 0
+    });
+    const animations = useRef([]);
+    const heightAnimation = useRef(void 0);
+    useBrowserLayoutEffect(()=>{
+        const host = panels.current;
+        if (!host) return;
+        const active = host.querySelector('.leaf-tabs__panel:not([hidden])');
+        const interruptedHeight = heightAnimation.current?.playState === 'running' ? host.offsetHeight : previous.current.height;
+        for (const animation of animations.current)animation.cancel();
+        animations.current = [];
+        heightAnimation.current = void 0;
+        host.removeAttribute('data-transitioning');
+        const height = host.offsetHeight;
+        if (enabled && active && previous.current.key !== selected) {
+            const vertical = 'left' === placement || 'right' === placement;
+            const delta = (index >= previous.current.index ? 1 : -1) * (vertical || 'rtl' !== direction ? 1 : -1);
+            const enter = animateMotion(active, [
+                {
+                    opacity: 0,
+                    transform: vertical ? `translateY(${8 * delta}px)` : `translateX(${12 * delta}px)`
+                },
+                {
+                    opacity: 1,
+                    transform: 'translate(0, 0)'
+                }
+            ], {
+                durationMultiplier: 1.25
+            });
+            if (enter) animations.current.push(enter);
+            if (interruptedHeight > 0 && Math.abs(height - interruptedHeight) > 1) {
+                const resize = animateMotion(host, [
+                    {
+                        height: `${interruptedHeight}px`
+                    },
+                    {
+                        height: `${height}px`
+                    }
+                ], {
+                    durationMultiplier: 1.5
+                });
+                if (resize) {
+                    host.dataset.transitioning = 'true';
+                    animations.current.push(resize);
+                    heightAnimation.current = resize;
+                    resize.addEventListener('finish', ()=>host.removeAttribute('data-transitioning'), {
+                        once: true
+                    });
+                }
+            }
+        }
+        previous.current = {
+            key: selected,
+            index,
+            height
+        };
+        const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver(()=>{
+            if (!animations.current.some((animation)=>'running' === animation.playState)) previous.current.height = host.offsetHeight;
+        });
+        if (active) observer?.observe(active);
+        return ()=>observer?.disconnect();
+    }, [
+        panels,
+        selected,
+        index,
+        placement,
+        direction,
+        enabled
+    ]);
+    useEffect(()=>()=>{
+            for (const animation of animations.current)animation.cancel();
+        }, []);
+}
+function TabEntry({ item, sortable, ...props }) {
+    return sortable ? /*#__PURE__*/ jsx(SortableTab, {
+        item: item,
+        ...props
+    }) : /*#__PURE__*/ jsx("div", {
+        ...props,
+        "data-tab-key": item.key
+    });
+}
+function SortableTab({ item, children, ...props }) {
+    const { locale } = useLeafConfig();
+    const motion = useMotionEnabled();
+    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({
+        id: item.key,
+        disabled: item.disabled
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ref: setNodeRef,
+        "data-tab-key": item.key,
+        "data-dragging": isDragging || void 0,
+        style: {
+            ...props.style,
+            transform: CSS.Transform.toString(transform),
+            transition: motion && transition ? 'transform var(--leaf-motion-slow) var(--leaf-motion-easing)' : void 0
+        },
+        children: [
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                ...attributes,
+                ...listeners,
+                ref: setActivatorNodeRef,
+                disabled: item.disabled,
+                className: "leaf-tabs__drag",
+                "aria-label": `${'en-US' === locale ? 'Reorder tab' : '移动标签页'} ${'string' == typeof item.label ? item.label : item.key}`,
+                children: /*#__PURE__*/ jsx(GripVertical, {
+                    size: 13,
+                    "aria-hidden": "true"
+                })
+            }),
+            children
+        ]
+    });
+}
+function TabDragScope({ enabled, items, onReorder, children }) {
+    return enabled ? /*#__PURE__*/ jsx(TabSortScope, {
+        items: items,
+        onReorder: onReorder,
+        children: children
+    }) : children;
+}
+function TabSortScope({ items, onReorder, children }) {
+    const id = useId();
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 6
+        }
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    return /*#__PURE__*/ jsx(DndContext, {
+        id: id,
+        sensors: sensors,
+        collisionDetection: closestCenter,
+        onDragEnd: ({ active, over })=>{
+            if (!over || active.id === over.id) return;
+            const from = items.findIndex((item)=>item.key === active.id);
+            const to = items.findIndex((item)=>item.key === over.id);
+            if (from >= 0 && to >= 0 && !items[to]?.disabled) onReorder?.(arrayMove([
+                ...items
+            ], from, to));
+        },
+        children: children
+    });
+}
+export { Tabs };
+
+//# sourceMappingURL=tabs.js.map

package/dist/esm/browser/modules/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs/tabs.js","sources":["../../../../../src/tabs/tabs.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Ellipsis, GripVertical, Plus, X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Dropdown } from '../dropdown';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\nimport { useMovingIndicator } from './use-moving-indicator';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface TabItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  closable?: boolean;\n}\nexport interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TabItem[];\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (key: string) => void;\n  type?: 'line' | 'card';\n  placement?: 'top' | 'bottom' | 'left' | 'right';\n  size?: ControlSize;\n  activationMode?: 'automatic' | 'manual';\n  destroyInactive?: boolean;\n  extra?: ReactNode;\n  onClose?: (key: string, event: MouseEvent<HTMLButtonElement>) => void;\n  onAdd?: () => void;\n  addLabel?: string;\n  overflow?: boolean;\n  sortable?: boolean;\n  onReorder?: (items: TabItem[]) => void;\n}\nexport function Tabs({\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  type = 'line',\n  placement = 'top',\n  size = 'md',\n  activationMode = 'automatic',\n  destroyInactive = false,\n  extra,\n  onClose,\n  onAdd,\n  addLabel,\n  overflow = true,\n  sortable = false,\n  onReorder,\n  className,\n  'aria-label': label,\n  ...props\n}: TabsProps) {\n  const { messages, direction } = useLeafConfig();\n  const t = useText();\n  const enabled = items.filter((item) => !item.disabled);\n  const [internal, setInternal] = useState(defaultActiveKey ?? enabled[0]?.key);\n  const requested = activeKey ?? internal;\n  const selected = enabled.find((item) => item.key === requested)?.key ?? enabled[0]?.key;\n  const [focused, setFocused] = useState<string>();\n  const focusKey = enabled.some((item) => item.key === focused) ? focused : selected;\n  const [visited, setVisited] = useState<readonly string[]>(selected ? [selected] : []);\n  if (selected && !visited.includes(selected)) setVisited([...visited, selected]);\n  const id = useId();\n  const list = useRef<HTMLDivElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const panels = useRef<HTMLDivElement>(null);\n  const motion = useMotionEnabled();\n  useMovingIndicator(\n    list,\n    indicator,\n    '[data-leaf-indicator-item][data-active=\"true\"]',\n    `${selected}-${placement}-${type}-${direction}`,\n  );\n  useTabPanelMotion(\n    panels,\n    selected,\n    items.findIndex((item) => item.key === selected),\n    placement,\n    direction,\n    motion,\n  );\n  const header = useRef<HTMLDivElement>(null);\n  const [overflowKeys, setOverflowKeys] = useState<string[]>([]);\n  const sorting = sortable && Boolean(onReorder);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Observe the new tab elements after the item list changes.\n  useEffect(() => {\n    const node = list.current;\n    const container = header.current;\n    if (!overflow || !node || !container) {\n      setOverflowKeys([]);\n      return;\n    }\n    const measure = () => {\n      const horizontal = placement === 'top' || placement === 'bottom';\n      const entries = Array.from(node.querySelectorAll<HTMLElement>('[data-tab-key]'));\n      const more = container.querySelector<HTMLElement>('[data-tabs-more]');\n      const fullSize =\n        (horizontal ? node.clientWidth : node.clientHeight) +\n        (more ? (horizontal ? more.offsetWidth : more.offsetHeight) + 16 : 0);\n      const total = horizontal ? node.scrollWidth : node.scrollHeight;\n      const rect = node.getBoundingClientRect();\n      const keys =\n        total <= fullSize + 1\n          ? []\n          : entries\n              .filter((entry) => {\n                const item = entry.getBoundingClientRect();\n                return horizontal\n                  ? item.left < rect.left - 1 || item.right > rect.right + 1\n                  : item.top < rect.top - 1 || item.bottom > rect.bottom + 1;\n              })\n              .map((entry) => entry.dataset.tabKey ?? '');\n      setOverflowKeys((previous) =>\n        previous.length === keys.length && previous.every((key, index) => key === keys[index])\n          ? previous\n          : keys,\n      );\n    };\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(node);\n    observer?.observe(container);\n    for (const entry of node.children) observer?.observe(entry);\n    node.addEventListener('scroll', measure, { passive: true });\n    window.addEventListener('resize', measure);\n    return () => {\n      observer?.disconnect();\n      node.removeEventListener('scroll', measure);\n      window.removeEventListener('resize', measure);\n    };\n  }, [overflow, placement, items]);\n  const choose = (key: string) => {\n    if (!enabled.some((item) => item.key === key)) return;\n    if (activeKey === undefined) setInternal(key);\n    if (key !== selected) onChange?.(key);\n  };\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-tabs',\n        `leaf-tabs--${type}`,\n        `leaf-tabs--${placement}`,\n        `leaf-tabs--${size}`,\n        className,\n      )}\n    >\n      <TabDragScope enabled={sorting} items={items} onReorder={onReorder}>\n        <div className=\"leaf-tabs__header\" ref={header}>\n          <div\n            ref={list}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocused(undefined);\n            }}\n            role=\"tablist\"\n            aria-label={label}\n            aria-orientation={\n              placement === 'left' || placement === 'right' ? 'vertical' : 'horizontal'\n            }\n            className=\"leaf-tabs__list\"\n          >\n            <span ref={indicator} className=\"leaf-tabs__indicator\" aria-hidden=\"true\" />\n            <SortableContext\n              items={items.map((item) => item.key)}\n              strategy={\n                placement === 'top' || placement === 'bottom'\n                  ? horizontalListSortingStrategy\n                  : verticalListSortingStrategy\n              }\n            >\n              {items.map((item, index) => (\n                <TabEntry\n                  item={item}\n                  sortable={sorting}\n                  className=\"leaf-tabs__entry\"\n                  key={item.key}\n                  data-active={item.key === selected || undefined}\n                  data-leaf-indicator-item=\"\"\n                >\n                  <button\n                    id={`${id}-tab-${index}`}\n                    type=\"button\"\n                    role=\"tab\"\n                    aria-selected={item.key === selected}\n                    aria-controls={`${id}-panel-${index}`}\n                    disabled={item.disabled}\n                    tabIndex={item.key === focusKey ? 0 : -1}\n                    className=\"leaf-tabs__tab\"\n                    onFocus={() => setFocused(item.key)}\n                    onClick={() => choose(item.key)}\n                    onKeyDown={(event) => {\n                      let next: string | undefined;\n                      const position = enabled.findIndex((entry) => entry.key === item.key);\n                      const forward =\n                        placement === 'left' || placement === 'right'\n                          ? 'ArrowDown'\n                          : direction === 'rtl'\n                            ? 'ArrowLeft'\n                            : 'ArrowRight';\n                      const backward =\n                        placement === 'left' || placement === 'right'\n                          ? 'ArrowUp'\n                          : direction === 'rtl'\n                            ? 'ArrowRight'\n                            : 'ArrowLeft';\n                      if (event.key === forward)\n                        next = enabled[(position + 1) % enabled.length]?.key;\n                      else if (event.key === backward)\n                        next = enabled[(position - 1 + enabled.length) % enabled.length]?.key;\n                      else if (event.key === 'Home') next = enabled[0]?.key;\n                      else if (event.key === 'End') next = enabled.at(-1)?.key;\n                      if (next !== undefined) {\n                        event.preventDefault();\n                        setFocused(next);\n                        const nextIndex = items.findIndex((entry) => entry.key === next);\n                        list.current\n                          ?.querySelector<HTMLButtonElement>(`[id='${id}-tab-${nextIndex}']`)\n                          ?.focus();\n                        if (activationMode === 'automatic') choose(next);\n                      }\n                    }}\n                  >\n                    {item.icon && <span aria-hidden=\"true\">{item.icon}</span>}\n                    {item.label}\n                  </button>\n                  {item.closable && (\n                    <button\n                      type=\"button\"\n                      className=\"leaf-tabs__close\"\n                      disabled={item.disabled || !onClose}\n                      aria-label={`${messages.closeTab} ${typeof item.label === 'string' ? item.label : item.key}`}\n                      onClick={(event) => {\n                        onClose?.(item.key, event);\n                        if (event.defaultPrevented) return;\n                        const position = enabled.findIndex((entry) => entry.key === item.key);\n                        const next =\n                          item.key === selected\n                            ? (enabled[position + 1] ?? enabled[position - 1])\n                            : enabled.find((entry) => entry.key === selected);\n                        if (next) {\n                          if (item.key === selected) choose(next.key);\n                          const nextIndex = items.findIndex((entry) => entry.key === next.key);\n                          list.current\n                            ?.querySelector<HTMLButtonElement>(`[id='${id}-tab-${nextIndex}']`)\n                            ?.focus();\n                        }\n                      }}\n                    >\n                      <X size={13} aria-hidden=\"true\" />\n                    </button>\n                  )}\n                </TabEntry>\n              ))}\n            </SortableContext>\n          </div>\n          {overflowKeys.length > 0 && (\n            <Dropdown\n              items={items\n                .filter((item) => overflowKeys.includes(item.key))\n                .map((item) => ({\n                  key: item.key,\n                  label: item.label,\n                  disabled: item.disabled,\n                  onClick: () => {\n                    choose(item.key);\n                    requestAnimationFrame(() => {\n                      const target = document.getElementById(`${id}-tab-${items.indexOf(item)}`);\n                      target?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n                      target?.focus();\n                    });\n                  },\n                }))}\n            >\n              <Button\n                data-tabs-more=\"\"\n                variant=\"ghost\"\n                size={size}\n                startIcon={<Ellipsis size={16} />}\n                aria-label={t('更多标签页', 'More tabs')}\n              />\n            </Dropdown>\n          )}\n          {onAdd && (\n            <Button\n              variant=\"ghost\"\n              size={size}\n              startIcon={<Plus size={16} />}\n              aria-label={addLabel ?? t('添加标签页', 'Add tab')}\n              onClick={onAdd}\n            />\n          )}\n          {extra && <div className=\"leaf-tabs__extra\">{extra}</div>}\n        </div>\n      </TabDragScope>\n      <div ref={panels} className=\"leaf-tabs__panels\">\n        {items.map((item, index) => (\n          <div\n            key={item.key}\n            id={`${id}-panel-${index}`}\n            role=\"tabpanel\"\n            aria-labelledby={`${id}-tab-${index}`}\n            hidden={item.key !== selected}\n            // biome-ignore lint/a11y/noNoninteractiveTabindex: Tabpanels are keyboard focus destinations in the ARIA tabs pattern.\n            tabIndex={0}\n            className=\"leaf-tabs__panel\"\n          >\n            {(item.key === selected || (!destroyInactive && visited.includes(item.key))) &&\n              item.children}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction useTabPanelMotion(\n  panels: React.RefObject<HTMLDivElement | null>,\n  selected: string | undefined,\n  index: number,\n  placement: TabsProps['placement'],\n  direction: 'ltr' | 'rtl',\n  enabled: boolean,\n) {\n  const previous = useRef({ key: selected, index, height: 0 });\n  const animations = useRef<Animation[]>([]);\n  const heightAnimation = useRef<Animation | undefined>(undefined);\n  useBrowserLayoutEffect(() => {\n    const host = panels.current;\n    if (!host) return;\n    const active = host.querySelector<HTMLElement>('.leaf-tabs__panel:not([hidden])');\n    const interruptedHeight =\n      heightAnimation.current?.playState === 'running'\n        ? host.offsetHeight\n        : previous.current.height;\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    heightAnimation.current = undefined;\n    host.removeAttribute('data-transitioning');\n    const height = host.offsetHeight;\n    if (enabled && active && previous.current.key !== selected) {\n      const vertical = placement === 'left' || placement === 'right';\n      const delta =\n        (index >= previous.current.index ? 1 : -1) * (vertical || direction !== 'rtl' ? 1 : -1);\n      const enter = animateMotion(\n        active,\n        [\n          {\n            opacity: 0,\n            transform: vertical ? `translateY(${delta * 8}px)` : `translateX(${delta * 12}px)`,\n          },\n          { opacity: 1, transform: 'translate(0, 0)' },\n        ],\n        { durationMultiplier: 1.25 },\n      );\n      if (enter) animations.current.push(enter);\n      if (interruptedHeight > 0 && Math.abs(height - interruptedHeight) > 1) {\n        const resize = animateMotion(\n          host,\n          [{ height: `${interruptedHeight}px` }, { height: `${height}px` }],\n          { durationMultiplier: 1.5 },\n        );\n        if (resize) {\n          host.dataset.transitioning = 'true';\n          animations.current.push(resize);\n          heightAnimation.current = resize;\n          resize.addEventListener('finish', () => host.removeAttribute('data-transitioning'), {\n            once: true,\n          });\n        }\n      }\n    }\n    previous.current = { key: selected, index, height };\n    const observer =\n      typeof ResizeObserver === 'undefined'\n        ? null\n        : new ResizeObserver(() => {\n            if (!animations.current.some((animation) => animation.playState === 'running'))\n              previous.current.height = host.offsetHeight;\n          });\n    if (active) observer?.observe(active);\n    return () => observer?.disconnect();\n  }, [panels, selected, index, placement, direction, enabled]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n}\n\nfunction TabEntry({\n  item,\n  sortable,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { item: TabItem; sortable: boolean }) {\n  return sortable ? (\n    <SortableTab item={item} {...props} />\n  ) : (\n    <div {...props} data-tab-key={item.key} />\n  );\n}\nfunction SortableTab({\n  item,\n  children,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { item: TabItem }) {\n  const { locale } = useLeafConfig();\n  const motion = useMotionEnabled();\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: item.key, disabled: item.disabled });\n  return (\n    <div\n      {...props}\n      ref={setNodeRef}\n      data-tab-key={item.key}\n      data-dragging={isDragging || undefined}\n      style={{\n        ...props.style,\n        transform: CSS.Transform.toString(transform),\n        transition:\n          motion && transition\n            ? 'transform var(--leaf-motion-slow) var(--leaf-motion-easing)'\n            : undefined,\n      }}\n    >\n      <button\n        type=\"button\"\n        {...attributes}\n        {...listeners}\n        ref={setActivatorNodeRef}\n        disabled={item.disabled}\n        className=\"leaf-tabs__drag\"\n        aria-label={`${locale === 'en-US' ? 'Reorder tab' : '移动标签页'} ${typeof item.label === 'string' ? item.label : item.key}`}\n      >\n        <GripVertical size={13} aria-hidden=\"true\" />\n      </button>\n      {children}\n    </div>\n  );\n}\n\nfunction TabDragScope({\n  enabled,\n  items,\n  onReorder,\n  children,\n}: {\n  enabled: boolean;\n  items: readonly TabItem[];\n  onReorder?: (items: TabItem[]) => void;\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <TabSortScope items={items} onReorder={onReorder}>\n      {children}\n    </TabSortScope>\n  ) : (\n    children\n  );\n}\nfunction TabSortScope({\n  items,\n  onReorder,\n  children,\n}: {\n  items: readonly TabItem[];\n  onReorder?: (items: TabItem[]) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragEnd={({ active, over }) => {\n        if (!over || active.id === over.id) return;\n        const from = items.findIndex((item) => item.key === active.id);\n        const to = items.findIndex((item) => item.key === over.id);\n        if (from >= 0 && to >= 0 && !items[to]?.disabled)\n          onReorder?.(arrayMove([...items], from, to));\n      }}\n    >\n      {children}\n    </DndContext>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Tabs","items","activeKey","defaultActiveKey","onChange","type","placement","size","activationMode","destroyInactive","extra","onClose","onAdd","addLabel","overflow","sortable","onReorder","className","label","props","messages","direction","useLeafConfig","t","useText","enabled","item","internal","setInternal","useState","requested","selected","focused","setFocused","focusKey","visited","setVisited","id","useId","list","useRef","indicator","panels","motion","useMotionEnabled","useMovingIndicator","useTabPanelMotion","header","overflowKeys","setOverflowKeys","sorting","Boolean","node","container","measure","horizontal","entries","Array","more","fullSize","total","rect","keys","entry","previous","key","index","observer","ResizeObserver","choose","undefined","classes","TabDragScope","event","SortableContext","horizontalListSortingStrategy","verticalListSortingStrategy","TabEntry","next","position","forward","backward","nextIndex","X","Dropdown","requestAnimationFrame","target","document","Button","Ellipsis","Plus","animations","heightAnimation","host","active","interruptedHeight","animation","height","vertical","delta","enter","animateMotion","Math","resize","SortableTab","children","locale","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","isDragging","useSortable","CSS","GripVertical","TabSortScope","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","over","from","to","arrayMove"],"mappings":"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"}