@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/Autocomplete/AutocompleteInput.js

@@ -1,151 +0,0 @@
-'use strict';
-
-var React = require('react');
-var AutocompleteContext = require('./AutocompleteContext.js');
-var useRefObjectAsForwardedRef = require('../hooks/useRefObjectAsForwardedRef.js');
-var useSafeTimeout = require('../hooks/useSafeTimeout.js');
-var jsxRuntime = require('react/jsx-runtime');
-var TextInput = require('../TextInput/TextInput.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const ARROW_KEYS_NAV = new Set(['ArrowUp', 'ArrowDown']);
-const AutocompleteInput = /*#__PURE__*/React__default.default.forwardRef(({
-  as: Component = TextInput,
-  onFocus,
-  onBlur,
-  onChange,
-  onKeyDown,
-  onKeyUp,
-  onKeyPress,
-  value,
-  openOnFocus = false,
-  ...props
-}, forwardedRef) => {
-  const autocompleteContext = React.useContext(AutocompleteContext.AutocompleteContext);
-  if (autocompleteContext === null) {
-    throw new Error('AutocompleteContext returned null values');
-  }
-  const {
-    activeDescendantRef,
-    autocompleteSuggestion = '',
-    id,
-    inputRef,
-    inputValue = '',
-    isMenuDirectlyActivated,
-    setInputValue,
-    setShowMenu,
-    showMenu
-  } = autocompleteContext;
-  useRefObjectAsForwardedRef.useRefObjectAsForwardedRef(forwardedRef, inputRef);
-  const [highlightRemainingText, setHighlightRemainingText] = React.useState(true);
-  const {
-    safeSetTimeout
-  } = useSafeTimeout();
-  const handleInputFocus = event => {
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    if (openOnFocus) {
-      setShowMenu(true);
-    }
-  };
-  const handleInputBlur = React.useCallback(event => {
-    onBlur && onBlur(event);
-
-    // HACK: wait a tick and check the focused element before hiding the autocomplete menu
-    // this prevents the menu from hiding when the user is clicking an option in the Autoselect.Menu,
-    // but still hides the menu when the user blurs the input by tabbing out or clicking somewhere else on the page
-    safeSetTimeout(() => {
-      if (document.activeElement !== inputRef.current) {
-        setShowMenu(false);
-      }
-    }, 0);
-  }, [onBlur, setShowMenu, inputRef, safeSetTimeout]);
-  const handleInputChange = event => {
-    onChange && onChange(event);
-    setInputValue(event.currentTarget.value);
-    if (!showMenu) {
-      setShowMenu(true);
-    }
-  };
-  const handleInputKeyDown = React.useCallback(event => {
-    var _inputRef$current;
-    onKeyDown && onKeyDown(event);
-    if (event.key === 'Backspace') {
-      setHighlightRemainingText(false);
-    }
-    if (event.key === 'Escape' && (_inputRef$current = inputRef.current) !== null && _inputRef$current !== void 0 && _inputRef$current.value) {
-      setInputValue('');
-      inputRef.current.value = '';
-    }
-    if (!showMenu && ARROW_KEYS_NAV.has(event.key) && !event.altKey) {
-      setShowMenu(true);
-    }
-  }, [inputRef, setInputValue, setHighlightRemainingText, onKeyDown, showMenu, setShowMenu]);
-  const handleInputKeyUp = React.useCallback(event => {
-    onKeyUp && onKeyUp(event);
-    if (event.key === 'Backspace') {
-      setHighlightRemainingText(true);
-    }
-  }, [setHighlightRemainingText, onKeyUp]);
-  const onInputKeyPress = React.useCallback(event => {
-    onKeyPress && onKeyPress(event);
-    if (showMenu && event.key === 'Enter' && activeDescendantRef.current) {
-      event.preventDefault();
-      event.nativeEvent.stopImmediatePropagation();
-
-      // Forward Enter key press to active descendant so that item gets activated
-      const activeDescendantEvent = new KeyboardEvent(event.type, event.nativeEvent);
-      activeDescendantRef.current.dispatchEvent(activeDescendantEvent);
-    }
-  }, [activeDescendantRef, showMenu, onKeyPress]);
-  React.useEffect(() => {
-    if (!inputRef.current) {
-      return;
-    }
-
-    // resets input value to being empty after a selection has been made
-    if (!autocompleteSuggestion) {
-      inputRef.current.value = inputValue;
-    }
-
-    // TODO: fix bug where this function prevents `onChange` from being triggered if the highlighted item text
-    //       is the same as what I'm typing
-    //       e.g.: typing 'tw' highlights 'two', but when I 'two', the text input change does not get triggered
-    if (highlightRemainingText && autocompleteSuggestion && (inputValue || isMenuDirectlyActivated)) {
-      inputRef.current.value = autocompleteSuggestion;
-      if (autocompleteSuggestion.toLowerCase().indexOf(inputValue.toLowerCase()) === 0) {
-        inputRef.current.setSelectionRange(inputValue.length, autocompleteSuggestion.length);
-      }
-    }
-
-    // calling this useEffect when `highlightRemainingText` changes breaks backspace functionality
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [autocompleteSuggestion, inputValue, inputRef, isMenuDirectlyActivated]);
-  React.useEffect(() => {
-    setInputValue(typeof value !== 'undefined' ? value.toString() : '');
-  }, [value, setInputValue]);
-  return /*#__PURE__*/jsxRuntime.jsx(Component, {
-    onFocus: handleInputFocus,
-    onBlur: handleInputBlur,
-    onChange: handleInputChange,
-    onKeyDown: handleInputKeyDown,
-    onKeyPress: onInputKeyPress,
-    onKeyUp: handleInputKeyUp,
-    ref: inputRef,
-    "aria-controls": `${id}-listbox`,
-    "aria-autocomplete": "both",
-    role: "combobox",
-    "aria-expanded": showMenu,
-    "aria-haspopup": "listbox",
-    "aria-owns": `${id}-listbox`,
-    autoComplete: "off",
-    id: id,
-    ...props
-  });
-});
-AutocompleteInput.displayName = 'AutocompleteInput';
-
-module.exports = AutocompleteInput;

package/lib/Autocomplete/AutocompleteMenu-7f135c03.css

@@ -1,2 +0,0 @@
-.prc-Autocomplete-SpinnerWrapper-OvHpT{display:flex;justify-content:center}.prc-Autocomplete-EmptyStateWrapper-tAx1w,.prc-Autocomplete-SpinnerWrapper-OvHpT{padding:var(--base-size-16,1rem)}
-/*# sourceMappingURL=AutocompleteMenu-7f135c03.css.map */

package/lib/Autocomplete/AutocompleteMenu-7f135c03.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Autocomplete/AutocompleteMenu.module.css"],"names":[],"mappings":"AAAA,uCACE,YAAa,CACb,sBAEF,CAEA,iFAHE,gCAKF","file":"AutocompleteMenu-7f135c03.css","sourcesContent":[".SpinnerWrapper {\n  display: flex;\n  justify-content: center;\n  padding: var(--base-size-16);\n}\n\n.EmptyStateWrapper {\n  padding: var(--base-size-16);\n}\n"]}

package/lib/Autocomplete/AutocompleteMenu.d.ts

@@ -1,75 +0,0 @@
-import React from 'react';
-import type { ActionListItemProps } from '../ActionList';
-import type { ComponentProps, MandateProps } from '../utils/types';
-import type { IconProps } from '@primer/octicons-react';
-type OnSelectedChange<T> = (item: T | T[]) => void;
-export type AutocompleteMenuItem = MandateProps<ActionListItemProps, 'id'> & {
-    leadingVisual?: React.FunctionComponent<React.PropsWithChildren<IconProps>> | React.ReactElement;
-    text?: string;
-    trailingVisual?: React.FunctionComponent<React.PropsWithChildren<IconProps>> | React.ReactElement;
-};
-type AutocompleteItemProps<T = Record<string, any>> = AutocompleteMenuItem & {
-    metadata?: T;
-};
-export type AutocompleteMenuInternalProps<T extends AutocompleteItemProps> = {
-    /**
-     * A menu item that is used to allow users make a selection that is not available in the array passed to the `items` prop.
-     * This menu item gets appended to the end of the list of options.
-     */
-    addNewItem?: T & {
-        handleAddItem: (item: Omit<T, 'onAction' | 'leadingVisual'>) => void;
-    };
-    /**
-     * The text that appears in the menu when there are no options in the array passed to the `items` prop.
-     */
-    emptyStateText?: React.ReactNode | false | null;
-    /**
-     * A custom function used to filter the options in the array passed to the `items` prop.
-     * By default, we filter out items that don't match the value of the autocomplete text input. The default filter is not case-sensitive.
-     */
-    filterFn?: (item: T, i: number) => boolean;
-    /**
-     * The options for field values that are displayed in the dropdown menu.
-     * One or more may be selected depending on the value of the `selectionVariant` prop.
-     */
-    items: T[];
-    /**
-     * Whether the data is loaded for the menu items
-     */
-    loading?: boolean;
-    /**
-     * The IDs of the selected items
-     */
-    selectedItemIds: string[];
-    /**
-     * The sort function that is applied to the options in the array passed to the `items` prop after the user closes the menu.
-     * By default, selected items are sorted to the top after the user closes the menu.
-     */
-    sortOnCloseFn?: (itemIdA: string, itemIdB: string) => number;
-    /**
-     * Whether there can be one item selected from the menu or multiple items selected from the menu
-     */
-    selectionVariant?: 'single' | 'multiple';
-    /**
-     * Function that gets called when the menu is opened or closed
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * The function that is called when an item in the list is selected or deselected
-     */
-    onSelectedChange?: OnSelectedChange<T>;
-    /**
-     * If the menu is rendered in a scrolling element other than the `Autocomplete.Overlay` component,
-     * pass the ref of that element to `customScrollContainerRef` to ensure the container automatically
-     * scrolls when the user highlights an item in the menu that is outside the scroll container
-     */
-    customScrollContainerRef?: React.MutableRefObject<HTMLElement | null>;
-    ['aria-labelledby']: string;
-};
-declare function AutocompleteMenu<T extends AutocompleteItemProps>(props: AutocompleteMenuInternalProps<T>): React.JSX.Element;
-declare namespace AutocompleteMenu {
-    var displayName: string;
-}
-export type AutocompleteMenuProps = ComponentProps<typeof AutocompleteMenu>;
-export default AutocompleteMenu;
-//# sourceMappingURL=AutocompleteMenu.d.ts.map

package/lib/Autocomplete/AutocompleteMenu.js

@@ -1,251 +0,0 @@
-'use strict';
-
-var React = require('react');
-var miniThrottle = require('@github/mini-throttle');
-var liveRegionElement = require('@primer/live-region-element');
-var behaviors = require('@primer/behaviors');
-var index = require('../ActionList/index.js');
-var useFocusZone = require('../hooks/useFocusZone.js');
-var useId = require('../hooks/useId.js');
-var AutocompleteContext = require('./AutocompleteContext.js');
-var octiconsReact = require('@primer/octicons-react');
-var _VisuallyHidden = require('../_VisuallyHidden.js');
-var reactIs = require('react-is');
-var AutocompleteMenu_module = require('./AutocompleteMenu.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Spinner = require('../Spinner/Spinner.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const getDefaultSortFn = isItemSelectedFn => (itemIdA, itemIdB) => isItemSelectedFn(itemIdA) === isItemSelectedFn(itemIdB) ? 0 : isItemSelectedFn(itemIdA) ? -1 : 1;
-const menuScrollMargins = {
-  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()));
-  };
-}
-function getdefaultCheckedSelectionChange(setInputValueFn) {
-  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);
-}
-
-// 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 = miniThrottle.debounce(announcement => {
-  liveRegionElement.announce(announcement);
-}, 250);
-function AutocompleteMenu(props) {
-  const autocompleteContext = React.useContext(AutocompleteContext.AutocompleteContext);
-  if (autocompleteContext === null) {
-    throw new Error('AutocompleteContext returned null values');
-  }
-  const {
-    activeDescendantRef,
-    id,
-    inputRef,
-    inputValue = '',
-    scrollContainerRef,
-    setAutocompleteSuggestion,
-    setShowMenu,
-    setInputValue,
-    setIsMenuDirectlyActivated,
-    setSelectedItemLength,
-    showMenu
-  } = autocompleteContext;
-  const {
-    items,
-    selectedItemIds,
-    sortOnCloseFn,
-    emptyStateText = 'No selectable options',
-    addNewItem,
-    loading,
-    selectionVariant = 'single',
-    filterFn,
-    'aria-labelledby': ariaLabelledBy,
-    onOpenChange,
-    onSelectedChange,
-    customScrollContainerRef
-  } = props;
-  const listContainerRef = React.useRef(null);
-  const allItemsToRenderRef = React.useRef([]);
-  const [highlightedItem, setHighlightedItem] = React.useState();
-  const [sortedItemIds, setSortedItemIds] = React.useState(items.map(({
-    id: itemId
-  }) => itemId));
-  const generatedUniqueId = useId.useId(id);
-  const selectableItems = React.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 = React.useMemo(() => sortedItemIds.reduce((acc, curr, i) => {
-    acc[curr] = i;
-    return acc;
-  }, {}), [sortedItemIds]);
-  const sortedAndFilteredItemsToRender = React.useMemo(() => selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(inputValue)).sort((a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id]), [selectableItems, itemSortOrderData, filterFn, inputValue]);
-  const allItemsToRender = React.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__*/jsxRuntime.jsx(octiconsReact.PlusIcon, {}),
-    onAction: item_0 => {
-      // TODO: make it possible to pass a leadingVisual when using `addNewItem`
-      addNewItem.handleAddItem({
-        ...item_0,
-        id: item_0.id || generatedUniqueId,
-        leadingVisual: undefined
-      });
-      if (selectionVariant === 'multiple') {
-        setInputValue('');
-        setAutocompleteSuggestion('');
-      }
-    }
-  }] : [])], [sortedAndFilteredItemsToRender, addNewItem, setAutocompleteSuggestion, selectionVariant, setInputValue, generatedUniqueId, highlightedItem, selectedItemIds]);
-  React__default.default.useEffect(() => {
-    allItemsToRenderRef.current = allItemsToRender;
-  });
-  React__default.default.useEffect(() => {
-    if (allItemsToRender.length === 0) {
-      debounceAnnouncement(emptyStateText);
-    }
-  }, [allItemsToRender, emptyStateText]);
-  useFocusZone.useFocusZone({
-    containerRef: listContainerRef,
-    focusOutBehavior: 'wrap',
-    focusableElementFilter: element => {
-      return !(element instanceof HTMLInputElement);
-    },
-    activeDescendantFocus: inputRef,
-    onActiveDescendantChanged: (current, _previous, directlyActivated) => {
-      // eslint-disable-next-line react-compiler/react-compiler
-      activeDescendantRef.current = current || null;
-      if (current) {
-        const selectedItem = allItemsToRenderRef.current.find(item_1 => {
-          var _current$closest;
-          return item_1.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) {
-        behaviors.scrollIntoView(current, customScrollContainerRef.current, menuScrollMargins);
-      } else if (current && scrollContainerRef.current && directlyActivated) {
-        behaviors.scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
-      }
-    }
-  }, [loading]);
-  React.useEffect(() => {
-    var _highlightedItem$text;
-    if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(inputValue) && !selectedItemIds.includes(highlightedItem.id)) {
-      setAutocompleteSuggestion(highlightedItem.text);
-    } else {
-      setAutocompleteSuggestion('');
-    }
-  }, [highlightedItem, inputValue, selectedItemIds, setAutocompleteSuggestion]);
-  React.useEffect(() => {
-    const itemIdSortResult = [...sortedItemIds].sort(sortOnCloseFn ? sortOnCloseFn : getDefaultSortFn(itemId_0 => isItemSelected(itemId_0, selectedItemIds)));
-    const sortResultMatchesState = itemIdSortResult.length === sortedItemIds.length && itemIdSortResult.every((element_0, index) => element_0 === sortedItemIds[index]);
-    if (showMenu === false && !sortResultMatchesState) {
-      setSortedItemIds(itemIdSortResult);
-    }
-    onOpenChange && onOpenChange(Boolean(showMenu));
-  }, [showMenu, onOpenChange, selectedItemIds, sortOnCloseFn, sortedItemIds]);
-  React.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__*/jsxRuntime.jsx(_VisuallyHidden, {
-    isVisible: showMenu,
-    children: loading ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: AutocompleteMenu_module.SpinnerWrapper,
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
-    }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: listContainerRef,
-      children: allItemsToRender.length ? /*#__PURE__*/jsxRuntime.jsx(index.ActionList, {
-        selectionVariant: selectionVariant // TODO: make this configurable
-        ,
-        role: "listbox",
-        id: `${id}-listbox`,
-        "aria-labelledby": ariaLabelledBy,
-        children: allItemsToRender.map(item_2 => {
-          const {
-            id: id_0,
-            onAction,
-            children,
-            text,
-            leadingVisual: LeadingVisual,
-            trailingVisual: TrailingVisual,
-            // @ts-expect-error this is defined in the items above but is
-            // missing in TS
-            key,
-            ...itemProps
-          } = item_2;
-          return /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
-            onSelect: () => onAction(item_2),
-            ...itemProps,
-            id: id_0,
-            "data-id": id_0,
-            children: [LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(index.ActionList.LeadingVisual, {
-              children: reactIs.isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/jsxRuntime.jsx(LeadingVisual, {})
-            }), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsxRuntime.jsx(index.ActionList.TrailingVisual, {
-              children: reactIs.isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {})
-            })]
-          }, key !== null && key !== void 0 ? key : id_0);
-        })
-      }) : emptyStateText !== false && emptyStateText !== null ? /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: AutocompleteMenu_module.EmptyStateWrapper,
-        children: emptyStateText
-      }) : null
-    })
-  });
-}
-AutocompleteMenu.displayName = "AutocompleteMenu";
-AutocompleteMenu.displayName = 'AutocompleteMenu';
-
-module.exports = AutocompleteMenu;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./AutocompleteMenu-7f135c03.css');
-
-var classes = {"SpinnerWrapper":"prc-Autocomplete-SpinnerWrapper-OvHpT","EmptyStateWrapper":"prc-Autocomplete-EmptyStateWrapper-tAx1w"};
-
-module.exports = classes;

package/lib/Autocomplete/AutocompleteOverlay-d99d778c.css

@@ -1,2 +0,0 @@
-.prc-Autocomplete-Overlay-4kapX{overflow:auto}
-/*# sourceMappingURL=AutocompleteOverlay-d99d778c.css.map */

package/lib/Autocomplete/AutocompleteOverlay-d99d778c.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Autocomplete/AutocompleteOverlay.module.css"],"names":[],"mappings":"AAAA,gCACE,aACF","file":"AutocompleteOverlay-d99d778c.css","sourcesContent":[".Overlay {\n  overflow: auto;\n}\n"]}

package/lib/Autocomplete/AutocompleteOverlay.d.ts

@@ -1,21 +0,0 @@
-import type React from 'react';
-import type { OverlayProps } from '../Overlay';
-import type { ComponentProps } from '../utils/types';
-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;
-} & Partial<OverlayProps> & Pick<React.AriaAttributes, 'aria-labelledby'>;
-declare function AutocompleteOverlay({ menuAnchorRef, overlayProps: oldOverlayProps, children, ...newOverlayProps }: AutocompleteOverlayInternalProps): React.JSX.Element | null;
-declare namespace AutocompleteOverlay {
-    var displayName: string;
-}
-export type AutocompleteOverlayProps = ComponentProps<typeof AutocompleteOverlay>;
-export default AutocompleteOverlay;
-//# sourceMappingURL=AutocompleteOverlay.d.ts.map

package/lib/Autocomplete/AutocompleteOverlay.js

@@ -1,138 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var AutocompleteContext = require('./AutocompleteContext.js');
-var useRefObjectAsForwardedRef = require('../hooks/useRefObjectAsForwardedRef.js');
-var _VisuallyHidden = require('../_VisuallyHidden.js');
-var AutocompleteOverlay_module = require('./AutocompleteOverlay.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var useAnchoredPosition = require('../hooks/useAnchoredPosition.js');
-var Overlay = require('../Overlay/Overlay.js');
-
-// TODO: consider making 'aria-labelledby' required
-
-function AutocompleteOverlay(t0) {
-  const $ = reactCompilerRuntime.c(24);
-  let children;
-  let menuAnchorRef;
-  let newOverlayProps;
-  let oldOverlayProps;
-  if ($[0] !== t0) {
-    ({
-      menuAnchorRef,
-      overlayProps: oldOverlayProps,
-      children,
-      ...newOverlayProps
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = menuAnchorRef;
-    $[3] = newOverlayProps;
-    $[4] = oldOverlayProps;
-  } else {
-    children = $[1];
-    menuAnchorRef = $[2];
-    newOverlayProps = $[3];
-    oldOverlayProps = $[4];
-  }
-  const autocompleteContext = React.useContext(AutocompleteContext.AutocompleteContext);
-  if (autocompleteContext === null) {
-    throw new Error("AutocompleteContext returned null values");
-  }
-  let t1;
-  if ($[5] !== newOverlayProps || $[6] !== oldOverlayProps) {
-    t1 = {
-      ...oldOverlayProps,
-      ...newOverlayProps
-    };
-    $[5] = newOverlayProps;
-    $[6] = oldOverlayProps;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  const overlayProps = t1;
-  const {
-    inputRef,
-    scrollContainerRef,
-    selectedItemLength,
-    setShowMenu,
-    showMenu: t2
-  } = autocompleteContext;
-  const showMenu = t2 === undefined ? false : t2;
-  const t3 = menuAnchorRef ? menuAnchorRef : inputRef;
-  let t4;
-  if ($[8] !== t3) {
-    t4 = {
-      side: "outside-bottom",
-      align: "start",
-      anchorElementRef: t3
-    };
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== selectedItemLength || $[11] !== showMenu) {
-    t5 = [showMenu, selectedItemLength];
-    $[10] = selectedItemLength;
-    $[11] = showMenu;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  const {
-    floatingElementRef,
-    position
-  } = useAnchoredPosition.useAnchoredPosition(t4, t5);
-  useRefObjectAsForwardedRef.useRefObjectAsForwardedRef(scrollContainerRef, floatingElementRef);
-  let t6;
-  if ($[13] !== setShowMenu) {
-    t6 = () => {
-      setShowMenu(false);
-    };
-    $[13] = setShowMenu;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  const closeOptionList = t6;
-  if (typeof window === "undefined") {
-    return null;
-  }
-  let t7;
-  if ($[15] !== children || $[16] !== closeOptionList || $[17] !== floatingElementRef || $[18] !== inputRef || $[19] !== overlayProps || $[20] !== (position === null || position === void 0 ? void 0 : position.left) || $[21] !== (position === null || position === void 0 ? void 0 : position.top) || $[22] !== showMenu) {
-    t7 = showMenu ? /*#__PURE__*/jsxRuntime.jsx(Overlay.default, {
-      returnFocusRef: inputRef,
-      preventFocusOnOpen: true,
-      onClickOutside: closeOptionList,
-      onEscape: closeOptionList,
-      ref: floatingElementRef,
-      top: position === null || position === void 0 ? void 0 : position.top,
-      left: position === null || position === void 0 ? void 0 : position.left,
-      className: AutocompleteOverlay_module.Overlay,
-      ...overlayProps,
-      children: children
-    }) : /*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-      "aria-hidden": "true",
-      children: children
-    });
-    $[15] = children;
-    $[16] = closeOptionList;
-    $[17] = floatingElementRef;
-    $[18] = inputRef;
-    $[19] = overlayProps;
-    $[20] = position === null || position === void 0 ? void 0 : position.left;
-    $[21] = position === null || position === void 0 ? void 0 : position.top;
-    $[22] = showMenu;
-    $[23] = t7;
-  } else {
-    t7 = $[23];
-  }
-  return t7;
-}
-AutocompleteOverlay.displayName = 'AutocompleteOverlay';
-
-module.exports = AutocompleteOverlay;

package/lib/Autocomplete/AutocompleteOverlay.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./AutocompleteOverlay-d99d778c.css');
-
-var classes = {"Overlay":"prc-Autocomplete-Overlay-4kapX"};
-
-module.exports = classes;

package/lib/Autocomplete/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Autocomplete';
-export type { AutocompleteMenuProps, AutocompleteInputProps, AutocompleteOverlayProps } from './Autocomplete';
-//# sourceMappingURL=index.d.ts.map

package/lib/Avatar/Avatar-61b19061.css

@@ -1,2 +0,0 @@
-:where(.prc-Avatar-Avatar-ZRS-m){border-radius:50%;box-shadow:0 0 0 1px var(--avatar-borderColor,var(--color-avatar-border));display:inline-block;height:var(--avatarSize-regular);line-height:1;overflow:hidden;vertical-align:middle;width:var(--avatarSize-regular)}:where(.prc-Avatar-Avatar-ZRS-m):where([data-square]){border-radius:clamp(4px,calc(var(--avatarSize-regular) - 24px),var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){:where(.prc-Avatar-Avatar-ZRS-m):where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){:where(.prc-Avatar-Avatar-ZRS-m):where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){:where(.prc-Avatar-Avatar-ZRS-m):where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
-/*# sourceMappingURL=Avatar-61b19061.css.map */