@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-AAI6EZZA.mjs → chunk-O4UDB6ZE.mjs}

@@ -1,9 +1,22 @@
-import { usePopup } from './chunk-WFIQIBLC.mjs';
-import { renderBodyPortal } from './chunk-XTSG362L.mjs';
-import { useRef, useMemo } from 'react';
-import { createFloatingIdFactory, classNames, getPopoverContainerClasses, getPopoverTriggerClasses, getPopoverContentClasses, POPOVER_TITLE_CLASSES, POPOVER_TEXT_CLASSES } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  usePopup
+} from "./chunk-4XOWNEZA.mjs";
+import {
+  renderBodyPortal
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Popover.tsx
+import { useMemo, useRef } from "react";
+import {
+  classNames,
+  createFloatingIdFactory,
+  getPopoverContainerClasses,
+  getPopoverTriggerClasses,
+  getPopoverContentClasses,
+  POPOVER_TITLE_CLASSES,
+  POPOVER_TEXT_CLASSES
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var createPopoverId = createFloatingIdFactory("popover");
 var Popover = ({
   open,
@@ -70,4 +83,6 @@ var Popover = ({
   ] });
 };
 
-export { Popover };
+export {
+  Popover
+};

package/dist/chunk-OFCKGWTS.js

@@ -1,12 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Content.tsx
 
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Content.tsx
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Content = ({ className, children, ...props }) => {
-  const contentClasses = tigercatCore.classNames(tigercatCore.layoutContentClasses, className);
-  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: contentClasses, ...props, children });
+  const contentClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutContentClasses, className);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: contentClasses, ...props, children });
 };
 
+
+
 exports.Content = Content;

package/dist/chunk-ONTRGV5T.js

@@ -1,10 +1,26 @@
-'use strict';
+"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; }
 
-var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
 
+// src/components/RichTextEditor.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var RichTextEditor = ({
   value,
   defaultValue = "",
@@ -19,23 +35,23 @@ var RichTextEditor = ({
   engine,
   ...restProps
 }) => {
-  const editorRef = react.useRef(null);
-  const engineRef = react.useRef(null);
-  const [currentContent, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(value, defaultValue);
-  const [activeFormats, setActiveFormats] = react.useState(/* @__PURE__ */ new Set());
-  const toolbarItems = toolbar ?? tigercatCore.defaultToolbar;
-  const empty = tigercatCore.isContentEmpty(currentContent);
-  const onChangeRef = react.useRef(onChange);
-  const setInternalValueRef = react.useRef(setInternalValue);
-  const isControlledRef = react.useRef(isControlled);
-  react.useEffect(() => {
+  const editorRef = _react.useRef.call(void 0, null);
+  const engineRef = _react.useRef.call(void 0, null);
+  const [currentContent, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, value, defaultValue);
+  const [activeFormats, setActiveFormats] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const toolbarItems = _nullishCoalesce(toolbar, () => ( _tigercatcore.defaultToolbar));
+  const empty = _tigercatcore.isContentEmpty.call(void 0, currentContent);
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  const setInternalValueRef = _react.useRef.call(void 0, setInternalValue);
+  const isControlledRef = _react.useRef.call(void 0, isControlled);
+  _react.useEffect.call(void 0, () => {
     onChangeRef.current = onChange;
     setInternalValueRef.current = setInternalValue;
     isControlledRef.current = isControlled;
   }, [onChange, setInternalValue, isControlled]);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (!editorRef.current) return;
-    const factory = engine ?? tigercatCore.builtinRichTextEngine;
+    const factory = _nullishCoalesce(engine, () => ( _tigercatcore.builtinRichTextEngine));
     const instance = factory.create({
       element: editorRef.current,
       initialValue: isControlled ? value : defaultValue,
@@ -45,7 +61,7 @@ var RichTextEditor = ({
       toolbar: toolbarItems,
       notifyChange(html) {
         if (!isControlledRef.current) setInternalValueRef.current(html);
-        onChangeRef.current?.(html);
+        _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(html)]);
       },
       notifyActiveFormats(next) {
         setActiveFormats(next);
@@ -57,28 +73,28 @@ var RichTextEditor = ({
       engineRef.current = null;
     };
   }, [engine]);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (isControlled && engineRef.current && value !== void 0) {
       engineRef.current.setValue(value);
     }
   }, [value, isControlled]);
-  react.useEffect(() => {
-    engineRef.current?.setReadOnly(readOnly, disabled);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([engineRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.setReadOnly, 'call', _5 => _5(readOnly, disabled)]);
   }, [readOnly, disabled]);
-  const execButtonAction = react.useCallback(
+  const execButtonAction = _react.useCallback.call(void 0, 
     (btn) => {
       if (readOnly || disabled) return;
       if (btn.action && editorRef.current) {
         btn.action(editorRef.current);
         return;
       }
-      engineRef.current?.exec(btn.name);
+      _optionalChain([engineRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.exec, 'call', _8 => _8(btn.name)]);
     },
     [readOnly, disabled]
   );
-  const handleKeydown = react.useCallback(
+  const handleKeydown = _react.useCallback.call(void 0, 
     (e) => {
-      const match = tigercatCore.findHotkeyMatch(toolbarItems, e.nativeEvent);
+      const match = _tigercatcore.findHotkeyMatch.call(void 0, toolbarItems, e.nativeEvent);
       if (match) {
         e.preventDefault();
         execButtonAction(match);
@@ -86,23 +102,23 @@ var RichTextEditor = ({
     },
     [toolbarItems, execButtonAction]
   );
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getRichTextContainerClasses(disabled, className)),
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getRichTextContainerClasses.call(void 0, disabled, className)),
     [disabled, className]
   );
-  const editorAreaClasses = react.useMemo(() => tigercatCore.getEditorAreaClasses(readOnly), [readOnly]);
-  const containerStyle = react.useMemo(() => {
-    const ht = tigercatCore.parseHeight(height);
+  const editorAreaClasses = _react.useMemo.call(void 0, () => _tigercatcore.getEditorAreaClasses.call(void 0, readOnly), [readOnly]);
+  const containerStyle = _react.useMemo.call(void 0, () => {
+    const ht = _tigercatcore.parseHeight.call(void 0, height);
     if (!ht) return void 0;
     return { height: ht };
   }, [height]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClasses, style: containerStyle, ...restProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarItems.map((item, idx) => {
-      if (tigercatCore.isToolbarSeparator(item)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, style: containerStyle, ...restProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarItems.map((item, idx) => {
+      if (_tigercatcore.isToolbarSeparator.call(void 0, item)) {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: tigercatCore.richTextToolbarSeparatorClasses,
+            className: _tigercatcore.richTextToolbarSeparatorClasses,
             role: "separator",
             "aria-orientation": "vertical"
           },
@@ -110,24 +126,24 @@ var RichTextEditor = ({
         );
       }
       const btn = item;
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
           type: "button",
-          className: tigercatCore.getToolbarButtonClasses(activeFormats.has(btn.name)),
-          title: btn.tooltip ?? btn.label,
+          className: _tigercatcore.getToolbarButtonClasses.call(void 0, activeFormats.has(btn.name)),
+          title: _nullishCoalesce(btn.tooltip, () => ( btn.label)),
           "aria-label": btn.label,
-          "aria-pressed": tigercatCore.isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
+          "aria-pressed": _tigercatcore.isInlineFormat.call(void 0, btn.name) ? activeFormats.has(btn.name) : void 0,
           disabled: disabled || readOnly,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => execButtonAction(btn),
-          children: btn.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: btn.icon } }) : btn.label
+          children: btn.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { dangerouslySetInnerHTML: { __html: btn.icon } }) : btn.label
         },
         btn.name
       );
     }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           ref: editorRef,
@@ -142,10 +158,10 @@ var RichTextEditor = ({
           suppressContentEditableWarning: true
         }
       ),
-      empty && placeholder && /* @__PURE__ */ jsxRuntime.jsx(
+      empty && placeholder && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
-          className: `${tigercatCore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
+          className: `${_tigercatcore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
           "aria-hidden": true,
           children: placeholder
         }
@@ -155,5 +171,7 @@ var RichTextEditor = ({
 };
 var RichTextEditor_default = RichTextEditor;
 
-exports.RichTextEditor = RichTextEditor;
-exports.RichTextEditor_default = RichTextEditor_default;
+
+
+
+exports.RichTextEditor = RichTextEditor; exports.RichTextEditor_default = RichTextEditor_default;

package/dist/chunk-OPHYFC5W.mjs

@@ -1,8 +1,19 @@
-import { RowContext } from './chunk-TULQETJ5.mjs';
-import { useContext, useMemo } from 'react';
-import { classNames, getSpanClasses, getOffsetClasses, getOrderClasses, getFlexClasses, getColGutterClasses, getColMergedStyleVars } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
+import {
+  RowContext
+} from "./chunk-TULQETJ5.mjs";
 
+// src/components/Col.tsx
+import { useContext, useMemo } from "react";
+import {
+  classNames,
+  getColMergedStyleVars,
+  getSpanClasses,
+  getOffsetClasses,
+  getOrderClasses,
+  getFlexClasses,
+  getColGutterClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Col = ({
   span = 24,
   offset = 0,
@@ -36,4 +47,6 @@ var Col = ({
   return /* @__PURE__ */ jsx("div", { className: colClasses, style: mergedStyle, ...divProps, children });
 };
 
-export { Col };
+export {
+  Col
+};

package/dist/{chunk-OFTLPYYC.mjs → chunk-OQ6Z6U7R.mjs}

@@ -1,8 +1,16 @@
-import React, { createContext, useContext, useMemo, useCallback } from 'react';
-import { getBreadcrumbItemClasses, getBreadcrumbLinkClasses, getBreadcrumbSeparatorClasses, getSeparatorContent, classNames, breadcrumbContainerClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
 // src/components/Breadcrumb.tsx
+import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
+import {
+  classNames,
+  breadcrumbContainerClasses,
+  breadcrumbEllipsisClasses,
+  getBreadcrumbItemClasses,
+  getBreadcrumbLinkClasses,
+  getBreadcrumbSeparatorClasses,
+  getSeparatorContent,
+  getBreadcrumbCollapsedItems
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var BreadcrumbContext = createContext(null);
 function useBreadcrumbContext() {
   return useContext(BreadcrumbContext);
@@ -64,6 +72,7 @@ var BreadcrumbItem = ({
 };
 var Breadcrumb = ({
   separator = "/",
+  maxItems,
   className,
   style,
   extra,
@@ -71,15 +80,56 @@ var Breadcrumb = ({
   ...props
 }) => {
   const hasExtra = Boolean(extra);
+  const [expanded, setExpanded] = useState(false);
   const containerClasses = React.useMemo(
     () => classNames(breadcrumbContainerClasses, hasExtra && "w-full", className),
     [className, hasExtra]
   );
   const contextValue = React.useMemo(() => ({ separator }), [separator]);
+  const renderedItems = useMemo(() => {
+    const items = React.Children.toArray(children);
+    if (expanded || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
+      return items;
+    }
+    const { collapsed } = getBreadcrumbCollapsedItems(items.length, maxItems);
+    if (collapsed.length === 0) return items;
+    const collapsedSet = new Set(collapsed);
+    const result = [];
+    let ellipsisInserted = false;
+    items.forEach((item, index) => {
+      if (collapsedSet.has(index)) {
+        if (!ellipsisInserted) {
+          ellipsisInserted = true;
+          result.push(
+            /* @__PURE__ */ jsxs("li", { className: getBreadcrumbItemClasses(), children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: breadcrumbEllipsisClasses,
+                  "aria-label": "Show collapsed breadcrumb items",
+                  onClick: () => setExpanded(true),
+                  children: "..."
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: getBreadcrumbSeparatorClasses(), "aria-hidden": "true", children: getSeparatorContent(separator) })
+            ] }, "__tiger-breadcrumb-ellipsis")
+          );
+        }
+        return;
+      }
+      result.push(item);
+    });
+    return result;
+  }, [children, expanded, maxItems, separator]);
   return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { className: containerClasses, "aria-label": "Breadcrumb", style, ...props, children: [
-    /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-2", children }),
+    /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-2", children: renderedItems }),
     hasExtra && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: extra })
   ] }) });
 };
 
-export { Breadcrumb, BreadcrumbItem, useBreadcrumbContext };
+export {
+  useBreadcrumbContext,
+  BreadcrumbItem,
+  Breadcrumb
+};

package/dist/chunk-OQTPXPAP.mjs

@@ -1,10 +1,14 @@
-import { classNames, layoutContentClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Content.tsx
+import {
+  classNames,
+  layoutContentClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Content = ({ className, children, ...props }) => {
   const contentClasses = classNames(layoutContentClasses, className);
   return /* @__PURE__ */ jsx("main", { className: contentClasses, ...props, children });
 };
 
-export { Content };
+export {
+  Content
+};

package/dist/{chunk-QYLNPHKG.mjs → chunk-OTEM4FVX.mjs}

@@ -1,9 +1,17 @@
-import { useMemo, useState, useCallback } from 'react';
-import ReactDOM from 'react-dom';
-import { classNames, floatButtonBaseClasses, floatButtonShapeClasses, floatButtonSizeClasses, floatButtonTypeClasses, floatButtonDisabledClasses, floatButtonGroupClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/FloatButton.tsx
+import { useState, useMemo, useCallback } from "react";
+import ReactDOM from "react-dom";
+import {
+  classNames,
+  isBrowser,
+  floatButtonBaseClasses,
+  floatButtonShapeClasses,
+  floatButtonSizeClasses,
+  floatButtonTypeClasses,
+  floatButtonDisabledClasses,
+  floatButtonGroupClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FloatButton = ({
   shape = "circle",
   size = "md",
@@ -67,7 +75,7 @@ var FloatButtonGroup = ({
     onOpenChange?.(false);
   }, [onOpenChange]);
   const groupClasses = useMemo(() => classNames(floatButtonGroupClasses, className), [className]);
-  if (typeof document === "undefined") return null;
+  if (!isBrowser()) return null;
   const content = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -84,4 +92,7 @@ var FloatButtonGroup = ({
   return ReactDOM.createPortal(content, document.body);
 };
 
-export { FloatButton, FloatButtonGroup };
+export {
+  FloatButton,
+  FloatButtonGroup
+};

package/dist/{chunk-EV6KRX6F.mjs → chunk-OXGAZPPS.mjs}

@@ -1,8 +1,29 @@
-import { StatusIcon } from './chunk-FLYJVZED.mjs';
-import { useState, useMemo, useCallback, useEffect } from 'react';
-import { getAlertTypeClasses, defaultAlertThemeColors, classNames, alertBaseClasses, alertSizeClasses, alertBannerClasses, alertIconSizeClasses, alertTitleSizeClasses, alertDescriptionSizeClasses, alertCloseButtonBaseClasses, getAlertIconPath, alertIconContainerClasses, alertContentClasses, alertCloseIconPath, alertCountdownContainerClasses, alertCountdownBarClasses, alertCountdownColorClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  StatusIcon
+} from "./chunk-FLYJVZED.mjs";
 
+// src/components/Alert.tsx
+import { useState, useMemo, useCallback, useEffect } from "react";
+import {
+  classNames,
+  getAlertTypeClasses,
+  defaultAlertThemeColors,
+  alertBaseClasses,
+  alertSizeClasses,
+  alertIconSizeClasses,
+  alertTitleSizeClasses,
+  alertDescriptionSizeClasses,
+  alertCloseButtonBaseClasses,
+  alertIconContainerClasses,
+  alertContentClasses,
+  getAlertIconPath,
+  alertCloseIconPath,
+  alertBannerClasses,
+  alertCountdownContainerClasses,
+  alertCountdownBarClasses,
+  alertCountdownColorClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Alert = ({
   type = "info",
   size = "md",
@@ -70,7 +91,7 @@ var Alert = ({
       setCountdownProgress(100);
       const timer = setTimeout(() => {
         setVisible(false);
-        onClose?.(new MouseEvent("click"));
+        onClose?.();
       }, duration);
       let countdownTimer;
       if (showCountdown) {
@@ -121,4 +142,6 @@ var Alert = ({
   ] });
 };
 
-export { Alert };
+export {
+  Alert
+};

package/dist/chunk-P36GX65N.js

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/VirtualList.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var VirtualList = ({
+  itemCount = 0,
+  itemHeight = 40,
+  estimatedItemHeight,
+  getItemHeight,
+  sizeStrategy: customStrategy,
+  height = 400,
+  overscan = 5,
+  className,
+  renderItem,
+  onScroll
+}) => {
+  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const containerRef = _react.useRef.call(void 0, null);
+  const strategy = _react.useMemo.call(void 0, () => {
+    if (customStrategy) return customStrategy;
+    if (getItemHeight) return _tigercatcore.variableSizeStrategy.call(void 0, getItemHeight, itemCount);
+    if (estimatedItemHeight !== void 0)
+      return _tigercatcore.dynamicSizeStrategy.call(void 0, estimatedItemHeight, itemCount);
+    return _tigercatcore.fixedSizeStrategy.call(void 0, itemHeight);
+  }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
+  const range = _react.useMemo.call(void 0, 
+    () => strategy.getRange(scrollTop, height, itemCount, overscan),
+    [scrollTop, height, itemCount, overscan, strategy]
+  );
+  const handleScroll = _react.useCallback.call(void 0, () => {
+    if (containerRef.current) {
+      const st = containerRef.current.scrollTop;
+      setScrollTop(st);
+      _optionalChain([onScroll, 'optionalCall', _ => _(st)]);
+    }
+  }, [onScroll]);
+  const { startIndex, endIndex, totalHeight } = range;
+  const items = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    const itemH = strategy.getItemHeight(i);
+    items.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+    );
+  }
+  const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.virtualListContainerClasses, className),
+      style: { height: `${height}px` },
+      onScroll: handleScroll,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualListInnerClasses, style: { height: `${totalHeight}px` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          style: {
+            transform: `translateY(${offsetTop}px)`,
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%"
+          },
+          children: items
+        }
+      ) })
+    }
+  );
+};
+
+
+
+exports.VirtualList = VirtualList;

package/dist/chunk-P6E3DILH.mjs

@@ -1,8 +1,18 @@
-import React from 'react';
-import { cardSizeClasses, classNames, getCardClasses, cardDirectionClasses, cardActionsClasses, cardFooterClasses, cardCoverWrapperClasses, cardCoverClasses, cardHorizontalBodyClasses, cardHeaderClasses } from '@expcat/tigercat-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
 // src/components/Card.tsx
+import React from "react";
+import {
+  classNames,
+  getCardClasses,
+  cardSizeClasses,
+  cardHeaderClasses,
+  cardFooterClasses,
+  cardCoverWrapperClasses,
+  cardCoverClasses,
+  cardActionsClasses,
+  cardDirectionClasses,
+  cardHorizontalBodyClasses
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Card = React.memo(
   ({
     variant = "default",
@@ -48,4 +58,6 @@ var Card = React.memo(
 );
 Card.displayName = "Card";
 
-export { Card };
+export {
+  Card
+};