@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-5EZWYEGJ.js

@@ -0,0 +1,1171 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Table.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+
+
+// src/components/Table/icons.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
+var SortIcon = ({ direction }) => {
+  const active = direction !== null;
+  const pathD = direction === "asc" ? _tigercatcore.sortAscIcon16PathD : direction === "desc" ? _tigercatcore.sortDescIcon16PathD : _tigercatcore.sortBothIcon16PathD;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: _tigercatcore.getSortIconClasses.call(void 0, active),
+      width: "16",
+      height: "16",
+      viewBox: _tigercatcore.icon16ViewBox,
+      fill: "currentColor",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: pathD })
+    }
+  );
+};
+var LockIcon = ({ locked }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "14", height: "14", viewBox: _tigercatcore.icon24ViewBox, fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: locked ? _tigercatcore.lockClosedIcon24PathD : _tigercatcore.lockOpenIcon24PathD }) });
+};
+var ExpandIcon = ({ expanded }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: _tigercatcore.getExpandIconClasses.call(void 0, expanded),
+      width: "16",
+      height: "16",
+      viewBox: _tigercatcore.icon16ViewBox,
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.expandChevronIcon16PathD })
+    }
+  );
+};
+var LoadingSpinner = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className: _tigercatcore.getLoadingOverlaySpinnerClasses.call(void 0, ),
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: spinnerSvg.viewBox,
+    children: spinnerSvg.elements.map((el, index) => {
+      if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
+      if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
+      return null;
+    })
+  }
+);
+
+// src/components/Table/state.ts
+
+
+
+
+
+
+
+
+
+
+
+
+function useTableState(input) {
+  const {
+    columns,
+    dataSource,
+    sort,
+    defaultSort,
+    filters,
+    defaultFilters,
+    pagination,
+    rowSelection,
+    expandable,
+    rowKey,
+    editable,
+    editableCells,
+    filterMode,
+    advancedFilterRules,
+    groupBy,
+    exportFormat,
+    exportFilename,
+    measuredColumnWidths,
+    onChange,
+    onRowClick,
+    onSelectionChange,
+    onSortChange,
+    onFilterChange,
+    onPageChange,
+    onExpandChange,
+    onCellChange,
+    onColumnOrderChange,
+    onRowOrderChange,
+    onExport
+  } = input;
+  const isSortControlled = sort !== void 0;
+  const isFiltersControlled = filters !== void 0;
+  const paginationConfig = pagination !== false && typeof pagination === "object" ? pagination : null;
+  const isCurrentPageControlled = _optionalChain([paginationConfig, 'optionalAccess', _ => _.current]) !== void 0;
+  const isPageSizeControlled = _optionalChain([paginationConfig, 'optionalAccess', _2 => _2.pageSize]) !== void 0;
+  const isSelectionControlled = _optionalChain([rowSelection, 'optionalAccess', _3 => _3.selectedRowKeys]) !== void 0 && Array.isArray(rowSelection.selectedRowKeys);
+  const isExpandControlled = _optionalChain([expandable, 'optionalAccess', _4 => _4.expandedRowKeys]) !== void 0 && Array.isArray(expandable.expandedRowKeys);
+  const [uncontrolledSortState, setUncontrolledSortState] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultSort, () => ( { key: null, direction: null }))
+  );
+  const [uncontrolledFilterState, setUncontrolledFilterState] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultFilters, () => ( {}))
+  );
+  const [uncontrolledCurrentPage, setUncontrolledCurrentPage] = _react.useState.call(void 0, 
+    () => _nullishCoalesce(_nullishCoalesce(_optionalChain([paginationConfig, 'optionalAccess', _5 => _5.defaultCurrent]), () => ( _optionalChain([paginationConfig, 'optionalAccess', _6 => _6.current]))), () => ( 1))
+  );
+  const [uncontrolledCurrentPageSize, setUncontrolledCurrentPageSize] = _react.useState.call(void 0, 
+    () => _nullishCoalesce(_nullishCoalesce(_optionalChain([paginationConfig, 'optionalAccess', _7 => _7.defaultPageSize]), () => ( _optionalChain([paginationConfig, 'optionalAccess', _8 => _8.pageSize]))), () => ( 10))
+  );
+  const [uncontrolledSelectedRowKeys, setUncontrolledSelectedRowKeys] = _react.useState.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([rowSelection, 'optionalAccess', _9 => _9.defaultSelectedRowKeys]), () => ( _optionalChain([rowSelection, 'optionalAccess', _10 => _10.selectedRowKeys]))), () => ( [])));
+  const [uncontrolledExpandedRowKeys, setUncontrolledExpandedRowKeys] = _react.useState.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([expandable, 'optionalAccess', _11 => _11.defaultExpandedRowKeys]), () => ( _optionalChain([expandable, 'optionalAccess', _12 => _12.expandedRowKeys]))), () => ( [])));
+  const sortState = isSortControlled ? sort : uncontrolledSortState;
+  const filterState = isFiltersControlled ? filters : uncontrolledFilterState;
+  const currentPage = isCurrentPageControlled ? paginationConfig.current : uncontrolledCurrentPage;
+  const currentPageSize = isPageSizeControlled ? paginationConfig.pageSize : uncontrolledCurrentPageSize;
+  const selectedRowKeys = isSelectionControlled ? rowSelection.selectedRowKeys : uncontrolledSelectedRowKeys;
+  const expandedRowKeys = isExpandControlled ? expandable.expandedRowKeys : uncontrolledExpandedRowKeys;
+  _react.useEffect.call(void 0, () => {
+    if (isSortControlled && sort) {
+      setUncontrolledSortState(sort);
+    }
+  }, [isSortControlled, _optionalChain([sort, 'optionalAccess', _13 => _13.key]), _optionalChain([sort, 'optionalAccess', _14 => _14.direction])]);
+  _react.useEffect.call(void 0, () => {
+    if (isFiltersControlled && filters) {
+      setUncontrolledFilterState(filters);
+    }
+  }, [isFiltersControlled, filters]);
+  _react.useEffect.call(void 0, () => {
+    if (isCurrentPageControlled) {
+      setUncontrolledCurrentPage(paginationConfig.current);
+    }
+  }, [isCurrentPageControlled, _optionalChain([paginationConfig, 'optionalAccess', _15 => _15.current])]);
+  _react.useEffect.call(void 0, () => {
+    if (isPageSizeControlled) {
+      setUncontrolledCurrentPageSize(paginationConfig.pageSize);
+    }
+  }, [isPageSizeControlled, _optionalChain([paginationConfig, 'optionalAccess', _16 => _16.pageSize])]);
+  _react.useEffect.call(void 0, () => {
+    if (isSelectionControlled) {
+      setUncontrolledSelectedRowKeys(_nullishCoalesce(_optionalChain([rowSelection, 'optionalAccess', _17 => _17.selectedRowKeys]), () => ( [])));
+    }
+  }, [isSelectionControlled, _optionalChain([rowSelection, 'optionalAccess', _18 => _18.selectedRowKeys])]);
+  _react.useEffect.call(void 0, () => {
+    if (isExpandControlled) {
+      setUncontrolledExpandedRowKeys(_nullishCoalesce(_optionalChain([expandable, 'optionalAccess', _19 => _19.expandedRowKeys]), () => ( [])));
+    }
+  }, [isExpandControlled, _optionalChain([expandable, 'optionalAccess', _20 => _20.expandedRowKeys])]);
+  const [fixedOverrides, setFixedOverrides] = _react.useState.call(void 0, {});
+  const displayColumns = _react.useMemo.call(void 0, () => {
+    return columns.map((column) => {
+      const hasOverride = Object.prototype.hasOwnProperty.call(fixedOverrides, column.key);
+      return {
+        ...column,
+        fixed: hasOverride ? fixedOverrides[column.key] : column.fixed
+      };
+    });
+  }, [columns, fixedOverrides]);
+  const totalColumnCount = _react.useMemo.call(void 0, () => {
+    let count = displayColumns.length;
+    if (rowSelection && rowSelection.showCheckbox !== false) count++;
+    if (expandable) count++;
+    return count;
+  }, [displayColumns.length, rowSelection, expandable]);
+  const columnByKey = _react.useMemo.call(void 0, () => {
+    const map = {};
+    for (const column of displayColumns) {
+      map[column.key] = column;
+    }
+    return map;
+  }, [displayColumns]);
+  const fixedColumnsInfo = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getFixedColumnOffsets.call(void 0, displayColumns, measuredColumnWidths),
+    [displayColumns, measuredColumnWidths]
+  );
+  function toggleColumnLock(columnKey) {
+    setFixedOverrides((prev) => {
+      const original = _optionalChain([columns, 'access', _21 => _21.find, 'call', _22 => _22((c) => c.key === columnKey), 'optionalAccess', _23 => _23.fixed]);
+      const current = Object.prototype.hasOwnProperty.call(prev, columnKey) ? prev[columnKey] : original;
+      const isLocked = current === "left" || current === "right";
+      return {
+        ...prev,
+        [columnKey]: isLocked ? false : "left"
+      };
+    });
+  }
+  const processedData = _react.useMemo.call(void 0, () => {
+    let data = dataSource;
+    if (filterMode === "advanced" && advancedFilterRules.length > 0) {
+      data = _tigercatcore.filterDataAdvanced.call(void 0, data, advancedFilterRules);
+    } else {
+      data = _tigercatcore.filterData.call(void 0, data, filterState);
+    }
+    if (sortState.key && sortState.direction) {
+      const column = columnByKey[sortState.key];
+      data = _tigercatcore.sortData.call(void 0, data, sortState.key, sortState.direction, _optionalChain([column, 'optionalAccess', _24 => _24.sortFn]));
+    }
+    return data;
+  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
+  const paginatedData = _react.useMemo.call(void 0, () => {
+    if (pagination === false) {
+      return processedData;
+    }
+    return _tigercatcore.paginateData.call(void 0, processedData, currentPage, currentPageSize);
+  }, [processedData, currentPage, currentPageSize, pagination]);
+  const pageRowKeys = _react.useMemo.call(void 0, 
+    () => _tigercatcore.createTableRowKeyCache.call(void 0, rowKey).getMany(paginatedData),
+    [paginatedData, rowKey]
+  );
+  const selectedRowKeySet = _react.useMemo.call(void 0, 
+    () => new Set(selectedRowKeys),
+    [selectedRowKeys]
+  );
+  const expandedRowKeySet = _react.useMemo.call(void 0, 
+    () => new Set(expandedRowKeys),
+    [expandedRowKeys]
+  );
+  const paginationInfo = _react.useMemo.call(void 0, () => {
+    if (pagination === false) {
+      return null;
+    }
+    const total = _optionalChain([paginationConfig, 'optionalAccess', _25 => _25.total]) !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : processedData.length;
+    return _tigercatcore.calculatePagination.call(void 0, total, currentPage, currentPageSize);
+  }, [processedData.length, currentPage, currentPageSize, pagination, _optionalChain([paginationConfig, 'optionalAccess', _26 => _26.total])]);
+  function handleSort(columnKey) {
+    const column = columnByKey[columnKey];
+    if (!column || !column.sortable) return;
+    let newDirection = "asc";
+    if (sortState.key === columnKey) {
+      if (sortState.direction === "asc") {
+        newDirection = "desc";
+      } else if (sortState.direction === "desc") {
+        newDirection = null;
+      }
+    }
+    const newSortState = {
+      key: newDirection ? columnKey : null,
+      direction: newDirection
+    };
+    if (!isSortControlled) {
+      setUncontrolledSortState(newSortState);
+    }
+    _optionalChain([onSortChange, 'optionalCall', _27 => _27(newSortState)]);
+    _optionalChain([onChange, 'optionalCall', _28 => _28({
+      sort: newSortState,
+      filters: filterState,
+      pagination: pagination !== false ? { current: currentPage, pageSize: currentPageSize } : null
+    })]);
+  }
+  function handleFilter(columnKey, value) {
+    const newFilterState = { ...filterState, [columnKey]: value };
+    if (!isFiltersControlled) {
+      setUncontrolledFilterState(newFilterState);
+    }
+    setUncontrolledCurrentPage(1);
+    _optionalChain([onFilterChange, 'optionalCall', _29 => _29(newFilterState)]);
+    _optionalChain([onChange, 'optionalCall', _30 => _30({
+      sort: sortState,
+      filters: newFilterState,
+      pagination: pagination !== false ? { current: 1, pageSize: currentPageSize } : null
+    })]);
+  }
+  function handlePageChange(page) {
+    setUncontrolledCurrentPage(page);
+    _optionalChain([onPageChange, 'optionalCall', _31 => _31({ current: page, pageSize: currentPageSize })]);
+    _optionalChain([onChange, 'optionalCall', _32 => _32({
+      sort: sortState,
+      filters: filterState,
+      pagination: { current: page, pageSize: currentPageSize }
+    })]);
+  }
+  function handlePageSizeChange(pageSize) {
+    setUncontrolledCurrentPageSize(pageSize);
+    setUncontrolledCurrentPage(1);
+    _optionalChain([onPageChange, 'optionalCall', _33 => _33({ current: 1, pageSize })]);
+    _optionalChain([onChange, 'optionalCall', _34 => _34({
+      sort: sortState,
+      filters: filterState,
+      pagination: { current: 1, pageSize }
+    })]);
+  }
+  function handleToggleExpand(key, record) {
+    const isExpanded = expandedRowKeySet.has(key);
+    const newKeys = isExpanded ? expandedRowKeys.filter((k) => k !== key) : [...expandedRowKeys, key];
+    if (!isExpandControlled) {
+      setUncontrolledExpandedRowKeys(newKeys);
+    }
+    _optionalChain([onExpandChange, 'optionalCall', _35 => _35(newKeys, record, !isExpanded)]);
+  }
+  function handleRowClick(record, index, key) {
+    _optionalChain([onRowClick, 'optionalCall', _36 => _36(record, index)]);
+    if (_optionalChain([expandable, 'optionalAccess', _37 => _37.expandRowByClick])) {
+      const isExpandableRow = _optionalChain([expandable, 'optionalAccess', _38 => _38.rowExpandable]) ? expandable.rowExpandable(record) : true;
+      if (isExpandableRow) {
+        handleToggleExpand(key, record);
+      }
+    }
+  }
+  function handleSelectRow(key, checked) {
+    let newKeys;
+    if (_optionalChain([rowSelection, 'optionalAccess', _39 => _39.type]) === "radio") {
+      newKeys = checked ? [key] : [];
+    } else {
+      if (checked) {
+        newKeys = [...selectedRowKeys, key];
+      } else {
+        newKeys = selectedRowKeys.filter((k) => k !== key);
+      }
+    }
+    if (!isSelectionControlled) {
+      setUncontrolledSelectedRowKeys(newKeys);
+    }
+    _optionalChain([onSelectionChange, 'optionalCall', _40 => _40(newKeys)]);
+  }
+  function handleSelectAll(checked) {
+    if (checked) {
+      const newKeys = pageRowKeys;
+      if (!isSelectionControlled) {
+        setUncontrolledSelectedRowKeys(newKeys);
+      }
+      _optionalChain([onSelectionChange, 'optionalCall', _41 => _41(newKeys)]);
+    } else {
+      if (!isSelectionControlled) {
+        setUncontrolledSelectedRowKeys([]);
+      }
+      _optionalChain([onSelectionChange, 'optionalCall', _42 => _42([])]);
+    }
+  }
+  const allSelected = _react.useMemo.call(void 0, () => {
+    if (pageRowKeys.length === 0) return false;
+    return pageRowKeys.every((key) => selectedRowKeySet.has(key));
+  }, [pageRowKeys, selectedRowKeySet]);
+  const someSelected = _react.useMemo.call(void 0, 
+    () => selectedRowKeys.length > 0 && !allSelected,
+    [selectedRowKeys.length, allSelected]
+  );
+  const [editingCell, setEditingCell] = _react.useState.call(void 0, 
+    null
+  );
+  const [editingValue, setEditingValue] = _react.useState.call(void 0, "");
+  function isCellEditable(columnKey, rowIndex) {
+    if (!editable) return false;
+    if (!editableCells) return true;
+    return !!_optionalChain([editableCells, 'access', _43 => _43.get, 'call', _44 => _44(columnKey), 'optionalAccess', _45 => _45.has, 'call', _46 => _46(rowIndex)]);
+  }
+  function startEditing(rowIndex, columnKey, currentValue) {
+    setEditingCell({ rowIndex, columnKey });
+    setEditingValue(String(_nullishCoalesce(currentValue, () => ( ""))));
+  }
+  function commitEdit() {
+    if (editingCell) {
+      _optionalChain([onCellChange, 'optionalCall', _47 => _47(editingCell.rowIndex, editingCell.columnKey, editingValue)]);
+      setEditingCell(null);
+    }
+  }
+  function cancelEdit() {
+    setEditingCell(null);
+  }
+  function handleExport() {
+    const content = _tigercatcore.exportTableData.call(void 0, displayColumns, processedData, exportFormat);
+    _tigercatcore.downloadTableExport.call(void 0, content, exportFilename, exportFormat);
+    _optionalChain([onExport, 'optionalCall', _48 => _48(content)]);
+  }
+  const [dragColumnKey, setDragColumnKey] = _react.useState.call(void 0, null);
+  function handleDragStart(columnKey) {
+    setDragColumnKey(columnKey);
+  }
+  function handleDrop(targetKey) {
+    if (!dragColumnKey || dragColumnKey === targetKey) return;
+    const cols = [...displayColumns];
+    const fromIdx = cols.findIndex((c) => c.key === dragColumnKey);
+    const toIdx = cols.findIndex((c) => c.key === targetKey);
+    if (fromIdx >= 0 && toIdx >= 0) {
+      const [moved] = cols.splice(fromIdx, 1);
+      cols.splice(toIdx, 0, moved);
+      _optionalChain([onColumnOrderChange, 'optionalCall', _49 => _49(cols)]);
+    }
+    setDragColumnKey(null);
+  }
+  const [dragRowKey, setDragRowKey] = _react.useState.call(void 0, null);
+  function handleRowDragStart(rowKeyValue) {
+    setDragRowKey(rowKeyValue);
+  }
+  function handleRowDrop(targetKey) {
+    if (dragRowKey === null || dragRowKey === targetKey) return;
+    const rows = [...paginatedData];
+    const fromIdx = pageRowKeys.findIndex((key) => key === dragRowKey);
+    const toIdx = pageRowKeys.findIndex((key) => key === targetKey);
+    if (fromIdx >= 0 && toIdx >= 0) {
+      const [moved] = rows.splice(fromIdx, 1);
+      rows.splice(toIdx, 0, moved);
+      _optionalChain([onRowOrderChange, 'optionalCall', _50 => _50(rows)]);
+    }
+    setDragRowKey(null);
+  }
+  const groupedData = _react.useMemo.call(void 0, () => {
+    if (!groupBy) return null;
+    return _tigercatcore.groupDataByColumn.call(void 0, paginatedData, groupBy);
+  }, [groupBy, paginatedData]);
+  return {
+    paginationConfig,
+    displayColumns,
+    fixedColumnsInfo,
+    processedData,
+    paginatedData,
+    pageRowKeys,
+    selectedRowKeySet,
+    expandedRowKeySet,
+    totalColumnCount,
+    paginationInfo,
+    allSelected,
+    someSelected,
+    groupedData,
+    sortState,
+    currentPage,
+    currentPageSize,
+    editingCell,
+    editingValue,
+    setEditingValue,
+    toggleColumnLock,
+    handleSort,
+    handleFilter,
+    handlePageChange,
+    handlePageSizeChange,
+    handleRowClick,
+    handleToggleExpand,
+    handleSelectRow,
+    handleSelectAll,
+    isCellEditable,
+    startEditing,
+    commitEdit,
+    cancelEdit,
+    handleExport,
+    handleDragStart,
+    handleDrop,
+    handleRowDragStart,
+    handleRowDrop
+  };
+}
+
+// src/components/Table/render-header.tsx
+
+
+
+
+
+
+
+
+function renderTableHeader(ctx, view) {
+  const { size, stickyHeader, rowSelection, expandable, columnLockable, columnDraggable } = view;
+  const expandHeaderTh = expandable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: _tigercatcore.getExpandIconCellClasses.call(void 0, size), "aria-label": "Expand" }) : null;
+  const expandAtStart = _optionalChain([expandable, 'optionalAccess', _51 => _51.expandIconPosition]) !== "end";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: _tigercatcore.getTableHeaderClasses.call(void 0, stickyHeader), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+    expandAtStart && expandHeaderTh,
+    rowSelection && rowSelection.showCheckbox !== false && rowSelection.type !== "radio" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: _tigercatcore.getCheckboxCellClasses.call(void 0, size), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "checkbox",
+        className: "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
+        checked: ctx.allSelected,
+        ref: (el) => {
+          if (el) el.indeterminate = ctx.someSelected;
+        },
+        onChange: (e) => ctx.handleSelectAll(e.target.checked)
+      }
+    ) }),
+    ctx.displayColumns.map((column) => {
+      const isSorted = ctx.sortState.key === column.key;
+      const sortDirection = isSorted ? ctx.sortState.direction : null;
+      const ariaSort = column.sortable ? sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none" : void 0;
+      const isFixedLeft = column.fixed === "left";
+      const isFixedRight = column.fixed === "right";
+      const fixedStyle = isFixedLeft ? {
+        position: "sticky",
+        left: `${ctx.fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
+        zIndex: 15
+      } : isFixedRight ? {
+        position: "sticky",
+        right: `${ctx.fixedColumnsInfo.rightOffsets[column.key] || 0}px`,
+        zIndex: 15
+      } : void 0;
+      const widthStyle = column.width ? {
+        width: typeof column.width === "number" ? `${column.width}px` : column.width
+      } : void 0;
+      const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "th",
+        {
+          "data-tiger-table-column-key": column.key,
+          "aria-sort": ariaSort,
+          className: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.getTableHeaderCellClasses.call(void 0, 
+              size,
+              column.align || "left",
+              !!column.sortable,
+              column.headerClassName
+            ),
+            (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
+          ),
+          style,
+          draggable: columnDraggable ? true : void 0,
+          onDragStart: columnDraggable ? () => ctx.handleDragStart(column.key) : void 0,
+          onDragOver: columnDraggable ? (e) => e.preventDefault() : void 0,
+          onDrop: columnDraggable ? () => ctx.handleDrop(column.key) : void 0,
+          onClick: column.sortable ? () => ctx.handleSort(column.key) : void 0,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+              column.renderHeader ? column.renderHeader() : column.title,
+              columnLockable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  "aria-label": column.fixed === "left" || column.fixed === "right" ? `Unlock column ${column.title}` : `Lock column ${column.title}`,
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "inline-flex items-center",
+                    column.fixed === "left" || column.fixed === "right" ? "text-[var(--tiger-primary,#2563eb)]" : "text-gray-400 hover:text-gray-700"
+                  ),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    ctx.toggleColumnLock(column.key);
+                  },
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LockIcon, { locked: column.fixed === "left" || column.fixed === "right" })
+                }
+              ),
+              column.sortable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIcon, { direction: sortDirection })
+            ] }),
+            column.filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: column.filter.type === "select" && column.filter.options ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "select",
+              {
+                className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
+                onChange: (e) => ctx.handleFilter(column.key, e.target.value),
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: "", children: "All" }),
+                  column.filter.options.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: opt.value, children: opt.label }, opt.value))
+                ]
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "input",
+              {
+                type: "text",
+                className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
+                placeholder: column.filter.placeholder || "Filter...",
+                onInput: (e) => ctx.handleFilter(column.key, e.target.value),
+                onClick: (e) => e.stopPropagation()
+              }
+            ) })
+          ]
+        },
+        column.key
+      );
+    }),
+    !expandAtStart && expandHeaderTh
+  ] }) });
+}
+
+// src/components/Table/render-body.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function renderTableBody(ctx, view) {
+  const {
+    size,
+    hoverable,
+    striped,
+    loading,
+    emptyText,
+    rowSelection,
+    expandable,
+    rowClassName,
+    rowDraggable
+  } = view;
+  if (loading) {
+    return null;
+  }
+  if (ctx.paginatedData.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { colSpan: ctx.totalColumnCount, className: _tigercatcore.tableEmptyStateClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", "aria-live": "polite", children: emptyText }) }) }) });
+  }
+  function getDelegatedRow(event) {
+    const row = _optionalChain([event, 'access', _52 => _52.target, 'optionalAccess', _53 => _53.closest, 'call', _54 => _54(
+      "tr[data-tiger-table-row-index]"
+    )]);
+    if (!row) return null;
+    const index = Number(row.dataset.tigerTableRowIndex);
+    if (!Number.isInteger(index)) return null;
+    const record = ctx.paginatedData[index];
+    const key = ctx.pageRowKeys[index];
+    if (!record || key === void 0) return null;
+    return { key, record, index };
+  }
+  function handleBodyClick(event) {
+    const row = getDelegatedRow(event);
+    if (!row) return;
+    ctx.handleRowClick(row.record, row.index, row.key);
+  }
+  function handleBodyDragStart(event) {
+    if (!rowDraggable) return;
+    const row = getDelegatedRow(event);
+    if (!row) return;
+    ctx.handleRowDragStart(row.key);
+  }
+  function handleBodyDragOver(event) {
+    if (!rowDraggable) return;
+    event.preventDefault();
+  }
+  function handleBodyDrop(event) {
+    if (!rowDraggable) return;
+    const row = getDelegatedRow(event);
+    if (!row) return;
+    ctx.handleRowDrop(row.key);
+  }
+  function renderDataRow(record, index) {
+    const key = ctx.pageRowKeys[index];
+    const isSelected = ctx.selectedRowKeySet.has(key);
+    const isExpanded = ctx.expandedRowKeySet.has(key);
+    const isRowExpandable = expandable ? expandable.rowExpandable ? expandable.rowExpandable(record) : true : false;
+    const rowClass = typeof rowClassName === "function" ? rowClassName(record, index) : rowClassName;
+    const expandToggleCell = expandable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: _tigercatcore.getExpandIconCellClasses.call(void 0, size), children: isRowExpandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "inline-flex items-center justify-center",
+        "aria-label": isExpanded ? "Collapse row" : "Expand row",
+        "aria-expanded": isExpanded,
+        onClick: (e) => {
+          e.stopPropagation();
+          ctx.handleToggleExpand(key, record);
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExpandIcon, { expanded: isExpanded })
+      }
+    ) }) : null;
+    const expandAtStart = _optionalChain([expandable, 'optionalAccess', _55 => _55.expandIconPosition]) !== "end";
+    const rowNode = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "tr",
+      {
+        "data-tiger-table-row-index": index,
+        className: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.getTableRowClasses.call(void 0, hoverable, striped, index % 2 === 0, rowClass),
+          ctx.fixedColumnsInfo.hasFixedColumns && "group"
+        ),
+        draggable: rowDraggable ? true : void 0,
+        children: [
+          expandAtStart && expandToggleCell,
+          rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: _tigercatcore.getCheckboxCellClasses.call(void 0, size), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              type: _optionalChain([rowSelection, 'optionalAccess', _56 => _56.type]) === "radio" ? "radio" : "checkbox",
+              className: _optionalChain([rowSelection, 'optionalAccess', _57 => _57.type]) === "radio" ? "border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]" : "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
+              checked: isSelected,
+              disabled: _optionalChain([rowSelection, 'optionalAccess', _58 => _58.getCheckboxProps, 'optionalCall', _59 => _59(record), 'optionalAccess', _60 => _60.disabled]),
+              onChange: (e) => ctx.handleSelectRow(key, e.target.checked),
+              onClick: (e) => e.stopPropagation()
+            }
+          ) }),
+          ctx.displayColumns.map((column) => {
+            const dataKey = column.dataKey || column.key;
+            const cellValue = record[dataKey];
+            const isFixedLeft = column.fixed === "left";
+            const isFixedRight = column.fixed === "right";
+            const fixedStyle = isFixedLeft ? {
+              position: "sticky",
+              left: `${ctx.fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
+              zIndex: 10
+            } : isFixedRight ? {
+              position: "sticky",
+              right: `${ctx.fixedColumnsInfo.rightOffsets[column.key] || 0}px`,
+              zIndex: 10
+            } : void 0;
+            const widthStyle = column.width ? {
+              width: typeof column.width === "number" ? `${column.width}px` : column.width
+            } : void 0;
+            const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
+            const stickyBgClass = striped && index % 2 === 0 ? "bg-[var(--tiger-surface-muted,#f9fafb)]/50" : "bg-[var(--tiger-surface,#ffffff)]";
+            const stickyCellClass = isFixedLeft || isFixedRight ? _tigercatcore.classNames.call(void 0, 
+              stickyBgClass,
+              hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+            ) : void 0;
+            const isEditing = _optionalChain([ctx, 'access', _61 => _61.editingCell, 'optionalAccess', _62 => _62.rowIndex]) === index && _optionalChain([ctx, 'access', _63 => _63.editingCell, 'optionalAccess', _64 => _64.columnKey]) === column.key;
+            const cellEditable = ctx.isCellEditable(column.key, index);
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "td",
+              {
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.getTableCellClasses.call(void 0, size, column.align || "left", column.className),
+                  stickyCellClass,
+                  cellEditable && _tigercatcore.getEditableCellClasses.call(void 0, !!isEditing)
+                ),
+                style,
+                onDoubleClick: cellEditable ? () => ctx.startEditing(index, column.key, cellValue) : void 0,
+                children: isEditing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "input",
+                  {
+                    className: _tigercatcore.editableCellInputClasses,
+                    value: ctx.editingValue,
+                    onChange: (e) => ctx.setEditingValue(e.target.value),
+                    onBlur: ctx.commitEdit,
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") ctx.commitEdit();
+                      if (e.key === "Escape") ctx.cancelEdit();
+                    },
+                    autoFocus: true
+                  }
+                ) : column.render ? column.render(record, index) : cellValue
+              },
+              column.key
+            );
+          }),
+          !expandAtStart && expandToggleCell
+        ]
+      },
+      key
+    );
+    if (expandable && isExpanded && isRowExpandable) {
+      const expandedContent = expandable.expandedRowRender ? expandable.expandedRowRender(record, index) : null;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+        rowNode,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { className: _tigercatcore.getExpandedRowClasses.call(void 0, ), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { colSpan: ctx.totalColumnCount, className: _tigercatcore.getExpandedRowContentClasses.call(void 0, size), children: expandedContent }) }, `${key}-expanded`)
+      ] }, key);
+    }
+    return rowNode;
+  }
+  if (ctx.groupedData) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tbody",
+      {
+        onClick: handleBodyClick,
+        onDragStart: rowDraggable ? handleBodyDragStart : void 0,
+        onDragOver: rowDraggable ? handleBodyDragOver : void 0,
+        onDrop: rowDraggable ? handleBodyDrop : void 0,
+        children: Array.from(ctx.groupedData.entries()).map(([groupKey, groupItems]) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { className: _tigercatcore.tableGroupHeaderClasses, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "td", { colSpan: ctx.totalColumnCount, className: _tigercatcore.getGroupHeaderCellClasses.call(void 0, size), children: [
+            groupKey,
+            " (",
+            groupItems.length,
+            ")"
+          ] }) }),
+          groupItems.map((record, idx) => {
+            const globalIndex = ctx.paginatedData.indexOf(record);
+            return renderDataRow(record, globalIndex >= 0 ? globalIndex : idx);
+          })
+        ] }, `group-${groupKey}`))
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tbody",
+    {
+      onClick: handleBodyClick,
+      onDragStart: rowDraggable ? handleBodyDragStart : void 0,
+      onDragOver: rowDraggable ? handleBodyDragOver : void 0,
+      onDrop: rowDraggable ? handleBodyDrop : void 0,
+      children: ctx.paginatedData.map((record, index) => renderDataRow(record, index))
+    }
+  );
+}
+
+// src/components/Table/render-summary.tsx
+
+
+
+
+
+function renderSummaryRow(ctx, view) {
+  const { size, rowSelection, expandable, summaryRow } = view;
+  if (!_optionalChain([summaryRow, 'optionalAccess', _65 => _65.show])) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tfoot", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { className: _tigercatcore.tableSummaryRowClasses, children: [
+    rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: _tigercatcore.getTableCellClasses.call(void 0, size, "left") }),
+    expandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: _tigercatcore.getTableCellClasses.call(void 0, size, "left") }),
+    ctx.displayColumns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: _tigercatcore.getTableCellClasses.call(void 0, size, column.align || "left"), children: _nullishCoalesce(summaryRow.data[column.dataKey || column.key], () => ( "")) }, column.key))
+  ] }) });
+}
+
+// src/components/Table/render-pagination.tsx
+
+
+
+
+
+
+
+
+
+
+function renderPagination(ctx, view) {
+  const { pagination } = view;
+  if (pagination === false || !ctx.paginationInfo) {
+    return null;
+  }
+  const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo;
+  const paginationConfig = pagination;
+  const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.length;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ), children: [
+    paginationConfig.showTotal !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results` }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ), children: [
+      paginationConfig.showSizeChanger !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "select",
+        {
+          className: _tigercatcore.getSimplePaginationSelectClasses.call(void 0, ),
+          value: ctx.currentPageSize,
+          onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value)),
+          children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "option", { value: size, children: [
+            size,
+            " / page"
+          ] }, size))
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ), children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasPrev),
+            disabled: !hasPrev,
+            onClick: () => ctx.handlePageChange(ctx.currentPage - 1),
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ), children: [
+          "Page ",
+          ctx.currentPage,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasNext),
+            disabled: !hasNext,
+            onClick: () => ctx.handlePageChange(ctx.currentPage + 1),
+            children: "Next"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/Table.tsx
+
+function Table({
+  columns,
+  columnLockable = false,
+  dataSource = [],
+  sort,
+  defaultSort,
+  filters,
+  defaultFilters,
+  size = "md",
+  bordered = false,
+  striped = false,
+  hoverable = true,
+  loading = false,
+  emptyText = "No data",
+  pagination = {
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    pageSizeOptions: [10, 20, 50, 100],
+    showSizeChanger: true,
+    showTotal: true
+  },
+  rowSelection,
+  expandable,
+  rowKey = "id",
+  rowClassName,
+  stickyHeader = false,
+  maxHeight,
+  tableLayout = "auto",
+  responsiveMode = "scroll",
+  // v0.6.0 props
+  virtual = false,
+  autoVirtual = true,
+  virtualHeight = 400,
+  virtualItemHeight: _virtualItemHeight = 40,
+  autoVirtualThreshold = 1e4,
+  virtualThreshold = 1e3,
+  editable = false,
+  editableCells,
+  filterMode = "basic",
+  advancedFilterRules = [],
+  columnDraggable = false,
+  rowDraggable = false,
+  summaryRow,
+  groupBy,
+  exportable = false,
+  exportFormat = "csv",
+  exportFilename = "export",
+  onChange,
+  onRowClick,
+  onSelectionChange,
+  onSortChange,
+  onFilterChange,
+  onPageChange,
+  onExpandChange,
+  onCellChange,
+  onColumnOrderChange,
+  onRowOrderChange,
+  onExport,
+  className,
+  ...props
+}) {
+  const wrapperRef = _react.useRef.call(void 0, null);
+  const tableRef = _react.useRef.call(void 0, null);
+  const [measuredColumnWidths, setMeasuredColumnWidths] = _react.useState.call(void 0, {});
+  const [measuredRowHeights, setMeasuredRowHeights] = _react.useState.call(void 0, []);
+  const internalRowSelection = rowSelection;
+  const internalExpandable = expandable;
+  const internalRowClassName = rowClassName;
+  const ctx = useTableState({
+    columns,
+    dataSource,
+    sort,
+    defaultSort,
+    filters,
+    defaultFilters,
+    pagination,
+    rowSelection: internalRowSelection,
+    expandable: internalExpandable,
+    rowKey,
+    editable,
+    editableCells,
+    filterMode,
+    advancedFilterRules,
+    groupBy,
+    exportFormat,
+    exportFilename,
+    measuredColumnWidths,
+    onChange,
+    onRowClick,
+    onSelectionChange,
+    onSortChange,
+    onFilterChange,
+    onPageChange,
+    onExpandChange,
+    onCellChange,
+    onColumnOrderChange,
+    onRowOrderChange,
+    onExport
+  });
+  const virtualRecommendation = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getTableVirtualRecommendation.call(void 0, {
+      virtual,
+      autoVirtual,
+      dataLength: dataSource.length,
+      threshold: virtualThreshold,
+      autoThreshold: autoVirtualThreshold
+    }),
+    [autoVirtual, autoVirtualThreshold, dataSource.length, virtual, virtualThreshold]
+  );
+  const effectiveVirtual = virtualRecommendation.enabled;
+  const wrapperStyle = _react.useMemo.call(void 0, () => {
+    if (effectiveVirtual) {
+      return {
+        height: typeof virtualHeight === "number" ? `${virtualHeight}px` : virtualHeight,
+        overflow: "auto"
+      };
+    }
+    return maxHeight ? {
+      maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+    } : void 0;
+  }, [effectiveVirtual, maxHeight, virtualHeight]);
+  _react.useEffect.call(void 0, () => {
+    const wrapper = wrapperRef.current;
+    if (!wrapper) {
+      return void 0;
+    }
+    const controller = _tigercatcore.createTableResizeObserverController.call(void 0, {
+      onResize: (snapshot) => {
+        setMeasuredColumnWidths(
+          (prev) => areNumberRecordsEqual(prev, snapshot.columnWidths) ? prev : snapshot.columnWidths
+        );
+        setMeasuredRowHeights(
+          (prev) => areNumberArraysEqual(prev, snapshot.rowHeights) ? prev : snapshot.rowHeights
+        );
+      }
+    });
+    controller.observe(wrapper, tableRef.current);
+    return () => controller.disconnect();
+  }, [ctx.displayColumns.length, ctx.paginatedData.length]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: wrapperRef,
+      className: _tigercatcore.getTableWrapperClasses.call(void 0, 
+        bordered,
+        maxHeight || (virtual ? virtualHeight : void 0)
+      ),
+      style: wrapperStyle,
+      "data-tiger-virtual": virtualRecommendation.enabled ? "enabled" : void 0,
+      "data-tiger-virtual-auto": virtualRecommendation.autoEnabled ? "true" : void 0,
+      "data-tiger-virtual-recommended": virtualRecommendation.recommended ? "true" : void 0,
+      "data-tiger-virtual-threshold": virtualRecommendation.recommended ? virtualRecommendation.threshold : void 0,
+      "data-tiger-measured-row-height": measuredRowHeights[0] || void 0,
+      "aria-busy": loading,
+      children: [
+        exportable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: _tigercatcore.tableExportButtonClasses, onClick: ctx.handleExport, children: exportFormat === "excel" ? "Export Excel" : "Export CSV" }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "table",
+          {
+            ref: tableRef,
+            className: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.tableBaseClasses,
+              _tigercatcore.getTableResponsiveTableClasses.call(void 0, responsiveMode),
+              tableLayout === "fixed" ? "table-fixed" : "table-auto",
+              className
+            ),
+            ...props,
+            style: ctx.fixedColumnsInfo.hasFixedColumns && ctx.fixedColumnsInfo.minTableWidth ? {
+              ...props.style,
+              minWidth: `${ctx.fixedColumnsInfo.minTableWidth}px`
+            } : props.style,
+            children: [
+              renderTableHeader(ctx, {
+                size,
+                stickyHeader,
+                rowSelection: internalRowSelection,
+                expandable: internalExpandable,
+                columnLockable,
+                columnDraggable
+              }),
+              renderTableBody(ctx, {
+                size,
+                hoverable,
+                striped,
+                loading,
+                emptyText,
+                rowSelection: internalRowSelection,
+                expandable: internalExpandable,
+                rowClassName: internalRowClassName,
+                rowDraggable
+              }),
+              renderSummaryRow(ctx, {
+                size,
+                rowSelection: internalRowSelection,
+                expandable: internalExpandable,
+                summaryRow
+              })
+            ]
+          }
+        ),
+        responsiveMode === "card" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardListClasses, "data-tiger-table-mobile": "card", children: ctx.paginatedData.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardClasses, children: emptyText }) : ctx.paginatedData.map((record, index) => {
+          const key = ctx.pageRowKeys[index];
+          const isExpanded = ctx.expandedRowKeySet.has(key);
+          const isRowExpandable = internalExpandable ? internalExpandable.rowExpandable ? internalExpandable.rowExpandable(record) : true : false;
+          const expandedContent = internalExpandable && isExpanded && isRowExpandable ? _optionalChain([internalExpandable, 'access', _66 => _66.expandedRowRender, 'optionalCall', _67 => _67(record, index)]) : null;
+          const expandedNode = expandedContent;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: _tigercatcore.tableResponsiveCardClasses,
+              onClick: () => ctx.handleRowClick(record, index, key),
+              children: [
+                _optionalChain([internalRowSelection, 'optionalAccess', _68 => _68.showCheckbox]) !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-3", children: [
+                  internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "input",
+                    {
+                      type: internalRowSelection.type === "radio" ? "radio" : "checkbox",
+                      checked: ctx.selectedRowKeySet.has(key),
+                      disabled: _optionalChain([internalRowSelection, 'access', _69 => _69.getCheckboxProps, 'optionalCall', _70 => _70(record), 'optionalAccess', _71 => _71.disabled]),
+                      onClick: (event) => event.stopPropagation(),
+                      onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
+                    }
+                  ),
+                  internalExpandable && isRowExpandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      className: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                      "aria-expanded": isExpanded,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        ctx.handleToggleExpand(key, record);
+                      },
+                      children: isExpanded ? "Collapse" : "Expand"
+                    }
+                  )
+                ] }) : null,
+                ctx.displayColumns.map((column) => {
+                  const dataKey = column.dataKey || column.key;
+                  const cellValue = record[dataKey];
+                  const cellContent = column.render ? column.render(record, index) : cellValue;
+                  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardRowClasses, children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardLabelClasses, children: column.title }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardValueClasses, children: cellContent })
+                  ] }, column.key);
+                }),
+                expandedNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3", children: expandedNode })
+              ]
+            },
+            key
+          );
+        }) }),
+        loading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: _tigercatcore.tableLoadingOverlayClasses,
+            role: "status",
+            "aria-live": "polite",
+            "aria-label": "Loading",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {}),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Loading" })
+            ]
+          }
+        ),
+        renderPagination(ctx, { pagination })
+      ]
+    }
+  );
+}
+function areNumberRecordsEqual(current, next) {
+  const currentKeys = Object.keys(current);
+  const nextKeys = Object.keys(next);
+  return currentKeys.length === nextKeys.length && nextKeys.every((key) => current[key] === next[key]);
+}
+function areNumberArraysEqual(current, next) {
+  return current.length === next.length && next.every((value, index) => current[index] === value);
+}
+
+
+
+exports.Table = Table;