@expcat/tigercat-react 0.4.3 → 1.0.4

package/dist/{chunk-DQNA57CA.js → chunk-JLM4LBUS.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkMWH6FCSE_js = require('./chunk-MWH6FCSE.js');
+var chunkAJQPGAYL_js = require('./chunk-AJQPGAYL.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
 
 var createTooltipId = tigercatCore.createFloatingIdFactory("tooltip");
 var Tooltip = ({
-  visible,
-  defaultVisible = false,
+  open,
+  defaultOpen = false,
   content,
   trigger = "hover",
   placement = "top",
@@ -17,21 +17,14 @@ var Tooltip = ({
   className,
   style,
   children,
-  onVisibleChange,
+  onOpenChange,
   ...divProps
 }) => {
   const tooltipIdRef = react.useRef(null);
   if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
   const tooltipId = tooltipIdRef.current;
   const describedBy = content != null ? tooltipId : void 0;
-  const {
-    currentVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    floatingStyles,
-    triggerHandlers
-  } = chunkMWH6FCSE_js.usePopup({ visible, defaultVisible, disabled, trigger, placement, offset, onVisibleChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = chunkAJQPGAYL_js.usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = react.useMemo(
     () => tigercatCore.classNames(tigercatCore.getTooltipContainerClasses(), className),
     [className]

package/dist/{chunk-TJFS44SH.js → chunk-JLRRXRZO.js}

@@ -1,9 +1,9 @@
 'use strict';
 
+var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/CheckboxGroup.tsx
 var CheckboxGroupContextProvider = react.createContext(null);
 var useCheckboxGroup = () => {
   return react.useContext(CheckboxGroupContextProvider);
@@ -18,9 +18,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = react.useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
+  const [value, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(controlledValue, defaultValue);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];

package/dist/{chunk-GNMOOYHG.js → chunk-KNBNE74O.js}

@@ -18,7 +18,7 @@ var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 var ImagePreview = ({
-  visible,
+  open,
   images,
   currentIndex = 0,
   zIndex = 1050,
@@ -26,10 +26,11 @@ var ImagePreview = ({
   scaleStep = 0.5,
   minScale = 0.25,
   maxScale = 5,
-  onVisibleChange,
+  onOpenChange,
   onCurrentIndexChange,
   onScaleChange
 }) => {
+  const isOpen = open;
   const [scale, setScale] = react.useState(1);
   const [offsetX, setOffsetX] = react.useState(0);
   const [offsetY, setOffsetY] = react.useState(0);
@@ -46,7 +47,7 @@ var ImagePreview = ({
     resetTransform();
   }, [currentIndex, resetTransform]);
   react.useEffect(() => {
-    if (visible) {
+    if (isOpen) {
       resetTransform();
       setIndex(currentIndex);
       document.body.style.overflow = "hidden";
@@ -56,11 +57,11 @@ var ImagePreview = ({
     return () => {
       document.body.style.overflow = "";
     };
-  }, [visible, currentIndex, resetTransform]);
+  }, [isOpen, currentIndex, resetTransform]);
   const handleClose = react.useCallback(() => {
-    onVisibleChange?.(false);
-  }, [onVisibleChange]);
-  chunkZYPEO2KY_js.useEscapeKey({ enabled: !!visible, onEscape: handleClose });
+    onOpenChange?.(false);
+  }, [onOpenChange]);
+  chunkZYPEO2KY_js.useEscapeKey({ enabled: !!isOpen, onEscape: handleClose });
   const navState = react.useMemo(() => tigercatCore.getPreviewNavState(index, images.length), [index, images.length]);
   const handleZoomIn = react.useCallback(() => {
     setScale((s) => {
@@ -97,14 +98,14 @@ var ImagePreview = ({
     }
   }, [index, images.length, resetTransform, onCurrentIndexChange]);
   react.useEffect(() => {
-    if (!visible) return;
+    if (!isOpen) return;
     const handler = (e) => {
       if (e.key === "ArrowLeft") handlePrev();
       if (e.key === "ArrowRight") handleNext();
     };
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
-  }, [visible, handlePrev, handleNext]);
+  }, [isOpen, handlePrev, handleNext]);
   const handleWheel = react.useCallback(
     (e) => {
       e.preventDefault();
@@ -146,7 +147,7 @@ var ImagePreview = ({
     () => tigercatCore.calculateTransform(scale, offsetX, offsetY),
     [scale, offsetX, offsetY]
   );
-  if (!visible || !images.length) return null;
+  if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
   return reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/chunk-LODDAS62.js

@@ -0,0 +1,173 @@
+'use strict';
+
+var React = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/Progress.tsx
+var Progress = React__default.default.memo(
+  ({
+    variant = "primary",
+    size = "md",
+    type = "line",
+    percentage = 0,
+    status = "normal",
+    showText,
+    text,
+    format,
+    striped = false,
+    stripedAnimation = false,
+    strokeWidth = 6,
+    width = "auto",
+    height,
+    className,
+    style,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    ...props
+  }) => {
+    const clampedPercentage = tigercatCore.clampPercentage(percentage);
+    const effectiveVariant = tigercatCore.getStatusVariant(status) || variant;
+    const shouldShowText = showText ?? type === "line";
+    const displayText = shouldShowText ? tigercatCore.formatProgressText(clampedPercentage, text, format) : "";
+    const resolvedAriaLabel = ariaLabel ?? (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`);
+    const ariaAttrs = {
+      role: "progressbar",
+      "aria-label": resolvedAriaLabel,
+      "aria-labelledby": ariaLabelledby,
+      "aria-describedby": ariaDescribedby,
+      "aria-valuenow": clampedPercentage,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    };
+    const renderLineProgress = () => {
+      const containerStyle = width !== "auto" ? { width: typeof width === "number" ? `${width}px` : width } : {};
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ...props,
+          className: tigercatCore.classNames("flex items-center w-full", className),
+          style: { ...style ?? {}, ...containerStyle },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: tigercatCore.classNames(
+                  tigercatCore.progressLineBaseClasses,
+                  tigercatCore.progressTrackBgClasses,
+                  !height && tigercatCore.progressLineSizeClasses[size]
+                ),
+                style: { flex: 1, ...height ? { height: `${height}px` } : {} },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: tigercatCore.classNames(
+                      tigercatCore.progressLineInnerClasses,
+                      tigercatCore.getProgressVariantClasses(effectiveVariant),
+                      striped && tigercatCore.progressStripedClasses,
+                      striped && stripedAnimation && tigercatCore.progressStripedAnimationClasses
+                    ),
+                    style: { width: `${clampedPercentage}%` },
+                    ...ariaAttrs
+                  }
+                )
+              }
+            ),
+            shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: tigercatCore.classNames(
+                  tigercatCore.progressTextBaseClasses,
+                  tigercatCore.progressTextSizeClasses[size],
+                  tigercatCore.getProgressTextColorClasses(effectiveVariant)
+                ),
+                children: displayText
+              }
+            )
+          ]
+        }
+      );
+    };
+    const renderCircleProgress = () => {
+      const {
+        width: svgWidth,
+        height: svgHeight,
+        radius,
+        cx,
+        cy
+      } = tigercatCore.getCircleSize(size, strokeWidth);
+      const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(radius, clampedPercentage);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ...props,
+          className: tigercatCore.classNames(tigercatCore.progressCircleBaseClasses, className),
+          style: {
+            ...style ?? {},
+            width: `${svgWidth}px`,
+            height: `${svgHeight}px`
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  cx,
+                  cy,
+                  r: radius,
+                  fill: "none",
+                  stroke: "currentColor",
+                  className: tigercatCore.progressCircleTrackStrokeClasses,
+                  strokeWidth
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  cx,
+                  cy,
+                  r: radius,
+                  fill: "none",
+                  stroke: "currentColor",
+                  className: tigercatCore.getProgressVariantClasses(effectiveVariant).replace("bg-", "text-"),
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  strokeDasharray,
+                  strokeDashoffset,
+                  style: {
+                    transition: "stroke-dashoffset 0.3s ease",
+                    transform: "rotate(-90deg)",
+                    transformOrigin: "center"
+                  },
+                  ...ariaAttrs
+                }
+              )
+            ] }),
+            shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: tigercatCore.classNames(
+                  tigercatCore.progressCircleTextClasses,
+                  tigercatCore.progressTextSizeClasses[size],
+                  "font-medium",
+                  tigercatCore.getProgressTextColorClasses(effectiveVariant)
+                ),
+                children: displayText
+              }
+            )
+          ]
+        }
+      );
+    };
+    if (type === "circle") return renderCircleProgress();
+    return renderLineProgress();
+  }
+);
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;

package/dist/{chunk-LL6B4BHF.mjs → chunk-LPNHBHS2.mjs}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-RPTLVIBF.mjs';
-import { Textarea } from './chunk-VCNZEQEB.mjs';
-import { Button } from './chunk-ENSLMM3L.mjs';
+import { Input } from './chunk-WNLUUD5N.mjs';
+import { Textarea } from './chunk-7QZ4XT2P.mjs';
+import { Button } from './chunk-3KMKMAE3.mjs';
 import { Avatar } from './chunk-FE7PEZTI.mjs';
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import { classNames, getChatMessageStatusInfo, formatChatTime } from '@expcat/tigercat-core';
@@ -19,7 +19,7 @@ var ChatWindow = ({
   inputAriaLabel,
   sendAriaLabel,
   statusText,
-  statusVariant = "info",
+  statusVariant: _statusVariant = "info",
   showAvatar = true,
   showName = true,
   showTime = false,

package/dist/{chunk-KBTFBEPE.mjs → chunk-MB7CJ32C.mjs}

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { getSpinnerSVG, getFixedColumnOffsets, filterData, sortData, paginateData, getRowKey, calculatePagination, getExpandIconCellClasses, getTableHeaderClasses, getCheckboxCellClasses, classNames, getTableHeaderCellClasses, tableEmptyStateClasses, getTableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, getTableWrapperClasses, tableBaseClasses, tableLoadingOverlayClasses, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, getExpandIconClasses, expandChevronIcon16PathD, getLoadingOverlaySpinnerClasses } from '@expcat/tigercat-core';
+import { getSpinnerSVG, getFixedColumnOffsets, filterDataAdvanced, filterData, sortData, paginateData, getRowKey, calculatePagination, exportTableToCsv, downloadCsv, groupDataByColumn, getExpandIconCellClasses, getTableHeaderClasses, getCheckboxCellClasses, classNames, getTableHeaderCellClasses, tableEmptyStateClasses, tableGroupHeaderClasses, getGroupHeaderCellClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, tableSummaryRowClasses, getTableCellClasses, getTableWrapperClasses, tableExportButtonClasses, tableBaseClasses, tableLoadingOverlayClasses, editableCellInputClasses, getEditableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, getLoadingOverlaySpinnerClasses, getExpandIconClasses, expandChevronIcon16PathD } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/Table.tsx
@@ -79,6 +79,19 @@ function Table({
   stickyHeader = false,
   maxHeight,
   tableLayout = "auto",
+  // v0.6.0 props
+  virtual = false,
+  virtualHeight = 400,
+  virtualItemHeight: _virtualItemHeight = 40,
+  editable = false,
+  editableCells,
+  filterMode = "basic",
+  advancedFilterRules = [],
+  columnDraggable = false,
+  summaryRow,
+  groupBy,
+  exportable = false,
+  exportFilename = "export",
   onChange,
   onRowClick,
   onSelectionChange,
@@ -86,6 +99,9 @@ function Table({
   onFilterChange,
   onPageChange,
   onExpandChange,
+  onCellChange,
+  onColumnOrderChange,
+  onExport,
   className,
   ...props
 }) {
@@ -188,13 +204,17 @@ function Table({
   );
   const processedData = useMemo(() => {
     let data = dataSource;
-    data = filterData(data, filterState);
+    if (filterMode === "advanced" && advancedFilterRules.length > 0) {
+      data = filterDataAdvanced(data, advancedFilterRules);
+    } else {
+      data = filterData(data, filterState);
+    }
     if (sortState.key && sortState.direction) {
       const column = columnByKey[sortState.key];
       data = sortData(data, sortState.key, sortState.direction, column?.sortFn);
     }
     return data;
-  }, [dataSource, filterState, sortState, columnByKey]);
+  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
   const paginatedData = useMemo(() => {
     if (pagination === false) {
       return processedData;
@@ -393,6 +413,59 @@ function Table({
   const someSelected = useMemo(() => {
     return selectedRowKeys.length > 0 && !allSelected;
   }, [selectedRowKeys.length, allSelected]);
+  const [editingCell, setEditingCell] = useState(
+    null
+  );
+  const [editingValue, setEditingValue] = useState("");
+  const isCellEditable = useCallback(
+    (columnKey, rowIndex) => {
+      if (!editable) return false;
+      if (!editableCells) return true;
+      return !!editableCells.get(columnKey)?.has(rowIndex);
+    },
+    [editable, editableCells]
+  );
+  const startEditing = useCallback((rowIndex, columnKey, currentValue) => {
+    setEditingCell({ rowIndex, columnKey });
+    setEditingValue(String(currentValue ?? ""));
+  }, []);
+  const commitEdit = useCallback(() => {
+    if (editingCell) {
+      onCellChange?.(editingCell.rowIndex, editingCell.columnKey, editingValue);
+      setEditingCell(null);
+    }
+  }, [editingCell, editingValue, onCellChange]);
+  const cancelEdit = useCallback(() => {
+    setEditingCell(null);
+  }, []);
+  const handleExport = useCallback(() => {
+    const csv = exportTableToCsv(displayColumns, processedData);
+    downloadCsv(csv, exportFilename);
+    onExport?.(csv);
+  }, [displayColumns, processedData, exportFilename, onExport]);
+  const [dragColumnKey, setDragColumnKey] = useState(null);
+  const handleDragStart = useCallback((columnKey) => {
+    setDragColumnKey(columnKey);
+  }, []);
+  const handleDrop = useCallback(
+    (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);
+        onColumnOrderChange?.(cols);
+      }
+      setDragColumnKey(null);
+    },
+    [dragColumnKey, displayColumns, onColumnOrderChange]
+  );
+  const groupedData = useMemo(() => {
+    if (!groupBy) return null;
+    return groupDataByColumn(paginatedData, groupBy);
+  }, [groupBy, paginatedData]);
   const renderTableHeader = useCallback(() => {
     const expandHeaderTh = expandable ? /* @__PURE__ */ jsx("th", { className: getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
     const expandAtStart = expandable?.expandIconPosition !== "end";
@@ -443,6 +516,10 @@ function Table({
               (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
             ),
             style,
+            draggable: columnDraggable ? true : void 0,
+            onDragStart: columnDraggable ? () => handleDragStart(column.key) : void 0,
+            onDragOver: columnDraggable ? (e) => e.preventDefault() : void 0,
+            onDrop: columnDraggable ? () => handleDrop(column.key) : void 0,
             onClick: column.sortable ? () => handleSort(column.key) : void 0,
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -507,7 +584,10 @@ function Table({
     handleSelectAll,
     columnLockable,
     toggleColumnLock,
-    fixedColumnsInfo
+    fixedColumnsInfo,
+    columnDraggable,
+    handleDragStart,
+    handleDrop
   ]);
   const renderTableBody = useCallback(() => {
     if (loading) {
@@ -516,7 +596,7 @@ function Table({
     if (paginatedData.length === 0) {
       return /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColumnCount, className: tableEmptyStateClasses, children: /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: emptyText }) }) }) });
     }
-    return /* @__PURE__ */ jsx("tbody", { children: paginatedData.map((record, index) => {
+    const renderDataRow = (record, index) => {
       const key = pageRowKeys[index];
       const isSelected = selectedRowKeySet.has(key);
       const isExpanded = expandedRowKeySet.has(key);
@@ -581,15 +661,32 @@ function Table({
                 stickyBgClass,
                 hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
               ) : void 0;
+              const isEditing = editingCell?.rowIndex === index && editingCell?.columnKey === column.key;
+              const cellEditable = isCellEditable(column.key, index);
               return /* @__PURE__ */ jsx(
                 "td",
                 {
                   className: classNames(
                     getTableCellClasses(size, column.align || "left", column.className),
-                    stickyCellClass
+                    stickyCellClass,
+                    cellEditable && getEditableCellClasses(!!isEditing)
                   ),
                   style,
-                  children: column.render ? column.render(record, index) : cellValue
+                  onDoubleClick: cellEditable ? () => startEditing(index, column.key, cellValue) : void 0,
+                  children: isEditing ? /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      className: editableCellInputClasses,
+                      value: editingValue,
+                      onChange: (e) => setEditingValue(e.target.value),
+                      onBlur: commitEdit,
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") commitEdit();
+                        if (e.key === "Escape") cancelEdit();
+                      },
+                      autoFocus: true
+                    }
+                  ) : column.render ? column.render(record, index) : cellValue
                 },
                 column.key
               );
@@ -607,7 +704,22 @@ function Table({
         ] }, key);
       }
       return rowNode;
-    }) });
+    };
+    if (groupedData) {
+      return /* @__PURE__ */ jsx("tbody", { children: Array.from(groupedData.entries()).map(([groupKey, groupItems]) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx("tr", { className: tableGroupHeaderClasses, children: /* @__PURE__ */ jsxs("td", { colSpan: totalColumnCount, className: getGroupHeaderCellClasses(size), children: [
+          groupKey,
+          " (",
+          groupItems.length,
+          ")"
+        ] }) }),
+        groupItems.map((record, idx) => {
+          const globalIndex = paginatedData.indexOf(record);
+          return renderDataRow(record, globalIndex >= 0 ? globalIndex : idx);
+        })
+      ] }, `group-${groupKey}`)) });
+    }
+    return /* @__PURE__ */ jsx("tbody", { children: paginatedData.map((record, index) => renderDataRow(record, index)) });
   }, [
     loading,
     paginatedData,
@@ -626,7 +738,14 @@ function Table({
     handleRowClick,
     handleSelectRow,
     handleToggleExpand,
-    fixedColumnsInfo
+    fixedColumnsInfo,
+    groupedData,
+    editingCell,
+    editingValue,
+    isCellEditable,
+    startEditing,
+    commitEdit,
+    cancelEdit
   ]);
   const renderPagination = useCallback(() => {
     if (pagination === false || !paginationInfo) {
@@ -687,19 +806,36 @@ function Table({
     handlePageChange,
     handlePageSizeChange
   ]);
-  const wrapperStyle = useMemo(
-    () => maxHeight ? {
+  const renderSummaryRow = useCallback(() => {
+    if (!summaryRow?.show) return null;
+    return /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { className: tableSummaryRowClasses, children: [
+      rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, "left") }),
+      expandable && /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, "left") }),
+      displayColumns.map((column) => /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, column.align || "left"), children: summaryRow.data[column.dataKey || column.key] ?? "" }, column.key))
+    ] }) });
+  }, [summaryRow, displayColumns, size, rowSelection, expandable]);
+  const wrapperStyle = useMemo(() => {
+    if (virtual) {
+      return {
+        height: typeof virtualHeight === "number" ? `${virtualHeight}px` : virtualHeight,
+        overflow: "auto"
+      };
+    }
+    return maxHeight ? {
       maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-    } : void 0,
-    [maxHeight]
-  );
+    } : void 0;
+  }, [maxHeight, virtual, virtualHeight]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: getTableWrapperClasses(bordered, maxHeight),
+      className: getTableWrapperClasses(
+        bordered,
+        maxHeight || (virtual ? virtualHeight : void 0)
+      ),
       style: wrapperStyle,
       "aria-busy": loading,
       children: [
+        exportable && /* @__PURE__ */ jsx("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx("button", { type: "button", className: tableExportButtonClasses, onClick: handleExport, children: "Export CSV" }) }),
         /* @__PURE__ */ jsxs(
           "table",
           {
@@ -715,7 +851,8 @@ function Table({
             } : props.style,
             children: [
               renderTableHeader(),
-              renderTableBody()
+              renderTableBody(),
+              renderSummaryRow()
             ]
           }
         ),

package/dist/{chunk-IP3MAJSH.mjs → chunk-MQ5ZP5RW.mjs}

@@ -1,12 +1,12 @@
-import { usePopup } from './chunk-3PV2MDST.mjs';
+import { usePopup } from './chunk-AMOH5AMN.mjs';
 import { useRef, useMemo } from 'react';
 import { createFloatingIdFactory, classNames, getTooltipContainerClasses, getTooltipTriggerClasses, getTooltipContentClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var createTooltipId = createFloatingIdFactory("tooltip");
 var Tooltip = ({
-  visible,
-  defaultVisible = false,
+  open,
+  defaultOpen = false,
   content,
   trigger = "hover",
   placement = "top",
@@ -15,21 +15,14 @@ var Tooltip = ({
   className,
   style,
   children,
-  onVisibleChange,
+  onOpenChange,
   ...divProps
 }) => {
   const tooltipIdRef = useRef(null);
   if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
   const tooltipId = tooltipIdRef.current;
   const describedBy = content != null ? tooltipId : void 0;
-  const {
-    currentVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    floatingStyles,
-    triggerHandlers
-  } = usePopup({ visible, defaultVisible, disabled, trigger, placement, offset, onVisibleChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = useMemo(
     () => classNames(getTooltipContainerClasses(), className),
     [className]

package/dist/{chunk-KMTERPME.mjs → chunk-MSHCPJIJ.mjs}

@@ -1,4 +1,4 @@
-import { useCheckboxGroup } from './chunk-OCVQ3LOT.mjs';
+import { useCheckboxGroup } from './chunk-DKT2EYVM.mjs';
 import { useState, useRef, useEffect } from 'react';
 import { getCheckboxClasses, classNames, getCheckboxLabelClasses } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';