@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/ToggleGroup/index.native.js

@@ -0,0 +1,366 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToggleGroup_exports = {};
+__export(ToggleGroup_exports, {
+  ToggleGroup: () => ToggleGroup
+});
+module.exports = __toCommonJS(ToggleGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var ToggleItemFrame = (0, import_tamagui.styled)(import_tamagui.ToggleGroup.Item, {
+  cursor: "pointer",
+  userSelect: "none",
+  backgroundColor: import_colorRamps.formButtonColors.background.base,
+  borderColor: import_colorRamps.formButtonColors.border.base,
+  borderWidth: 1,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formButtonColors.background.hover
+  },
+  pressStyle: {
+    backgroundColor: import_colorRamps.formButtonColors.background.active
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formButtonColors.border.hover
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formButtonColors.border.active
+        }
+      }
+    },
+    active: {
+      true: {
+        backgroundColor: import_colorRamps.formButtonColors.border.active,
+        borderColor: import_colorRamps.formButtonColors.border.active,
+        hoverStyle: {
+          backgroundColor: import_colorRamps.formButtonColors.border.active,
+          borderColor: import_colorRamps.formButtonColors.border.active
+        },
+        pressStyle: {
+          backgroundColor: import_colorRamps.formButtonColors.border.active,
+          borderColor: import_colorRamps.formButtonColors.border.active
+        }
+      }
+    }
+  }
+});
+function getGroupedBorderRadius(index, count, orientation, radius) {
+  var zero = 0;
+  if (count <= 1 || radius === 0 || radius === "$0") {
+    return {
+      borderRadius: radius
+    };
+  }
+  var isFirst = index === 0;
+  var isLast = index === count - 1;
+  if (isFirst && isLast) return {
+    borderRadius: radius
+  };
+  if (orientation === "horizontal") {
+    return isFirst ? {
+      borderTopLeftRadius: radius,
+      borderBottomLeftRadius: radius,
+      borderTopRightRadius: zero,
+      borderBottomRightRadius: zero
+    } : isLast ? {
+      borderTopRightRadius: radius,
+      borderBottomRightRadius: radius,
+      borderTopLeftRadius: zero,
+      borderBottomLeftRadius: zero
+    } : {
+      borderRadius: zero,
+      borderTopLeftRadius: zero,
+      borderTopRightRadius: zero,
+      borderBottomLeftRadius: zero,
+      borderBottomRightRadius: zero
+    };
+  }
+  return isFirst ? {
+    borderTopLeftRadius: radius,
+    borderTopRightRadius: radius,
+    borderBottomLeftRadius: zero,
+    borderBottomRightRadius: zero
+  } : isLast ? {
+    borderBottomLeftRadius: radius,
+    borderBottomRightRadius: radius,
+    borderTopLeftRadius: zero,
+    borderTopRightRadius: zero
+  } : {
+    borderRadius: zero,
+    borderTopLeftRadius: zero,
+    borderTopRightRadius: zero,
+    borderBottomLeftRadius: zero,
+    borderBottomRightRadius: zero
+  };
+}
+function ToggleItemWithElevation(param) {
+  var {
+    elevationWrapperProps,
+    groupedRadius,
+    ...props
+  } = param;
+  if (elevationWrapperProps.elevation) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...elevationWrapperProps,
+      ...groupedRadius,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleItemFrame, {
+        ...props,
+        ...groupedRadius
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleItemFrame, {
+    ...props,
+    ...groupedRadius
+  });
+}
+function ToggleGroup(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    type = "single",
+    value,
+    defaultValue,
+    onValueChange,
+    onBlur,
+    options,
+    orientation = "horizontal",
+    children,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    control,
+    text,
+    elevation,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  if (skeleton) {
+    var _ref;
+    var optionCount = (_ref = options === null || options === void 0 ? void 0 : options.length) !== null && _ref !== void 0 ? _ref : 3;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        gap: 0,
+        alignSelf: "flex-start",
+        children: Array.from({
+          length: optionCount
+        }, function (_, i) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            variant: "rounded",
+            width: 60,
+            height: knobProps.sizeToken
+          }, i);
+        })
+      })
+    });
+  }
+  var renderContent = function renderContent2(resolvedValue) {
+    if (children) return children;
+    if (!options) return null;
+    var radius = knobProps.borderRadius.borderRadius;
+    var count = options.length;
+    var isSelected = function isSelected2(val) {
+      return type === "multiple" ? Array.isArray(resolvedValue) && resolvedValue.includes(val) : resolvedValue === val;
+    };
+    return options.map(function (option, index) {
+      var groupedRadius = getGroupedBorderRadius(index, count, orientation, radius);
+      var selected = isSelected(option.value);
+      var activeColors = {
+        backgroundColor: import_colorRamps.formButtonColors.border.active,
+        borderColor: import_colorRamps.formButtonColors.border.active
+      };
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ToggleItemWithElevation, {
+        elevationWrapperProps,
+        groupedRadius,
+        value: option.value,
+        size: knobProps.sizeToken,
+        width: "auto",
+        height: "auto",
+        minHeight: knobProps.sizeToken,
+        flexShrink: 0,
+        flexGrow: orientation === "horizontal" ? 1 : 0,
+        paddingHorizontal: "$2",
+        borderWidth: knobProps.borderRadius.borderWidth,
+        outlined: knobProps.outlined,
+        animation: knobProps.transition,
+        disabled,
+        ...(selected ? activeColors : void 0),
+        ...(selected ? {
+          active: true,
+          activeStyle: activeColors
+        } : void 0),
+        ...(readOnly ? {
+          pointerEvents: "none"
+        } : void 0),
+        hoverStyle: {
+          ...(0, import_utils.stripRadiusFromStateProps)(control.hoverKnobProps),
+          ...(selected ? activeColors : knobProps.outlined ? {
+            backgroundColor: "transparent",
+            borderColor: import_colorRamps.formButtonColors.border.hover
+          } : {
+            backgroundColor: import_colorRamps.formButtonColors.background.hover,
+            borderColor: import_colorRamps.formButtonColors.border.base
+          })
+        },
+        pressStyle: {
+          ...(0, import_utils.stripRadiusFromStateProps)(control.pressKnobProps),
+          ...(selected ? activeColors : knobProps.outlined ? {
+            backgroundColor: "transparent",
+            borderColor: import_colorRamps.formButtonColors.border.active
+          } : {
+            backgroundColor: import_colorRamps.formButtonColors.background.active,
+            borderColor: import_colorRamps.formButtonColors.border.base
+          })
+        },
+        ...((0, import_utils.stripRadiusFromStateProps)(control.focusKnobProps) && {
+          focusStyle: {
+            borderColor: import_colorRamps.formButtonColors.border.active,
+            ...(0, import_utils.stripRadiusFromStateProps)(control.focusKnobProps)
+          }
+        }),
+        ...((0, import_utils.stripRadiusFromStateProps)(control.focusVisibleKnobProps) && {
+          focusVisibleStyle: {
+            borderColor: import_colorRamps.formButtonColors.border.active,
+            ...(0, import_utils.stripRadiusFromStateProps)(control.focusVisibleKnobProps)
+          }
+        }),
+        children: [option.icon, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+          size: knobProps.sizeToken,
+          userSelect: "none",
+          ...knobProps.body,
+          hoverStyle: text.hoverKnobProps,
+          pressStyle: text.pressKnobProps,
+          focusStyle: text.focusKnobProps,
+          focusVisibleStyle: text.focusVisibleKnobProps,
+          children: option.label
+        })]
+      }, option.value);
+    });
+  };
+  var renderToggleGroup = function renderToggleGroup2(resolvedValue, isControlled, handleChange, handleBlur, hasError) {
+    var emptyValue = type === "multiple" ? [] : "";
+    var toggleProps = {
+      type,
+      ...(type === "single" ? {
+        disableDeactivation: true
+      } : {}),
+      ...(isControlled ? {
+        value: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : emptyValue
+      } : {
+        defaultValue: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : emptyValue
+      }),
+      onValueChange: function onValueChange1(val) {
+        if (disabled || readOnly) return;
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(val);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val);
+      },
+      id,
+      disabled,
+      orientation,
+      flexDirection: orientation === "vertical" ? "column" : "row",
+      size: knobProps.sizeToken,
+      gap: 0,
+      alignSelf: "flex-start",
+      ...(handleBlur ? {
+        onBlur: handleBlur
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      "aria-readonly": readOnly || void 0
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
+      ...toggleProps,
+      children: renderContent(resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : emptyValue)
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderToggleGroup(value !== null && value !== void 0 ? value : defaultValue, value !== void 0, void 0, onBlur, !!error)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children2(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderToggleGroup(value !== void 0 ? value : field.state.value, true, function (val) {
+          return field.handleChange(val);
+        }, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+ToggleGroup.Item = import_tamagui.ToggleGroup.Item;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/ToggleGroup/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","ToggleGroup","module","exports","import_jsx_runtime","require","import_tamagui","import_Skeleton","import_fieldLayout","import_colorRamps","import_utils","ToggleItemFrame","styled","Item","cursor","userSelect","backgroundColor","formButtonColors","background","base","borderColor","border","borderWidth","hoverStyle","hover","pressStyle","active","variants","outlined","true","getGroupedBorderRadius","index","count","orientation","radius","zero","borderRadius","isFirst","isLast","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","ToggleItemWithElevation","param","elevationWrapperProps","groupedRadius","props","elevation","jsx","View","children","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","type","defaultValue","onValueChange","onBlur","options","skeleton","compact","resolvedForm","knobProps","control","text","useFormField","resolvedValidators","useResolvedValidators","getElevationWrapperProps","_ref","optionCount","length","FieldLayout","XStack","gap","alignSelf","Array","from","_","i","Skeleton","variant","width","height","sizeToken","renderContent","renderContent2","resolvedValue","isSelected","isSelected2","val","isArray","includes","map","option","selected","activeColors","jsxs","minHeight","flexShrink","flexGrow","paddingHorizontal","animation","transition","activeStyle","pointerEvents","stripRadiusFromStateProps","hoverKnobProps","pressKnobProps","focusKnobProps","focusStyle","focusVisibleKnobProps","focusVisibleStyle","icon","SizableText","body","renderToggleGroup","renderToggleGroup2","isControlled","handleChange","handleBlur","hasError","emptyValue","toggleProps","disableDeactivation","onValueChange1","flexDirection","Field","children2","field","resolvedError","getFieldError","state"],"sources":["../../../../src/fields/ToggleGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useFocusManagement.cjs

@@ -0,0 +1,250 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useFocusManagement_exports = {};
+__export(useFocusManagement_exports, {
+  useFocusManagement: () => useFocusManagement,
+  useOTPFocusManagement: () => useOTPFocusManagement,
+  useSearchableDropdownFocus: () => useSearchableDropdownFocus
+});
+module.exports = __toCommonJS(useFocusManagement_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function useFocusManagement(options = {}) {
+  const {
+    trapFocus = false,
+    restoreFocus = true,
+    initialFocus = "none",
+    autoFocusDelay = 0,
+    onFocusChange
+  } = options;
+  const containerRef = (0, import_react.useRef)(null);
+  const [focusedElement, setFocusedElement] = (0, import_react.useState)(null);
+  const [isFocusTrapped, setIsFocusTrapped] = (0, import_react.useState)(trapFocus);
+  const previouslyFocusedElement = (0, import_react.useRef)(null);
+  const hasAppliedInitialFocus = (0, import_react.useRef)(false);
+  const focusableSelectors = (0, import_react.useRef)(["a[href]", "button:not([disabled])", "textarea:not([disabled])", "input:not([disabled])", "select:not([disabled])", "[tabindex]:not([tabindex='-1'])", "[contenteditable='true']"]);
+  const getFocusableElements = (0, import_react.useCallback)(() => {
+    if (!containerRef.current) return [];
+    const elements = containerRef.current.querySelectorAll(focusableSelectors.current.join(", "));
+    return Array.from(elements).filter(el => {
+      if (el.tabIndex === -1) return false;
+      if (typeof el.closest === "function" && el.closest("[data-focus-skip]")) return false;
+      return true;
+    });
+  }, []);
+  const focusElement = (0, import_react.useCallback)(element => {
+    if (element && typeof element.focus === "function") {
+      element.focus();
+      setFocusedElement(element);
+      onFocusChange?.(element);
+    }
+  }, [onFocusChange]);
+  const focusNext = (0, import_react.useCallback)(() => {
+    const focusableElements = getFocusableElements();
+    if (focusableElements.length === 0) return;
+    const currentIndex = focusedElement ? focusableElements.indexOf(focusedElement) : -1;
+    const nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;
+    focusElement(focusableElements[nextIndex]);
+  }, [focusedElement, getFocusableElements, focusElement]);
+  const focusPrevious = (0, import_react.useCallback)(() => {
+    const focusableElements = getFocusableElements();
+    if (focusableElements.length === 0) return;
+    const currentIndex = focusedElement ? focusableElements.indexOf(focusedElement) : 0;
+    const prevIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;
+    focusElement(focusableElements[prevIndex]);
+  }, [focusedElement, getFocusableElements, focusElement]);
+  const handleKeyDown = (0, import_react.useCallback)(event => {
+    if (!isFocusTrapped) return;
+    switch (event.key) {
+      case "Tab":
+        event.preventDefault();
+        if (event.shiftKey) {
+          focusPrevious();
+        } else {
+          focusNext();
+        }
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        focusNext();
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        focusPrevious();
+        break;
+      case "Home":
+        {
+          event.preventDefault();
+          const firstElement = getFocusableElements()[0];
+          if (firstElement) focusElement(firstElement);
+          break;
+        }
+      case "End":
+        {
+          event.preventDefault();
+          const focusableElements = getFocusableElements();
+          const lastElement = focusableElements[focusableElements.length - 1];
+          if (lastElement) focusElement(lastElement);
+          break;
+        }
+    }
+  }, [isFocusTrapped, focusNext, focusPrevious, getFocusableElements, focusElement]);
+  const handleFocusIn = (0, import_react.useCallback)(event => {
+    const target = event.target;
+    if (containerRef.current?.contains(target)) {
+      setFocusedElement(target);
+      onFocusChange?.(target);
+    }
+  }, [onFocusChange]);
+  const handleFocusOut = (0, import_react.useCallback)(event => {
+    const relatedTarget = event.relatedTarget;
+    if (!containerRef.current?.contains(relatedTarget)) {
+      setFocusedElement(null);
+      onFocusChange?.(null);
+    }
+  }, [onFocusChange]);
+  const setFocusTrap = (0, import_react.useCallback)(enabled => {
+    setIsFocusTrapped(enabled);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!import_tamagui.isWeb) return;
+    const container = containerRef.current;
+    if (!container) return;
+    if (restoreFocus && typeof document !== "undefined") {
+      previouslyFocusedElement.current = document.activeElement;
+    }
+    container.addEventListener("keydown", handleKeyDown);
+    container.addEventListener("focusin", handleFocusIn);
+    container.addEventListener("focusout", handleFocusOut);
+    let focusTimer;
+    if (initialFocus !== "none" && !hasAppliedInitialFocus.current) {
+      hasAppliedInitialFocus.current = true;
+      focusTimer = setTimeout(() => {
+        if (initialFocus === "first") {
+          const firstElement = getFocusableElements()[0];
+          if (firstElement) focusElement(firstElement);
+        } else if (initialFocus instanceof HTMLElement) {
+          focusElement(initialFocus);
+        }
+      }, autoFocusDelay);
+    }
+    return () => {
+      if (focusTimer !== void 0) clearTimeout(focusTimer);
+      container.removeEventListener("keydown", handleKeyDown);
+      container.removeEventListener("focusin", handleFocusIn);
+      container.removeEventListener("focusout", handleFocusOut);
+    };
+  }, [handleKeyDown, handleFocusIn, handleFocusOut, initialFocus, autoFocusDelay, getFocusableElements, focusElement, restoreFocus]);
+  (0, import_react.useEffect)(() => {
+    if (!import_tamagui.isWeb) return;
+    return () => {
+      if (restoreFocus && previouslyFocusedElement.current) {
+        previouslyFocusedElement.current.focus();
+      }
+    };
+  }, [restoreFocus]);
+  return {
+    containerRef,
+    focusedElement,
+    focusNext,
+    focusPrevious,
+    focusElement,
+    getFocusableElements,
+    setFocusTrap
+  };
+}
+function useOTPFocusManagement(length, _onComplete) {
+  const [focusedIndex, setFocusedIndex] = (0, import_react.useState)(-1);
+  const inputRefs = (0, import_react.useRef)(Array(length).fill(null));
+  const focusInput = (0, import_react.useCallback)(index => {
+    if (index >= 0 && index < length && inputRefs.current[index]) {
+      inputRefs.current[index]?.focus();
+      setFocusedIndex(index);
+    }
+  }, [length]);
+  const handleKeyPress = (0, import_react.useCallback)((index, key, value) => {
+    switch (key) {
+      case "Backspace":
+        if (!value && index > 0) {
+          focusInput(index - 1);
+        }
+        break;
+      case "ArrowLeft":
+        if (index > 0) focusInput(index - 1);
+        break;
+      case "ArrowRight":
+        if (index < length - 1) focusInput(index + 1);
+        break;
+      default:
+        if (/^\d$/.test(key) && value && index < length - 1) {
+          focusInput(index + 1);
+        }
+        break;
+    }
+  }, [length, focusInput]);
+  const setInputRef = (0, import_react.useCallback)((index, ref) => {
+    inputRefs.current[index] = ref;
+  }, []);
+  return {
+    focusedIndex,
+    focusInput,
+    handleKeyPress,
+    setInputRef
+  };
+}
+function useSearchableDropdownFocus(isOpen, items, onSelect) {
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react.useState)(-1);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen) {
+      setHighlightedIndex(-1);
+    }
+  }, [isOpen]);
+  const handleKeyDown = (0, import_react.useCallback)(event => {
+    if (!isOpen || items.length === 0) return;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        setHighlightedIndex(prev => prev < items.length - 1 ? prev + 1 : 0);
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        setHighlightedIndex(prev => prev > 0 ? prev - 1 : items.length - 1);
+        break;
+      case "Enter":
+        event.preventDefault();
+        if (highlightedIndex >= 0 && highlightedIndex < items.length) {
+          onSelect?.(items[highlightedIndex]);
+        }
+        break;
+      case "Escape":
+        event.preventDefault();
+        setHighlightedIndex(-1);
+        break;
+    }
+  }, [isOpen, items, highlightedIndex, onSelect]);
+  return {
+    highlightedIndex,
+    setHighlightedIndex,
+    handleKeyDown
+  };
+}