@sanity/ui 0.36.13 → 0.36.16

package/lib/cjs/components/autocomplete/autocomplete.js

@@ -1,494 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  Autocomplete: () => Autocomplete
-});
-var import_icons = __toModule(require("@sanity/icons"));
-var import_react = __toModule(require("react"));
-var import_constants = __toModule(require("../../constants"));
-var import_helpers = __toModule(require("../../helpers"));
-var import_hooks = __toModule(require("../../hooks"));
-var import_primitives = __toModule(require("../../primitives"));
-var import_autocomplete = __toModule(require("./autocomplete.styles"));
-var import_autocompleteOption = __toModule(require("./autocompleteOption"));
-var import_autocompleteReducer = __toModule(require("./autocompleteReducer"));
-var import_constants2 = __toModule(require("./constants"));
-const defaultRenderValue = (value, option) => option ? option.value : value;
-const defaultFilterOption = (query, option) => option.value.toLowerCase().indexOf(query.toLowerCase()) > -1;
-const InnerAutocomplete = (0, import_react.forwardRef)(function InnerAutocomplete2(props, ref) {
-  const _a = props, {
-    border = true,
-    customValidity,
-    disabled,
-    filterOption: filterOptionProp,
-    fontSize = 2,
-    icon,
-    id,
-    listBox = {},
-    loading,
-    onBlur,
-    onChange,
-    onFocus,
-    onQueryChange,
-    onSelect,
-    openButton,
-    options: optionsProp,
-    padding: paddingProp = 3,
-    popover = {},
-    prefix,
-    radius = 3,
-    readOnly,
-    relatedElements,
-    renderOption: renderOptionProp,
-    renderPopover,
-    renderValue = defaultRenderValue,
-    value: valueProp
-  } = _a, restProps = __objRest(_a, [
-    "border",
-    "customValidity",
-    "disabled",
-    "filterOption",
-    "fontSize",
-    "icon",
-    "id",
-    "listBox",
-    "loading",
-    "onBlur",
-    "onChange",
-    "onFocus",
-    "onQueryChange",
-    "onSelect",
-    "openButton",
-    "options",
-    "padding",
-    "popover",
-    "prefix",
-    "radius",
-    "readOnly",
-    "relatedElements",
-    "renderOption",
-    "renderPopover",
-    "renderValue",
-    "value"
-  ]);
-  const [state, dispatch] = (0, import_react.useReducer)(import_autocompleteReducer.autocompleteReducer, {
-    activeValue: valueProp || null,
-    focused: false,
-    listFocused: false,
-    query: null,
-    value: valueProp || null
-  });
-  const { activeValue, focused, listFocused, query, value } = state;
-  const defaultRenderOption = (0, import_react.useCallback)(({ value: value2 }) => /* @__PURE__ */ import_react.default.createElement(import_primitives.Card, {
-    "data-as": "button",
-    padding: paddingProp,
-    radius: 2,
-    tone: "inherit"
-  }, /* @__PURE__ */ import_react.default.createElement(import_primitives.Text, {
-    size: fontSize,
-    textOverflow: "ellipsis"
-  }, value2)), [fontSize, paddingProp]);
-  const renderOption = typeof renderOptionProp === "function" ? renderOptionProp : defaultRenderOption;
-  const filterOption = typeof filterOptionProp === "function" ? filterOptionProp : defaultFilterOption;
-  const [rootElement, setRootElement] = (0, import_react.useState)(null);
-  const [resultsPopoverElement, setResultsPopoverElement] = (0, import_react.useState)(null);
-  const inputElementRef = (0, import_react.useRef)(null);
-  const listBoxElementRef = (0, import_react.useRef)(null);
-  const focusedElementRef = (0, import_react.useRef)(null);
-  const valueRef = (0, import_react.useRef)(value);
-  const valuePropRef = (0, import_react.useRef)(valueProp);
-  const forwardedRef = (0, import_hooks.useForwardedRef)(ref);
-  const popoverMouseWithinRef = (0, import_react.useRef)(false);
-  const listBoxId = `${id}-listbox`;
-  const options = Array.isArray(optionsProp) ? optionsProp : import_constants.EMPTY_ARRAY;
-  const padding = (0, import_hooks.useResponsiveProp)(paddingProp);
-  const currentOption = (0, import_react.useMemo)(() => value !== null ? options.find((o) => o.value === value) : void 0, [options, value]);
-  const filteredOptions = (0, import_react.useMemo)(() => options.filter((option) => query ? filterOption(query, option) : true), [filterOption, options, query]);
-  const filteredOptionsLen = filteredOptions.length;
-  const activeItemId = activeValue ? `${id}-option-${activeValue}` : void 0;
-  const expanded = query !== null && loading || focused && query !== null;
-  const handleRootBlur = (0, import_react.useCallback)((event) => {
-    setTimeout(() => {
-      if (popoverMouseWithinRef.current) {
-        return;
-      }
-      const elements = (relatedElements || []).concat(rootElement ? [rootElement] : [], resultsPopoverElement ? [resultsPopoverElement] : []);
-      let focusInside = false;
-      if (document.activeElement) {
-        for (const e of elements) {
-          if (e === document.activeElement || e.contains(document.activeElement)) {
-            focusInside = true;
-            break;
-          }
-        }
-      }
-      if (focusInside === false) {
-        dispatch({ type: "root/blur" });
-        popoverMouseWithinRef.current = false;
-        if (onQueryChange)
-          onQueryChange(null);
-        if (onBlur)
-          onBlur(event);
-      }
-    }, 0);
-  }, [onBlur, onQueryChange, relatedElements, resultsPopoverElement, rootElement]);
-  const handleRootFocus = (0, import_react.useCallback)((event) => {
-    const listBoxElement = listBoxElementRef.current;
-    const focusedElement = event.target instanceof HTMLElement ? event.target : null;
-    focusedElementRef.current = focusedElement;
-    const nextListFocused = Boolean(listBoxElement && focusedElement && listBoxElement.contains(focusedElement));
-    dispatch({ type: "root/setListFocused", listFocused: nextListFocused });
-  }, []);
-  const handleOptionSelect = (0, import_react.useCallback)((v) => {
-    var _a2;
-    dispatch({ type: "value/change", value: v });
-    popoverMouseWithinRef.current = false;
-    if (onSelect)
-      onSelect(v);
-    valueRef.current = v;
-    if (onChange)
-      onChange(v);
-    if (onQueryChange)
-      onQueryChange(null);
-    (_a2 = inputElementRef.current) == null ? void 0 : _a2.focus();
-  }, [onChange, onSelect, onQueryChange]);
-  const handleRootKeyDown = (0, import_react.useCallback)((event) => {
-    var _a2, _b;
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      if (!filteredOptionsLen)
-        return;
-      const activeOption = filteredOptions.find((o) => o.value === activeValue);
-      const activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1;
-      const nextActiveOption = filteredOptions[(activeIndex + 1) % filteredOptionsLen];
-      if (nextActiveOption) {
-        dispatch({ type: "root/setActiveValue", value: nextActiveOption.value, listFocused: true });
-      }
-      return;
-    }
-    if (event.key === "ArrowUp") {
-      event.preventDefault();
-      if (!filteredOptionsLen)
-        return;
-      const activeOption = filteredOptions.find((o) => o.value === activeValue);
-      const activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1;
-      const nextActiveOption = filteredOptions[activeIndex === -1 ? filteredOptionsLen - 1 : (filteredOptionsLen + activeIndex - 1) % filteredOptionsLen];
-      if (nextActiveOption) {
-        dispatch({ type: "root/setActiveValue", value: nextActiveOption.value, listFocused: true });
-      }
-      return;
-    }
-    if (event.key === "Escape") {
-      dispatch({ type: "root/escape" });
-      popoverMouseWithinRef.current = false;
-      if (onQueryChange)
-        onQueryChange(null);
-      (_a2 = inputElementRef.current) == null ? void 0 : _a2.focus();
-      return;
-    }
-    const target = event.target;
-    const listEl = listBoxElementRef.current;
-    if ((listEl === target || (listEl == null ? void 0 : listEl.contains(target))) && !import_constants2.AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event.key)) {
-      (_b = inputElementRef.current) == null ? void 0 : _b.focus();
-      return;
-    }
-  }, [activeValue, filteredOptions, filteredOptionsLen, onQueryChange]);
-  const handleInputChange = (0, import_react.useCallback)((event) => {
-    const nextQuery = event.currentTarget.value;
-    dispatch({ type: "input/change", query: nextQuery });
-    if (onQueryChange)
-      onQueryChange(nextQuery);
-  }, [onQueryChange]);
-  const handleInputFocus = (0, import_react.useCallback)((event) => {
-    if (!focused) {
-      dispatch({ type: "input/focus" });
-      if (onFocus)
-        onFocus(event);
-    }
-  }, [focused, onFocus]);
-  const handlePopoverMouseEnter = (0, import_react.useCallback)(() => {
-    popoverMouseWithinRef.current = true;
-  }, []);
-  const handlePopoverMouseLeave = (0, import_react.useCallback)(() => {
-    popoverMouseWithinRef.current = false;
-  }, []);
-  const handleClearButtonClick = (0, import_react.useCallback)(() => {
-    var _a2;
-    dispatch({ type: "root/clear" });
-    valueRef.current = "";
-    if (onChange)
-      onChange("");
-    if (onQueryChange)
-      onQueryChange(null);
-    (_a2 = inputElementRef.current) == null ? void 0 : _a2.focus();
-  }, [onChange, onQueryChange]);
-  const handleClearButtonFocus = (0, import_react.useCallback)(() => {
-    dispatch({ type: "input/focus" });
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (valueProp !== valuePropRef.current) {
-      valuePropRef.current = valueProp;
-      if (valueProp !== void 0) {
-        dispatch({ type: "value/change", value: valueProp });
-        valueRef.current = valueProp;
-      }
-      return;
-    }
-    if (valueProp !== value) {
-      dispatch({ type: "value/change", value: valueProp || null });
-    }
-  }, [valueProp, value]);
-  (0, import_react.useEffect)(() => {
-    if (!focused) {
-      if (valueRef.current) {
-        dispatch({ type: "root/setActiveValue", value: valueRef.current });
-      }
-    }
-  }, [focused]);
-  (0, import_react.useEffect)(() => {
-    const listElement = listBoxElementRef.current;
-    if (!listElement)
-      return;
-    const activeOption = filteredOptions.find((o) => o.value === activeValue);
-    if (activeOption) {
-      const activeIndex = filteredOptions.indexOf(activeOption);
-      const activeItemElement = listElement.childNodes[activeIndex];
-      if (activeItemElement) {
-        if ((0, import_helpers._hasFocus)(activeItemElement)) {
-          return;
-        }
-        (0, import_helpers.focusFirstDescendant)(activeItemElement);
-      }
-    }
-  }, [activeValue, filteredOptions]);
-  const setRef = (0, import_react.useCallback)((el) => {
-    inputElementRef.current = el;
-    forwardedRef.current = el;
-  }, [forwardedRef]);
-  const clearButton = (0, import_react.useMemo)(() => {
-    if (!loading && !disabled && value) {
-      return {
-        "aria-label": "Clear",
-        onFocus: handleClearButtonFocus
-      };
-    }
-    return void 0;
-  }, [disabled, handleClearButtonFocus, loading, value]);
-  const openButtonBoxPadding = (0, import_react.useMemo)(() => padding.map((v) => v - 2), [padding]);
-  const openButtonPadding = (0, import_react.useMemo)(() => padding.map((v) => v - 1), [padding]);
-  const openButtonProps = (0, import_react.useMemo)(() => typeof openButton === "object" ? openButton : import_constants2.EMPTY_RECORD, [openButton]);
-  const handleOpenClick = (0, import_react.useCallback)((event) => {
-    dispatch({
-      type: "root/open",
-      query: value ? renderValue(value, currentOption) : ""
-    });
-    if (openButtonProps.onClick)
-      openButtonProps.onClick(event);
-    (0, import_helpers._raf)(() => {
-      var _a2;
-      return (_a2 = inputElementRef.current) == null ? void 0 : _a2.focus();
-    });
-  }, [currentOption, openButtonProps, renderValue, value]);
-  const openButtonNode = (0, import_react.useMemo)(() => !disabled && !readOnly && openButton ? /* @__PURE__ */ import_react.default.createElement(import_primitives.Box, {
-    "aria-hidden": expanded,
-    padding: openButtonBoxPadding
-  }, /* @__PURE__ */ import_react.default.createElement(import_primitives.Button, __spreadProps(__spreadValues({
-    "aria-label": "Open",
-    disabled: expanded,
-    fontSize,
-    icon: import_icons.ChevronDownIcon,
-    mode: "bleed",
-    padding: openButtonPadding
-  }, openButtonProps), {
-    onClick: handleOpenClick
-  }))) : void 0, [
-    disabled,
-    expanded,
-    fontSize,
-    handleOpenClick,
-    openButton,
-    openButtonBoxPadding,
-    openButtonPadding,
-    openButtonProps,
-    readOnly
-  ]);
-  const inputValue = (0, import_react.useMemo)(() => {
-    if (query === null) {
-      if (value !== null) {
-        return renderValue(value, currentOption);
-      }
-      return "";
-    }
-    return query;
-  }, [currentOption, query, renderValue, value]);
-  const input = /* @__PURE__ */ import_react.default.createElement(import_primitives.TextInput, __spreadProps(__spreadValues({}, restProps), {
-    "aria-activedescendant": activeItemId,
-    "aria-autocomplete": "list",
-    "aria-expanded": expanded,
-    "aria-owns": listBoxId,
-    autoCapitalize: "off",
-    autoComplete: "off",
-    autoCorrect: "off",
-    border,
-    clearButton,
-    customValidity,
-    disabled,
-    fontSize,
-    icon,
-    iconRight: loading && import_autocomplete.AnimatedSpinnerIcon,
-    id,
-    inputMode: "search",
-    onChange: handleInputChange,
-    onClear: handleClearButtonClick,
-    onFocus: handleInputFocus,
-    padding,
-    prefix,
-    radius,
-    readOnly,
-    ref: setRef,
-    role: "combobox",
-    spellCheck: false,
-    suffix: openButtonNode,
-    value: inputValue
-  }));
-  const handleListBoxKeyDown = (0, import_react.useCallback)((event) => {
-    var _a2;
-    if (event.key === "Tab") {
-      if (listFocused)
-        (_a2 = inputElementRef.current) == null ? void 0 : _a2.focus();
-    }
-  }, [listFocused]);
-  const content = (0, import_react.useMemo)(() => {
-    if (filteredOptions.length === 0)
-      return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_autocomplete.ListBox, __spreadProps(__spreadValues({
-      onKeyDown: handleListBoxKeyDown,
-      padding: 1
-    }, listBox), {
-      tabIndex: -1
-    }), /* @__PURE__ */ import_react.default.createElement(import_primitives.Stack, {
-      as: "ul",
-      "aria-multiselectable": false,
-      id: listBoxId,
-      ref: listBoxElementRef,
-      role: "listbox",
-      space: 1
-    }, filteredOptions.map((option) => {
-      const active = activeValue !== null ? option.value === activeValue : currentOption === option;
-      return /* @__PURE__ */ import_react.default.createElement(import_autocompleteOption.AutocompleteOption, {
-        id: `${id}-option-${option.value}`,
-        key: option.value,
-        onSelect: handleOptionSelect,
-        selected: active,
-        value: option.value
-      }, (0, import_react.cloneElement)(renderOption(option), {
-        disabled: loading,
-        selected: active,
-        tabIndex: listFocused && active ? 0 : -1
-      }));
-    })));
-  }, [
-    activeValue,
-    currentOption,
-    filteredOptions,
-    handleOptionSelect,
-    handleListBoxKeyDown,
-    id,
-    listBox,
-    listBoxId,
-    listFocused,
-    loading,
-    renderOption
-  ]);
-  const results = (0, import_react.useMemo)(() => {
-    if (renderPopover) {
-      return renderPopover({ content, hidden: !expanded, inputElement: inputElementRef.current }, setResultsPopoverElement);
-    }
-    if (filteredOptionsLen === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_autocomplete.ResultsPopover, __spreadValues({
-      __unstable_margins: import_constants2.AUTOCOMPLETE_POPOVER_MARGINS,
-      arrow: false,
-      constrainSize: true,
-      content,
-      fallbackPlacements: import_constants2.AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,
-      matchReferenceWidth: true,
-      onMouseEnter: handlePopoverMouseEnter,
-      onMouseLeave: handlePopoverMouseLeave,
-      open: expanded,
-      placement: import_constants2.AUTOCOMPLETE_POPOVER_PLACEMENT,
-      portal: true,
-      radius,
-      ref: setResultsPopoverElement,
-      referenceElement: inputElementRef.current
-    }, popover));
-  }, [
-    content,
-    expanded,
-    filteredOptionsLen,
-    handlePopoverMouseEnter,
-    handlePopoverMouseLeave,
-    popover,
-    radius,
-    renderPopover
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_autocomplete.Root, {
-    "data-ui": "Autocomplete",
-    onBlur: handleRootBlur,
-    onFocus: handleRootFocus,
-    onKeyDown: handleRootKeyDown,
-    ref: setRootElement
-  }, input, results);
-});
-const Autocomplete = InnerAutocomplete;

package/lib/cjs/components/autocomplete/autocomplete.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/autocomplete/autocomplete.tsx"],
-  "sourcesContent": ["import {ChevronDownIcon} from '@sanity/icons'\nimport React, {\n  cloneElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport {EMPTY_ARRAY} from '../../constants'\nimport {_hasFocus, _raf, focusFirstDescendant} from '../../helpers'\nimport {useForwardedRef, useResponsiveProp} from '../../hooks'\nimport {Box, BoxProps, Button, Card, PopoverProps, Stack, Text, TextInput} from '../../primitives'\nimport {AnimatedSpinnerIcon, ListBox, ResultsPopover, Root} from './autocomplete.styles'\nimport {AutocompleteOption} from './autocompleteOption'\nimport {autocompleteReducer} from './autocompleteReducer'\nimport {\n  EMPTY_RECORD,\n  AUTOCOMPLETE_LISTBOX_IGNORE_KEYS,\n  AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,\n  AUTOCOMPLETE_POPOVER_MARGINS,\n  AUTOCOMPLETE_POPOVER_PLACEMENT,\n} from './constants'\nimport {AutocompleteOpenButtonProps, BaseAutocompleteOption} from './types'\n\n/**\n * @public\n */\nexport interface AutocompleteProps<Option extends BaseAutocompleteOption> {\n  border?: boolean\n  customValidity?: string\n  filterOption?: (query: string, option: Option) => boolean\n  fontSize?: number | number[]\n  icon?: React.ComponentType | React.ReactNode\n  id: string\n  /**\n   * @beta\n   */\n  listBox?: BoxProps\n  loading?: boolean\n  onChange?: (value: string) => void\n  onQueryChange?: (query: string | null) => void\n  onSelect?: (value: string) => void\n  /**\n   * @beta\n   */\n  openButton?: boolean | AutocompleteOpenButtonProps\n  options?: Option[]\n  padding?: number | number[]\n  popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'>\n  prefix?: React.ReactNode\n  radius?: number | number[]\n  /**\n   * @beta\n   */\n  relatedElements?: HTMLElement[]\n  renderOption?: (option: Option) => React.ReactElement\n  /**\n   * @beta\n   */\n  renderPopover?: (\n    props: {\n      content: React.ReactElement | null\n      hidden: boolean\n      inputElement: HTMLInputElement | null\n    },\n    ref: React.Ref<HTMLDivElement>\n  ) => React.ReactNode\n  renderValue?: (value: string, option?: Option) => string\n  suffix?: React.ReactNode\n  value?: string\n}\n\nconst defaultRenderValue = (value: string, option?: BaseAutocompleteOption) =>\n  option ? option.value : value\n\nconst defaultFilterOption = (query: string, option: BaseAutocompleteOption) =>\n  option.value.toLowerCase().indexOf(query.toLowerCase()) > -1\n\nconst InnerAutocomplete = forwardRef(function InnerAutocomplete<\n  Option extends BaseAutocompleteOption\n>(\n  props: AutocompleteProps<Option> &\n    Omit<\n      React.HTMLProps<HTMLInputElement>,\n      | 'aria-activedescendant'\n      | 'aria-autocomplete'\n      | 'aria-expanded'\n      | 'aria-owns'\n      | 'as'\n      | 'autoCapitalize'\n      | 'autoComplete'\n      | 'autoCorrect'\n      | 'id'\n      | 'inputMode'\n      | 'onChange'\n      | 'onSelect'\n      | 'prefix'\n      | 'ref'\n      | 'role'\n      | 'spellCheck'\n      | 'type'\n      | 'value'\n    >,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const {\n    border = true,\n    customValidity,\n    disabled,\n    filterOption: filterOptionProp,\n    fontSize = 2,\n    icon,\n    id,\n    listBox = {},\n    loading,\n    onBlur,\n    onChange,\n    onFocus,\n    onQueryChange,\n    onSelect,\n    openButton,\n    options: optionsProp,\n    padding: paddingProp = 3,\n    popover = {},\n    prefix,\n    radius = 3,\n    readOnly,\n    relatedElements,\n    renderOption: renderOptionProp,\n    renderPopover,\n    renderValue = defaultRenderValue,\n    value: valueProp,\n    ...restProps\n  } = props\n\n  const [state, dispatch] = useReducer(autocompleteReducer, {\n    activeValue: valueProp || null,\n    focused: false,\n    listFocused: false,\n    query: null,\n    value: valueProp || null,\n  })\n\n  const {activeValue, focused, listFocused, query, value} = state\n\n  const defaultRenderOption = useCallback(\n    ({value}: BaseAutocompleteOption) => (\n      <Card data-as=\"button\" padding={paddingProp} radius={2} tone=\"inherit\">\n        <Text size={fontSize} textOverflow=\"ellipsis\">\n          {value}\n        </Text>\n      </Card>\n    ),\n    [fontSize, paddingProp]\n  )\n\n  const renderOption =\n    typeof renderOptionProp === 'function' ? renderOptionProp : defaultRenderOption\n  const filterOption =\n    typeof filterOptionProp === 'function' ? filterOptionProp : defaultFilterOption\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const [resultsPopoverElement, setResultsPopoverElement] = useState<HTMLDivElement | null>(null)\n  const inputElementRef = useRef<HTMLInputElement | null>(null)\n  const listBoxElementRef = useRef<HTMLDivElement | null>(null)\n  const focusedElementRef = useRef<HTMLElement | null>(null)\n  const valueRef = useRef(value)\n  const valuePropRef = useRef(valueProp)\n  const forwardedRef = useForwardedRef(ref)\n  const popoverMouseWithinRef = useRef(false)\n  const listBoxId = `${id}-listbox`\n  const options = Array.isArray(optionsProp) ? optionsProp : EMPTY_ARRAY\n  const padding = useResponsiveProp(paddingProp)\n  const currentOption = useMemo(\n    () => (value !== null ? options.find((o) => o.value === value) : undefined),\n    [options, value]\n  )\n  const filteredOptions = useMemo(\n    () => options.filter((option) => (query ? filterOption(query, option) : true)),\n    [filterOption, options, query]\n  )\n  const filteredOptionsLen = filteredOptions.length\n  const activeItemId = activeValue ? `${id}-option-${activeValue}` : undefined\n  const expanded = (query !== null && loading) || (focused && query !== null)\n\n  const handleRootBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      setTimeout(() => {\n        // NOTE: This is a workaround for a bug that may happen in Chrome (clicking the scrollbar\n        // closes the results in certain situations):\n        // - Do not handle blur if the mouse is within the popover\n        if (popoverMouseWithinRef.current) {\n          return\n        }\n\n        const elements: HTMLElement[] = (relatedElements || []).concat(\n          rootElement ? [rootElement] : [],\n          resultsPopoverElement ? [resultsPopoverElement] : []\n        )\n\n        let focusInside = false\n\n        if (document.activeElement) {\n          for (const e of elements) {\n            if (e === document.activeElement || e.contains(document.activeElement)) {\n              focusInside = true\n              break\n            }\n          }\n        }\n\n        if (focusInside === false) {\n          dispatch({type: 'root/blur'})\n          popoverMouseWithinRef.current = false\n          if (onQueryChange) onQueryChange(null)\n          if (onBlur) onBlur(event)\n        }\n      }, 0)\n    },\n    [onBlur, onQueryChange, relatedElements, resultsPopoverElement, rootElement]\n  )\n\n  const handleRootFocus = useCallback((event: React.FocusEvent) => {\n    const listBoxElement = listBoxElementRef.current\n    const focusedElement = event.target instanceof HTMLElement ? event.target : null\n\n    focusedElementRef.current = focusedElement\n\n    const nextListFocused = Boolean(\n      listBoxElement && focusedElement && listBoxElement.contains(focusedElement)\n    )\n\n    dispatch({type: 'root/setListFocused', listFocused: nextListFocused})\n  }, [])\n\n  const handleOptionSelect = useCallback(\n    (v: string) => {\n      dispatch({type: 'value/change', value: v})\n\n      popoverMouseWithinRef.current = false\n\n      if (onSelect) onSelect(v)\n\n      valueRef.current = v\n\n      if (onChange) onChange(v)\n      if (onQueryChange) onQueryChange(null)\n\n      inputElementRef.current?.focus()\n    },\n    [onChange, onSelect, onQueryChange]\n  )\n\n  const handleRootKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n\n        if (!filteredOptionsLen) return\n\n        const activeOption = filteredOptions.find((o) => o.value === activeValue)\n        const activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1\n        const nextActiveOption = filteredOptions[(activeIndex + 1) % filteredOptionsLen]\n\n        if (nextActiveOption) {\n          dispatch({type: 'root/setActiveValue', value: nextActiveOption.value, listFocused: true})\n        }\n\n        return\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n\n        if (!filteredOptionsLen) return\n\n        const activeOption = filteredOptions.find((o) => o.value === activeValue)\n        const activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1\n        const nextActiveOption =\n          filteredOptions[\n            activeIndex === -1\n              ? filteredOptionsLen - 1\n              : (filteredOptionsLen + activeIndex - 1) % filteredOptionsLen\n          ]\n\n        if (nextActiveOption) {\n          dispatch({type: 'root/setActiveValue', value: nextActiveOption.value, listFocused: true})\n        }\n\n        return\n      }\n\n      if (event.key === 'Escape') {\n        dispatch({type: 'root/escape'})\n        popoverMouseWithinRef.current = false\n        if (onQueryChange) onQueryChange(null)\n        inputElementRef.current?.focus()\n\n        return\n      }\n\n      const target = event.target as Node\n      const listEl = listBoxElementRef.current\n\n      if (\n        (listEl === target || listEl?.contains(target)) &&\n        !AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event.key)\n      ) {\n        inputElementRef.current?.focus()\n\n        return\n      }\n    },\n    [activeValue, filteredOptions, filteredOptionsLen, onQueryChange]\n  )\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextQuery = event.currentTarget.value\n\n      dispatch({type: 'input/change', query: nextQuery})\n\n      if (onQueryChange) onQueryChange(nextQuery)\n    },\n    [onQueryChange]\n  )\n\n  const handleInputFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      if (!focused) {\n        dispatch({type: 'input/focus'})\n\n        if (onFocus) onFocus(event)\n      }\n    },\n    [focused, onFocus]\n  )\n\n  const handlePopoverMouseEnter = useCallback(() => {\n    popoverMouseWithinRef.current = true\n  }, [])\n\n  const handlePopoverMouseLeave = useCallback(() => {\n    popoverMouseWithinRef.current = false\n  }, [])\n\n  const handleClearButtonClick = useCallback(() => {\n    dispatch({type: 'root/clear'})\n    valueRef.current = ''\n    if (onChange) onChange('')\n    if (onQueryChange) onQueryChange(null)\n    inputElementRef.current?.focus()\n  }, [onChange, onQueryChange])\n\n  const handleClearButtonFocus = useCallback(() => {\n    dispatch({type: 'input/focus'})\n  }, [])\n\n  // Change the value when `value` prop changes\n  useEffect(() => {\n    if (valueProp !== valuePropRef.current) {\n      valuePropRef.current = valueProp\n\n      if (valueProp !== undefined) {\n        dispatch({type: 'value/change', value: valueProp})\n        valueRef.current = valueProp\n      }\n\n      return\n    }\n\n    if (valueProp !== value) {\n      dispatch({type: 'value/change', value: valueProp || null})\n    }\n  }, [valueProp, value])\n\n  // Reset active item when closing\n  useEffect(() => {\n    if (!focused) {\n      if (valueRef.current) {\n        dispatch({type: 'root/setActiveValue', value: valueRef.current})\n      }\n    }\n  }, [focused])\n\n  // Focus the selected item\n  useEffect(() => {\n    const listElement = listBoxElementRef.current\n\n    if (!listElement) return\n\n    const activeOption = filteredOptions.find((o) => o.value === activeValue)\n\n    if (activeOption) {\n      const activeIndex = filteredOptions.indexOf(activeOption)\n      const activeItemElement = listElement.childNodes[activeIndex] as HTMLLIElement | undefined\n\n      if (activeItemElement) {\n        if (_hasFocus(activeItemElement)) {\n          // already focused\n          return\n        }\n\n        focusFirstDescendant(activeItemElement)\n      }\n    }\n  }, [activeValue, filteredOptions])\n\n  const setRef = useCallback(\n    (el: HTMLInputElement | null) => {\n      inputElementRef.current = el\n      forwardedRef.current = el\n    },\n    [forwardedRef]\n  )\n\n  const clearButton = useMemo(() => {\n    if (!loading && !disabled && value) {\n      return {\n        'aria-label': 'Clear',\n        onFocus: handleClearButtonFocus,\n      }\n    }\n\n    return undefined\n  }, [disabled, handleClearButtonFocus, loading, value])\n\n  const openButtonBoxPadding = useMemo(() => padding.map((v) => v - 2), [padding])\n  const openButtonPadding = useMemo(() => padding.map((v) => v - 1), [padding])\n  const openButtonProps: AutocompleteOpenButtonProps = useMemo(\n    () => (typeof openButton === 'object' ? openButton : EMPTY_RECORD),\n    [openButton]\n  )\n\n  const handleOpenClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      dispatch({\n        type: 'root/open',\n        query: value ? renderValue(value, currentOption) : '',\n      })\n\n      if (openButtonProps.onClick) openButtonProps.onClick(event)\n\n      _raf(() => inputElementRef.current?.focus())\n    },\n    [currentOption, openButtonProps, renderValue, value]\n  )\n\n  const openButtonNode = useMemo(\n    () =>\n      !disabled && !readOnly && openButton ? (\n        <Box aria-hidden={expanded} padding={openButtonBoxPadding}>\n          <Button\n            aria-label=\"Open\"\n            disabled={expanded}\n            fontSize={fontSize}\n            icon={ChevronDownIcon}\n            mode=\"bleed\"\n            padding={openButtonPadding}\n            {...openButtonProps}\n            onClick={handleOpenClick}\n          />\n        </Box>\n      ) : undefined,\n    [\n      disabled,\n      expanded,\n      fontSize,\n      handleOpenClick,\n      openButton,\n      openButtonBoxPadding,\n      openButtonPadding,\n      openButtonProps,\n      readOnly,\n    ]\n  )\n\n  const inputValue = useMemo(() => {\n    if (query === null) {\n      if (value !== null) {\n        return renderValue(value, currentOption)\n      }\n\n      return ''\n    }\n\n    return query\n  }, [currentOption, query, renderValue, value])\n\n  const input = (\n    <TextInput\n      {...restProps}\n      aria-activedescendant={activeItemId}\n      aria-autocomplete=\"list\"\n      aria-expanded={expanded}\n      aria-owns={listBoxId}\n      autoCapitalize=\"off\"\n      autoComplete=\"off\"\n      autoCorrect=\"off\"\n      border={border}\n      clearButton={clearButton}\n      customValidity={customValidity}\n      disabled={disabled}\n      fontSize={fontSize}\n      icon={icon}\n      iconRight={loading && AnimatedSpinnerIcon}\n      id={id}\n      inputMode=\"search\"\n      onChange={handleInputChange}\n      onClear={handleClearButtonClick}\n      onFocus={handleInputFocus}\n      padding={padding}\n      prefix={prefix}\n      radius={radius}\n      readOnly={readOnly}\n      ref={setRef}\n      role=\"combobox\"\n      spellCheck={false}\n      suffix={openButtonNode}\n      value={inputValue}\n    />\n  )\n\n  const handleListBoxKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // If the focus is currently in the list, move focus to the input element\n      if (event.key === 'Tab') {\n        if (listFocused) inputElementRef.current?.focus()\n      }\n    },\n    [listFocused]\n  )\n\n  const content = useMemo(() => {\n    if (filteredOptions.length === 0) return null\n\n    return (\n      <ListBox onKeyDown={handleListBoxKeyDown} padding={1} {...listBox} tabIndex={-1}>\n        <Stack\n          as=\"ul\"\n          aria-multiselectable={false}\n          id={listBoxId}\n          ref={listBoxElementRef}\n          role=\"listbox\"\n          space={1}\n        >\n          {filteredOptions.map((option) => {\n            const active =\n              activeValue !== null ? option.value === activeValue : currentOption === option\n\n            return (\n              <AutocompleteOption\n                id={`${id}-option-${option.value}`}\n                key={option.value}\n                onSelect={handleOptionSelect}\n                selected={active}\n                value={option.value}\n              >\n                {cloneElement(renderOption(option), {\n                  disabled: loading,\n                  selected: active,\n                  tabIndex: listFocused && active ? 0 : -1,\n                })}\n              </AutocompleteOption>\n            )\n          })}\n        </Stack>\n      </ListBox>\n    )\n  }, [\n    activeValue,\n    currentOption,\n    filteredOptions,\n    handleOptionSelect,\n    handleListBoxKeyDown,\n    id,\n    listBox,\n    listBoxId,\n    listFocused,\n    loading,\n    renderOption,\n  ])\n\n  const results = useMemo(() => {\n    if (renderPopover) {\n      return renderPopover(\n        {content, hidden: !expanded, inputElement: inputElementRef.current},\n        setResultsPopoverElement\n      )\n    }\n\n    if (filteredOptionsLen === 0) {\n      return null\n    }\n\n    return (\n      <ResultsPopover\n        __unstable_margins={AUTOCOMPLETE_POPOVER_MARGINS}\n        arrow={false}\n        constrainSize\n        content={content}\n        fallbackPlacements={AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS}\n        matchReferenceWidth\n        onMouseEnter={handlePopoverMouseEnter}\n        onMouseLeave={handlePopoverMouseLeave}\n        open={expanded}\n        placement={AUTOCOMPLETE_POPOVER_PLACEMENT}\n        portal\n        radius={radius}\n        ref={setResultsPopoverElement}\n        referenceElement={inputElementRef.current}\n        {...popover}\n      />\n    )\n  }, [\n    content,\n    expanded,\n    filteredOptionsLen,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n    popover,\n    radius,\n    renderPopover,\n  ])\n\n  return (\n    <Root\n      data-ui=\"Autocomplete\"\n      onBlur={handleRootBlur}\n      onFocus={handleRootFocus}\n      onKeyDown={handleRootKeyDown}\n      ref={setRootElement}\n    >\n      {input}\n      {results}\n    </Root>\n  )\n})\n\n/**\n * @public\n */\nexport const Autocomplete = InnerAutocomplete as <Option extends BaseAutocompleteOption>(\n  props: AutocompleteProps<Option> &\n    Omit<\n      React.HTMLProps<HTMLInputElement>,\n      | 'aria-activedescendant'\n      | 'aria-autocomplete'\n      | 'aria-expanded'\n      | 'aria-owns'\n      | 'as'\n      | 'autoCapitalize'\n      | 'autoComplete'\n      | 'autoCorrect'\n      | 'id'\n      | 'inputMode'\n      | 'onChange'\n      | 'onSelect'\n      | 'prefix'\n      | 'ref'\n      | 'role'\n      | 'spellCheck'\n      | 'type'\n      | 'value'\n    > & {\n      ref?: React.Ref<HTMLInputElement>\n    }\n) => React.ReactElement\n"],
-  "mappings": "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",
-  "names": []
-}

package/lib/cjs/components/autocomplete/autocomplete.styles.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * @internal
- */
-export declare const Root: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-/**
- * @internal
- */
-export declare const ListBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../../primitives").BoxProps & Omit<import("react").HTMLProps<HTMLDivElement>, "height" | "as">, "default" | "disabled" | "selected" | "name" | "muted" | "key" | "readOnly" | "label" | "color" | "media" | "value" | "children" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "size" | "wrap" | "open" | "multiple" | "min" | "max" | "sizes" | "type" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "minLength" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | keyof import("../../primitives").BoxProps> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-/**
- * @internal
- */
-export declare const ResultsPopover: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../../primitives").PopoverProps & Omit<import("react").HTMLProps<HTMLDivElement>, "children" | "content" | "width" | "as">, "default" | "selected" | "name" | "muted" | "key" | "readOnly" | "label" | "color" | "media" | "value" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "hidden" | "size" | "wrap" | "multiple" | "min" | "max" | "sizes" | "height" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "minLength" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | keyof import("../../primitives").PopoverProps> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-/**
- * @internal
- */
-export declare const AnimatedSpinnerIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "x" | "y" | "r" | "name" | "mode" | "key" | "color" | "media" | "radius" | "from" | "children" | "version" | "style" | "clipPath" | "filter" | "mask" | "path" | "end" | "local" | "clip" | "fill" | "stroke" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "min" | "max" | "fr" | "display" | "height" | "fontFamily" | "fontWeight" | "fontSize" | "letterSpacing" | "transform" | "overflow" | "type" | "width" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "crossOrigin" | "href" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "format" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=autocomplete.styles.d.ts.map