@heroui/autocomplete 2.3.11 → 2.3.12

package/dist/use-autocomplete.d.ts

@@ -1,229 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import * as _react_stately_combobox from '@react-stately/combobox';
-import { FilterFn } from '@react-stately/combobox';
-import * as react from 'react';
-import { ReactNode } from 'react';
-import * as _heroui_system from '@heroui/system';
-import { PropGetter, DOMAttributes, HTMLHeroUIProps } from '@heroui/system';
-import { AutocompleteVariantProps, SlotsToClasses, AutocompleteSlots } from '@heroui/theme';
-import { ReactRef } from '@heroui/react-utils';
-import { ComboBoxProps } from '@react-types/combobox';
-import { PopoverProps } from '@heroui/popover';
-import { ListboxProps } from '@heroui/listbox';
-import { InputProps } from '@heroui/input';
-import { ScrollShadowProps } from '@heroui/scroll-shadow';
-import { ButtonProps } from '@heroui/button';
-import { AsyncLoadable } from '@react-types/shared';
-
-interface Props<T> extends Omit<HTMLHeroUIProps<"input">, keyof ComboBoxProps<T>> {
-    /**
-     * Ref to the DOM node.
-     */
-    ref?: ReactRef<HTMLElement | null>;
-    /**
-     * The ref to the scroll element. Useful when having async loading of items.
-     */
-    scrollRef?: ReactRef<HTMLElement | null>;
-    /**
-     * The icon that represents the autocomplete open state. Usually a chevron icon.
-     */
-    selectorIcon?: ReactNode;
-    /**
-     * The icon that represents the clear button. Usually a cross icon.
-     */
-    clearIcon?: ReactNode;
-    /**
-     * Whether to display a top and bottom arrow indicators when the listbox is scrollable.
-     * @default true
-     */
-    showScrollIndicators?: boolean;
-    /**
-     * Props to be passed to the scroll shadow component. This component
-     * adds a shadow to the top and bottom of the listbox when it is scrollable.
-     *
-     * @default { hideScrollBar: true, offset: 15 }
-     */
-    scrollShadowProps?: Partial<ScrollShadowProps>;
-    /**
-     * Props to be passed to the popover component.
-     *
-     * @default { placement: "bottom", triggerScaleOnOpen: false, offset: 5 }
-     */
-    popoverProps?: Partial<PopoverProps>;
-    /**
-     * Props to be passed to the listbox component.
-     *
-     * @default { disableAnimation: false }
-     */
-    listboxProps?: Partial<ListboxProps>;
-    /**
-     * Props to be passed to the input component.
-     *
-     * @default { disableAnimation: false }
-     */
-    inputProps?: Partial<InputProps>;
-    /**
-     * Whether the clear button should be hidden.
-     * @default false
-     * @deprecated Use `isClearable` instead.
-     */
-    disableClearable?: boolean;
-    /**
-     * Props to be passed to the selector button component.
-     * @default { size: "sm", variant: "light", radius: "full", isIconOnly: true }
-     */
-    selectorButtonProps?: Partial<ButtonProps>;
-    /**
-     * Props to be passed to the clear button component.
-     * @default { size: "sm", variant: "light", radius: "full", isIconOnly: true }
-     */
-    clearButtonProps?: Partial<ButtonProps>;
-    /**
-     * The filter options to use when filtering items based on user input.
-     * @default {sensitivity: 'base'}
-     */
-    filterOptions?: Intl.CollatorOptions;
-    /**
-     * Whether the autocomplete allows the menu to be open when the collection is empty.
-     * @default true
-     */
-    allowsEmptyCollection?: boolean;
-    /**
-     * Whether the autocomplete menu should close on blur.
-     * @default true
-     * */
-    shouldCloseOnBlur?: boolean;
-    /**
-     * Classes object to style the autocomplete and its children.
-     */
-    classNames?: SlotsToClasses<AutocompleteSlots>;
-    /**
-     * The filter function used to determine if a option should be included in the autocomplete list.
-     * */
-    defaultFilter?: FilterFn;
-    /**
-     * Callback fired when the select menu is closed.
-     */
-    onClose?: () => void;
-    /**
-     * Whether to enable virtualization of the listbox items.
-     * By default, virtualization is automatically enabled when the number of items is greater than 50.
-     * @default undefined
-     */
-    isVirtualized?: boolean;
-}
-type UseAutocompleteProps<T> = Props<T> & Omit<InputProps, "children" | "value" | "isClearable" | "defaultValue" | "classNames"> & ComboBoxProps<T> & AsyncLoadable & AutocompleteVariantProps & {
-    /**
-     * The height of each item in the listbox.
-     * This is required for virtualized listboxes to calculate the height of each item.
-     */
-    itemHeight?: number;
-    /**
-     * The max height of the listbox (which will be rendered in a popover).
-     * This is required for virtualized listboxes to set the maximum height of the listbox.
-     */
-    maxListboxHeight?: number;
-};
-declare function useAutocomplete<T extends object>(originalProps: UseAutocompleteProps<T>): {
-    Component: _heroui_system.As<any>;
-    inputRef: react.RefObject<HTMLInputElement>;
-    label: ReactNode;
-    state: _react_stately_combobox.ComboBoxState<T>;
-    slots: {
-        base: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        listboxWrapper: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        listbox: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        popoverContent: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        endContentWrapper: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        clearButton: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        selectorButton: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-    } & {
-        base: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        listboxWrapper: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        listbox: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        popoverContent: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        endContentWrapper: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        clearButton: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-        selectorButton: (slotProps?: ({
-            isClearable?: boolean | undefined;
-            disableAnimation?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
-        } & tailwind_variants.ClassProp<ClassValue>) | undefined) => string;
-    } & {};
-    classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
-    isLoading: boolean | undefined;
-    clearIcon: ReactNode;
-    isOpen: boolean;
-    endContent: ReactNode;
-    isClearable: boolean | undefined;
-    disableAnimation: boolean;
-    allowsCustomValue: boolean;
-    selectorIcon: ReactNode;
-    getBaseProps: PropGetter<Record<string, unknown>, DOMAttributes<_heroui_system.DOMElement>>;
-    getInputProps: () => InputProps;
-    getListBoxProps: () => ListboxProps<object>;
-    getPopoverProps: (props?: DOMAttributes) => PopoverProps;
-    getEmptyPopoverProps: () => {
-        ref: react.RefObject<HTMLDivElement>;
-        className: string;
-    };
-    getClearButtonProps: () => ButtonProps;
-    getSelectorButtonProps: () => ButtonProps;
-    getListBoxWrapperProps: PropGetter<Record<string, unknown>, DOMAttributes<_heroui_system.DOMElement>>;
-    getEndContentWrapperProps: PropGetter<Record<string, unknown>, DOMAttributes<_heroui_system.DOMElement>>;
-};
-type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
-
-export { UseAutocompleteProps, UseAutocompleteReturn, useAutocomplete };

package/dist/use-autocomplete.js

@@ -1,400 +0,0 @@
-"use client";
-"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);
-
-// src/use-autocomplete.ts
-var use_autocomplete_exports = {};
-__export(use_autocomplete_exports, {
-  useAutocomplete: () => useAutocomplete
-});
-module.exports = __toCommonJS(use_autocomplete_exports);
-var import_system = require("@heroui/system");
-var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
-var import_theme = require("@heroui/theme");
-var import_i18n = require("@react-aria/i18n");
-var import_combobox = require("@react-stately/combobox");
-var import_react_utils = require("@heroui/react-utils");
-var import_react = require("react");
-var import_shared_utils = require("@heroui/shared-utils");
-var import_utils = require("@react-aria/utils");
-var import_combobox2 = require("@react-aria/combobox");
-var import_form = require("@heroui/form");
-var import_aria_utils = require("@heroui/aria-utils");
-function useAutocomplete(originalProps) {
-  var _a, _b, _c, _d, _e;
-  const globalContext = (0, import_system.useProviderContext)();
-  const { validationBehavior: formValidationBehavior } = (0, import_form.useSlottedContext)(import_form.FormContext) || {};
-  const [props, variantProps] = (0, import_system.mapPropsVariants)(originalProps, import_theme.autocomplete.variantKeys);
-  const disableAnimation = (_b = (_a = originalProps.disableAnimation) != null ? _a : globalContext == null ? void 0 : globalContext.disableAnimation) != null ? _b : false;
-  const isClearable = originalProps.disableClearable !== void 0 ? !originalProps.disableClearable : originalProps.isReadOnly ? false : originalProps.isClearable;
-  const {
-    ref,
-    as,
-    label,
-    isLoading,
-    menuTrigger = "focus",
-    filterOptions = {
-      sensitivity: "base"
-    },
-    children,
-    selectorIcon,
-    clearIcon,
-    scrollRef: scrollRefProp,
-    defaultFilter,
-    endContent,
-    allowsEmptyCollection = true,
-    shouldCloseOnBlur = true,
-    popoverProps = {},
-    inputProps: userInputProps = {},
-    scrollShadowProps = {},
-    listboxProps = {},
-    selectorButtonProps = {},
-    clearButtonProps = {},
-    showScrollIndicators = true,
-    allowsCustomValue = false,
-    isVirtualized,
-    maxListboxHeight = 256,
-    itemHeight = 32,
-    validationBehavior = (_c = formValidationBehavior != null ? formValidationBehavior : globalContext == null ? void 0 : globalContext.validationBehavior) != null ? _c : "native",
-    className,
-    classNames,
-    errorMessage,
-    onOpenChange,
-    onClose,
-    isReadOnly = false,
-    ...otherProps
-  } = props;
-  const { contains } = (0, import_i18n.useFilter)(filterOptions);
-  let state = (0, import_combobox.useComboBoxState)({
-    ...originalProps,
-    children,
-    menuTrigger,
-    validationBehavior,
-    shouldCloseOnBlur,
-    allowsEmptyCollection,
-    defaultFilter: defaultFilter && typeof defaultFilter === "function" ? defaultFilter : contains,
-    onOpenChange: (open, menuTrigger2) => {
-      onOpenChange == null ? void 0 : onOpenChange(open, menuTrigger2);
-      if (!open) {
-        onClose == null ? void 0 : onClose();
-      }
-    }
-  });
-  state = {
-    ...state,
-    ...isReadOnly && {
-      disabledKeys: /* @__PURE__ */ new Set([...state.collection.getKeys()])
-    }
-  };
-  const buttonRef = (0, import_react.useRef)(null);
-  const inputWrapperRef = (0, import_react.useRef)(null);
-  const listBoxRef = (0, import_react.useRef)(null);
-  const popoverRef = (0, import_react.useRef)(null);
-  const inputRef = (0, import_react_utils.useDOMRef)(ref);
-  const scrollShadowRef = (0, import_react_utils.useDOMRef)(scrollRefProp);
-  const {
-    buttonProps,
-    inputProps,
-    listBoxProps,
-    isInvalid: isAriaInvalid,
-    validationDetails,
-    validationErrors
-  } = (0, import_combobox2.useComboBox)(
-    {
-      validationBehavior,
-      ...originalProps,
-      inputRef,
-      buttonRef,
-      listBoxRef,
-      popoverRef
-    },
-    state
-  );
-  const isInvalid = originalProps.isInvalid || isAriaInvalid;
-  const slotsProps = {
-    inputProps: (0, import_utils.mergeProps)(
-      {
-        label,
-        ref: inputRef,
-        wrapperRef: inputWrapperRef,
-        onClick: () => {
-          if (!state.isOpen && !!state.selectedItem) {
-            state.open();
-          }
-        },
-        isClearable: false,
-        disableAnimation
-      },
-      userInputProps
-    ),
-    popoverProps: (0, import_utils.mergeProps)(
-      {
-        offset: 5,
-        placement: "bottom",
-        triggerScaleOnOpen: false,
-        disableAnimation
-      },
-      popoverProps
-    ),
-    scrollShadowProps: (0, import_utils.mergeProps)(
-      {
-        ref: scrollShadowRef,
-        isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
-        hideScrollBar: true,
-        offset: 15
-      },
-      scrollShadowProps
-    ),
-    listboxProps: (0, import_utils.mergeProps)(
-      {
-        hideEmptyContent: allowsCustomValue,
-        emptyContent: "No results found.",
-        disableAnimation
-      },
-      listboxProps
-    ),
-    selectorButtonProps: (0, import_utils.mergeProps)(
-      {
-        isLoading,
-        size: "sm",
-        variant: "light",
-        radius: "full",
-        color: isInvalid ? "danger" : originalProps == null ? void 0 : originalProps.color,
-        isIconOnly: true,
-        disableAnimation
-      },
-      selectorButtonProps
-    ),
-    clearButtonProps: (0, import_utils.mergeProps)(
-      {
-        size: "sm",
-        variant: "light",
-        radius: "full",
-        color: isInvalid ? "danger" : originalProps == null ? void 0 : originalProps.color,
-        isIconOnly: true,
-        disableAnimation
-      },
-      clearButtonProps
-    )
-  };
-  const baseStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.base, className);
-  const isOpen = ((_e = slotsProps.listboxProps) == null ? void 0 : _e.hideEmptyContent) ? state.isOpen && !!state.collection.size : state.isOpen;
-  (0, import_use_safe_layout_effect.useSafeLayoutEffect)(() => {
-    if (!inputRef.current)
-      return;
-    const key = inputRef.current.value;
-    const item = state.collection.getItem(key);
-    if (item && state.inputValue !== item.textValue) {
-      state.setSelectedKey(key);
-      state.setInputValue(item.textValue);
-    }
-  }, [inputRef.current]);
-  (0, import_react.useEffect)(() => {
-    let key = state.collection.getFirstKey();
-    while (key && state.disabledKeys.has(key)) {
-      key = state.collection.getKeyAfter(key);
-    }
-    state.selectionManager.setFocusedKey(key);
-  }, [state.collection, state.disabledKeys]);
-  (0, import_react.useEffect)(() => {
-    if (isOpen) {
-      if (popoverRef.current && inputWrapperRef.current) {
-        let rect = inputWrapperRef.current.getBoundingClientRect();
-        let popover = popoverRef.current;
-        popover.style.width = rect.width + "px";
-      }
-    }
-  }, [isOpen]);
-  if (inputProps.onKeyDown) {
-    const originalOnKeyDown = inputProps.onKeyDown;
-    inputProps.onKeyDown = (e) => {
-      if ("continuePropagation" in e) {
-        e.stopPropagation = () => {
-        };
-      }
-      return originalOnKeyDown(e);
-    };
-  }
-  const Component = as || "div";
-  const slots = (0, import_react.useMemo)(
-    () => (0, import_theme.autocomplete)({
-      ...variantProps,
-      isClearable,
-      disableAnimation,
-      className
-    }),
-    [(0, import_shared_utils.objectToDeps)(variantProps), isClearable, disableAnimation, className]
-  );
-  const getBaseProps = () => ({
-    "data-invalid": (0, import_shared_utils.dataAttr)(isInvalid),
-    "data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
-    className: slots.base({ class: baseStyles })
-  });
-  const getSelectorButtonProps = () => {
-    var _a2;
-    return {
-      ref: buttonRef,
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
-      "data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
-      className: slots.selectorButton({
-        class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
-      })
-    };
-  };
-  const getClearButtonProps = () => {
-    var _a2, _b2;
-    return {
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
-      onPressStart: () => {
-        var _a3;
-        (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-      },
-      onPress: (e) => {
-        var _a3, _b3;
-        (_b3 = (_a3 = slotsProps.clearButtonProps) == null ? void 0 : _a3.onPress) == null ? void 0 : _b3.call(_a3, e);
-        if (state.selectedItem) {
-          state.setSelectedKey(null);
-        }
-        state.setInputValue("");
-        state.open();
-      },
-      "data-visible": !!state.selectedItem || ((_a2 = state.inputValue) == null ? void 0 : _a2.length) > 0,
-      className: slots.clearButton({
-        class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.clearButton, (_b2 = slotsProps.clearButtonProps) == null ? void 0 : _b2.className)
-      })
-    };
-  };
-  const hasUncommittedValidation = validationBehavior === "native" && state.displayValidation.isInvalid === false && state.realtimeValidation.isInvalid === true;
-  const getInputProps = () => ({
-    ...otherProps,
-    ...inputProps,
-    ...slotsProps.inputProps,
-    isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
-    validationBehavior,
-    errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
-    onClick: (0, import_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
-  });
-  const getListBoxProps = () => {
-    const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
-    return {
-      state,
-      ref: listBoxRef,
-      isVirtualized: shouldVirtualize,
-      virtualization: shouldVirtualize ? {
-        maxListboxHeight,
-        itemHeight
-      } : void 0,
-      scrollShadowProps: slotsProps.scrollShadowProps,
-      ...(0, import_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
-        shouldHighlightOnFocus: true
-      })
-    };
-  };
-  const getPopoverProps = (props2 = {}) => {
-    var _a2, _b2, _c2;
-    const popoverProps2 = (0, import_utils.mergeProps)(slotsProps.popoverProps, props2);
-    return {
-      state,
-      ref: popoverRef,
-      triggerRef: inputWrapperRef,
-      scrollRef: listBoxRef,
-      triggerType: "listbox",
-      ...popoverProps2,
-      classNames: {
-        ...(_a2 = slotsProps.popoverProps) == null ? void 0 : _a2.classNames,
-        content: slots.popoverContent({
-          class: (0, import_shared_utils.clsx)(
-            classNames == null ? void 0 : classNames.popoverContent,
-            (_c2 = (_b2 = slotsProps.popoverProps) == null ? void 0 : _b2.classNames) == null ? void 0 : _c2["content"],
-            props2.className
-          )
-        })
-      },
-      shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
-      disableDialogFocus: true
-    };
-  };
-  const getEmptyPopoverProps = () => {
-    return {
-      ref: popoverRef,
-      className: "hidden"
-    };
-  };
-  const getListBoxWrapperProps = (props2 = {}) => {
-    var _a2, _b2;
-    return {
-      ...(0, import_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
-      className: slots.listboxWrapper({
-        class: (0, import_shared_utils.clsx)(
-          classNames == null ? void 0 : classNames.listboxWrapper,
-          (_a2 = slotsProps.scrollShadowProps) == null ? void 0 : _a2.className,
-          props2 == null ? void 0 : props2.className
-        )
-      }),
-      style: {
-        maxHeight: (_b2 = originalProps.maxListboxHeight) != null ? _b2 : 256
-      }
-    };
-  };
-  const getEndContentWrapperProps = (props2 = {}) => ({
-    className: slots.endContentWrapper({
-      class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
-    }),
-    onPointerDown: (0, import_utils.chain)(props2.onPointerDown, (e) => {
-      var _a2;
-      if (e.button === 0 && e.currentTarget === e.target) {
-        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-      }
-    }),
-    onMouseDown: (0, import_utils.chain)(props2.onMouseDown, (e) => {
-      if (e.button === 0 && e.currentTarget === e.target) {
-        e.preventDefault();
-      }
-    })
-  });
-  return {
-    Component,
-    inputRef,
-    label,
-    state,
-    slots,
-    classNames,
-    isLoading,
-    clearIcon,
-    isOpen,
-    endContent,
-    isClearable,
-    disableAnimation,
-    allowsCustomValue,
-    selectorIcon,
-    getBaseProps,
-    getInputProps,
-    getListBoxProps,
-    getPopoverProps,
-    getEmptyPopoverProps,
-    getClearButtonProps,
-    getSelectorButtonProps,
-    getListBoxWrapperProps,
-    getEndContentWrapperProps
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useAutocomplete
-});

package/dist/use-autocomplete.mjs

@@ -1,7 +0,0 @@
-"use client";
-import {
-  useAutocomplete
-} from "./chunk-QZCVHGAT.mjs";
-export {
-  useAutocomplete
-};