@expcat/tigercat-react 1.0.4 → 1.1.0

package/dist/{chunk-I4SKKEU3.js → chunk-HR5GBE3P.js}

@@ -29,49 +29,44 @@ var FileManager = ({
   renderIcon
 }) => {
   const [localSearch, setLocalSearch] = react.useState(searchText);
-  const currentItems = react.useMemo(() => tigercatCore.navigateToFolder(files, currentPath), [files, currentPath]);
-  const processedItems = react.useMemo(() => {
-    let items = tigercatCore.filterHiddenFiles(currentItems, showHidden);
-    const search = localSearch || searchText;
-    if (search) {
-      items = tigercatCore.filterFileItems(items, search);
-    }
-    return tigercatCore.sortFileItems(items, sortField, sortOrder);
-  }, [currentItems, showHidden, localSearch, searchText, sortField, sortOrder]);
-  const selectedSet = react.useMemo(() => new Set(selectedKeys), [selectedKeys]);
+  const model = react.useMemo(
+    () => tigercatCore.deriveFileManagerModel({
+      files,
+      currentPath,
+      selectedKeys,
+      sortField,
+      sortOrder,
+      showHidden,
+      searchText: localSearch || searchText
+    }),
+    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
+  );
   const containerClasses = react.useMemo(() => tigercatCore.getFileManagerContainerClasses(className), [className]);
   const handleSelect = react.useCallback(
     (item) => {
       if (item.disabled) return;
       onSelect?.(item);
-      const keys = [...selectedKeys];
-      const idx = keys.indexOf(item.key);
-      if (idx >= 0) {
-        keys.splice(idx, 1);
-      } else {
-        if (!multiple) keys.length = 0;
-        keys.push(item.key);
-      }
+      const keys = tigercatCore.toggleFileSelection(selectedKeys, item.key, multiple);
       onSelectedKeysChange?.(keys);
     },
     [selectedKeys, multiple, onSelect, onSelectedKeysChange]
   );
   const handleOpen = react.useCallback(
     (item) => {
-      if (item.disabled) return;
-      if (item.type === "folder") {
-        const newPath = [...currentPath, item.name];
-        onCurrentPathChange?.(newPath);
-        onNavigate?.(newPath);
+      const result = tigercatCore.resolveFileOpen(item, currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        onCurrentPathChange?.(result.path);
+        onNavigate?.(result.path);
       } else {
-        onOpen?.(item);
+        onOpen?.(result.item);
       }
     },
     [currentPath, onOpen, onNavigate, onCurrentPathChange]
   );
   const navigateToBreadcrumb = react.useCallback(
     (index) => {
-      const newPath = currentPath.slice(0, index);
+      const newPath = tigercatCore.sliceBreadcrumbPath(currentPath, index);
       onCurrentPathChange?.(newPath);
       onNavigate?.(newPath);
     },
@@ -119,9 +114,10 @@ var FileManager = ({
         }
       )
     ] }),
-    processedItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: processedItems.map((item) => {
-      const isSelected = selectedSet.has(item.key);
+    model.processedItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
+      const isSelected = model.selectedSet.has(item.key);
       const itemClass = tigercatCore.getFileItemClasses(viewMode, isSelected);
+      const dragItem = draggable && !item.disabled ? tigercatCore.toFileDragItem(item, index) : void 0;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -129,6 +125,7 @@ var FileManager = ({
           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,

package/dist/{chunk-HUCBHFSL.mjs → chunk-HTXUF4RH.mjs}

@@ -1,7 +1,6 @@
-import { useEscapeKey } from './chunk-WLIFEALE.mjs';
+import { useEscapeKey, useBodyScrollLock, useFocusTrap, renderBodyPortal } from './chunk-XTSG362L.mjs';
 import React, { useEffect, useCallback, useRef, useId, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { ANIMATION_DURATION_MS, resolveLocaleText, captureActiveElement, focusFirst, restoreFocus, getFocusableElements, getFocusTrapNavigation, classNames, getDrawerContainerClasses, getDrawerMaskClasses, getDrawerPanelClasses, getDrawerHeaderClasses, getDrawerBodyClasses, getDrawerFooterClasses, getDrawerCloseButtonClasses, getDrawerTitleClasses, closeIconViewBox, closeIconPathD, closeIconPathStrokeWidth, closeIconPathStrokeLinejoin, closeIconPathStrokeLinecap } from '@expcat/tigercat-core';
+import { shouldCloseOnMaskClick, ANIMATION_DURATION_MS, resolveLocaleText, captureActiveElement, focusFirst, restoreFocus, classNames, getDrawerContainerClasses, getDrawerMaskClasses, getDrawerPanelClasses, getDrawerHeaderClasses, getDrawerBodyClasses, getDrawerFooterClasses, getDrawerCloseButtonClasses, getDrawerTitleClasses, closeIconViewBox, closeIconPathD, closeIconPathStrokeWidth, closeIconPathStrokeLinejoin, closeIconPathStrokeLinecap } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var CloseIcon = () => /* @__PURE__ */ jsx(
@@ -57,14 +56,14 @@ var Drawer = ({
   }, [onClose]);
   const handleMaskClick = useCallback(
     (event) => {
-      if (!maskClosable) return;
-      if (event.target === event.currentTarget) {
+      if (shouldCloseOnMaskClick(event, maskClosable)) {
         handleClose();
       }
     },
     [maskClosable, handleClose]
   );
   useEscapeKey({ enabled: open, onEscape: handleClose });
+  useBodyScrollLock({ enabled: open });
   const previousVisible = useRef(false);
   useEffect(() => {
     if (open === previousVisible.current) return;
@@ -107,16 +106,7 @@ var Drawer = ({
     }
     restoreFocus(previousActiveElementRef.current);
   }, [open]);
-  const handleKeyDown = useCallback((event) => {
-    if (event.key === "Tab" && dialogRef.current) {
-      const focusables = getFocusableElements(dialogRef.current);
-      const result = getFocusTrapNavigation(event.nativeEvent, focusables, document.activeElement);
-      if (result.shouldHandle && result.next) {
-        event.preventDefault();
-        result.next.focus();
-      }
-    }
-  }, []);
+  useFocusTrap({ enabled: open, containerRef: dialogRef });
   const containerClasses = classNames(getDrawerContainerClasses(), !open && "pointer-events-none");
   const maskClasses = getDrawerMaskClasses(open);
   const panelClasses = classNames(
@@ -166,7 +156,6 @@ var Drawer = ({
             "aria-labelledby": ariaLabelledby,
             tabIndex: -1,
             ref: dialogRef,
-            onKeyDown: handleKeyDown,
             "data-tiger-drawer": "",
             children: [
               (title || header || closable) && /* @__PURE__ */ jsxs("div", { className: headerClasses, children: [
@@ -191,10 +180,7 @@ var Drawer = ({
       ]
     }
   );
-  if (typeof document === "undefined") {
-    return null;
-  }
-  return createPortal(drawerContent, document.body);
+  return renderBodyPortal(drawerContent);
 };
 
 export { Drawer };

package/dist/{chunk-EOYJLBFD.js → chunk-ITLA7OLQ.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
+var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
 var React = require('react');
-var reactDom = require('react-dom');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -63,14 +62,14 @@ var Drawer = ({
   }, [onClose]);
   const handleMaskClick = React.useCallback(
     (event) => {
-      if (!maskClosable) return;
-      if (event.target === event.currentTarget) {
+      if (tigercatCore.shouldCloseOnMaskClick(event, maskClosable)) {
         handleClose();
       }
     },
     [maskClosable, handleClose]
   );
-  chunkZYPEO2KY_js.useEscapeKey({ enabled: open, onEscape: handleClose });
+  chunkPGBKMW4Q_js.useEscapeKey({ enabled: open, onEscape: handleClose });
+  chunkPGBKMW4Q_js.useBodyScrollLock({ enabled: open });
   const previousVisible = React.useRef(false);
   React.useEffect(() => {
     if (open === previousVisible.current) return;
@@ -113,16 +112,7 @@ var Drawer = ({
     }
     tigercatCore.restoreFocus(previousActiveElementRef.current);
   }, [open]);
-  const handleKeyDown = React.useCallback((event) => {
-    if (event.key === "Tab" && dialogRef.current) {
-      const focusables = tigercatCore.getFocusableElements(dialogRef.current);
-      const result = tigercatCore.getFocusTrapNavigation(event.nativeEvent, focusables, document.activeElement);
-      if (result.shouldHandle && result.next) {
-        event.preventDefault();
-        result.next.focus();
-      }
-    }
-  }, []);
+  chunkPGBKMW4Q_js.useFocusTrap({ enabled: open, containerRef: dialogRef });
   const containerClasses = tigercatCore.classNames(tigercatCore.getDrawerContainerClasses(), !open && "pointer-events-none");
   const maskClasses = tigercatCore.getDrawerMaskClasses(open);
   const panelClasses = tigercatCore.classNames(
@@ -172,7 +162,6 @@ var Drawer = ({
             "aria-labelledby": ariaLabelledby,
             tabIndex: -1,
             ref: dialogRef,
-            onKeyDown: handleKeyDown,
             "data-tiger-drawer": "",
             children: [
               (title || header || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerClasses, children: [
@@ -197,10 +186,7 @@ var Drawer = ({
       ]
     }
   );
-  if (typeof document === "undefined") {
-    return null;
-  }
-  return reactDom.createPortal(drawerContent, document.body);
+  return chunkPGBKMW4Q_js.renderBodyPortal(drawerContent);
 };
 
 exports.Drawer = Drawer;

package/dist/{chunk-INBSKSZG.mjs → chunk-ITVLIR7T.mjs}

@@ -1,5 +1,5 @@
 import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD, stepValue, clampValue, formatPrecision } from '@expcat/tigercat-core';
+import { createRafRepeatActionController, isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD, stepValue, clampValue, formatPrecision } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/InputNumber.tsx
@@ -30,6 +30,9 @@ var InputNumber = ({
 }) => {
   const isControlled = controlledValue !== void 0;
   const inputRef = useRef(null);
+  const repeatControllerRef = useRef(createRafRepeatActionController());
+  const repeatValueRef = useRef(null);
+  const suppressNextClickRef = useRef(false);
   const [focused, setFocused] = useState(false);
   const [internalValue, setInternalValue] = useState(
     defaultValue ?? controlledValue ?? null
@@ -61,6 +64,7 @@ var InputNumber = ({
       inputRef.current.focus();
     }
   }, [autoFocus]);
+  useEffect(() => () => repeatControllerRef.current.stop(), []);
   const commitValue = (val) => {
     let finalVal = val;
     if (finalVal !== null) {
@@ -75,10 +79,39 @@ var InputNumber = ({
     onChange?.(finalVal);
     setDisplayValue(toDisplayValue(finalVal));
   };
-  const handleStep = (direction) => {
-    if (disabled || readonly) return;
-    const next = stepValue(currentValue, step, direction, min, max, precision);
+  const handleStep = (direction, baseValue = currentValue) => {
+    if (disabled || readonly) return baseValue ?? null;
+    const next = stepValue(baseValue, step, direction, min, max, precision);
     commitValue(next);
+    return next;
+  };
+  const handleStepClick = (direction) => {
+    if (suppressNextClickRef.current) {
+      suppressNextClickRef.current = false;
+      return;
+    }
+    handleStep(direction);
+  };
+  const startStepRepeat = (direction) => {
+    return (event) => {
+      event.preventDefault();
+      if (disabled || readonly) return;
+      if (direction === "down" && isAtMin(currentValue, min)) return;
+      if (direction === "up" && isAtMax(currentValue, max)) return;
+      suppressNextClickRef.current = true;
+      repeatValueRef.current = currentValue;
+      repeatControllerRef.current.start(() => {
+        const baseValue = repeatValueRef.current;
+        const nextValue = handleStep(direction, baseValue);
+        repeatValueRef.current = nextValue;
+        if (nextValue === baseValue) {
+          repeatControllerRef.current.stop();
+        }
+      });
+    };
+  };
+  const stopStepRepeat = () => {
+    repeatControllerRef.current.stop();
   };
   const handleInput = (e) => {
     setDisplayValue(e.target.value);
@@ -138,8 +171,11 @@ var InputNumber = ({
         "aria-label": "Decrease",
         className: getInputNumberSideButtonClasses("left", disabled || atMin),
         disabled: disabled || atMin,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => handleStep("down"),
+        onPointerDown: startStepRepeat("down"),
+        onPointerUp: stopStepRepeat,
+        onPointerLeave: stopStepRepeat,
+        onPointerCancel: stopStepRepeat,
+        onClick: () => handleStepClick("down"),
         children: /* @__PURE__ */ jsx(
           "svg",
           {
@@ -185,8 +221,11 @@ var InputNumber = ({
         "aria-label": "Increase",
         className: getInputNumberSideButtonClasses("right", disabled || atMax),
         disabled: disabled || atMax,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => handleStep("up"),
+        onPointerDown: startStepRepeat("up"),
+        onPointerUp: stopStepRepeat,
+        onPointerLeave: stopStepRepeat,
+        onPointerCancel: stopStepRepeat,
+        onClick: () => handleStepClick("up"),
         children: /* @__PURE__ */ jsx(
           "svg",
           {
@@ -210,8 +249,11 @@ var InputNumber = ({
           "aria-label": "Increase",
           className: getInputNumberStepButtonClasses("up", disabled || atMax),
           disabled: disabled || atMax,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => handleStep("up"),
+          onPointerDown: startStepRepeat("up"),
+          onPointerUp: stopStepRepeat,
+          onPointerLeave: stopStepRepeat,
+          onPointerCancel: stopStepRepeat,
+          onClick: () => handleStepClick("up"),
           children: /* @__PURE__ */ jsx(
             "svg",
             {
@@ -232,8 +274,11 @@ var InputNumber = ({
           "aria-label": "Decrease",
           className: getInputNumberStepButtonClasses("down", disabled || atMin),
           disabled: disabled || atMin,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => handleStep("down"),
+          onPointerDown: startStepRepeat("down"),
+          onPointerUp: stopStepRepeat,
+          onPointerLeave: stopStepRepeat,
+          onPointerCancel: stopStepRepeat,
+          onClick: () => handleStepClick("down"),
           children: /* @__PURE__ */ jsx(
             "svg",
             {

package/dist/{chunk-FNDPGSEW.mjs → chunk-IXQAECFP.mjs}

@@ -1,15 +1,76 @@
-import { createContext, useContext, useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { scrollToAnchor, classNames, getAnchorWrapperClasses, getAnchorInkContainerClasses, getAnchorInkActiveClasses, getAnchorLinkListClasses, findActiveAnchor } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { createContext, useContext, useEffect, useMemo, useState, useRef, useCallback } from 'react';
+import { classNames, getAnchorLinkClasses, scrollToAnchor, createAnchorObserver, getAnchorWrapperClasses, getAnchorInkContainerClasses, getAnchorInkActiveClasses, getAnchorLinkListClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Anchor.tsx
 var AnchorContext = createContext(null);
 function useAnchorContext() {
   return useContext(AnchorContext);
 }
+var AnchorLink = ({
+  href,
+  title,
+  target,
+  className,
+  children,
+  ...props
+}) => {
+  const anchorContext = useAnchorContext();
+  const register = anchorContext?.registerLink;
+  const unregister = anchorContext?.unregisterLink;
+  useEffect(() => {
+    if (href) {
+      register?.(href);
+    }
+    return () => {
+      unregister?.(href);
+    };
+  }, [href, register, unregister]);
+  const handleClick = (event) => {
+    event.preventDefault();
+    anchorContext?.handleLinkClick(href, event);
+  };
+  const linkClasses = useMemo(() => {
+    const isActive = anchorContext?.activeLink === href;
+    return classNames(getAnchorLinkClasses(isActive, className));
+  }, [anchorContext?.activeLink, href, className]);
+  const hasNestedLinks = React.Children.toArray(children).some(
+    (child) => React.isValidElement(child) && child.type === AnchorLink
+  );
+  if (hasNestedLinks) {
+    return /* @__PURE__ */ jsxs("div", { className: "anchor-link-wrapper", children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target,
+          className: linkClasses,
+          "data-anchor-href": href,
+          onClick: handleClick,
+          ...props,
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "pl-3 mt-1 space-y-1", children })
+    ] });
+  }
+  const content = children ?? title;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      target,
+      className: linkClasses,
+      "data-anchor-href": href,
+      onClick: handleClick,
+      ...props,
+      children: content
+    }
+  );
+};
 var Anchor = ({
   affix = true,
-  bounds = 5,
+  bounds: _bounds = 5,
   offsetTop = 0,
   showInkInFixed = false,
   targetOffset,
@@ -27,10 +88,13 @@ var Anchor = ({
   const anchorRef = useRef(null);
   const inkRef = useRef(null);
   const isScrollingRef = useRef(false);
-  const animationFrameRef = useRef(null);
   const scrollTimeoutRef = useRef(null);
   const getContainerRef = useRef(getContainer);
   getContainerRef.current = getContainer;
+  const getCurrentAnchorRef = useRef(getCurrentAnchor);
+  getCurrentAnchorRef.current = getCurrentAnchor;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
   const scrollOffset = useMemo(() => targetOffset ?? offsetTop, [targetOffset, offsetTop]);
   const registerLink = useCallback((href) => {
     setLinks((prevLinks) => {
@@ -65,44 +129,34 @@ var Anchor = ({
     [onClick, scrollTo]
   );
   useEffect(() => {
-    let container = null;
-    let handleScroll = null;
+    let stop = null;
     const timeoutId = setTimeout(() => {
-      container = getContainerRef.current();
-      handleScroll = () => {
-        if (isScrollingRef.current) return;
-        if (animationFrameRef.current !== null) {
-          cancelAnimationFrame(animationFrameRef.current);
-        }
-        animationFrameRef.current = requestAnimationFrame(() => {
-          const currentContainer = getContainerRef.current();
-          const newActiveLink = findActiveAnchor(links, currentContainer, bounds, scrollOffset);
-          const finalActiveLink = getCurrentAnchor ? getCurrentAnchor(newActiveLink) : newActiveLink;
-          setActiveLink((prevActiveLink) => {
-            if (finalActiveLink !== prevActiveLink) {
-              onChange?.(finalActiveLink);
+      const container = getContainerRef.current();
+      const root = container === window ? null : container;
+      stop = createAnchorObserver(links, {
+        offsetTop: scrollOffset,
+        root,
+        onChange: (newActiveLink) => {
+          if (isScrollingRef.current) return;
+          const finalActiveLink = getCurrentAnchorRef.current ? getCurrentAnchorRef.current(newActiveLink) : newActiveLink;
+          setActiveLink((prev) => {
+            if (finalActiveLink !== prev) {
+              onChangeRef.current?.(finalActiveLink);
               return finalActiveLink;
             }
-            return prevActiveLink;
+            return prev;
           });
-        });
-      };
-      container.addEventListener("scroll", handleScroll, { passive: true });
-      handleScroll();
+        }
+      });
     }, 0);
     return () => {
       clearTimeout(timeoutId);
-      if (container && handleScroll) {
-        container.removeEventListener("scroll", handleScroll);
-      }
-      if (animationFrameRef.current !== null) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
+      stop?.();
       if (scrollTimeoutRef.current !== null) {
         clearTimeout(scrollTimeoutRef.current);
       }
     };
-  }, [links, bounds, scrollOffset, getCurrentAnchor, onChange]);
+  }, [links, scrollOffset]);
   useEffect(() => {
     if (!inkRef.current || !anchorRef.current || !activeLink) {
       return;
@@ -156,4 +210,4 @@ var Anchor = ({
 };
 var Anchor_default = Anchor;
 
-export { Anchor, Anchor_default, useAnchorContext };
+export { Anchor, AnchorLink, Anchor_default, useAnchorContext };

package/dist/{chunk-34DLDOGP.mjs → chunk-IZTNHCIO.mjs}

@@ -1,5 +1,5 @@
-import React, { createContext, forwardRef, useState, useCallback, useImperativeHandle, useMemo, useContext } from 'react';
-import { createFormHistory, getValueByPath, validateField, getDependentFields, validateForm, pushFormHistory, undoFormHistory, redoFormHistory, canRedo, canUndo, classNames } from '@expcat/tigercat-core';
+import React, { createContext, forwardRef, useState, useMemo, useCallback, useImperativeHandle, useContext } from 'react';
+import { createFormErrorMap, createFormHistory, getValueByPath, validateField, getDependentFields, validateForm, pushFormHistory, undoFormHistory, redoFormHistory, canRedo, canUndo, classNames } from '@expcat/tigercat-core';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/Form.tsx
@@ -34,6 +34,7 @@ var Form = forwardRef(
     const [formValues, setFormValues] = useState(model);
     const fieldRulesRef = React.useRef({});
     const formValuesRef = React.useRef(model);
+    const errorsByField = useMemo(() => createFormErrorMap(errors), [errors]);
     const [historyState, setHistoryState] = useState(() => createFormHistory(model, maxHistorySize));
     React.useEffect(() => {
       setFormValues(model);
@@ -295,6 +296,7 @@ var Form = forwardRef(
         disabled,
         loading,
         errors,
+        errorsByField,
         registerFieldRules,
         validateField: validateField$1,
         clearValidate,
@@ -312,6 +314,7 @@ var Form = forwardRef(
         disabled,
         loading,
         errors,
+        errorsByField,
         registerFieldRules,
         validateField$1,
         clearValidate,

package/dist/{chunk-73BP3WQN.mjs → chunk-J4OQ2VRH.mjs}

@@ -1,5 +1,5 @@
 import { useId, useState, useRef, useEffect, useMemo } from 'react';
-import { filterAutoCompleteOptions, classNames, autoCompleteBaseClasses, getAutoCompleteInputClasses, icon20ViewBox, closeSolidIcon20PathD, autoCompleteDropdownClasses, getAutoCompleteOptionClasses, autoCompleteEmptyStateClasses } from '@expcat/tigercat-core';
+import { filterAutoCompleteOptions, classNames, autoCompleteBaseClasses, getPickerComboboxAria, getAutoCompleteInputClasses, icon20ViewBox, closeSolidIcon20PathD, autoCompleteDropdownClasses, getPickerListboxAria, getAutoCompleteOptionClasses, getPickerOptionAria, getPickerOptionId, autoCompleteEmptyStateClasses, getInitialPickerActiveIndex, getPickerNavigationIndex } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/AutoComplete.tsx
@@ -59,9 +59,7 @@ var AutoComplete = (props) => {
   function openDropdown() {
     if (disabled) return;
     setIsOpen(true);
-    if (defaultActiveFirstOption && filteredOptions.length > 0) {
-      setActiveIndex(0);
-    }
+    setActiveIndex(getInitialPickerActiveIndex(filteredOptions, defaultActiveFirstOption));
   }
   function closeDropdown() {
     setIsOpen(false);
@@ -77,7 +75,7 @@ var AutoComplete = (props) => {
     }
     if (defaultActiveFirstOption) {
       const newFiltered = filterAutoCompleteOptions(options, val, filterOption);
-      setActiveIndex(newFiltered.length > 0 ? 0 : -1);
+      setActiveIndex(getInitialPickerActiveIndex(newFiltered, true));
     }
   }
   function handleSelect(option) {
@@ -103,24 +101,11 @@ var AutoComplete = (props) => {
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault();
-        if (filteredOptions.length > 0) {
-          setActiveIndex((prev) => {
-            let next = prev + 1;
-            while (next < filteredOptions.length && filteredOptions[next].disabled) next++;
-            return next < filteredOptions.length ? next : prev;
-          });
-        }
-        break;
       case "ArrowUp":
+      case "Home":
+      case "End":
         e.preventDefault();
-        if (filteredOptions.length > 0) {
-          setActiveIndex((prev) => {
-            let p = prev - 1;
-            while (p >= 0 && filteredOptions[p].disabled) p--;
-            return p >= 0 ? p : prev;
-          });
-        }
+        setActiveIndex((prev) => getPickerNavigationIndex(filteredOptions, prev, e.key));
         break;
       case "Enter":
         e.preventDefault();
@@ -155,11 +140,7 @@ var AutoComplete = (props) => {
         value: inputValue,
         placeholder,
         disabled,
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": isOpen ? listboxId : void 0,
-        "aria-activedescendant": isOpen && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
+        ...getPickerComboboxAria({ expanded: isOpen, listboxId, activeIndex }),
         autoComplete: "off",
         onChange: handleInput,
         onFocus: openDropdown,
@@ -185,13 +166,14 @@ var AutoComplete = (props) => {
         )
       }
     ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx("div", { id: listboxId, role: "listbox", className: autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ jsx(
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx("div", { ...getPickerListboxAria({ id: listboxId }), className: autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ jsx(
       "div",
       {
-        id: `${listboxId}-option-${index}`,
-        role: "option",
-        "aria-selected": String(option.value) === String(value),
-        "aria-disabled": option.disabled,
+        id: getPickerOptionId(listboxId, index),
+        ...getPickerOptionAria({
+          selected: String(option.value) === String(value),
+          disabled: !!option.disabled
+        }),
         className: getAutoCompleteOptionClasses(
           String(option.value) === String(value),
           !!option.disabled,

package/dist/{chunk-AJQPGAYL.js → chunk-JFOSDCCG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
+var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -25,7 +25,7 @@ function usePopup(options) {
     x,
     y,
     placement: actualPlacement
-  } = chunkZYPEO2KY_js.useFloating({
+  } = chunkPGBKMW4Q_js.useFloating({
     referenceRef: triggerRef,
     floatingRef,
     enabled: currentVisible,
@@ -50,13 +50,13 @@ function usePopup(options) {
     if (!disabled) setVisible(false);
   }, [disabled, setVisible]);
   const effectiveTrigger = multiTrigger ? trigger : "click";
-  chunkZYPEO2KY_js.useClickOutside({
+  chunkPGBKMW4Q_js.useClickOutside({
     enabled: currentVisible && effectiveTrigger === "click",
-    refs: [containerRef],
+    refs: [containerRef, floatingRef],
     onOutsideClick: () => setVisible(false),
     defer: true
   });
-  chunkZYPEO2KY_js.useEscapeKey({
+  chunkPGBKMW4Q_js.useEscapeKey({
     enabled: currentVisible && effectiveTrigger !== "manual",
     onEscape: () => setVisible(false)
   });