@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/Autocomplete/AutocompleteMenu.js

@@ -1,260 +1,217 @@
-import React, { useContext, useRef, useState, useMemo, useEffect } from 'react';
-import { debounce } from '@github/mini-throttle';
-import { announce } from '@primer/live-region-element';
-import { scrollIntoView } from '@primer/behaviors';
-import { ActionList } from '../ActionList/index.js';
-import { useFocusZone } from '../hooks/useFocusZone.js';
-import { useId } from '../hooks/useId.js';
-import { AutocompleteContext, AutocompleteDeferredInputContext } from './AutocompleteContext.js';
-import { PlusIcon } from '@primer/octicons-react';
-import VisuallyHidden from '../_VisuallyHidden.js';
-import { isElement } from 'react-is';
-import classes from './AutocompleteMenu.module.css.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Spinner from '../Spinner/Spinner.js';
-
-const getDefaultSortFn = isItemSelectedFn => (itemIdA, itemIdB) => isItemSelectedFn(itemIdA) === isItemSelectedFn(itemIdB) ? 0 : isItemSelectedFn(itemIdA) ? -1 : 1;
+import { useId as useId$1 } from "../hooks/useId.js";
+import Spinner from "../Spinner/Spinner.js";
+import VisuallyHidden from "../_VisuallyHidden.js";
+import { useFocusZone } from "../hooks/useFocusZone.js";
+import { ActionList } from "../ActionList/index.js";
+import { AutocompleteContext, AutocompleteDeferredInputContext } from "./AutocompleteContext.js";
+import AutocompleteMenu_module_css_default from "./AutocompleteMenu.module.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { scrollIntoView } from "@primer/behaviors";
+import { announce } from "@primer/live-region-element";
+import { isElement } from "react-is";
+import { PlusIcon } from "@primer/octicons-react";
+import { debounce } from "@github/mini-throttle";
+//#region src/Autocomplete/AutocompleteMenu.tsx
+const getDefaultSortFn = (isItemSelectedFn) => (itemIdA, itemIdB) => isItemSelectedFn(itemIdA) === isItemSelectedFn(itemIdB) ? 0 : isItemSelectedFn(itemIdA) ? -1 : 1;
 const menuScrollMargins = {
-  startMargin: 0,
-  endMargin: 8
+	startMargin: 0,
+	endMargin: 8
 };
 function getDefaultItemFilter(filterValue) {
-  return function (item, _i) {
-    var _item$text;
-    return Boolean((_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.toLowerCase().startsWith(filterValue.toLowerCase()));
-  };
+	return function(item, _i) {
+		var _item$text;
+		return Boolean((_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.toLowerCase().startsWith(filterValue.toLowerCase()));
+	};
 }
 function getdefaultCheckedSelectionChange(setInputValueFn) {
-  return function (itemOrItems) {
-    const {
-      text = ''
-    } = Array.isArray(itemOrItems) ? itemOrItems.slice(-1)[0] : itemOrItems;
-    setInputValueFn(text);
-  };
+	return function(itemOrItems) {
+		const { text = "" } = Array.isArray(itemOrItems) ? itemOrItems.slice(-1)[0] : itemOrItems;
+		setInputValueFn(text);
+	};
 }
 const isItemSelected = (itemId, selectedItemIds) => selectedItemIds.includes(itemId);
 function getItemById(itemId, items) {
-  return items.find(item => item.id === itemId);
+	return items.find((item) => item.id === itemId);
 }
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
 /**
- * Announces a message to screen readers at a slowed-down rate. This is useful when you want to announce don't want to
- * overwhelm the user with too many announcements in rapid succession.
- */
-const debounceAnnouncement = debounce(announcement => {
-  announce(announcement);
+* Announces a message to screen readers at a slowed-down rate. This is useful when you want to announce don't want to
+* overwhelm the user with too many announcements in rapid succession.
+*/
+const debounceAnnouncement = debounce((announcement) => {
+	announce(announcement);
 }, 250);
 function AutocompleteMenu(props) {
-  const autocompleteContext = useContext(AutocompleteContext);
-  const deferredInputContext = useContext(AutocompleteDeferredInputContext);
-  if (autocompleteContext === null || deferredInputContext === null) {
-    throw new Error('AutocompleteContext returned null values');
-  }
-  const {
-    activeDescendantRef,
-    id,
-    inputRef,
-    scrollContainerRef,
-    setAutocompleteSuggestion,
-    setShowMenu,
-    setInputValue,
-    setIsMenuDirectlyActivated,
-    setSelectedItemLength,
-    showMenu
-  } = autocompleteContext;
-  // Use deferred input value to avoid re-rendering on every keystroke
-  // This allows filtering large lists without blocking typing
-  const {
-    deferredInputValue
-  } = deferredInputContext;
-  const {
-    items,
-    selectedItemIds,
-    sortOnCloseFn,
-    emptyStateText = 'No selectable options',
-    addNewItem,
-    loading,
-    selectionVariant = 'single',
-    filterFn,
-    'aria-labelledby': ariaLabelledBy,
-    onOpenChange,
-    onSelectedChange,
-    customScrollContainerRef
-  } = props;
-  const listContainerRef = useRef(null);
-  const allItemsToRenderRef = useRef([]);
-  const [highlightedItem, setHighlightedItem] = useState();
-  const [sortedItemIds, setSortedItemIds] = useState(items.map(({
-    id: itemId
-  }) => itemId));
-  const generatedUniqueId = useId(id);
-  const selectableItems = useMemo(() => items.map(selectableItem => {
-    return {
-      ...selectableItem,
-      role: 'option',
-      id: selectableItem.id,
-      active: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) === selectableItem.id,
-      selected: selectionVariant === 'multiple' ? selectedItemIds.includes(selectableItem.id) : undefined,
-      onAction: item => {
-        const otherSelectedItemIds = selectedItemIds.filter(selectedItemId => selectedItemId !== item.id);
-        const newSelectedItemIds = selectedItemIds.includes(item.id) ? otherSelectedItemIds : [...otherSelectedItemIds, item.id];
-        const onSelectedChangeFn = onSelectedChange ? onSelectedChange : getdefaultCheckedSelectionChange(setInputValue);
-        onSelectedChangeFn(newSelectedItemIds.map(newSelectedItemId => getItemById(newSelectedItemId, items)));
-        if (selectionVariant === 'multiple') {
-          setInputValue('');
-          setAutocompleteSuggestion('');
-        } else {
-          var _inputRef$current;
-          setShowMenu(false);
-          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);
-        }
-      }
-    };
-  }), [highlightedItem, items, selectedItemIds, inputRef, onSelectedChange, selectionVariant, setAutocompleteSuggestion, setInputValue, setShowMenu]);
-  const itemSortOrderData = useMemo(() => sortedItemIds.reduce((acc, curr, i) => {
-    acc[curr] = i;
-    return acc;
-  }, {}), [sortedItemIds]);
-  const sortedAndFilteredItemsToRender = useMemo(() => selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(deferredInputValue)).sort((a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id]), [selectableItems, itemSortOrderData, filterFn, deferredInputValue]);
-  const allItemsToRender = useMemo(() => [
-  // sorted and filtered selectable items
-  ...sortedAndFilteredItemsToRender,
-  // menu item used for creating a token from whatever is in the text input
-  ...(addNewItem ? [{
-    ...addNewItem,
-    role: 'option',
-    key: addNewItem.id,
-    active: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) === addNewItem.id,
-    selected: selectionVariant === 'multiple' ? selectedItemIds.includes(addNewItem.id) : undefined,
-    leadingVisual: () => /*#__PURE__*/jsx(PlusIcon, {}),
-    onAction: item => {
-      // TODO: make it possible to pass a leadingVisual when using `addNewItem`
-      addNewItem.handleAddItem({
-        ...item,
-        id: item.id || generatedUniqueId,
-        leadingVisual: undefined
-      });
-      if (selectionVariant === 'multiple') {
-        setInputValue('');
-        setAutocompleteSuggestion('');
-      }
-    }
-  }] : [])], [sortedAndFilteredItemsToRender, addNewItem, setAutocompleteSuggestion, selectionVariant, setInputValue, generatedUniqueId, highlightedItem, selectedItemIds]);
-  React.useEffect(() => {
-    allItemsToRenderRef.current = allItemsToRender;
-  });
-  React.useEffect(() => {
-    if (allItemsToRender.length === 0) {
-      debounceAnnouncement(emptyStateText);
-    }
-  }, [allItemsToRender, emptyStateText]);
-  useFocusZone({
-    containerRef: listContainerRef,
-    focusOutBehavior: 'wrap',
-    focusableElementFilter: element => {
-      return !(element instanceof HTMLInputElement);
-    },
-    activeDescendantFocus: inputRef,
-    onActiveDescendantChanged: (current, _previous, directlyActivated) => {
-      activeDescendantRef.current = current || null;
-      if (current) {
-        const selectedItem = allItemsToRenderRef.current.find(item => {
-          var _current$closest;
-          return item.id === ((_current$closest = current.closest('li')) === null || _current$closest === void 0 ? void 0 : _current$closest.getAttribute('data-id'));
-        });
-        setHighlightedItem(selectedItem);
-        setIsMenuDirectlyActivated(directlyActivated);
-      }
-      if (current && customScrollContainerRef && customScrollContainerRef.current && directlyActivated) {
-        scrollIntoView(current, customScrollContainerRef.current, menuScrollMargins);
-      } else if (current && scrollContainerRef.current && directlyActivated) {
-        scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
-      }
-    }
-  }, [loading]);
-  useEffect(() => {
-    var _highlightedItem$text;
-    // Use deferredInputValue to avoid running this effect on every keystroke
-    // The Input component guards against stale suggestions
-    // eslint-disable-next-line react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-pass-live-state-to-parent
-    if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(deferredInputValue) && !selectedItemIds.includes(highlightedItem.id)) {
-      setAutocompleteSuggestion(highlightedItem.text);
-    } else {
-      setAutocompleteSuggestion('');
-    }
-  }, [highlightedItem, deferredInputValue, selectedItemIds, setAutocompleteSuggestion]);
-  useEffect(() => {
-    const itemIdSortResult = [...sortedItemIds].sort(sortOnCloseFn ? sortOnCloseFn : getDefaultSortFn(itemId => isItemSelected(itemId, selectedItemIds)));
-    const sortResultMatchesState = itemIdSortResult.length === sortedItemIds.length && itemIdSortResult.every((element, index) => element === sortedItemIds[index]);
-
-    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
-    if (showMenu === false && !sortResultMatchesState) {
-      // eslint-disable-next-line react-hooks/set-state-in-effect, react-you-might-not-need-an-effect/no-derived-state
-      setSortedItemIds(itemIdSortResult);
-    }
-
-    // eslint-disable-next-line react-you-might-not-need-an-effect/no-pass-data-to-parent
-    onOpenChange && onOpenChange(Boolean(showMenu));
-  }, [showMenu, onOpenChange, selectedItemIds, sortOnCloseFn, sortedItemIds]);
-  useEffect(() => {
-    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
-    if (selectedItemIds.length) {
-      setSelectedItemLength(selectedItemIds.length);
-    }
-  }, [selectedItemIds, setSelectedItemLength]);
-  if (selectionVariant === 'single' && selectedItemIds.length > 1) {
-    throw new Error('Autocomplete: selectionVariant "single" cannot be used with multiple selected items');
-  }
-  return /*#__PURE__*/jsx(VisuallyHidden, {
-    isVisible: showMenu,
-    children: loading ? /*#__PURE__*/jsx("div", {
-      className: classes.SpinnerWrapper,
-      children: /*#__PURE__*/jsx(Spinner, {})
-    }) : /*#__PURE__*/jsx("div", {
-      ref: listContainerRef,
-      children: allItemsToRender.length ? /*#__PURE__*/jsx(ActionList, {
-        "data-component": "Autocomplete.Menu",
-        selectionVariant: selectionVariant // TODO: make this configurable
-        ,
-        role: "listbox",
-        id: `${id}-listbox`,
-        "aria-labelledby": ariaLabelledBy,
-        children: allItemsToRender.map(item => {
-          const {
-            id,
-            onAction,
-            children,
-            text,
-            leadingVisual: LeadingVisual,
-            trailingVisual: TrailingVisual,
-            key,
-            role,
-            ...itemProps
-          } = item;
-          return /*#__PURE__*/jsxs(ActionList.Item, {
-            onSelect: () => onAction(item),
-            ...itemProps,
-            id: id,
-            "data-id": id,
-            role: role,
-            children: [LeadingVisual && /*#__PURE__*/jsx(ActionList.LeadingVisual, {
-              children: isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/jsx(LeadingVisual, {})
-            }), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsx(ActionList.TrailingVisual, {
-              children: isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/jsx(TrailingVisual, {})
-            })]
-          }, key !== null && key !== void 0 ? key : id);
-        })
-      }) : emptyStateText !== false && emptyStateText !== null ? /*#__PURE__*/jsx("div", {
-        className: classes.EmptyStateWrapper,
-        children: emptyStateText
-      }) : null
-    })
-  });
+	const autocompleteContext = useContext(AutocompleteContext);
+	const deferredInputContext = useContext(AutocompleteDeferredInputContext);
+	if (autocompleteContext === null || deferredInputContext === null) throw new Error("AutocompleteContext returned null values");
+	const { activeDescendantRef, id, inputRef, scrollContainerRef, setAutocompleteSuggestion, setShowMenu, setInputValue, setIsMenuDirectlyActivated, setSelectedItemLength, showMenu } = autocompleteContext;
+	const { deferredInputValue } = deferredInputContext;
+	const { items, selectedItemIds, sortOnCloseFn, emptyStateText = "No selectable options", addNewItem, loading, selectionVariant = "single", filterFn, "aria-labelledby": ariaLabelledBy, onOpenChange, onSelectedChange, customScrollContainerRef } = props;
+	const listContainerRef = useRef(null);
+	const allItemsToRenderRef = useRef([]);
+	const [highlightedItem, setHighlightedItem] = useState();
+	const [sortedItemIds, setSortedItemIds] = useState(items.map(({ id: itemId }) => itemId));
+	const generatedUniqueId = useId$1(id);
+	const selectableItems = useMemo(() => items.map((selectableItem) => {
+		return {
+			...selectableItem,
+			role: "option",
+			id: selectableItem.id,
+			active: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) === selectableItem.id,
+			selected: selectionVariant === "multiple" ? selectedItemIds.includes(selectableItem.id) : void 0,
+			onAction: (item) => {
+				const otherSelectedItemIds = selectedItemIds.filter((selectedItemId) => selectedItemId !== item.id);
+				const newSelectedItemIds = selectedItemIds.includes(item.id) ? otherSelectedItemIds : [...otherSelectedItemIds, item.id];
+				(onSelectedChange ? onSelectedChange : getdefaultCheckedSelectionChange(setInputValue))(newSelectedItemIds.map((newSelectedItemId) => getItemById(newSelectedItemId, items)));
+				if (selectionVariant === "multiple") {
+					setInputValue("");
+					setAutocompleteSuggestion("");
+				} else {
+					var _inputRef$current;
+					setShowMenu(false);
+					(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);
+				}
+			}
+		};
+	}), [
+		highlightedItem,
+		items,
+		selectedItemIds,
+		inputRef,
+		onSelectedChange,
+		selectionVariant,
+		setAutocompleteSuggestion,
+		setInputValue,
+		setShowMenu
+	]);
+	const itemSortOrderData = useMemo(() => sortedItemIds.reduce((acc, curr, i) => {
+		acc[curr] = i;
+		return acc;
+	}, {}), [sortedItemIds]);
+	const sortedAndFilteredItemsToRender = useMemo(() => selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(deferredInputValue)).sort((a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id]), [
+		selectableItems,
+		itemSortOrderData,
+		filterFn,
+		deferredInputValue
+	]);
+	const allItemsToRender = useMemo(() => [...sortedAndFilteredItemsToRender, ...addNewItem ? [{
+		...addNewItem,
+		role: "option",
+		key: addNewItem.id,
+		active: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) === addNewItem.id,
+		selected: selectionVariant === "multiple" ? selectedItemIds.includes(addNewItem.id) : void 0,
+		leadingVisual: () => /*#__PURE__*/ jsx(PlusIcon, {}),
+		onAction: (item) => {
+			addNewItem.handleAddItem({
+				...item,
+				id: item.id || generatedUniqueId,
+				leadingVisual: void 0
+			});
+			if (selectionVariant === "multiple") {
+				setInputValue("");
+				setAutocompleteSuggestion("");
+			}
+		}
+	}] : []], [
+		sortedAndFilteredItemsToRender,
+		addNewItem,
+		setAutocompleteSuggestion,
+		selectionVariant,
+		setInputValue,
+		generatedUniqueId,
+		highlightedItem,
+		selectedItemIds
+	]);
+	React.useEffect(() => {
+		allItemsToRenderRef.current = allItemsToRender;
+	});
+	React.useEffect(() => {
+		if (allItemsToRender.length === 0) debounceAnnouncement(emptyStateText);
+	}, [allItemsToRender, emptyStateText]);
+	useFocusZone({
+		containerRef: listContainerRef,
+		focusOutBehavior: "wrap",
+		focusableElementFilter: (element) => {
+			return !(element instanceof HTMLInputElement);
+		},
+		activeDescendantFocus: inputRef,
+		onActiveDescendantChanged: (current, _previous, directlyActivated) => {
+			activeDescendantRef.current = current || null;
+			if (current) {
+				setHighlightedItem(allItemsToRenderRef.current.find((item) => {
+					var _current$closest;
+					return item.id === ((_current$closest = current.closest("li")) === null || _current$closest === void 0 ? void 0 : _current$closest.getAttribute("data-id"));
+				}));
+				setIsMenuDirectlyActivated(directlyActivated);
+			}
+			if (current && customScrollContainerRef && customScrollContainerRef.current && directlyActivated) scrollIntoView(current, customScrollContainerRef.current, menuScrollMargins);
+			else if (current && scrollContainerRef.current && directlyActivated) scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
+		}
+	}, [loading]);
+	useEffect(() => {
+		var _highlightedItem$text;
+		if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(deferredInputValue) && !selectedItemIds.includes(highlightedItem.id)) setAutocompleteSuggestion(highlightedItem.text);
+		else setAutocompleteSuggestion("");
+	}, [
+		highlightedItem,
+		deferredInputValue,
+		selectedItemIds,
+		setAutocompleteSuggestion
+	]);
+	useEffect(() => {
+		const itemIdSortResult = [...sortedItemIds].sort(sortOnCloseFn ? sortOnCloseFn : getDefaultSortFn((itemId) => isItemSelected(itemId, selectedItemIds)));
+		const sortResultMatchesState = itemIdSortResult.length === sortedItemIds.length && itemIdSortResult.every((element, index) => element === sortedItemIds[index]);
+		if (showMenu === false && !sortResultMatchesState) setSortedItemIds(itemIdSortResult);
+		onOpenChange && onOpenChange(Boolean(showMenu));
+	}, [
+		showMenu,
+		onOpenChange,
+		selectedItemIds,
+		sortOnCloseFn,
+		sortedItemIds
+	]);
+	useEffect(() => {
+		if (selectedItemIds.length) setSelectedItemLength(selectedItemIds.length);
+	}, [selectedItemIds, setSelectedItemLength]);
+	if (selectionVariant === "single" && selectedItemIds.length > 1) throw new Error("Autocomplete: selectionVariant \"single\" cannot be used with multiple selected items");
+	return /*#__PURE__*/ jsx(VisuallyHidden, {
+		isVisible: showMenu,
+		children: loading ? /*#__PURE__*/ jsx("div", {
+			className: AutocompleteMenu_module_css_default.SpinnerWrapper,
+			children: /*#__PURE__*/ jsx(Spinner, {})
+		}) : /*#__PURE__*/ jsx("div", {
+			ref: listContainerRef,
+			children: allItemsToRender.length ? /*#__PURE__*/ jsx(ActionList, {
+				"data-component": "Autocomplete.Menu",
+				selectionVariant,
+				role: "listbox",
+				id: `${id}-listbox`,
+				"aria-labelledby": ariaLabelledBy,
+				children: allItemsToRender.map((item) => {
+					const { id, onAction, children, text, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, key, role, ...itemProps } = item;
+					return /*#__PURE__*/ jsxs(ActionList.Item, {
+						onSelect: () => onAction(item),
+						...itemProps,
+						id,
+						"data-id": id,
+						role,
+						children: [
+							LeadingVisual && /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/ jsx(LeadingVisual, {}) }),
+							children !== null && children !== void 0 ? children : text,
+							TrailingVisual && /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/ jsx(TrailingVisual, {}) })
+						]
+					}, key !== null && key !== void 0 ? key : id);
+				})
+			}) : emptyStateText !== false && emptyStateText !== null ? /*#__PURE__*/ jsx("div", {
+				className: AutocompleteMenu_module_css_default.EmptyStateWrapper,
+				children: emptyStateText
+			}) : null
+		})
+	});
 }
 AutocompleteMenu.displayName = "AutocompleteMenu";
-AutocompleteMenu.displayName = 'AutocompleteMenu';
-AutocompleteMenu.__SLOT__ = Symbol('Autocomplete.Menu');
-
+AutocompleteMenu.displayName = "AutocompleteMenu";
+AutocompleteMenu.__SLOT__ = Symbol("Autocomplete.Menu");
+//#endregion
 export { AutocompleteMenu as default };

package/dist/Autocomplete/AutocompleteMenu.module.css.js

@@ -1,5 +1,8 @@
-import './AutocompleteMenu-7f135c03.css';
-
-var classes = {"SpinnerWrapper":"prc-Autocomplete-SpinnerWrapper-DJN3d","EmptyStateWrapper":"prc-Autocomplete-EmptyStateWrapper-OoIjW"};
-
-export { classes as default };
+import "./AutocompleteMenu-7f135c03.css";
+//#region src/Autocomplete/AutocompleteMenu.module.css.js
+var AutocompleteMenu_module_css_default = {
+	"SpinnerWrapper": "prc-Autocomplete-SpinnerWrapper-DJN3d",
+	"EmptyStateWrapper": "prc-Autocomplete-EmptyStateWrapper-OoIjW"
+};
+//#endregion
+export { AutocompleteMenu_module_css_default as default };

package/dist/Autocomplete/AutocompleteOverlay.d.ts

@@ -1,22 +1,30 @@
-import type React from 'react';
-import type { OverlayProps } from '../Overlay';
-import type { ComponentProps } from '../utils/types';
+import { ComponentProps as ComponentProps$1 } from "../utils/types/ComponentProps.js";
+import { OverlayProps } from "../Overlay/Overlay.js";
+import React from "react";
+
+//#region src/Autocomplete/AutocompleteOverlay.d.ts
 type AutocompleteOverlayInternalProps = {
-    /**
-     * The ref of the element that the position of the menu is based on. By default, the menu is positioned based on the text input
-     */
-    menuAnchorRef?: React.RefObject<HTMLElement>;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-    children?: React.ReactNode;
+  /**
+   * The ref of the element that the position of the menu is based on. By default, the menu is positioned based on the text input
+   */
+  menuAnchorRef?: React.RefObject<HTMLElement>;
+  /**
+   * Props to be spread on the internal `Overlay` component.
+   */
+  overlayProps?: Partial<OverlayProps>;
+  children?: React.ReactNode;
 } & Partial<OverlayProps> & Pick<React.AriaAttributes, 'aria-labelledby'>;
-declare function AutocompleteOverlay({ menuAnchorRef, overlayProps: oldOverlayProps, children, className, ...newOverlayProps }: AutocompleteOverlayInternalProps): React.JSX.Element | null;
+declare function AutocompleteOverlay({
+  menuAnchorRef,
+  overlayProps: oldOverlayProps,
+  children,
+  className,
+  ...newOverlayProps
+}: AutocompleteOverlayInternalProps): React.JSX.Element | null;
 declare namespace AutocompleteOverlay {
-    var displayName: string;
-    var __SLOT__: symbol;
+  var displayName: string;
+  var __SLOT__: symbol;
 }
-export type AutocompleteOverlayProps = ComponentProps<typeof AutocompleteOverlay>;
-export default AutocompleteOverlay;
-//# sourceMappingURL=AutocompleteOverlay.d.ts.map
+type AutocompleteOverlayProps = ComponentProps$1<typeof AutocompleteOverlay>;
+//#endregion
+export { AutocompleteOverlayProps, AutocompleteOverlay as default };