@skygraph/react 0.0.0-placeholder.0 → 0.5.0

package/dist/chunk-Z5UGF7EO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/complex/DataGrid/DataGrid.tsx","../src/components/complex/DataGrid/useDataGridState.ts"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useCallback, useRef, useMemo, useState } from 'react'\nimport { useVirtualScroll } from '../../../hooks/useVirtualScroll'\nimport { Spin } from '../../ui/Spin'\nimport { Checkbox } from '../../ui/Checkbox'\nimport { useDataGridState } from './useDataGridState'\nimport type {\n  DataGridProps,\n  DataGridRef,\n  CellPosition,\n  CellValue,\n  DataGridColumn,\n  CellEditorProps,\n  DataGridContextMenuItem,\n} from './types'\n\nconst cls = {\n  root: 'sg-datagrid',\n  header: 'sg-datagrid-header',\n  headerCell: 'sg-datagrid-header-cell',\n  body: 'sg-datagrid-body',\n  row: 'sg-datagrid-row',\n  rowEven: 'sg-datagrid-row--even',\n  rowOdd: 'sg-datagrid-row--odd',\n  rowHoverable: 'sg-datagrid-row--hoverable',\n  rowSelected: 'sg-datagrid-row--selected',\n  cell: 'sg-datagrid-cell',\n  cellActive: 'sg-datagrid-cell--active',\n  cellEditing: 'sg-datagrid-cell--editing',\n  cellSelected: 'sg-datagrid-cell--selected',\n  frozen: 'sg-datagrid-cell--frozen',\n  sortable: 'sg-datagrid-header-cell--sortable',\n  sortAsc: 'sg-datagrid-header-cell--asc',\n  sortDesc: 'sg-datagrid-header-cell--desc',\n  resizer: 'sg-datagrid-resizer',\n  empty: 'sg-datagrid-empty',\n  summary: 'sg-datagrid-summary',\n  summaryRow: 'sg-datagrid-summary-row',\n  summaryCell: 'sg-datagrid-summary-cell',\n  contextMenu: 'sg-datagrid-context-menu',\n  contextMenuItem: 'sg-datagrid-context-menu-item',\n  contextMenuDanger: 'sg-datagrid-context-menu-item--danger',\n  contextMenuDisabled: 'sg-datagrid-context-menu-item--disabled',\n  contextMenuDivider: 'sg-datagrid-context-menu-divider',\n  loading: 'sg-datagrid-loading',\n  selectionCell: 'sg-datagrid-selection-cell',\n  rowNumberCell: 'sg-datagrid-row-number-cell',\n  headerDragOver: 'sg-datagrid-header-cell--drag-over',\n}\n\nconst SELECTION_COL_WIDTH = 40\nconst ROW_NUMBER_COL_WIDTH = 48\n\nfunction DefaultEditor({ value, onChange, onCommit, onCancel }: CellEditorProps) {\n  return (\n    <input\n      autoFocus\n      defaultValue={value == null ? '' : String(value)}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onCommit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') onCommit()\n        if (e.key === 'Escape') onCancel()\n      }}\n      style={{\n        width: '100%',\n        height: '100%',\n        border: 'none',\n        outline: 'none',\n        padding: '0 8px',\n        background: 'transparent',\n        font: 'inherit',\n      }}\n    />\n  )\n}\n\nfunction isCellInRange(row: number, col: number, range: { start: CellPosition; end: CellPosition } | null): boolean {\n  if (!range) return false\n  const minRow = Math.min(range.start.row, range.end.row)\n  const maxRow = Math.max(range.start.row, range.end.row)\n  const minCol = Math.min(range.start.col, range.end.col)\n  const maxCol = Math.max(range.start.col, range.end.col)\n  return row >= minRow && row <= maxRow && col >= minCol && col <= maxCol\n}\n\nfunction ContextMenuPopup({\n  items,\n  position,\n  onClose,\n}: {\n  items: DataGridContextMenuItem[]\n  position: { x: number; y: number }\n  onClose: () => void\n}) {\n  const ref = useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) onClose()\n    }\n    document.addEventListener('mousedown', handler)\n    return () => document.removeEventListener('mousedown', handler)\n  }, [onClose])\n\n  // Only the coordinates are runtime-computed; visuals (z-index, padding,\n  // colours, hover, danger/disabled state) live in\n  // `packages/styles/components/context-menu.css` under\n  // `.sg-datagrid-context-menu*`.\n  return (\n    <div\n      ref={ref}\n      className={cls.contextMenu}\n      style={{ position: 'fixed', top: position.y, left: position.x }}\n    >\n      {items.map((item) =>\n        item.divider ? (\n          <div key={item.key} className={cls.contextMenuDivider} />\n        ) : (\n          <div\n            key={item.key}\n            className={[\n              cls.contextMenuItem,\n              item.danger ? cls.contextMenuDanger : '',\n              item.disabled ? cls.contextMenuDisabled : '',\n            ].filter(Boolean).join(' ')}\n            onClick={() => {\n              if (!item.disabled) {\n                item.onClick()\n                onClose()\n              }\n            }}\n          >\n            {item.label}\n          </div>\n        ),\n      )}\n    </div>\n  )\n}\n\nfunction DataGridInner<R extends Record<string, unknown>>(\n  props: DataGridProps<R>,\n  ref: React.ForwardedRef<DataGridRef>,\n) {\n  const {\n    columns,\n    data,\n    rowKey,\n    rowHeight = 36,\n    headerHeight = 40,\n    width = '100%',\n    height = 400,\n    className,\n    style,\n    onCellEdit,\n    sortColumn,\n    sortDirection,\n    onSort,\n    onCopy,\n    onPaste,\n    overscan = 5,\n    locale,\n    rowSelection,\n    selectedRows,\n    onSelectedRowsChange,\n    striped,\n    highlightOnHover = true,\n    showRowNumber,\n    summaryRows,\n    cellClassName,\n    cellStyle: cellStyleFn,\n    columnReorder,\n    onColumnOrderChange,\n    onContextMenu,\n    onRowClick,\n    onRowDoubleClick,\n    rowClassName,\n    loading,\n    emptyContent,\n  } = props\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const state = useDataGridState(columns, data)\n  const {\n    activeCell,\n    setActiveCell,\n    editingCell,\n    startEditing,\n    stopEditing,\n    editValueRef,\n    selection,\n    navigate,\n    resizeColumn,\n    getColumnWidth,\n    columnOrder,\n    reorderColumns,\n    dragColumnRef,\n  } = state\n\n  const [ctxMenu, setCtxMenu] = useState<{\n    items: DataGridContextMenuItem[]\n    position: { x: number; y: number }\n  } | null>(null)\n\n  const [dragOverCol, setDragOverCol] = useState<string | null>(null)\n\n  const { range, containerRef: scrollRef, scrollToIndex } = useVirtualScroll({\n    itemCount: data.length,\n    itemHeight: rowHeight,\n    overscan,\n  })\n\n  const getRowKey = useCallback(\n    (row: R, index: number): React.Key => {\n      if (typeof rowKey === 'function') return rowKey(row, index)\n      return row[rowKey] as React.Key\n    },\n    [rowKey],\n  )\n\n  const frozenLeft = useMemo(\n    () => columns.filter((c) => c.frozen === 'left'),\n    [columns],\n  )\n  const frozenRight = useMemo(\n    () => columns.filter((c) => c.frozen === 'right'),\n    [columns],\n  )\n  const scrollable = useMemo(\n    () => columns.filter((c) => !c.frozen),\n    [columns],\n  )\n\n  const orderedColumns = useMemo(() => {\n    const base = [...frozenLeft, ...scrollable, ...frozenRight]\n    if (!columnOrder) return base\n    const map = new Map(base.map((c) => [c.key, c]))\n    const ordered: DataGridColumn<R>[] = []\n    for (const key of columnOrder) {\n      const col = map.get(key)\n      if (col) ordered.push(col)\n    }\n    for (const col of base) {\n      if (!columnOrder.includes(col.key)) ordered.push(col)\n    }\n    return ordered\n  }, [frozenLeft, scrollable, frozenRight, columnOrder])\n\n  const extraColsWidth = (rowSelection ? SELECTION_COL_WIDTH : 0) + (showRowNumber ? ROW_NUMBER_COL_WIDTH : 0)\n\n  const totalWidth = useMemo(\n    () => orderedColumns.reduce((sum, col) => sum + getColumnWidth(col.key), 0) + extraColsWidth,\n    [orderedColumns, getColumnWidth, extraColsWidth],\n  )\n\n  const allSelected = useMemo(() => {\n    if (!selectedRows || data.length === 0) return false\n    return data.every((row, i) => selectedRows.has(getRowKey(row, i)))\n  }, [selectedRows, data, getRowKey])\n\n  const someSelected = useMemo(() => {\n    if (!selectedRows || data.length === 0) return false\n    const count = data.filter((row, i) => selectedRows.has(getRowKey(row, i))).length\n    return count > 0 && count < data.length\n  }, [selectedRows, data, getRowKey])\n\n  const handleSelectAll = useCallback(() => {\n    if (!onSelectedRowsChange) return\n    if (allSelected) {\n      onSelectedRowsChange(new Set())\n    } else {\n      const all = new Set<React.Key>(data.map((row, i) => getRowKey(row, i)))\n      onSelectedRowsChange(all)\n    }\n  }, [allSelected, data, getRowKey, onSelectedRowsChange])\n\n  const handleSelectRow = useCallback(\n    (row: R, index: number) => {\n      if (!onSelectedRowsChange || !selectedRows) return\n      const key = getRowKey(row, index)\n      const next = new Set(selectedRows)\n      if (next.has(key)) next.delete(key)\n      else next.add(key)\n      onSelectedRowsChange(next)\n    },\n    [getRowKey, onSelectedRowsChange, selectedRows],\n  )\n\n  const handleCellClick = useCallback(\n    (rowIndex: number, colIndex: number) => {\n      if (editingCell) {\n        if (onCellEdit && editValueRef.current !== undefined) {\n          onCellEdit(editingCell.row, orderedColumns[editingCell.col].key, editValueRef.current)\n        }\n        stopEditing()\n      }\n      setActiveCell({ row: rowIndex, col: colIndex })\n    },\n    [editingCell, onCellEdit, editValueRef, orderedColumns, stopEditing, setActiveCell],\n  )\n\n  const handleCellDoubleClick = useCallback(\n    (rowIndex: number, colIndex: number) => {\n      startEditing({ row: rowIndex, col: colIndex })\n    },\n    [startEditing],\n  )\n\n  const handleCommitEdit = useCallback(() => {\n    if (editingCell && onCellEdit && editValueRef.current !== undefined) {\n      onCellEdit(editingCell.row, orderedColumns[editingCell.col].key, editValueRef.current)\n    }\n    stopEditing()\n  }, [editingCell, onCellEdit, editValueRef, orderedColumns, stopEditing])\n\n  const handleCancelEdit = useCallback(() => {\n    stopEditing()\n  }, [stopEditing])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!activeCell) return\n\n      if (editingCell) return\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault()\n          navigate(activeCell, 'up', e.shiftKey)\n          break\n        case 'ArrowDown':\n          e.preventDefault()\n          navigate(activeCell, 'down', e.shiftKey)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          navigate(activeCell, 'left', e.shiftKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          navigate(activeCell, 'right', e.shiftKey)\n          break\n        case 'Enter':\n          e.preventDefault()\n          startEditing(activeCell)\n          break\n        case 'Tab':\n          e.preventDefault()\n          navigate(activeCell, e.shiftKey ? 'left' : 'right')\n          break\n        case 'Escape':\n          setActiveCell(null)\n          break\n        case ' ':\n          if (rowSelection && selectedRows) {\n            e.preventDefault()\n            const row = data[activeCell.row]\n            if (row) handleSelectRow(row, activeCell.row)\n          }\n          break\n        case 'a':\n          if ((e.ctrlKey || e.metaKey) && rowSelection) {\n            e.preventDefault()\n            handleSelectAll()\n          }\n          break\n        case 'c':\n          if ((e.ctrlKey || e.metaKey) && onCopy) {\n            e.preventDefault()\n            const col = orderedColumns[activeCell.col]\n            const val = data[activeCell.row]?.[col.key]\n            onCopy(val == null ? '' : String(val))\n          }\n          break\n        case 'v':\n          if ((e.ctrlKey || e.metaKey) && onPaste) {\n            e.preventDefault()\n            navigator.clipboard?.readText().then((text) => {\n              onPaste(text, activeCell)\n            })\n          }\n          break\n      }\n    },\n    [activeCell, editingCell, navigate, startEditing, setActiveCell, onCopy, onPaste,\n     orderedColumns, data, rowSelection, selectedRows, handleSelectRow, handleSelectAll],\n  )\n\n  const handleSort = useCallback(\n    (col: DataGridColumn<R>) => {\n      if (!col.sortable || !onSort) return\n      const dir = sortColumn === col.key && sortDirection === 'asc' ? 'desc' : 'asc'\n      onSort(col.key, dir)\n    },\n    [sortColumn, sortDirection, onSort],\n  )\n\n  const handleCellContextMenu = useCallback(\n    (e: React.MouseEvent, rowIndex: number, col: DataGridColumn<R>) => {\n      if (!onContextMenu) return\n      e.preventDefault()\n      const row = data[rowIndex]\n      if (!row) return\n      const items = onContextMenu(rowIndex, col.key, row)\n      if (items.length === 0) return\n      setCtxMenu({ items, position: { x: e.clientX, y: e.clientY } })\n    },\n    [onContextMenu, data],\n  )\n\n  const handleHeaderDragStart = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      if (!columnReorder) return\n      dragColumnRef.current = colKey\n      e.dataTransfer.effectAllowed = 'move'\n    },\n    [columnReorder, dragColumnRef],\n  )\n\n  const handleHeaderDragOver = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      if (!columnReorder || !dragColumnRef.current) return\n      e.preventDefault()\n      setDragOverCol(colKey)\n    },\n    [columnReorder, dragColumnRef],\n  )\n\n  const handleHeaderDrop = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      e.preventDefault()\n      if (!columnReorder || !dragColumnRef.current) return\n      const newOrder = reorderColumns(dragColumnRef.current, colKey)\n      dragColumnRef.current = null\n      setDragOverCol(null)\n      onColumnOrderChange?.(newOrder)\n    },\n    [columnReorder, dragColumnRef, reorderColumns, onColumnOrderChange],\n  )\n\n  const handleHeaderDragEnd = useCallback(() => {\n    dragColumnRef.current = null\n    setDragOverCol(null)\n  }, [dragColumnRef])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToRow: scrollToIndex,\n      scrollToColumn: () => {},\n      getActiveCell: () => activeCell,\n      setActiveCell,\n    }),\n    [scrollToIndex, activeCell, setActiveCell],\n  )\n\n  const handleResizeStart = useCallback(\n    (colKey: string, startX: number) => {\n      const startWidth = getColumnWidth(colKey)\n\n      const onMouseMove = (e: MouseEvent) => {\n        const delta = e.clientX - startX\n        resizeColumn(colKey, startWidth + delta)\n      }\n      const onMouseUp = () => {\n        document.removeEventListener('mousemove', onMouseMove)\n        document.removeEventListener('mouseup', onMouseUp)\n      }\n      document.addEventListener('mousemove', onMouseMove)\n      document.addEventListener('mouseup', onMouseUp)\n    },\n    [getColumnWidth, resizeColumn],\n  )\n\n  const renderCell = useCallback(\n    (row: R, rowIndex: number, col: DataGridColumn<R>, colIndex: number) => {\n      const isActive = activeCell?.row === rowIndex && activeCell?.col === colIndex\n      const isEditing = editingCell?.row === rowIndex && editingCell?.col === colIndex\n      const isSelected = isCellInRange(rowIndex, colIndex, selection)\n\n      const rawValue = col.formula\n        ? col.formula(row)\n        : (row[col.key] as CellValue)\n\n      const extraClass = cellClassName?.(rawValue, row, rowIndex, col) ?? ''\n      const extraStyle = cellStyleFn?.(rawValue, row, rowIndex, col)\n\n      const cellClassNames = [\n        cls.cell,\n        isActive ? cls.cellActive : '',\n        isEditing ? cls.cellEditing : '',\n        isSelected ? cls.cellSelected : '',\n        col.frozen ? cls.frozen : '',\n        col.className ?? '',\n        extraClass,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n      const baseCellStyle: React.CSSProperties = {\n        width: getColumnWidth(col.key),\n        minWidth: getColumnWidth(col.key),\n        textAlign: col.align ?? 'left',\n        ...extraStyle,\n      }\n\n      return (\n        <div\n          key={col.key}\n          className={cellClassNames}\n          style={baseCellStyle}\n          onClick={() => handleCellClick(rowIndex, colIndex)}\n          onDoubleClick={() => handleCellDoubleClick(rowIndex, colIndex)}\n          onContextMenu={(e) => handleCellContextMenu(e, rowIndex, col)}\n          role=\"gridcell\"\n          aria-colindex={colIndex + 1 + (rowSelection ? 1 : 0) + (showRowNumber ? 1 : 0)}\n          aria-selected={isActive || isSelected}\n        >\n          {isEditing ? (\n            (col.editor ?? (DefaultEditor as (props: CellEditorProps<R>) => React.ReactNode))({\n              value: rawValue,\n              row,\n              rowIndex,\n              column: col,\n              onChange: (v) => {\n                editValueRef.current = v\n              },\n              onCommit: handleCommitEdit,\n              onCancel: handleCancelEdit,\n            })\n          ) : col.render ? (\n            col.render(rawValue, row, rowIndex)\n          ) : (\n            <span>{rawValue == null ? '' : String(rawValue)}</span>\n          )}\n        </div>\n      )\n    },\n    [\n      activeCell, editingCell, selection, getColumnWidth,\n      handleCellClick, handleCellDoubleClick, handleCommitEdit,\n      handleCancelEdit, editValueRef, cellClassName, cellStyleFn,\n      handleCellContextMenu, rowSelection, showRowNumber,\n    ],\n  )\n\n  const heightValue = typeof height === 'number' ? height : undefined\n  const bodyHeight = heightValue ? heightValue - headerHeight : undefined\n\n  const rootCls = [\n    cls.root,\n    striped ? 'sg-datagrid--striped' : '',\n    loading ? 'sg-datagrid--loading' : '',\n    className ?? '',\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      ref={containerRef}\n      className={rootCls}\n      style={{ width, height, display: 'flex', flexDirection: 'column', position: 'relative', ...style }}\n      onKeyDown={handleKeyDown}\n      tabIndex={0}\n      role=\"grid\"\n      aria-rowcount={data.length}\n      aria-colcount={orderedColumns.length}\n    >\n      {/* Header */}\n      <div\n        className={cls.header}\n        style={{\n          display: 'flex',\n          height: headerHeight,\n          minHeight: headerHeight,\n          minWidth: totalWidth,\n        }}\n        role=\"row\"\n      >\n        {rowSelection && (\n          <div\n            className={`${cls.headerCell} ${cls.selectionCell}`}\n            style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n            role=\"columnheader\"\n          >\n            <Checkbox\n              checked={allSelected}\n              indeterminate={someSelected}\n              onChange={handleSelectAll}\n            />\n          </div>\n        )}\n        {showRowNumber && (\n          <div\n            className={`${cls.headerCell} ${cls.rowNumberCell}`}\n            style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center', userSelect: 'none' }}\n            role=\"columnheader\"\n          >\n            #\n          </div>\n        )}\n        {orderedColumns.map((col) => {\n          const isSorted = sortColumn === col.key\n          const headerCls = [\n            cls.headerCell,\n            col.sortable ? cls.sortable : '',\n            isSorted && sortDirection === 'asc' ? cls.sortAsc : '',\n            isSorted && sortDirection === 'desc' ? cls.sortDesc : '',\n            col.headerClassName ?? '',\n            dragOverCol === col.key ? cls.headerDragOver : '',\n          ]\n            .filter(Boolean)\n            .join(' ')\n\n          return (\n            <div\n              key={col.key}\n              className={headerCls}\n              style={{\n                width: getColumnWidth(col.key),\n                minWidth: getColumnWidth(col.key),\n                position: 'relative',\n                display: 'flex',\n                alignItems: 'center',\n                padding: '0 8px',\n                cursor: col.sortable ? 'pointer' : 'default',\n                userSelect: 'none',\n              }}\n              onClick={() => handleSort(col)}\n              draggable={!!columnReorder}\n              onDragStart={(e) => handleHeaderDragStart(e, col.key)}\n              onDragOver={(e) => handleHeaderDragOver(e, col.key)}\n              onDrop={(e) => handleHeaderDrop(e, col.key)}\n              onDragEnd={handleHeaderDragEnd}\n              onDragLeave={() => setDragOverCol(null)}\n              role=\"columnheader\"\n            >\n              {col.title}\n              {isSorted && (\n                <span style={{ marginLeft: 4, fontSize: 10 }}>\n                  {sortDirection === 'asc' ? '▲' : '▼'}\n                </span>\n              )}\n              {col.resizable !== false && (\n                <div\n                  className={cls.resizer}\n                  style={{\n                    position: 'absolute',\n                    right: 0,\n                    top: 0,\n                    bottom: 0,\n                    width: 4,\n                    cursor: 'col-resize',\n                  }}\n                  onMouseDown={(e) => {\n                    e.stopPropagation()\n                    handleResizeStart(col.key, e.clientX)\n                  }}\n                />\n              )}\n            </div>\n          )\n        })}\n      </div>\n\n      {/* Body */}\n      <div\n        ref={scrollRef as React.RefObject<HTMLDivElement>}\n        className={cls.body}\n        style={{\n          flex: 1,\n          overflow: 'auto',\n          position: 'relative',\n          height: bodyHeight,\n        }}\n      >\n        {data.length === 0 ? (\n          <div className={cls.empty} style={{ padding: 24, textAlign: 'center' }}>\n            {emptyContent ?? locale?.noData ?? 'No data'}\n          </div>\n        ) : (\n          <div style={{ height: range.totalHeight, position: 'relative', minWidth: totalWidth }}>\n            {range.visibleItems.map((vi) => {\n              const row = data[vi.index]\n              if (!row) return null\n              const rKey = getRowKey(row, vi.index)\n              const isRowSelected = selectedRows?.has(rKey) ?? false\n              const rowExtraClass = typeof rowClassName === 'function' ? rowClassName(row, vi.index) : (rowClassName ?? '')\n\n              const rowCls = [\n                cls.row,\n                striped ? (vi.index % 2 === 0 ? cls.rowEven : cls.rowOdd) : '',\n                highlightOnHover ? cls.rowHoverable : '',\n                isRowSelected ? cls.rowSelected : '',\n                rowExtraClass,\n              ].filter(Boolean).join(' ')\n\n              return (\n                <div\n                  key={rKey}\n                  className={rowCls}\n                  style={{\n                    display: 'flex',\n                    position: 'absolute',\n                    top: vi.offsetTop,\n                    height: vi.height,\n                    width: '100%',\n                  }}\n                  role=\"row\"\n                  aria-rowindex={vi.index + 1}\n                  aria-selected={isRowSelected}\n                  onClick={() => onRowClick?.(row, vi.index)}\n                  onDoubleClick={() => onRowDoubleClick?.(row, vi.index)}\n                >\n                  {rowSelection && (\n                    <div\n                      className={`${cls.cell} ${cls.selectionCell}`}\n                      style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n                      onClick={(e) => e.stopPropagation()}\n                    >\n                      <Checkbox\n                        checked={isRowSelected}\n                        onChange={() => handleSelectRow(row, vi.index)}\n                      />\n                    </div>\n                  )}\n                  {showRowNumber && (\n                    <div\n                      className={`${cls.cell} ${cls.rowNumberCell}`}\n                      style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--sg-text-tertiary, #999)' }}\n                    >\n                      {vi.index + 1}\n                    </div>\n                  )}\n                  {orderedColumns.map((col, ci) => renderCell(row, vi.index, col, ci))}\n                </div>\n              )\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Summary Footer */}\n      {summaryRows && summaryRows.length > 0 && data.length > 0 && (\n        <div className={cls.summary} style={{ minWidth: totalWidth }}>\n          {summaryRows.map((sr, sri) => (\n            <div\n              key={sri}\n              className={`${cls.summaryRow} ${sr.className ?? ''}`}\n              style={{ display: 'flex', height: rowHeight }}\n            >\n              {rowSelection && (\n                <div className={`${cls.summaryCell}`} style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH }} />\n              )}\n              {showRowNumber && (\n                <div className={`${cls.summaryCell}`} style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH }} />\n              )}\n              {orderedColumns.map((col) => (\n                <div\n                  key={col.key}\n                  className={cls.summaryCell}\n                  style={{\n                    width: getColumnWidth(col.key),\n                    minWidth: getColumnWidth(col.key),\n                    textAlign: col.align ?? 'left',\n                  }}\n                >\n                  {sr.render(col.key, data)}\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Context Menu */}\n      {ctxMenu && (\n        <ContextMenuPopup\n          items={ctxMenu.items}\n          position={ctxMenu.position}\n          onClose={() => setCtxMenu(null)}\n        />\n      )}\n\n      {/* Loading */}\n      {loading && (\n        <div className={cls.loading} style={{ position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', background: 'rgba(255,255,255,0.6)', zIndex: 10 }}>\n          <Spin size=\"large\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * Virtualized table grid with sortable headers, resizable columns, inline editing,\n * row selection, striped rows, summary footer, context menu, column reorder, and clipboard hooks.\n */\nexport const DataGrid = forwardRef(DataGridInner) as <R extends Record<string, unknown>>(\n  props: DataGridProps<R> & { ref?: React.Ref<DataGridRef> },\n) => React.ReactElement\n","import { useState, useCallback, useRef } from 'react'\nimport type { CellPosition, CellRange, CellValue, DataGridColumn } from './types'\n\n/**\n * Holds active cell, edit session, range selection, column width, and column order state for `DataGrid`.\n */\nexport function useDataGridState<R>(columns: DataGridColumn<R>[], data: R[]) {\n  const [activeCell, setActiveCell] = useState<CellPosition | null>(null)\n  const [editingCell, setEditingCell] = useState<CellPosition | null>(null)\n  const [selection, setSelection] = useState<CellRange | null>(null)\n  const [columnWidths, setColumnWidths] = useState<Map<string, number>>(() => {\n    const map = new Map<string, number>()\n    for (const col of columns) {\n      if (col.width) map.set(col.key, col.width)\n    }\n    return map\n  })\n  const [columnOrder, setColumnOrder] = useState<string[] | null>(null)\n\n  const editValueRef = useRef<CellValue>(undefined)\n  const dragColumnRef = useRef<string | null>(null)\n\n  const startEditing = useCallback(\n    (pos: CellPosition) => {\n      const col = columns[pos.col]\n      if (!col) return\n\n      const isEditable =\n        typeof col.editable === 'function'\n          ? col.editable(data[pos.row], pos.row)\n          : col.editable !== false\n\n      if (!isEditable) return\n\n      editValueRef.current = (data[pos.row] as Record<string, unknown>)[col.key] as CellValue\n      setEditingCell(pos)\n    },\n    [columns, data],\n  )\n\n  const stopEditing = useCallback(() => {\n    setEditingCell(null)\n    editValueRef.current = undefined\n  }, [])\n\n  const navigate = useCallback(\n    (\n      from: CellPosition,\n      direction: 'up' | 'down' | 'left' | 'right',\n      shiftKey = false,\n    ): CellPosition => {\n      let { row, col } = from\n      switch (direction) {\n        case 'up':\n          row = Math.max(0, row - 1)\n          break\n        case 'down':\n          row = Math.min(data.length - 1, row + 1)\n          break\n        case 'left':\n          col = Math.max(0, col - 1)\n          break\n        case 'right':\n          col = Math.min(columns.length - 1, col + 1)\n          break\n      }\n      const next = { row, col }\n\n      if (shiftKey) {\n        setSelection((prev) => ({\n          start: prev?.start ?? from,\n          end: next,\n        }))\n      } else {\n        setSelection(null)\n      }\n\n      setActiveCell(next)\n      return next\n    },\n    [data.length, columns.length],\n  )\n\n  const resizeColumn = useCallback(\n    (key: string, width: number) => {\n      const col = columns.find((c) => c.key === key)\n      const minW = col?.minWidth ?? 50\n      const maxW = col?.maxWidth ?? Infinity\n      const clamped = Math.max(minW, Math.min(maxW, width))\n      setColumnWidths((prev) => new Map(prev).set(key, clamped))\n    },\n    [columns],\n  )\n\n  const getColumnWidth = useCallback(\n    (key: string): number => {\n      return columnWidths.get(key) ?? columns.find((c) => c.key === key)?.width ?? 120\n    },\n    [columnWidths, columns],\n  )\n\n  const reorderColumns = useCallback(\n    (fromKey: string, toKey: string) => {\n      const order = columnOrder ?? columns.map((c) => c.key)\n      const fromIdx = order.indexOf(fromKey)\n      const toIdx = order.indexOf(toKey)\n      if (fromIdx === -1 || toIdx === -1 || fromIdx === toIdx) return order\n      const next = [...order]\n      const [moved] = next.splice(fromIdx, 1)\n      next.splice(toIdx, 0, moved)\n      setColumnOrder(next)\n      return next\n    },\n    [columnOrder, columns],\n  )\n\n  return {\n    activeCell,\n    setActiveCell,\n    editingCell,\n    startEditing,\n    stopEditing,\n    editValueRef,\n    selection,\n    setSelection,\n    navigate,\n    resizeColumn,\n    getColumnWidth,\n    columnOrder,\n    setColumnOrder,\n    reorderColumns,\n    dragColumnRef,\n  }\n}\n"],"mappings":"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","names":["useCallback","useRef","useState","useRef","useState","useCallback"]}

package/dist/chunk-ZJF6SJLP.js

@@ -0,0 +1,200 @@
+import {
+  Spin,
+  useConfig
+} from "./chunk-2OCEO636.js";
+
+// src/components/ui/Input.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Input({
+  value,
+  defaultValue,
+  placeholder,
+  type = "text",
+  readOnly = false,
+  size: sizeProp,
+  disabled: disabledProp,
+  loading,
+  onChange,
+  onBlur,
+  onFocus,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  "aria-describedby": ariaDescribedBy,
+  id,
+  className,
+  style,
+  unstyled
+}) {
+  const config = useConfig();
+  const size = sizeProp ?? config.size ?? "middle";
+  const disabled = disabledProp ?? config.disabled ?? false;
+  const wrapperClasses = unstyled ? className ?? "" : [
+    "sg-input-wrapper",
+    `sg-input-wrapper-${size}`,
+    loading ? "sg-input-wrapper-loading" : "",
+    readOnly ? "sg-input-wrapper-readonly" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const inputClasses = unstyled ? "" : [
+    "sg-input",
+    `sg-input-${size}`,
+    readOnly ? "sg-input-readonly" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("span", { className: wrapperClasses, style, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        type,
+        className: inputClasses,
+        value,
+        defaultValue,
+        placeholder,
+        disabled: disabled || loading,
+        readOnly,
+        "aria-invalid": ariaInvalid,
+        "aria-required": ariaRequired,
+        "aria-readonly": readOnly || void 0,
+        "aria-describedby": ariaDescribedBy,
+        onChange: (e) => onChange?.(e.target.value),
+        onBlur,
+        onFocus
+      }
+    ),
+    loading && /* @__PURE__ */ jsx(Spin, { size: "small", unstyled })
+  ] });
+}
+
+// src/components/ui/Transition.tsx
+import React, { useState, useEffect, useRef, useCallback } from "react";
+function Transition({
+  visible,
+  name = "sg-fade",
+  duration = 200,
+  enterFrom,
+  enterTo,
+  leaveFrom,
+  leaveTo,
+  onAfterEnter,
+  onAfterLeave,
+  children,
+  unmountOnExit = true
+}) {
+  const [mounted, setMounted] = useState(visible);
+  const [phase, setPhase] = useState(visible ? "idle" : "idle");
+  const nodeRef = useRef(null);
+  const timerRef = useRef(void 0);
+  const prevVisible = useRef(visible);
+  const getEnterClasses = useCallback(() => {
+    if (enterFrom && enterTo) return { from: enterFrom, active: `${name}-enter-active`, to: enterTo };
+    return { from: `${name}-enter-from`, active: `${name}-enter-active`, to: `${name}-enter-to` };
+  }, [name, enterFrom, enterTo]);
+  const getLeaveClasses = useCallback(() => {
+    if (leaveFrom && leaveTo) return { from: leaveFrom, active: `${name}-leave-active`, to: leaveTo };
+    return { from: `${name}-leave-from`, active: `${name}-leave-active`, to: `${name}-leave-to` };
+  }, [name, leaveFrom, leaveTo]);
+  useEffect(() => {
+    if (visible === prevVisible.current) return;
+    prevVisible.current = visible;
+    clearTimeout(timerRef.current);
+    if (visible) {
+      setMounted(true);
+      setPhase("enter");
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => setPhase("enter-active"));
+      });
+      timerRef.current = setTimeout(() => {
+        setPhase("idle");
+        onAfterEnter?.();
+      }, duration);
+    } else {
+      setPhase("leave");
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => setPhase("leave-active"));
+      });
+      timerRef.current = setTimeout(() => {
+        setPhase("idle");
+        if (unmountOnExit) setMounted(false);
+        onAfterLeave?.();
+      }, duration);
+    }
+  }, [visible, duration, unmountOnExit, onAfterEnter, onAfterLeave]);
+  useEffect(() => {
+    return () => clearTimeout(timerRef.current);
+  }, []);
+  if (!mounted && unmountOnExit) return null;
+  const enterC = getEnterClasses();
+  const leaveC = getLeaveClasses();
+  let transitionClass = "";
+  switch (phase) {
+    case "enter":
+      transitionClass = `${enterC.from} ${enterC.active}`;
+      break;
+    case "enter-active":
+      transitionClass = `${enterC.to} ${enterC.active}`;
+      break;
+    case "leave":
+      transitionClass = `${leaveC.from} ${leaveC.active}`;
+      break;
+    case "leave-active":
+      transitionClass = `${leaveC.to} ${leaveC.active}`;
+      break;
+  }
+  return React.cloneElement(children, {
+    ref: nodeRef,
+    className: [children.props.className, transitionClass].filter(Boolean).join(" ")
+  });
+}
+
+// src/components/ui/Button.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Button({
+  type = "default",
+  size: sizeProp,
+  disabled: disabledProp,
+  loading,
+  htmlType = "button",
+  danger = false,
+  block = false,
+  onClick,
+  children,
+  className,
+  style,
+  unstyled
+}) {
+  const config = useConfig();
+  const size = sizeProp ?? config.size ?? "middle";
+  const disabled = disabledProp ?? config.disabled ?? false;
+  const classes = unstyled ? className ?? "" : [
+    "sg-button",
+    `sg-button-${type}`,
+    `sg-button-${size}`,
+    danger ? "sg-button-danger" : "",
+    block ? "sg-button-block" : "",
+    loading ? "sg-button-loading" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      type: htmlType,
+      className: classes,
+      style,
+      disabled: disabled || loading,
+      "aria-disabled": disabled || loading,
+      "aria-busy": loading,
+      onClick,
+      children: [
+        loading && /* @__PURE__ */ jsx2(Spin, { size: "small", unstyled }),
+        children
+      ]
+    }
+  );
+}
+
+export {
+  Input,
+  Transition,
+  Button
+};
+//# sourceMappingURL=chunk-ZJF6SJLP.js.map

package/dist/chunk-ZJF6SJLP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Input.tsx","../src/components/ui/Transition.tsx","../src/components/ui/Button.tsx"],"sourcesContent":["import { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, InteractiveProps, SizableProps } from '../../types'\nimport { Spin } from './Spin'\n\n/** Props for the Input component. */\nexport interface InputProps extends BaseComponentProps, InteractiveProps, SizableProps {\n  /** Controlled input value. */\n  value?: string\n  /** Uncontrolled initial value. */\n  defaultValue?: string\n  /** Placeholder text when the field is empty. */\n  placeholder?: string\n  /** Native HTML input type. @default 'text' */\n  type?: 'text' | 'email' | 'password' | 'number'\n  /**\n   * Marks the field as read-only. The value is selectable and submitted\n   * but cannot be edited. Sets the HTML `readonly` attribute,\n   * `aria-readonly=\"true\"`, and adds the `sg-input-readonly` modifier class.\n   * @default false\n   */\n  readOnly?: boolean\n  /** DOM id forwarded to the underlying `<input>`. */\n  id?: string\n  /** Exposes invalid state to assistive technologies. */\n  'aria-invalid'?: boolean | 'false' | 'true' | 'grammar' | 'spelling'\n  /** Marks the field as required for assistive technologies. */\n  'aria-required'?: boolean | 'false' | 'true'\n  /** Connects the input to description / error nodes for assistive technologies. */\n  'aria-describedby'?: string\n  /** Called when the text value changes. */\n  onChange?: (value: string) => void\n  /** Called when the input loses focus. */\n  onBlur?: () => void\n  /** Called when the input gains focus. */\n  onFocus?: () => void\n}\n\n/** Single-line text input with optional loading indicator and configurable HTML type. */\nexport function Input({\n  value,\n  defaultValue,\n  placeholder,\n  type = 'text',\n  readOnly = false,\n  size: sizeProp,\n  disabled: disabledProp,\n  loading,\n  onChange,\n  onBlur,\n  onFocus,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  'aria-describedby': ariaDescribedBy,\n  id,\n  className,\n  style,\n  unstyled,\n}: InputProps) {\n  const config = useConfig()\n  const size = sizeProp ?? config.size ?? 'middle'\n  const disabled = disabledProp ?? config.disabled ?? false\n\n  const wrapperClasses = unstyled\n    ? className ?? ''\n    : [\n        'sg-input-wrapper',\n        `sg-input-wrapper-${size}`,\n        loading ? 'sg-input-wrapper-loading' : '',\n        readOnly ? 'sg-input-wrapper-readonly' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n  const inputClasses = unstyled\n    ? ''\n    : [\n        'sg-input',\n        `sg-input-${size}`,\n        readOnly ? 'sg-input-readonly' : '',\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n  return (\n    <span className={wrapperClasses} style={style}>\n      <input\n        id={id}\n        type={type}\n        className={inputClasses}\n        value={value}\n        defaultValue={defaultValue}\n        placeholder={placeholder}\n        disabled={disabled || loading}\n        readOnly={readOnly}\n        aria-invalid={ariaInvalid}\n        aria-required={ariaRequired}\n        aria-readonly={readOnly || undefined}\n        aria-describedby={ariaDescribedBy}\n        onChange={(e) => onChange?.(e.target.value)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n      />\n      {loading && <Spin size=\"small\" unstyled={unstyled} />}\n    </span>\n  )\n}\n","import React, { useState, useEffect, useRef, useCallback } from 'react'\n\n/** Props for class-based enter/leave animation on a single child element. */\nexport interface TransitionProps {\n  /** When `true`, runs enter; when `false`, runs leave (and may unmount). */\n  visible: boolean\n  /** Base class name prefix for default enter/leave classes (e.g. `sg-fade-enter-from`). @default 'sg-fade' */\n  name?: string\n  /** Animation length in ms before idle phase and after callbacks. @default 200 */\n  duration?: number\n  /** Custom initial class for the enter frame (with `-enter-active`). */\n  enterFrom?: string\n  /** Custom final class for the enter-active frame. */\n  enterTo?: string\n  /** Custom initial class for the leave frame (with `-leave-active`). */\n  leaveFrom?: string\n  /** Custom final class for the leave-active frame. */\n  leaveTo?: string\n  /** Fires once the enter transition timer completes. */\n  onAfterEnter?: () => void\n  /** Fires once the leave transition timer completes. */\n  onAfterLeave?: () => void\n  /** Single React element whose `className` will be merged with transition classes. */\n  children: React.ReactElement<{ className?: string; ref?: React.Ref<HTMLElement> }>\n  /** When `true`, removes the child from the tree after leave; when `false`, keeps it mounted. @default true */\n  unmountOnExit?: boolean\n}\n\ntype Phase = 'idle' | 'enter' | 'enter-active' | 'leave' | 'leave-active'\n\n/**\n * Clones a single child and toggles CSS classes over `duration` when `visible` changes, optionally unmounting after leave.\n */\nexport function Transition({\n  visible,\n  name = 'sg-fade',\n  duration = 200,\n  enterFrom,\n  enterTo,\n  leaveFrom,\n  leaveTo,\n  onAfterEnter,\n  onAfterLeave,\n  children,\n  unmountOnExit = true,\n}: TransitionProps) {\n  const [mounted, setMounted] = useState(visible)\n  const [phase, setPhase] = useState<Phase>(visible ? 'idle' : 'idle')\n  const nodeRef = useRef<HTMLElement | null>(null)\n  const timerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  const prevVisible = useRef(visible)\n\n  const getEnterClasses = useCallback(() => {\n    if (enterFrom && enterTo) return { from: enterFrom, active: `${name}-enter-active`, to: enterTo }\n    return { from: `${name}-enter-from`, active: `${name}-enter-active`, to: `${name}-enter-to` }\n  }, [name, enterFrom, enterTo])\n\n  const getLeaveClasses = useCallback(() => {\n    if (leaveFrom && leaveTo) return { from: leaveFrom, active: `${name}-leave-active`, to: leaveTo }\n    return { from: `${name}-leave-from`, active: `${name}-leave-active`, to: `${name}-leave-to` }\n  }, [name, leaveFrom, leaveTo])\n\n  useEffect(() => {\n    if (visible === prevVisible.current) return\n    prevVisible.current = visible\n    clearTimeout(timerRef.current)\n\n    if (visible) {\n      setMounted(true)\n      setPhase('enter')\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => setPhase('enter-active'))\n      })\n      timerRef.current = setTimeout(() => {\n        setPhase('idle')\n        onAfterEnter?.()\n      }, duration)\n    } else {\n      setPhase('leave')\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => setPhase('leave-active'))\n      })\n      timerRef.current = setTimeout(() => {\n        setPhase('idle')\n        if (unmountOnExit) setMounted(false)\n        onAfterLeave?.()\n      }, duration)\n    }\n  }, [visible, duration, unmountOnExit, onAfterEnter, onAfterLeave])\n\n  useEffect(() => {\n    return () => clearTimeout(timerRef.current)\n  }, [])\n\n  if (!mounted && unmountOnExit) return null\n\n  const enterC = getEnterClasses()\n  const leaveC = getLeaveClasses()\n\n  let transitionClass = ''\n  switch (phase) {\n    case 'enter':\n      transitionClass = `${enterC.from} ${enterC.active}`\n      break\n    case 'enter-active':\n      transitionClass = `${enterC.to} ${enterC.active}`\n      break\n    case 'leave':\n      transitionClass = `${leaveC.from} ${leaveC.active}`\n      break\n    case 'leave-active':\n      transitionClass = `${leaveC.to} ${leaveC.active}`\n      break\n  }\n\n  return React.cloneElement(children, {\n    ref: nodeRef,\n    className: [children.props.className, transitionClass].filter(Boolean).join(' '),\n  })\n}\n","import React from 'react'\nimport { Spin } from './Spin'\nimport { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, InteractiveProps, SizableProps } from '../../types'\n\n/** Props for the Button component. */\nexport interface ButtonProps extends BaseComponentProps, InteractiveProps, SizableProps {\n  /** Visual style variant. @default 'default' */\n  type?: 'default' | 'primary' | 'dashed' | 'text' | 'link'\n  /** Native HTML button type attribute. @default 'button' */\n  htmlType?: 'button' | 'submit' | 'reset'\n  /**\n   * Visually flags a destructive action. Combines with `type` (e.g. a\n   * `danger` `primary` button is solid red, a `danger` `text` is red text).\n   * Adds the `sg-button-danger` modifier class.\n   * @default false\n   */\n  danger?: boolean\n  /** Stretches the button to fill its parent container. @default false */\n  block?: boolean\n  /** Click event handler. */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  /** Button content. */\n  children?: React.ReactNode\n}\n\n/** General-purpose button with multiple visual variants, sizes, and loading state. */\nexport function Button({\n  type = 'default',\n  size: sizeProp,\n  disabled: disabledProp,\n  loading,\n  htmlType = 'button',\n  danger = false,\n  block = false,\n  onClick,\n  children,\n  className,\n  style,\n  unstyled,\n}: ButtonProps) {\n  const config = useConfig()\n  const size = sizeProp ?? config.size ?? 'middle'\n  const disabled = disabledProp ?? config.disabled ?? false\n\n  const classes = unstyled\n    ? className ?? ''\n    : [\n        'sg-button',\n        `sg-button-${type}`,\n        `sg-button-${size}`,\n        danger ? 'sg-button-danger' : '',\n        block ? 'sg-button-block' : '',\n        loading ? 'sg-button-loading' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      style={style}\n      disabled={disabled || loading}\n      aria-disabled={disabled || loading}\n      aria-busy={loading}\n      onClick={onClick}\n    >\n      {loading && <Spin size=\"small\" unstyled={unstyled} />}\n      {children}\n    </button>\n  )\n}\n"],"mappings":";;;;;;AAqFI,SACE,KADF;AA/CG,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAe;AACb,QAAM,SAAS,UAAU;AACzB,QAAM,OAAO,YAAY,OAAO,QAAQ;AACxC,QAAM,WAAW,gBAAgB,OAAO,YAAY;AAEpD,QAAM,iBAAiB,WACnB,aAAa,KACb;AAAA,IACE;AAAA,IACA,oBAAoB,IAAI;AAAA,IACxB,UAAU,6BAA6B;AAAA,IACvC,WAAW,8BAA8B;AAAA,IACzC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEf,QAAM,eAAe,WACjB,KACA;AAAA,IACE;AAAA,IACA,YAAY,IAAI;AAAA,IAChB,WAAW,sBAAsB;AAAA,EACnC,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEf,SACE,qBAAC,UAAK,WAAW,gBAAgB,OAC/B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA,QACA,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,iBAAe,YAAY;AAAA,QAC3B,oBAAkB;AAAA,QAClB,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,QAC1C;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,WAAW,oBAAC,QAAK,MAAK,SAAQ,UAAoB;AAAA,KACrD;AAEJ;;;AC1GA,OAAO,SAAS,UAAU,WAAW,QAAQ,mBAAmB;AAiCzD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAoB;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,OAAO;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB,UAAU,SAAS,MAAM;AACnE,QAAM,UAAU,OAA2B,IAAI;AAC/C,QAAM,WAAW,OAAkD,MAAS;AAC5E,QAAM,cAAc,OAAO,OAAO;AAElC,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,aAAa,QAAS,QAAO,EAAE,MAAM,WAAW,QAAQ,GAAG,IAAI,iBAAiB,IAAI,QAAQ;AAChG,WAAO,EAAE,MAAM,GAAG,IAAI,eAAe,QAAQ,GAAG,IAAI,iBAAiB,IAAI,GAAG,IAAI,YAAY;AAAA,EAC9F,GAAG,CAAC,MAAM,WAAW,OAAO,CAAC;AAE7B,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,aAAa,QAAS,QAAO,EAAE,MAAM,WAAW,QAAQ,GAAG,IAAI,iBAAiB,IAAI,QAAQ;AAChG,WAAO,EAAE,MAAM,GAAG,IAAI,eAAe,QAAQ,GAAG,IAAI,iBAAiB,IAAI,GAAG,IAAI,YAAY;AAAA,EAC9F,GAAG,CAAC,MAAM,WAAW,OAAO,CAAC;AAE7B,YAAU,MAAM;AACd,QAAI,YAAY,YAAY,QAAS;AACrC,gBAAY,UAAU;AACtB,iBAAa,SAAS,OAAO;AAE7B,QAAI,SAAS;AACX,iBAAW,IAAI;AACf,eAAS,OAAO;AAChB,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM,SAAS,cAAc,CAAC;AAAA,MACtD,CAAC;AACD,eAAS,UAAU,WAAW,MAAM;AAClC,iBAAS,MAAM;AACf,uBAAe;AAAA,MACjB,GAAG,QAAQ;AAAA,IACb,OAAO;AACL,eAAS,OAAO;AAChB,4BAAsB,MAAM;AAC1B,8BAAsB,MAAM,SAAS,cAAc,CAAC;AAAA,MACtD,CAAC;AACD,eAAS,UAAU,WAAW,MAAM;AAClC,iBAAS,MAAM;AACf,YAAI,cAAe,YAAW,KAAK;AACnC,uBAAe;AAAA,MACjB,GAAG,QAAQ;AAAA,IACb;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,eAAe,cAAc,YAAY,CAAC;AAEjE,YAAU,MAAM;AACd,WAAO,MAAM,aAAa,SAAS,OAAO;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,WAAW,cAAe,QAAO;AAEtC,QAAM,SAAS,gBAAgB;AAC/B,QAAM,SAAS,gBAAgB;AAE/B,MAAI,kBAAkB;AACtB,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,wBAAkB,GAAG,OAAO,IAAI,IAAI,OAAO,MAAM;AACjD;AAAA,IACF,KAAK;AACH,wBAAkB,GAAG,OAAO,EAAE,IAAI,OAAO,MAAM;AAC/C;AAAA,IACF,KAAK;AACH,wBAAkB,GAAG,OAAO,IAAI,IAAI,OAAO,MAAM;AACjD;AAAA,IACF,KAAK;AACH,wBAAkB,GAAG,OAAO,EAAE,IAAI,OAAO,MAAM;AAC/C;AAAA,EACJ;AAEA,SAAO,MAAM,aAAa,UAAU;AAAA,IAClC,KAAK;AAAA,IACL,WAAW,CAAC,SAAS,MAAM,WAAW,eAAe,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,EACjF,CAAC;AACH;;;AC3DI,SASc,OAAAA,MATd,QAAAC,aAAA;AAjCG,SAAS,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,QAAM,SAAS,UAAU;AACzB,QAAM,OAAO,YAAY,OAAO,QAAQ;AACxC,QAAM,WAAW,gBAAgB,OAAO,YAAY;AAEpD,QAAM,UAAU,WACZ,aAAa,KACb;AAAA,IACE;AAAA,IACA,aAAa,IAAI;AAAA,IACjB,aAAa,IAAI;AAAA,IACjB,SAAS,qBAAqB;AAAA,IAC9B,QAAQ,oBAAoB;AAAA,IAC5B,UAAU,sBAAsB;AAAA,IAChC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEf,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,iBAAe,YAAY;AAAA,MAC3B,aAAW;AAAA,MACX;AAAA,MAEC;AAAA,mBAAW,gBAAAD,KAAC,QAAK,MAAK,SAAQ,UAAoB;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ;","names":["jsx","jsxs"]}

package/dist/common-CdpocIEz.d.cts

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+/** Available component size variants. */
+type SizeType = 'small' | 'middle' | 'large';
+/** Common props shared by all Skygraph components. */
+interface BaseComponentProps {
+    /** Additional CSS class name. */
+    className?: string;
+    /** Inline CSS styles. */
+    style?: React__default.CSSProperties;
+    /** When `true`, all built-in styles are stripped — the component renders bare semantic HTML. */
+    unstyled?: boolean;
+}
+/** Props for components that support disabled / loading states. */
+interface InteractiveProps {
+    /** Disables the component, preventing user interaction. */
+    disabled?: boolean;
+    /** Shows a loading indicator and disables the component. */
+    loading?: boolean;
+}
+/** Props for components that support sizing. */
+interface SizableProps {
+    /** Component size variant. */
+    size?: SizeType;
+}
+
+export type { BaseComponentProps as B, InteractiveProps as I, SizableProps as S, SizeType as a };

package/dist/common-CdpocIEz.d.ts

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+/** Available component size variants. */
+type SizeType = 'small' | 'middle' | 'large';
+/** Common props shared by all Skygraph components. */
+interface BaseComponentProps {
+    /** Additional CSS class name. */
+    className?: string;
+    /** Inline CSS styles. */
+    style?: React__default.CSSProperties;
+    /** When `true`, all built-in styles are stripped — the component renders bare semantic HTML. */
+    unstyled?: boolean;
+}
+/** Props for components that support disabled / loading states. */
+interface InteractiveProps {
+    /** Disables the component, preventing user interaction. */
+    disabled?: boolean;
+    /** Shows a loading indicator and disables the component. */
+    loading?: boolean;
+}
+/** Props for components that support sizing. */
+interface SizableProps {
+    /** Component size variant. */
+    size?: SizeType;
+}
+
+export type { BaseComponentProps as B, InteractiveProps as I, SizableProps as S, SizeType as a };

package/dist/datagrid-B6hg5yJh.d.cts

@@ -0,0 +1,200 @@
+import React__default from 'react';
+
+/** Scalar value stored in or edited for a grid cell. */
+type CellValue = string | number | boolean | null | undefined;
+/** Column definition: display, sizing, sorting, editing, and optional formula. */
+interface DataGridColumn<R = Record<string, unknown>> {
+    /** Field key on each row object. */
+    key: string;
+    /** Header cell content. */
+    title: React__default.ReactNode;
+    /** Initial column width in pixels. */
+    width?: number;
+    /** Minimum width when resizing. */
+    minWidth?: number;
+    /** Maximum width when resizing. */
+    maxWidth?: number;
+    /** Pins the column to the left or right of the scroll body. */
+    frozen?: 'left' | 'right';
+    /** When `false`, disables drag-to-resize on this column. */
+    resizable?: boolean;
+    /** Enables click-to-sort when `onSort` is provided. */
+    sortable?: boolean;
+    /** Enables in-cell editing, or per-row gate via function. */
+    editable?: boolean | ((row: R, rowIndex: number) => boolean);
+    /** Cell text alignment. */
+    align?: 'left' | 'center' | 'right';
+    /** Custom cell body; defaults to stringified `value`. */
+    render?: (value: CellValue, row: R, rowIndex: number) => React__default.ReactNode;
+    /** Custom in-place editor component for this column. */
+    editor?: (props: CellEditorProps<R>) => React__default.ReactNode;
+    /** Derives displayed value without mutating row data. */
+    formula?: (row: R) => CellValue;
+    /** Class name on body cells. */
+    className?: string;
+    /** Class name on the header cell. */
+    headerClassName?: string;
+}
+/** Props passed to a custom cell editor implementation. */
+interface CellEditorProps<R = Record<string, unknown>> {
+    /** Value being edited. */
+    value: CellValue;
+    /** Row record. */
+    row: R;
+    /** Row index in `data`. */
+    rowIndex: number;
+    /** Column definition for this cell. */
+    column: DataGridColumn<R>;
+    /** Updates the draft value (commit via `onCommit`). */
+    onChange: (value: CellValue) => void;
+    /** Accepts the draft and closes the editor. */
+    onCommit: () => void;
+    /** Discards edits and closes the editor. */
+    onCancel: () => void;
+}
+/** Zero-based row and column indices of one cell. */
+interface CellPosition {
+    /** Row index in `data`. */
+    row: number;
+    /** Column index in the rendered column order. */
+    col: number;
+}
+/** Inclusive rectangular selection between two cells. */
+interface CellRange {
+    /** Anchor corner of the range. */
+    start: CellPosition;
+    /** Opposite corner of the range. */
+    end: CellPosition;
+}
+/** Summary row definition for the DataGrid footer. */
+interface DataGridSummaryRow<R = Record<string, unknown>> {
+    /** Returns content for each column key. */
+    render: (columnKey: string, data: R[]) => React__default.ReactNode;
+    /** Optional class for the summary row. */
+    className?: string;
+}
+/** Context menu item for cells. */
+interface DataGridContextMenuItem {
+    key: string;
+    label: React__default.ReactNode;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+    divider?: boolean;
+}
+/** Props for the virtualized keyboard-driven data grid. */
+interface DataGridProps<R = Record<string, unknown>> {
+    /** Column definitions in base order (frozen columns are reordered internally). */
+    columns: DataGridColumn<R>[];
+    /** Row records to render. */
+    data: R[];
+    /** Row React `key` field name or resolver function. */
+    rowKey: keyof R | ((row: R, index: number) => React__default.Key);
+    /**
+     * Body row height in pixels.
+     * @default 36
+     */
+    rowHeight?: number;
+    /**
+     * Header row height in pixels.
+     * @default 40
+     */
+    headerHeight?: number;
+    /**
+     * Grid width.
+     * @default '100%'
+     */
+    width?: number | string;
+    /**
+     * Total grid height including header.
+     * @default 400
+     */
+    height?: number | string;
+    /** Root element class name. */
+    className?: string;
+    /** Root element inline styles. */
+    style?: React__default.CSSProperties;
+    /** Controlled set of selected row keys. */
+    selectedRows?: Set<React__default.Key>;
+    /** Row selection change handler. */
+    onSelectedRowsChange?: (keys: Set<React__default.Key>) => void;
+    /** Persists a cell value after inline edit commit. */
+    onCellEdit?: (rowIndex: number, columnKey: string, value: CellValue) => void;
+    /** Current sort column `key` for header indicators. */
+    sortColumn?: string;
+    /** Current sort direction for `sortColumn`. */
+    sortDirection?: 'asc' | 'desc';
+    /** Request sort by column key and direction. */
+    onSort?: (column: string, direction: 'asc' | 'desc') => void;
+    /** Copy handler for Ctrl/Cmd+C from the active cell. */
+    onCopy?: (data: string) => void;
+    /** Paste handler for Ctrl/Cmd+V into the active cell. */
+    onPaste?: (data: string, target: CellPosition) => void;
+    /** Optional per-keydown hook (not wired in default grid body). */
+    onCellKeyDown?: (e: React__default.KeyboardEvent, cell: CellPosition) => void;
+    /**
+     * Extra rows rendered above/below the viewport for smooth scrolling.
+     * @default 5
+     */
+    overscan?: number;
+    /** Localized strings for empty and selection UI. */
+    locale?: DataGridLocale;
+    /** Shows a checkbox column for row selection. */
+    rowSelection?: boolean;
+    /** Zebra-striped rows. */
+    striped?: boolean;
+    /** Highlight row on hover. @default true */
+    highlightOnHover?: boolean;
+    /** Prepend a row number column. */
+    showRowNumber?: boolean;
+    /** Summary/footer rows at the bottom of the grid. */
+    summaryRows?: DataGridSummaryRow<R>[];
+    /** Conditional class name per cell for styling. */
+    cellClassName?: (value: CellValue, row: R, rowIndex: number, column: DataGridColumn<R>) => string | undefined;
+    /** Conditional inline style per cell. */
+    cellStyle?: (value: CellValue, row: R, rowIndex: number, column: DataGridColumn<R>) => React__default.CSSProperties | undefined;
+    /** Enables column drag reorder. */
+    columnReorder?: boolean;
+    /** Fires after column order changes via drag. */
+    onColumnOrderChange?: (columnKeys: string[]) => void;
+    /** Builds context menu items for right-click on a cell. */
+    onContextMenu?: (rowIndex: number, columnKey: string, row: R) => DataGridContextMenuItem[];
+    /** Called when a row is clicked. */
+    onRowClick?: (row: R, rowIndex: number) => void;
+    /** Called when a row is double-clicked. */
+    onRowDoubleClick?: (row: R, rowIndex: number) => void;
+    /** Row class name or function for conditional row styling. */
+    rowClassName?: string | ((row: R, rowIndex: number) => string);
+    /** Loading overlay. */
+    loading?: boolean;
+    /** Custom empty state content. */
+    emptyContent?: React__default.ReactNode;
+}
+/** Strings for empty state and future selection UI. */
+interface DataGridLocale {
+    /** Message when `data` is empty. */
+    noData?: string;
+    /** Label for select-all control when implemented. */
+    selectAll?: string;
+}
+/** Imperative handles for scroll and focus APIs. */
+interface DataGridRef {
+    /** Scrolls the virtual body so the row index is visible. */
+    scrollToRow: (index: number, align?: 'start' | 'center' | 'end') => void;
+    /** Placeholder for horizontal scroll-to-column (not implemented). */
+    scrollToColumn: (index: number) => void;
+    /** Returns the focused cell position, if any. */
+    getActiveCell: () => CellPosition | null;
+    /** Sets the focused cell or clears focus. */
+    setActiveCell: (pos: CellPosition | null) => void;
+}
+
+/**
+ * Virtualized table grid with sortable headers, resizable columns, inline editing,
+ * row selection, striped rows, summary footer, context menu, column reorder, and clipboard hooks.
+ */
+declare const DataGrid: <R extends Record<string, unknown>>(props: DataGridProps<R> & {
+    ref?: React__default.Ref<DataGridRef>;
+}) => React__default.ReactElement;
+
+export { type CellEditorProps as C, DataGrid as D, type CellPosition as a, type CellRange as b, type CellValue as c, type DataGridColumn as d, type DataGridContextMenuItem as e, type DataGridLocale as f, type DataGridProps as g, type DataGridRef as h, type DataGridSummaryRow as i };