@expcat/tigercat-react 1.0.4 → 1.1.0

package/dist/{chunk-QPOH6SOO.mjs → chunk-XISZACMA.mjs}

@@ -1,8 +1,8 @@
+import { VirtualList } from './chunk-SXNHXUUF.mjs';
 import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
-import { getSpinnerSVG, getAllKeys, calculateCheckedState, getVisibleTreeItems, checkedSetsFromState, filterTreeNodes, getAutoExpandKeys, findNode, handleNodeCheck, getCheckedKeysByStrategy, getParentKeys, classNames, treeEmptyStateClasses, treeBaseClasses, treeNodeCheckboxClasses, treeNodeIconClasses, treeNodeLabelClasses, treeNodeWrapperClasses, getTreeNodeClasses, treeNodeChildrenClasses, treeLineClasses, treeNodeIndentClasses, getTreeNodeExpandIconClasses, treeLoadingClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getSpinnerSVG, getAllKeys, calculateCheckedState, getVisibleTreeItems, checkedSetsFromState, filterTreeNodes, getAutoExpandKeys, findNode, handleNodeCheck, getCheckedKeysByStrategy, getParentKeys, classNames, treeEmptyStateClasses, treeBaseClasses, getTreeNodeClasses, treeNodeCheckboxClasses, treeNodeIconClasses, treeNodeLabelClasses, treeNodeWrapperClasses, treeNodeChildrenClasses, treeLineClasses, treeNodeIndentClasses, getTreeNodeExpandIconClasses, treeLoadingClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/components/Tree.tsx
 var spinnerSvg = getSpinnerSVG("spinner");
 var ExpandIcon = ({
   expanded,
@@ -70,7 +70,10 @@ var Tree = ({
   onNodeCollapse,
   className,
   draggable: isDraggable = false,
-  onDrop
+  onDrop,
+  virtual = false,
+  height = 400,
+  itemHeight = 32
 }) => {
   const itemRefs = useRef(/* @__PURE__ */ new Map());
   const dragNodeKeyRef = useRef(null);
@@ -392,7 +395,7 @@ var Tree = ({
       handleCheck
     ]
   );
-  const renderTreeNode = (node, level) => {
+  const renderTreeRow = (node, level) => {
     const hasChildren = !!(node.children && node.children.length > 0);
     const isExpanded = computedExpandedKeys.has(node.key);
     const isSelected = computedSelectedKeys.has(node.key);
@@ -411,105 +414,115 @@ var Tree = ({
     for (let i = 0; i < level; i++) {
       indent.push(/* @__PURE__ */ jsx("span", { className: treeNodeIndentClasses }, i));
     }
-    const nodeContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-      indent,
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: isExpandable ? "cursor-pointer" : "",
-          onClick: (e) => {
-            e.stopPropagation();
-            if (isExpandable) {
-              setActiveKey(node.key);
-              handleExpand(node.key);
-            }
-          },
-          children: /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
-        }
-      ),
-      checkable && /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          "aria-label": `Select ${node.label}`,
-          className: treeNodeCheckboxClasses,
-          checked: isChecked,
-          ref: (input) => {
-            if (input) {
-              input.indeterminate = isHalfChecked;
-            }
-          },
-          disabled: node.disabled,
-          onClick: (e) => {
-            e.stopPropagation();
-          },
-          onChange: (e) => {
-            handleCheck(node.key, e.target.checked);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: getTreeNodeClasses(isSelected, !!node.disabled, blockNode),
+        ref: (el) => {
+          itemRefs.current.set(node.key, el);
+        },
+        role: "treeitem",
+        "aria-level": level + 1,
+        "aria-disabled": node.disabled || void 0,
+        "aria-selected": effectiveSelectable ? isSelected : void 0,
+        "aria-expanded": isExpandable ? isExpanded : void 0,
+        "aria-checked": checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
+        tabIndex: isFocusable ? 0 : -1,
+        draggable: isDraggable && !node.disabled ? true : void 0,
+        onDragStart: isDraggable && !node.disabled ? (e) => {
+          e.stopPropagation();
+          dragNodeKeyRef.current = node.key;
+        } : void 0,
+        onDragOver: isDraggable ? (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        } : void 0,
+        onDrop: isDraggable ? (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          if (dragNodeKeyRef.current !== null && dragNodeKeyRef.current !== node.key) {
+            onDrop?.({ dragKey: dragNodeKeyRef.current, dropKey: node.key });
           }
-        }
-      ),
-      showIcon && node.icon && /* @__PURE__ */ jsx("span", { className: treeNodeIconClasses, children: node.icon }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: classNames(
-            treeNodeLabelClasses,
-            isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
+          dragNodeKeyRef.current = null;
+        } : void 0,
+        onDragEnd: isDraggable ? () => {
+          dragNodeKeyRef.current = null;
+        } : void 0,
+        onFocus: () => {
+          if (!node.disabled) setActiveKey(node.key);
+        },
+        onKeyDown: (e) => handleKeyDown(e, node, isExpanded, isChecked),
+        onClick: (e) => {
+          setActiveKey(node.key);
+          if (!node.disabled) onNodeClick?.(node, e);
+          if (effectiveSelectable && !node.disabled) {
+            handleSelect(node.key, e);
+          }
+        },
+        children: [
+          indent,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: isExpandable ? "cursor-pointer" : "",
+              onClick: (e) => {
+                e.stopPropagation();
+                if (isExpandable) {
+                  setActiveKey(node.key);
+                  handleExpand(node.key);
+                }
+              },
+              children: /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
+            }
           ),
-          children: node.label
-        }
-      ),
-      isLoading && /* @__PURE__ */ jsx(LoadingSpinner, {})
-    ] });
-    return /* @__PURE__ */ jsxs("div", { className: treeNodeWrapperClasses, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: getTreeNodeClasses(isSelected, !!node.disabled, blockNode),
-          ref: (el) => {
-            itemRefs.current.set(node.key, el);
-          },
-          role: "treeitem",
-          "aria-level": level + 1,
-          "aria-disabled": node.disabled || void 0,
-          "aria-selected": effectiveSelectable ? isSelected : void 0,
-          "aria-expanded": isExpandable ? isExpanded : void 0,
-          "aria-checked": checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
-          tabIndex: isFocusable ? 0 : -1,
-          draggable: isDraggable && !node.disabled ? true : void 0,
-          onDragStart: isDraggable && !node.disabled ? (e) => {
-            e.stopPropagation();
-            dragNodeKeyRef.current = node.key;
-          } : void 0,
-          onDragOver: isDraggable ? (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-          } : void 0,
-          onDrop: isDraggable ? (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            if (dragNodeKeyRef.current !== null && dragNodeKeyRef.current !== node.key) {
-              onDrop?.({ dragKey: dragNodeKeyRef.current, dropKey: node.key });
+          checkable && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": `Select ${node.label}`,
+              className: treeNodeCheckboxClasses,
+              checked: isChecked,
+              ref: (input) => {
+                if (input) {
+                  input.indeterminate = isHalfChecked;
+                }
+              },
+              disabled: node.disabled,
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              onChange: (e) => {
+                handleCheck(node.key, e.target.checked);
+              }
             }
-            dragNodeKeyRef.current = null;
-          } : void 0,
-          onDragEnd: isDraggable ? () => {
-            dragNodeKeyRef.current = null;
-          } : void 0,
-          onFocus: () => {
-            if (!node.disabled) setActiveKey(node.key);
-          },
-          onKeyDown: (e) => handleKeyDown(e, node, isExpanded, isChecked),
-          onClick: (e) => {
-            setActiveKey(node.key);
-            if (!node.disabled) onNodeClick?.(node, e);
-            if (effectiveSelectable && !node.disabled) {
-              handleSelect(node.key, e);
+          ),
+          showIcon && node.icon ? /* @__PURE__ */ jsx("span", { className: treeNodeIconClasses, children: node.icon }) : null,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classNames(
+                treeNodeLabelClasses,
+                isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
+              ),
+              children: node.label
             }
-          },
-          children: nodeContent
-        }
-      ),
+          ),
+          isLoading && /* @__PURE__ */ jsx(LoadingSpinner, {})
+        ]
+      }
+    );
+  };
+  const renderTreeNode = (node, level) => {
+    const hasChildren = !!(node.children && node.children.length > 0);
+    const isExpanded = computedExpandedKeys.has(node.key);
+    const isFiltered = filteredNodeKeys.size > 0;
+    const isMatched = filteredNodeKeys.has(node.key);
+    const isVisible = !isFiltered || isMatched;
+    if (!isVisible) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: treeNodeWrapperClasses, children: [
+      renderTreeRow(node, level),
       hasChildren && isExpanded && /* @__PURE__ */ jsx("div", { className: classNames(treeNodeChildrenClasses, showLine && treeLineClasses), children: node.children.map((child) => renderTreeNode(child, level + 1)) })
     ] }, node.key);
   };
@@ -542,7 +555,19 @@ var Tree = ({
             onChange: (e) => setInternalSearchValue(e.target.value)
           }
         ),
-        treeData.map((node) => renderTreeNode(node, 0))
+        virtual ? /* @__PURE__ */ jsx(
+          VirtualList,
+          {
+            itemCount: visibleItems.length,
+            itemHeight,
+            height,
+            renderItem: ({ index }) => {
+              const item = visibleItems[index];
+              if (!item) return null;
+              return renderTreeRow(item.node, item.level - 1);
+            }
+          }
+        ) : treeData.map((node) => renderTreeNode(node, 0))
       ]
     }
   );

package/dist/{chunk-QYGBT4NL.js → chunk-XN43YK75.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkH5MZ54PM_js = require('./chunk-H5MZ54PM.js');
-var chunk2XOFRGY6_js = require('./chunk-2XOFRGY6.js');
-var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
+var chunkXPA2YCQO_js = require('./chunk-XPA2YCQO.js');
+var chunk6YBLWFP5_js = require('./chunk-6YBLWFP5.js');
+var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -30,7 +30,7 @@ var FormWizard = ({
   style,
   ...props
 }) => {
-  const config = chunk2XOFRGY6_js.useTigerConfig();
+  const config = chunk6YBLWFP5_js.useTigerConfig();
   const mergedLocale = react.useMemo(
     () => tigercatCore.mergeTigerLocale(config.locale, locale),
     [config.locale, locale]
@@ -46,13 +46,12 @@ var FormWizard = ({
   const isFirst = currentIndex <= 0;
   const isLast = currentIndex >= totalCount - 1;
   const wrapperClasses = tigercatCore.classNames(
-    "tiger-form-wizard w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+    "tiger-form-wizard w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
     className
   );
   const setCurrent = react.useCallback(
     (next) => {
-      const max = Math.max(totalCount - 1, 0);
-      const clamped = Math.min(Math.max(next, 0), max);
+      const clamped = tigercatCore.clampStepIndex(next, totalCount);
       if (current === void 0) {
         setInnerCurrent(clamped);
       }
@@ -63,24 +62,13 @@ var FormWizard = ({
     },
     [current, currentIndex, onChange, totalCount, autoSave, steps]
   );
-  const runBeforeNext = react.useCallback(async () => {
-    if (!beforeNext || !currentStep) {
-      return true;
-    }
-    const result = await beforeNext(currentIndex, currentStep, steps);
-    return result === true;
-  }, [beforeNext, currentIndex, currentStep, steps]);
+  const runBeforeNext = react.useCallback(
+    () => tigercatCore.runStepValidation(currentIndex, currentStep, steps, beforeNext),
+    [beforeNext, currentIndex, currentStep, steps]
+  );
   const findNextUnskipped = react.useCallback(
-    (from, dir) => {
-      let idx = from;
-      while (idx >= 0 && idx < totalCount) {
-        const step = steps[idx];
-        if (!step?.disabled && !step?.skipCondition?.()) return idx;
-        idx += dir;
-      }
-      return currentIndex;
-    },
-    [steps, totalCount, currentIndex]
+    (from, dir) => tigercatCore.findNextUnskippedStep(from, dir, steps, currentIndex),
+    [steps, currentIndex]
   );
   const handlePrev = react.useCallback(() => {
     if (currentIndex <= 0) return;
@@ -127,7 +115,7 @@ var FormWizard = ({
   }, [currentIndex, currentStep, renderStep]);
   const stepsNodes = react.useMemo(
     () => steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkH5MZ54PM_js.StepsItem,
+      chunkXPA2YCQO_js.StepsItem,
       {
         title: step.title,
         description: step.description,
@@ -141,7 +129,7 @@ var FormWizard = ({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, style, "data-tiger-form-wizard": true, ...props, children: [
     showSteps && steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkH5MZ54PM_js.Steps,
+      chunkXPA2YCQO_js.Steps,
       {
         current: currentIndex,
         direction,
@@ -154,8 +142,8 @@ var FormWizard = ({
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
     showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: tigercatCore.resolveLocaleText(labels.prevText, prevText) }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? tigercatCore.resolveLocaleText(labels.finishText, finishText) : tigercatCore.resolveLocaleText(labels.nextText, nextText) })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGRXBGL6Q_js.Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: tigercatCore.resolveLocaleText(labels.prevText, prevText) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGRXBGL6Q_js.Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? tigercatCore.resolveLocaleText(labels.finishText, finishText) : tigercatCore.resolveLocaleText(labels.nextText, nextText) })
     ] })
   ] });
 };

package/dist/{chunk-H5MZ54PM.js → chunk-XPA2YCQO.js}

@@ -1,60 +1,18 @@
 'use strict';
 
-var tigercatCore = require('@expcat/tigercat-core');
 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/StepsItem.tsx
+// src/components/Steps.tsx
 var StepsContext = React.createContext(null);
 function useStepsContext() {
   return React.useContext(StepsContext);
 }
-var Steps = ({
-  current = 0,
-  status = "process",
-  direction = "horizontal",
-  size = "default",
-  simple = false,
-  clickable = false,
-  className,
-  style,
-  onChange,
-  children,
-  ...props
-}) => {
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getStepsContainerClasses(direction), className),
-    [direction, className]
-  );
-  const handleStepClick = React.useCallback((index) => {
-    if (!clickable) return;
-    onChange?.(index);
-  }, [clickable, onChange]);
-  const contextValue = React.useMemo(() => ({
-    current,
-    status,
-    direction,
-    size,
-    simple,
-    clickable,
-    handleStepClick: clickable ? handleStepClick : void 0
-  }), [current, status, direction, size, simple, clickable, handleStepClick]);
-  const totalCount = React__default.default.Children.count(children);
-  const stepsWithProps = React__default.default.Children.map(children, (child, index) => {
-    if (React__default.default.isValidElement(child) && child.type === StepsItem) {
-      return React__default.default.cloneElement(child, {
-        stepIndex: index,
-        isLast: index === totalCount - 1
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
-};
 var StepsItem = ({
   title,
   description,
@@ -82,12 +40,15 @@ var StepsItem = ({
     customStatus
   );
   const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = tigercatCore.classNames(
-    tigercatCore.getStepItemClasses(stepsContext.direction, isLast),
-    className
-  );
+  const itemClasses = tigercatCore.classNames(tigercatCore.getStepItemClasses(stepsContext.direction, isLast), className);
   const iconClasses = tigercatCore.getStepIconClasses(stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = tigercatCore.getStepTailClasses(stepsContext.direction, stepStatus, isLast, stepsContext.size, stepsContext.simple);
+  const tailClasses = tigercatCore.getStepTailClasses(
+    stepsContext.direction,
+    stepStatus,
+    isLast,
+    stepsContext.size,
+    stepsContext.simple
+  );
   const contentClasses = tigercatCore.getStepContentClasses(stepsContext.direction);
   const titleClasses = tigercatCore.getStepTitleClasses(stepStatus, stepsContext.size, isClickable);
   const descriptionClasses = tigercatCore.getStepDescriptionClasses(stepStatus, stepsContext.size);
@@ -155,6 +116,54 @@ var StepsItem = ({
     }
   );
 };
+var Steps = ({
+  current = 0,
+  status = "process",
+  direction = "horizontal",
+  size = "default",
+  simple = false,
+  clickable = false,
+  className,
+  style,
+  onChange,
+  children,
+  ...props
+}) => {
+  const containerClasses = React.useMemo(
+    () => tigercatCore.classNames(tigercatCore.getStepsContainerClasses(direction), className),
+    [direction, className]
+  );
+  const handleStepClick = React.useCallback(
+    (index) => {
+      if (!clickable) return;
+      onChange?.(index);
+    },
+    [clickable, onChange]
+  );
+  const contextValue = React.useMemo(
+    () => ({
+      current,
+      status,
+      direction,
+      size,
+      simple,
+      clickable,
+      handleStepClick: clickable ? handleStepClick : void 0
+    }),
+    [current, status, direction, size, simple, clickable, handleStepClick]
+  );
+  const totalCount = React__default.default.Children.count(children);
+  const stepsWithProps = React__default.default.Children.map(children, (child, index) => {
+    if (React__default.default.isValidElement(child) && child.type === StepsItem) {
+      return React__default.default.cloneElement(child, {
+        stepIndex: index,
+        isLast: index === totalCount - 1
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
+};
 
 exports.Steps = Steps;
 exports.StepsItem = StepsItem;

package/dist/{chunk-CHH7DWIO.js → chunk-XRNKHQTL.js}

@@ -22,6 +22,7 @@ var Mentions = ({
   const [query, setQuery] = react.useState("");
   const mentionStartRef = react.useRef(-1);
   const textareaRef = react.useRef(null);
+  const dropdownRef = react.useRef(null);
   const containerRef = react.useRef(null);
   const filteredOptions = react.useMemo(() => {
     if (!query) return options;
@@ -87,6 +88,11 @@ var Mentions = ({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [isOpen]);
+  react.useEffect(() => {
+    if (!isOpen || filteredOptions.length === 0) return;
+    if (!textareaRef.current || !dropdownRef.current) return;
+    void tigercatCore.positionMentionsDropdown(textareaRef.current, dropdownRef.current);
+  }, [isOpen, filteredOptions.length, size, rows, value]);
   const wrapperClass = tigercatCore.classNames("relative", className);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: wrapperClass, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -102,7 +108,7 @@ var Mentions = ({
         onKeyDown: handleKeydown
       }
     ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: dropdownRef, className: tigercatCore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: tigercatCore.getMentionsOptionClasses(i === activeIndex, !!opt.disabled),

package/dist/{chunk-WLIFEALE.mjs → chunk-XTSG362L.mjs}

@@ -1,5 +1,6 @@
 import { useEffect, useState, useRef, useCallback } from 'react';
-import { computeFloatingPosition, autoUpdateFloating, isEscapeKey, isEventOutside } from '@expcat/tigercat-core';
+import { createPortal } from 'react-dom';
+import { lockBodyScroll, computeFloatingPosition, autoUpdateFloating, isEscapeKey, getFocusableElements, getFocusTrapNavigation, isEventOutside } from '@expcat/tigercat-core';
 
 // src/utils/overlay.ts
 function useClickOutside({
@@ -41,6 +42,32 @@ function useEscapeKey({ enabled, onEscape }) {
     return () => document.removeEventListener("keydown", handler);
   }, [enabled, onEscape]);
 }
+function useBodyScrollLock({ enabled }) {
+  useEffect(() => {
+    if (!enabled) return;
+    return lockBodyScroll();
+  }, [enabled]);
+}
+function renderBodyPortal(node) {
+  if (typeof document === "undefined") return null;
+  return createPortal(node, document.body);
+}
+function useFocusTrap({ enabled, containerRef }) {
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!enabled || !container) return;
+    const handler = (event) => {
+      const focusables = getFocusableElements(container);
+      const activeElement = container.ownerDocument?.activeElement ?? document.activeElement;
+      const nav = getFocusTrapNavigation(event, focusables, activeElement);
+      if (!nav.shouldHandle || !nav.next) return;
+      event.preventDefault();
+      nav.next.focus();
+    };
+    container.addEventListener("keydown", handler);
+    return () => container.removeEventListener("keydown", handler);
+  }, [enabled, containerRef]);
+}
 function useFloating(options) {
   const {
     referenceRef,
@@ -108,4 +135,4 @@ function useFloating(options) {
   };
 }
 
-export { useClickOutside, useEscapeKey, useFloating };
+export { renderBodyPortal, useBodyScrollLock, useClickOutside, useEscapeKey, useFloating, useFocusTrap };

package/dist/{chunk-KQZ4F7FZ.js → chunk-XTV5JLLC.js}

@@ -21,6 +21,16 @@ function useChartInteraction(options) {
   const [localHoveredIndex, setLocalHoveredIndex] = react.useState(null);
   const [localSelectedIndex, setLocalSelectedIndex] = react.useState(null);
   const [tooltipPosition, setTooltipPosition] = react.useState({ x: 0, y: 0 });
+  const tooltipSchedulerRef = react.useRef(null);
+  if (tooltipSchedulerRef.current === null) {
+    tooltipSchedulerRef.current = tigercatCore.createChartPointerMoveScheduler({
+      onPositionChange: setTooltipPosition
+    });
+  }
+  const tooltipScheduler = tooltipSchedulerRef.current;
+  react.useEffect(() => {
+    return () => tooltipScheduler.cancel();
+  }, [tooltipScheduler]);
   const resolvedHoveredIndex = hoveredIndexProp !== void 0 ? hoveredIndexProp : localHoveredIndex;
   const resolvedSelectedIndex = selectedIndexProp !== void 0 ? selectedIndexProp : localSelectedIndex;
   const activeIndex = react.useMemo(() => {
@@ -51,17 +61,21 @@ function useChartInteraction(options) {
     },
     [hoverable, hoveredIndexProp, onHoveredIndexChange, callbacks, getData]
   );
-  const handleMouseMove = react.useCallback((event) => {
-    setTooltipPosition({ x: event.clientX, y: event.clientY });
-  }, []);
+  const handleMouseMove = react.useCallback(
+    (event) => {
+      tooltipScheduler.schedule({ x: event.clientX, y: event.clientY });
+    },
+    [tooltipScheduler]
+  );
   const handleMouseLeave = react.useCallback(() => {
+    tooltipScheduler.cancel();
     if (!hoverable) return;
     if (hoveredIndexProp === void 0) {
       setLocalHoveredIndex(null);
     }
     onHoveredIndexChange?.(null);
     callbacks?.onHover?.(null, null);
-  }, [hoverable, hoveredIndexProp, onHoveredIndexChange, callbacks]);
+  }, [hoverable, tooltipScheduler, hoveredIndexProp, onHoveredIndexChange, callbacks]);
   const handleClick = react.useCallback(
     (index) => {
       if (!selectable) return;