@expcat/tigercat-react 1.0.7 → 1.1.0

package/dist/{chunk-CQGAZ5JQ.js → chunk-X7WESYRG.js}

@@ -8,6 +8,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var VirtualList = ({
   itemCount = 0,
   itemHeight = 40,
+  estimatedItemHeight,
+  getItemHeight,
+  sizeStrategy: customStrategy,
   height = 400,
   overscan = 5,
   className,
@@ -16,9 +19,15 @@ var VirtualList = ({
 }) => {
   const [scrollTop, setScrollTop] = react.useState(0);
   const containerRef = react.useRef(null);
+  const strategy = react.useMemo(() => {
+    if (customStrategy) return customStrategy;
+    if (getItemHeight) return tigercatCore.variableSizeStrategy(getItemHeight, itemCount);
+    if (estimatedItemHeight !== void 0) return tigercatCore.dynamicSizeStrategy(estimatedItemHeight, itemCount);
+    return tigercatCore.fixedSizeStrategy(itemHeight);
+  }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
   const range = react.useMemo(
-    () => tigercatCore.getFixedVirtualRange(scrollTop, height, itemHeight, itemCount, overscan),
-    [scrollTop, height, itemHeight, itemCount, overscan]
+    () => strategy.getRange(scrollTop, height, itemCount, overscan),
+    [scrollTop, height, itemCount, overscan, strategy]
   );
   const handleScroll = react.useCallback(() => {
     if (containerRef.current) {
@@ -27,13 +36,15 @@ var VirtualList = ({
       onScroll?.(st);
     }
   }, [onScroll]);
-  const { startIndex, endIndex, offsetTop, totalHeight } = range;
+  const { startIndex, endIndex, totalHeight } = range;
   const items = [];
   for (let i = startIndex; i <= endIndex; i++) {
+    const itemH = strategy.getItemHeight(i);
     items.push(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: `${itemHeight}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
     );
   }
+  const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {

package/dist/{chunk-PUYT62KC.js → chunk-XAALCDGD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIWP22YTF_js = require('./chunk-IWP22YTF.js');
+var chunkHCKV7ONR_js = require('./chunk-HCKV7ONR.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -37,7 +37,7 @@ var FormItem = ({
   children,
   className
 }) => {
-  const formContext = chunkIWP22YTF_js.useFormContext();
+  const formContext = chunkHCKV7ONR_js.useFormContext();
   const [errorMessage, setErrorMessage] = React.useState("");
   const [shakeTrigger, setShakeTrigger] = React.useState(0);
   const prevFormErrorRef = React.useRef("");
@@ -76,15 +76,15 @@ var FormItem = ({
     [showRequiredAsterisk, formContext?.showRequiredAsterisk]
   );
   React.useEffect(() => {
-    if (name && formContext?.errors) {
-      const error = tigercatCore.getFieldError(name, formContext.errors) || "";
+    if (name && formContext?.errorsByField) {
+      const error = formContext.errorsByField[name] || "";
       setErrorMessage(error);
       if (error && error !== prevFormErrorRef.current) {
         setShakeTrigger((prev) => prev + 1);
       }
       prevFormErrorRef.current = error;
     }
-  }, [name, formContext?.errors]);
+  }, [name, formContext?.errorsByField]);
   React.useEffect(() => {
     if (controlledError !== void 0) {
       setErrorMessage(controlledError);
@@ -225,7 +225,6 @@ var FormItem = ({
           "aria-labelledby": label ? labelId : void 0,
           "aria-describedby": describedById,
           "aria-invalid": hasError ? true : void 0,
-          "aria-required": isRequired ? true : void 0,
           onBlur: isClonableChild ? void 0 : handleBlur,
           onChange: isClonableChild ? void 0 : handleChange,
           children: enhancedChild

package/dist/{chunk-YPHOVEVU.mjs → chunk-XATXFVKR.mjs}

@@ -1,5 +1,5 @@
 import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { extractMentionQuery, classNames, getMentionsInputClasses, mentionsDropdownClasses, getMentionsOptionClasses } from '@expcat/tigercat-core';
+import { extractMentionQuery, positionMentionsDropdown, classNames, getMentionsInputClasses, mentionsDropdownClasses, getMentionsOptionClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Mentions.tsx
@@ -20,6 +20,7 @@ var Mentions = ({
   const [query, setQuery] = useState("");
   const mentionStartRef = useRef(-1);
   const textareaRef = useRef(null);
+  const dropdownRef = useRef(null);
   const containerRef = useRef(null);
   const filteredOptions = useMemo(() => {
     if (!query) return options;
@@ -85,6 +86,11 @@ var Mentions = ({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen || filteredOptions.length === 0) return;
+    if (!textareaRef.current || !dropdownRef.current) return;
+    void positionMentionsDropdown(textareaRef.current, dropdownRef.current);
+  }, [isOpen, filteredOptions.length, size, rows, value]);
   const wrapperClass = classNames("relative", className);
   return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: wrapperClass, children: [
     /* @__PURE__ */ jsx(
@@ -100,7 +106,7 @@ var Mentions = ({
         onKeyDown: handleKeydown
       }
     ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx("div", { className: mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx("div", { ref: dropdownRef, className: mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
       "div",
       {
         className: getMentionsOptionClasses(i === activeIndex, !!opt.disabled),

package/dist/chunk-XHF3L4ET.mjs

@@ -0,0 +1,132 @@
+import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import { resolveAffixTarget, calculateAffixState, createAffixObserver, classNames } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Affix.tsx
+var Affix = ({
+  offsetTop = 0,
+  offsetBottom,
+  target,
+  zIndex = 10,
+  className,
+  style,
+  children,
+  onChange,
+  ...props
+}) => {
+  const wrapperRef = useRef(null);
+  const sentinelRef = useRef(null);
+  const originalRectRef = useRef(null);
+  const [state, setState] = useState({ affixed: false, style: {} });
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const recalcStyle = useCallback(
+    (affixed) => {
+      const el = wrapperRef.current;
+      if (!el) return;
+      if (!stateRef.current.affixed) {
+        const rect = el.getBoundingClientRect();
+        originalRectRef.current = {
+          top: rect.top,
+          left: rect.left,
+          width: rect.width,
+          height: rect.height
+        };
+      }
+      if (!originalRectRef.current) return;
+      const resolved = resolveAffixTarget(target);
+      const containerRect = resolved.getRect();
+      if (!affixed) {
+        if (stateRef.current.affixed) {
+          setState({ affixed: false, style: {} });
+          onChangeRef.current?.(false);
+        }
+        return;
+      }
+      const next = calculateAffixState(
+        {
+          top: -1,
+          left: originalRectRef.current.left,
+          width: originalRectRef.current.width,
+          height: originalRectRef.current.height
+        },
+        containerRect,
+        offsetBottom !== void 0 ? void 0 : offsetTop,
+        offsetBottom,
+        zIndex
+      );
+      if (!next.affixed) {
+        if (stateRef.current.affixed) {
+          setState({ affixed: false, style: {} });
+          onChangeRef.current?.(false);
+        }
+        return;
+      }
+      const wasAffixed = stateRef.current.affixed;
+      setState(next);
+      if (!wasAffixed) onChangeRef.current?.(true);
+    },
+    [offsetTop, offsetBottom, target, zIndex]
+  );
+  useEffect(() => {
+    if (!sentinelRef.current) return void 0;
+    const resolved = resolveAffixTarget(target);
+    const root = resolved.element === window ? null : resolved.element;
+    const stop = createAffixObserver(sentinelRef.current, {
+      offsetTop,
+      offsetBottom,
+      root,
+      onToggle: (affixed) => recalcStyle(affixed)
+    });
+    let resizeObs = null;
+    const onResize = () => {
+      if (stateRef.current.affixed) recalcStyle(true);
+    };
+    if (typeof ResizeObserver !== "undefined" && wrapperRef.current) {
+      resizeObs = new ResizeObserver(() => onResize());
+      resizeObs.observe(wrapperRef.current);
+    }
+    window.addEventListener("resize", onResize, { passive: true });
+    return () => {
+      stop();
+      resizeObs?.disconnect();
+      window.removeEventListener("resize", onResize);
+    };
+  }, [offsetTop, offsetBottom, target, recalcStyle]);
+  const wrapperClasses = useMemo(() => classNames(className), [className]);
+  const wrapperStyle = useMemo(
+    () => state.affixed ? { ...state.style, ...style } : style,
+    [state.affixed, state.style, style]
+  );
+  const sentinel = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: sentinelRef,
+      "aria-hidden": "true",
+      style: { display: "block", width: 0, height: 0, pointerEvents: "none" }
+    }
+  );
+  if (state.affixed) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      sentinel,
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            width: originalRectRef.current?.width ?? 0,
+            height: originalRectRef.current?.height ?? 0
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: wrapperClasses, style: wrapperStyle, ...props, children })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    sentinel,
+    /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: wrapperClasses, style: wrapperStyle, ...props, children })
+  ] });
+};
+
+export { Affix };

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) })
     ] })
   ] });
 };