@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/chunk-5EVHVZG5.js

@@ -1,131 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Calendar.tsx
-var _react = require('react');
-var _tigercatcore = require('@expcat/tigercat-core');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var Calendar = ({
-  value,
-  mode = "month",
-  fullscreen = false,
-  disabledDate,
-  onChange,
-  onPanelChange,
-  className
-}) => {
-  const today = /* @__PURE__ */ new Date();
-  const [viewYear, setViewYear] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.getFullYear, 'call', _2 => _2()]), () => ( today.getFullYear())));
-  const [viewMonth, setViewMonth] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([value, 'optionalAccess', _3 => _3.getMonth, 'call', _4 => _4()]), () => ( today.getMonth())));
-  const days = _react.useMemo.call(void 0, () => _tigercatcore.getMonthDays.call(void 0, viewYear, viewMonth), [viewYear, viewMonth]);
-  const navigate = _react.useCallback.call(void 0, 
-    (newYear, newMonth) => {
-      setViewYear(newYear);
-      setViewMonth(newMonth);
-      _optionalChain([onPanelChange, 'optionalCall', _5 => _5(new Date(newYear, newMonth, 1), mode)]);
-    },
-    [mode, onPanelChange]
-  );
-  const prevMonth = _react.useCallback.call(void 0, () => {
-    if (viewMonth === 0) navigate(viewYear - 1, 11);
-    else navigate(viewYear, viewMonth - 1);
-  }, [viewYear, viewMonth, navigate]);
-  const nextMonth = _react.useCallback.call(void 0, () => {
-    if (viewMonth === 11) navigate(viewYear + 1, 0);
-    else navigate(viewYear, viewMonth + 1);
-  }, [viewYear, viewMonth, navigate]);
-  const prevYear = _react.useCallback.call(void 0, 
-    () => navigate(viewYear - 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const nextYear = _react.useCallback.call(void 0, 
-    () => navigate(viewYear + 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const selectDay = _react.useCallback.call(void 0, 
-    (date) => {
-      if (_optionalChain([disabledDate, 'optionalCall', _6 => _6(date)])) return;
-      _optionalChain([onChange, 'optionalCall', _7 => _7(date)]);
-    },
-    [disabledDate, onChange]
-  );
-  const selectMonth = _react.useCallback.call(void 0, 
-    (monthIdx) => {
-      setViewMonth(monthIdx);
-      _optionalChain([onPanelChange, 'optionalCall', _8 => _8(new Date(viewYear, monthIdx, 1), mode)]);
-    },
-    [viewYear, mode, onPanelChange]
-  );
-  const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.getCalendarContainerClasses.call(void 0, fullscreen), className);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClass, role: "group", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.calendarHeaderClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.calendarNavButtonClasses,
-          "aria-label": mode === "month" ? "Previous month" : "Previous year",
-          onClick: mode === "month" ? prevMonth : prevYear,
-          children: "\u2039"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.calendarTitleClasses, children: mode === "month" ? `${_tigercatcore.MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.calendarNavButtonClasses,
-          "aria-label": mode === "month" ? "Next month" : "Next year",
-          onClick: mode === "month" ? nextMonth : nextYear,
-          children: "\u203A"
-        }
-      )
-    ] }),
-    mode === "year" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-3 gap-2", children: _tigercatcore.MONTHS.map((m, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth === i),
-        onClick: () => selectMonth(i),
-        children: m
-      },
-      i
-    )) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-7", children: _tigercatcore.WEEKDAYS.map((wd) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.calendarWeekdayClasses, children: wd }, wd)) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-7", children: days.map((date, i) => {
-        const isCurrentMonth = date.getMonth() === viewMonth;
-        const isSelected = value ? _tigercatcore.isSameDay.call(void 0, date, value) : false;
-        const isTodayDate = _tigercatcore.isSameDay.call(void 0, date, today);
-        const isDisabled = !!_optionalChain([disabledDate, 'optionalCall', _9 => _9(date)]);
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _tigercatcore.getCalendarDayClasses.call(void 0, 
-              isSelected,
-              isTodayDate,
-              isCurrentMonth,
-              isDisabled
-            ),
-            onClick: () => selectDay(date),
-            children: date.getDate()
-          }
-        ) }, i);
-      }) })
-    ] })
-  ] });
-};
-var Calendar_default = Calendar;
-
-
-
-
-exports.Calendar = Calendar; exports.Calendar_default = Calendar_default;

package/dist/chunk-5HFHHFQS.mjs

@@ -1,168 +0,0 @@
-// src/components/FileManager.tsx
-import { useCallback, useMemo, useState } from "react";
-import {
-  classNames,
-  getFileManagerContainerClasses,
-  getFileItemClasses,
-  deriveFileManagerModel,
-  toggleFileSelection,
-  resolveFileOpen,
-  sliceBreadcrumbPath,
-  toFileDragItem,
-  formatFileSizeLabel,
-  fileManagerToolbarClasses,
-  fileManagerBreadcrumbClasses,
-  fileManagerBreadcrumbItemClasses,
-  fileManagerBreadcrumbSeparatorClasses,
-  fileManagerContentClasses,
-  fileManagerItemIconClasses,
-  fileManagerItemNameClasses,
-  fileManagerItemMetaClasses,
-  fileManagerEmptyClasses,
-  fileManagerLoadingClasses,
-  fileManagerSearchClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FileManager = ({
-  files = [],
-  viewMode = "list",
-  selectedKeys = [],
-  multiple = false,
-  sortField = "name",
-  sortOrder = "asc",
-  currentPath = [],
-  showHidden = false,
-  draggable = false,
-  loading = false,
-  emptyText = "Empty folder",
-  searchable = false,
-  searchText = "",
-  className,
-  onSelect,
-  onOpen,
-  onNavigate,
-  onSelectedKeysChange,
-  onCurrentPathChange,
-  onSearchTextChange,
-  renderIcon
-}) => {
-  const [localSearch, setLocalSearch] = useState(searchText);
-  const model = useMemo(
-    () => deriveFileManagerModel({
-      files,
-      currentPath,
-      selectedKeys,
-      sortField,
-      sortOrder,
-      showHidden,
-      searchText: localSearch || searchText
-    }),
-    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
-  );
-  const containerClasses = useMemo(() => getFileManagerContainerClasses(className), [className]);
-  const handleSelect = useCallback(
-    (item) => {
-      if (item.disabled) return;
-      onSelect?.(item);
-      const keys = toggleFileSelection(selectedKeys, item.key, multiple);
-      onSelectedKeysChange?.(keys);
-    },
-    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
-  );
-  const handleOpen = useCallback(
-    (item) => {
-      const result = resolveFileOpen(item, currentPath);
-      if (!result) return;
-      if (result.type === "navigate") {
-        onCurrentPathChange?.(result.path);
-        onNavigate?.(result.path);
-      } else {
-        onOpen?.(result.item);
-      }
-    },
-    [currentPath, onOpen, onNavigate, onCurrentPathChange]
-  );
-  const navigateToBreadcrumb = useCallback(
-    (index) => {
-      const newPath = sliceBreadcrumbPath(currentPath, index);
-      onCurrentPathChange?.(newPath);
-      onNavigate?.(newPath);
-    },
-    [currentPath, onNavigate, onCurrentPathChange]
-  );
-  const breadcrumbItems = [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: fileManagerBreadcrumbItemClasses,
-        onClick: () => navigateToBreadcrumb(0),
-        children: "Root"
-      },
-      "root"
-    ),
-    ...currentPath.flatMap((seg, i) => [
-      /* @__PURE__ */ jsx("span", { className: fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: fileManagerBreadcrumbItemClasses,
-          onClick: () => navigateToBreadcrumb(i + 1),
-          children: seg
-        },
-        `path-${i}`
-      )
-    ])
-  ];
-  const contentClass = viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
-  return /* @__PURE__ */ jsxs("div", { className: classNames(containerClasses), children: [
-    /* @__PURE__ */ jsxs("div", { className: fileManagerToolbarClasses, children: [
-      /* @__PURE__ */ jsx("nav", { className: fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      searchable && /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          className: fileManagerSearchClasses,
-          placeholder: "Search...",
-          value: localSearch,
-          onChange: (e) => {
-            setLocalSearch(e.target.value);
-            onSearchTextChange?.(e.target.value);
-          }
-        }
-      )
-    ] }),
-    model.processedItems.length > 0 ? /* @__PURE__ */ jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
-      const isSelected = model.selectedSet.has(item.key);
-      const itemClass = getFileItemClasses(viewMode, isSelected);
-      const dragItem = draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: itemClass,
-          role: "option",
-          "aria-selected": isSelected,
-          "data-disabled": item.disabled || void 0,
-          "data-drag-id": dragItem?.id,
-          onClick: () => handleSelect(item),
-          onDoubleClick: () => handleOpen(item),
-          draggable: draggable && !item.disabled,
-          children: [
-            renderIcon ? renderIcon(item) : /* @__PURE__ */ jsx("span", { className: fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
-            /* @__PURE__ */ jsx("span", { className: fileManagerItemNameClasses, children: item.name }),
-            viewMode === "list" && item.size !== void 0 && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: formatFileSizeLabel(item.size) }),
-            viewMode === "list" && item.modified && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: item.modified })
-          ]
-        },
-        item.key
-      );
-    }) }) : /* @__PURE__ */ jsx("div", { className: fileManagerEmptyClasses, children: emptyText }),
-    loading && /* @__PURE__ */ jsx("div", { className: fileManagerLoadingClasses, children: "Loading..." })
-  ] });
-};
-var FileManager_default = FileManager;
-
-export {
-  FileManager,
-  FileManager_default
-};

package/dist/chunk-CDRQSKXT.mjs

@@ -1,195 +0,0 @@
-import {
-  PieChart
-} from "./chunk-XBM76P27.mjs";
-
-// src/components/DonutChart.tsx
-import { useMemo } from "react";
-import {
-  classNames,
-  getChartInnerRect,
-  normalizeChartPadding
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DONUT_PALETTE = [
-  "var(--tiger-chart-1,#5470c6)",
-  "var(--tiger-chart-2,#91cc75)",
-  "var(--tiger-chart-3,#fac858)",
-  "var(--tiger-chart-4,#ee6666)",
-  "var(--tiger-chart-5,#73c0de)",
-  "var(--tiger-chart-6,#3ba272)",
-  "var(--tiger-chart-1,#fc8452)",
-  "var(--tiger-chart-2,#9a60b4)",
-  "var(--tiger-chart-3,#ea7ccc)"
-];
-var DonutChart = ({
-  width = 320,
-  height = 240,
-  padding = 24,
-  data,
-  innerRadius,
-  innerRadiusRatio = 0.62,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0.04,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  labelPosition = "inside",
-  borderWidth = 0,
-  borderColor = "var(--tiger-surface,#ffffff)",
-  hoverOffset = 10,
-  shadow = true,
-  // Interaction props
-  hoverable = false,
-  hoveredIndex,
-  activeOpacity = 1,
-  inactiveOpacity = 0.3,
-  selectable = false,
-  selectedIndex,
-  // Legend props
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  // Tooltip props
-  showTooltip = true,
-  tooltipFormatter,
-  // Accessibility
-  title,
-  desc,
-  className,
-  // DonutChart-specific
-  centerValue,
-  centerLabel,
-  animated: _animated = false,
-  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
-  gradient = false,
-  // Callbacks
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const pad = useMemo(() => normalizeChartPadding(padding), [padding]);
-  const resolvedOuterRadius = useMemo(() => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = useMemo(() => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = useMemo(
-    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
-    [colors]
-  );
-  const donutTooltipFormatter = useMemo(() => {
-    if (tooltipFormatter) return tooltipFormatter;
-    const total = data.reduce((s, d) => s + d.value, 0);
-    return (datum, index) => {
-      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = datum.label ?? `#${index + 1}`;
-      return `${label}: ${datum.value} (${pct}%)`;
-    };
-  }, [tooltipFormatter, data]);
-  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
-  const centerX = pad.left + innerRect.width / 2;
-  const centerY = pad.top + innerRect.height / 2;
-  return /* @__PURE__ */ jsxs("div", { className: "inline-block relative", "data-donut-chart": "true", children: [
-    /* @__PURE__ */ jsx(
-      PieChart,
-      {
-        width,
-        height,
-        padding,
-        data,
-        innerRadius: resolvedInnerRadius,
-        outerRadius,
-        startAngle,
-        endAngle,
-        padAngle,
-        colors: resolvedColors,
-        showLabels,
-        labelFormatter,
-        labelPosition,
-        borderWidth,
-        borderColor,
-        hoverOffset,
-        shadow,
-        gradient,
-        hoverable,
-        hoveredIndex,
-        activeOpacity,
-        inactiveOpacity,
-        selectable,
-        selectedIndex,
-        showLegend,
-        legendPosition,
-        legendMarkerSize,
-        legendGap,
-        showTooltip,
-        tooltipFormatter: donutTooltipFormatter,
-        title,
-        desc,
-        className: classNames(className),
-        onHoveredIndexChange,
-        onSelectedIndexChange,
-        onSliceClick,
-        onSliceHover
-      }
-    ),
-    hasCenterContent && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-donut-center": "true",
-        style: {
-          position: "absolute",
-          left: `${centerX}px`,
-          top: `${centerY}px`,
-          transform: "translate(-50%, -50%)",
-          textAlign: "center",
-          pointerEvents: "none",
-          lineHeight: "1.3",
-          padding: "var(--tiger-chart-donut-center-padding, 0)",
-          borderRadius: "var(--tiger-radius-pill, 9999px)",
-          background: "var(--tiger-chart-donut-center-bg, transparent)",
-          boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
-          backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
-          WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
-        },
-        children: [
-          centerValue !== void 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-              style: { lineHeight: "1.2" },
-              children: `${centerValue}`
-            }
-          ),
-          centerLabel !== void 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-              style: { marginTop: "2px" },
-              children: centerLabel
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-var DonutChart_default = DonutChart;
-
-export {
-  DonutChart,
-  DonutChart_default
-};

package/dist/chunk-DLKUDB2R.js

@@ -1,153 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/VirtualTable.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var VirtualTable = ({
-  data = [],
-  columns = [],
-  rowHeight = 48,
-  height = 400,
-  overscan = 5,
-  stickyHeader = true,
-  rowKey,
-  loading = false,
-  emptyText = "No data",
-  selectable = false,
-  selectedKeys = [],
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelect,
-  renderCell,
-  ...rest
-}) => {
-  const containerRef = _react.useRef.call(void 0, null);
-  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
-  const range = _react.useMemo.call(void 0, 
-    () => _tigercatcore.calculateVirtualRange.call(void 0, scrollTop, height, data.length, rowHeight, overscan),
-    [scrollTop, height, data.length, rowHeight, overscan]
-  );
-  const visibleData = _react.useMemo.call(void 0, 
-    () => data.slice(range.start, range.end),
-    [data, range.start, range.end]
-  );
-  const selectedSet = _react.useMemo.call(void 0, () => new Set(selectedKeys), [selectedKeys]);
-  const onScroll = _react.useCallback.call(void 0, () => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-    }
-  }, []);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getVirtualTableContainerClasses.call(void 0, bordered, className),
-    [bordered, className]
-  );
-  const fixedInfo = _react.useMemo.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, columns), [columns]);
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: containerRef,
-      className: _tigercatcore.classNames.call(void 0, 
-        containerClasses,
-        rest.className
-      ),
-      style: { height: `${height}px` },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": data.length,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((col) => {
-            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-            const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo);
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "th",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.virtualTableHeaderCellClasses,
-                  _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
-                    view: "virtual-table",
-                    column: col,
-                    stickyHeader,
-                    fixedInfo
-                  })
-                ),
-                style: { ...widthStyle, ...stickyStyle },
-                children: _nullishCoalesce(col.title, () => ( ""))
-              },
-              col.key
-            );
-          }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = _tigercatcore.getVirtualRowKey.call(void 0, row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "tr",
-                {
-                  className: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, striped, isSelected),
-                  onClick: () => {
-                    _optionalChain([onRowClick, 'optionalCall', _ => _(row, globalIdx)]);
-                    if (selectable) _optionalChain([onSelect, 'optionalCall', _2 => _2(key, row, globalIdx)]);
-                  },
-                  children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "td",
-                    {
-                      className: _tigercatcore.classNames.call(void 0, 
-                        _tigercatcore.virtualTableCellClasses,
-                        _tigercatcore.getTableFixedCellClasses.call(void 0, {
-                          view: "virtual-table",
-                          column: col,
-                          record: row,
-                          rowIndex: globalIdx,
-                          striped,
-                          stripedActive: striped && globalIdx % 2 === 1,
-                          selected: isSelected,
-                          hoverable: true,
-                          fixedInfo,
-                          selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
-                        })
-                      ),
-                      style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
-                      children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
-                    },
-                    col.key
-                  ))
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        data.length === 0 && !loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableEmptyClasses, children: emptyText }),
-        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableLoadingClasses, children: "Loading..." })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-
-
-
-exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;