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

package/lib/hooks/useMenuInitialFocus.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const useMenuInitialFocus: (open: boolean, containerRef?: React.RefObject<HTMLElement>, anchorRef?: React.RefObject<HTMLElement>) => void;
-//# sourceMappingURL=useMenuInitialFocus.d.ts.map

package/lib/hooks/useMenuInitialFocus.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var React = require('react');
-var utils = require('@primer/behaviors/utils');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const useMenuInitialFocus = (open, containerRef, anchorRef) => {
-  /**
-   * We need to pick the first element to focus based on how the menu was opened,
-   * however, we need to wait for the menu to be open to set focus.
-   * This is why we use set openingKey in state and have 2 effects
-   */
-  const [openingGesture, setOpeningGesture] = React__default.default.useState(undefined);
-  React__default.default.useEffect(function inferOpeningKey() {
-    const anchorElement = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
-    const clickHandler = event => {
-      // event.detail === 0 means onClick was fired by Enter/Space key
-      // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
-      if (event.detail !== 0) setOpeningGesture('mouse-click');
-    };
-    const keydownHandler = event => {
-      if (['Space', 'Enter', 'ArrowDown', 'ArrowUp'].includes(event.code)) {
-        setOpeningGesture(event.code);
-      }
-    };
-    anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.addEventListener('click', clickHandler);
-    anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.addEventListener('keydown', keydownHandler);
-    return () => {
-      anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.removeEventListener('click', clickHandler);
-      anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.removeEventListener('keydown', keydownHandler);
-    };
-  }, [anchorRef]);
-
-  /**
-   * Pick the first element to focus based on the key used to open the Menu
-   * Click: anchor
-   * ArrowDown | Space | Enter: first element
-   * ArrowUp: last element
-   */
-  React__default.default.useEffect(function moveFocusOnOpen() {
-    if (!open || !(containerRef !== null && containerRef !== void 0 && containerRef.current)) return; // wait till the menu is open
-
-    const iterable = utils.iterateFocusableElements(containerRef.current);
-    if (openingGesture === 'mouse-click') {
-      if (anchorRef !== null && anchorRef !== void 0 && anchorRef.current) anchorRef.current.focus();else throw new Error('For focus management, please attach anchorRef');
-    } else if (openingGesture && ['ArrowDown', 'Space', 'Enter'].includes(openingGesture)) {
-      const firstElement = iterable.next().value;
-      /** We push imperative focus to the next tick to prevent React's batching */
-      setTimeout(() => firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus());
-    } else if ('ArrowUp' === openingGesture) {
-      const elements = [...iterable];
-      const lastElement = elements[elements.length - 1];
-      setTimeout(() => lastElement.focus());
-    } else {
-      /** if the menu was not opened with the anchor, we default to the first element
-       *  for example: with keyboard shortcut (see stories/fixtures)
-       */
-      const firstElement = iterable.next().value;
-      setTimeout(() => firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus());
-    }
-  },
-  // we don't want containerRef in dependencies
-  // because re-renders to containerRef while it's open should not fire initialMenuFocus
-  // eslint-disable-next-line react-compiler/react-compiler
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [open, openingGesture, anchorRef]);
-};
-
-exports.useMenuInitialFocus = useMenuInitialFocus;

package/lib/hooks/useMenuKeyboardNavigation.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { MenuCloseHandler } from '../ActionMenu';
-/**
- * Keyboard navigation is a mix of 4 hooks
- * 1. useMenuInitialFocus
- * 2. useTypeaheadFocus
- * 3. useCloseMenuOnTab
- * 4. useMoveFocusToMenuItem
- */
-export declare const useMenuKeyboardNavigation: (open: boolean, onClose: MenuCloseHandler | undefined, containerRef?: React.RefObject<HTMLElement>, anchorRef?: React.RefObject<HTMLElement>, isSubmenu?: boolean) => void;
-//# sourceMappingURL=useMenuKeyboardNavigation.d.ts.map

package/lib/hooks/useMenuKeyboardNavigation.js

@@ -1,165 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var utils = require('@primer/behaviors/utils');
-var useMenuInitialFocus = require('./useMenuInitialFocus.js');
-var useMnemonics = require('./useMnemonics.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * Keyboard navigation is a mix of 4 hooks
- * 1. useMenuInitialFocus
- * 2. useTypeaheadFocus
- * 3. useCloseMenuOnTab
- * 4. useMoveFocusToMenuItem
- */
-const useMenuKeyboardNavigation = (open, onClose, containerRef, anchorRef, t0) => {
-  const isSubmenu = t0 === undefined ? false : t0;
-  useMenuInitialFocus.useMenuInitialFocus(open, containerRef, anchorRef);
-  useMnemonics.useMnemonics(open, containerRef);
-  useCloseMenuOnTab(open, onClose, containerRef, anchorRef);
-  useMoveFocusToMenuItem(open, containerRef, anchorRef);
-  useCloseSubmenuOnArrow(open, isSubmenu, onClose, containerRef);
-};
-
-/**
- * When Tab or Shift+Tab is pressed, the menu should close
- * and the focus should naturally move to the next item
- */
-const useCloseMenuOnTab = (open, onClose, containerRef, anchorRef) => {
-  const $ = reactCompilerRuntime.c(10);
-  let t0;
-  if ($[0] !== (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) || $[1] !== (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || $[2] !== onClose || $[3] !== open) {
-    t0 = () => {
-      const container = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-      const anchor = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
-      const handler = event => {
-        if (open && event.key === "Tab") {
-          onClose === null || onClose === void 0 ? void 0 : onClose("tab");
-        }
-      };
-      container === null || container === void 0 ? void 0 : container.addEventListener("keydown", handler);
-      anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener("keydown", handler);
-      return () => {
-        container === null || container === void 0 ? void 0 : container.removeEventListener("keydown", handler);
-        anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener("keydown", handler);
-      };
-    };
-    $[0] = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
-    $[1] = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    $[2] = onClose;
-    $[3] = open;
-    $[4] = t0;
-  } else {
-    t0 = $[4];
-  }
-  let t1;
-  if ($[5] !== anchorRef || $[6] !== containerRef || $[7] !== onClose || $[8] !== open) {
-    t1 = [open, onClose, containerRef, anchorRef];
-    $[5] = anchorRef;
-    $[6] = containerRef;
-    $[7] = onClose;
-    $[8] = open;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  React__default.default.useEffect(t0, t1);
-};
-
-/**
- * Close submenu when left arrow key is pressed
- */
-const useCloseSubmenuOnArrow = (open, isSubmenu, onClose, containerRef) => {
-  const $ = reactCompilerRuntime.c(10);
-  let t0;
-  if ($[0] !== (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || $[1] !== isSubmenu || $[2] !== onClose || $[3] !== open) {
-    t0 = () => {
-      const container = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-      const handler = event => {
-        if (open && isSubmenu && event.key === "ArrowLeft") {
-          onClose === null || onClose === void 0 ? void 0 : onClose("arrow-left");
-        }
-      };
-      container === null || container === void 0 ? void 0 : container.addEventListener("keydown", handler);
-      return () => {
-        container === null || container === void 0 ? void 0 : container.removeEventListener("keydown", handler);
-      };
-    };
-    $[0] = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    $[1] = isSubmenu;
-    $[2] = onClose;
-    $[3] = open;
-    $[4] = t0;
-  } else {
-    t0 = $[4];
-  }
-  let t1;
-  if ($[5] !== containerRef || $[6] !== isSubmenu || $[7] !== onClose || $[8] !== open) {
-    t1 = [open, onClose, containerRef, isSubmenu];
-    $[5] = containerRef;
-    $[6] = isSubmenu;
-    $[7] = onClose;
-    $[8] = open;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  React__default.default.useEffect(t0, t1);
-};
-
-/**
- * When Arrow Keys are pressed and the focus is on the anchor,
- * focus should move to a menu item
- */
-const useMoveFocusToMenuItem = (open, containerRef, anchorRef) => {
-  const $ = reactCompilerRuntime.c(8);
-  let t0;
-  if ($[0] !== (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) || $[1] !== (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || $[2] !== open) {
-    t0 = () => {
-      const container = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-      const anchor = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
-      const handler = event => {
-        if (!open || !container) {
-          return;
-        }
-        const iterable = utils.iterateFocusableElements(container);
-        if (event.key === "ArrowDown") {
-          const firstElement = iterable.next().value;
-          setTimeout(() => firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus());
-        } else {
-          if (event.key === "ArrowUp") {
-            const elements = [...iterable];
-            const lastElement = elements[elements.length - 1];
-            setTimeout(() => lastElement.focus());
-          }
-        }
-      };
-      anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener("keydown", handler);
-      return () => anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener("keydown", handler);
-    };
-    $[0] = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
-    $[1] = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    $[2] = open;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  let t1;
-  if ($[4] !== anchorRef || $[5] !== containerRef || $[6] !== open) {
-    t1 = [open, containerRef, anchorRef];
-    $[4] = anchorRef;
-    $[5] = containerRef;
-    $[6] = open;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  React__default.default.useEffect(t0, t1);
-};
-
-exports.useMenuKeyboardNavigation = useMenuKeyboardNavigation;

package/lib/hooks/useMnemonics.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const useMnemonics: (open: boolean, providedRef?: React.RefObject<HTMLElement>) => {
-    containerRef: React.RefObject<HTMLElement>;
-};
-//# sourceMappingURL=useMnemonics.d.ts.map

package/lib/hooks/useMnemonics.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var utils = require('@primer/behaviors/utils');
-var useProvidedRefOrCreate = require('./useProvidedRefOrCreate.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/*
- * A mnemonic indicates to the user which key to press (single)
- * to activate a command or navigate to a component
- * typically appearing in a menu title, menu item, or the text of a button.
- */
-
-const useMnemonics = (open, providedRef) => {
-  const $ = reactCompilerRuntime.c(9);
-  const containerRef = useProvidedRefOrCreate.useProvidedRefOrCreate(providedRef);
-  let t0;
-  let t1;
-  if ($[0] !== containerRef || $[1] !== open) {
-    t0 = function addAriaKeyshortcuts() {
-      if (!open || !containerRef.current) {
-        return;
-      }
-      const container = containerRef.current;
-      const focusableItems = [...utils.iterateFocusableElements(container)];
-      focusableItems.map(_temp);
-    };
-    t1 = [open, containerRef];
-    $[0] = containerRef;
-    $[1] = open;
-    $[2] = t0;
-    $[3] = t1;
-  } else {
-    t0 = $[2];
-    t1 = $[3];
-  }
-  React__default.default.useEffect(t0, t1);
-  let t2;
-  if ($[4] !== containerRef || $[5] !== open) {
-    t2 = [open, containerRef];
-    $[4] = containerRef;
-    $[5] = open;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  React__default.default.useEffect(function handleKeyDown() {
-    if (!open || !containerRef.current) {
-      return;
-    }
-    const container_0 = containerRef.current;
-    const handler = event => {
-      var _elementToFocus;
-      const activeElement = document.activeElement;
-      if (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA") {
-        return;
-      }
-      const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
-      if (hasModifier) {
-        return;
-      }
-      if (!isAlphabetKey(event)) {
-        return;
-      }
-      event.stopPropagation();
-      const query = event.key.toLowerCase();
-      let elementToFocus;
-      const focusableItems_0 = [...utils.iterateFocusableElements(container_0)];
-      const itemsMatchingKey = focusableItems_0.filter(item_0 => {
-        var _item_0$getAttribute;
-        const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute("aria-keyshortcuts")) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(" ").map(_temp2);
-        return keyshortcuts && keyshortcuts.includes(query);
-      });
-      const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
-      if (currentActiveIndex === itemsMatchingKey.length - 1) {
-        elementToFocus = itemsMatchingKey[0];
-      } else {
-        elementToFocus = itemsMatchingKey.find((item_1, index) => index > currentActiveIndex);
-      }
-      (_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
-    };
-    container_0.addEventListener("keydown", handler);
-    return () => container_0.removeEventListener("keydown", handler);
-  }, t2);
-  const isAlphabetKey = _temp3;
-  let t3;
-  if ($[7] !== containerRef) {
-    t3 = {
-      containerRef
-    };
-    $[7] = containerRef;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
-};
-function _temp(item) {
-  var _item$textContent;
-  if (item.getAttribute("aria-keyshortcuts")) {
-    return;
-  }
-  const firstLetter = (_item$textContent = item.textContent) === null || _item$textContent === void 0 ? void 0 : _item$textContent.toLowerCase()[0];
-  if (firstLetter) {
-    item.setAttribute("aria-keyshortcuts", firstLetter);
-  }
-}
-function _temp2(shortcut) {
-  return shortcut.toLowerCase();
-}
-function _temp3(event_0) {
-  return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
-}
-
-exports.useMnemonics = useMnemonics;

package/lib/hooks/useOnEscapePress.d.ts

@@ -1,23 +0,0 @@
-/**
- * Sets up a `keydown` listener on `window.document`. If
- * 1) The pressed key is "Escape", and
- * 2) The event has not had `.preventDefault()` called
- * The given callback will be executed.
- *
- * Note: If multiple `useOnEscapePress` hooks are active simultaneously, the
- * callbacks will occur in reverse order. In other words, if a parent component
- * and a child component both call `useOnEscapePress`, when the user presses
- * Escape, the child component's callback will execute, followed by the parent's
- * callback. Each callback has the chance to call `.preventDefault()` on the
- * event to prevent further callbacks.
- *
- * @param callback {(e: KeyboardEvent) => void} The callback that gets executed
- * when the Escape key is pressed. The KeyboardEvent generated by the Escape
- * keypress is passed as the only argument.
- *
- * @param callbackDependencies {React.DependencyList} The dependencies of the given
- * `onEscape` callback for memoization. Omit this param if the callback is already
- * memoized. See `React.useCallback` for more info on memoization.
- */
-export declare const useOnEscapePress: (onEscape: (e: KeyboardEvent) => void, callbackDependencies?: React.DependencyList) => void;
-//# sourceMappingURL=useOnEscapePress.d.ts.map

package/lib/hooks/useOnEscapePress.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/**
- * Calls all handlers in reverse order
- * @param event The KeyboardEvent generated by the Escape keydown.
- */
-function handleEscape(event) {
-  if (!event.defaultPrevented) {
-    for (const handler of Object.values(registry).reverse()) {
-      handler(event);
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (event.defaultPrevented) break;
-    }
-  }
-}
-const registry = {};
-function register(id, handler) {
-  registry[id] = handler;
-}
-function deregister(id) {
-  delete registry[id];
-}
-
-// For auto-incrementing unique identifiers for registered handlers.
-let handlerId = 0;
-
-/**
- * Sets up a `keydown` listener on `window.document`. If
- * 1) The pressed key is "Escape", and
- * 2) The event has not had `.preventDefault()` called
- * The given callback will be executed.
- *
- * Note: If multiple `useOnEscapePress` hooks are active simultaneously, the
- * callbacks will occur in reverse order. In other words, if a parent component
- * and a child component both call `useOnEscapePress`, when the user presses
- * Escape, the child component's callback will execute, followed by the parent's
- * callback. Each callback has the chance to call `.preventDefault()` on the
- * event to prevent further callbacks.
- *
- * @param callback {(e: KeyboardEvent) => void} The callback that gets executed
- * when the Escape key is pressed. The KeyboardEvent generated by the Escape
- * keypress is passed as the only argument.
- *
- * @param callbackDependencies {React.DependencyList} The dependencies of the given
- * `onEscape` callback for memoization. Omit this param if the callback is already
- * memoized. See `React.useCallback` for more info on memoization.
- */
-const useOnEscapePress = (onEscape, callbackDependencies = [onEscape]) => {
-  // eslint-disable-next-line react-compiler/react-compiler
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const escapeCallback = React.useCallback(onEscape, callbackDependencies);
-  const handler = React.useCallback(event => {
-    if (event.key === 'Escape') escapeCallback(event);
-  }, [escapeCallback]);
-  const id = React.useMemo(() => handlerId++, []);
-  React.useEffect(() => {
-    if (Object.keys(registry).length === 0) {
-      document.addEventListener('keydown', handleEscape);
-    }
-    register(id, handler);
-    return () => {
-      deregister(id);
-      if (Object.keys(registry).length === 0) {
-        document.removeEventListener('keydown', handleEscape);
-      }
-    };
-  }, [id, handler]);
-};
-
-exports.useOnEscapePress = useOnEscapePress;

package/lib/hooks/useOnOutsideClick.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-export type TouchOrMouseEvent = MouseEvent | TouchEvent;
-export type UseOnOutsideClickSettings = {
-    containerRef: React.RefObject<HTMLDivElement> | React.RefObject<HTMLUListElement>;
-    ignoreClickRefs?: React.RefObject<HTMLElement>[];
-    onClickOutside: (e: TouchOrMouseEvent) => void;
-};
-export declare const useOnOutsideClick: ({ containerRef, ignoreClickRefs, onClickOutside }: UseOnOutsideClickSettings) => void;
-//# sourceMappingURL=useOnOutsideClick.d.ts.map

package/lib/hooks/useOnOutsideClick.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-// Because events are handled at the document level, we provide a mechanism for early return.
-const stopPropagation = true;
-
-/**
- * Calls all handlers in reverse order
- * @param event The MouseEvent generated by the click event.
- */
-function handleClick(event) {
-  if (!event.defaultPrevented) {
-    for (const handler of Object.values(registry).reverse()) {
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (handler(event) === stopPropagation || event.defaultPrevented) {
-        break;
-      }
-    }
-  }
-}
-const registry = {};
-function register(id, handler) {
-  registry[id] = handler;
-}
-function deregister(id) {
-  delete registry[id];
-}
-
-// For auto-incrementing unique identifiers for registered handlers.
-let handlerId = 0;
-const useOnOutsideClick = ({
-  containerRef,
-  ignoreClickRefs,
-  onClickOutside
-}) => {
-  const id = React.useMemo(() => handlerId++, []);
-  const handler = React.useCallback(event => {
-    var _containerRef$current;
-    // don't call click handler if the mouse event was triggered by an auxiliary button (right click/wheel button/etc)
-    if (event instanceof MouseEvent && event.button > 0) {
-      return stopPropagation;
-    }
-
-    // don't call handler if the click happened inside of the container
-    if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(event.target)) {
-      return stopPropagation;
-    }
-
-    // don't call handler if click happened on an ignored ref
-    if (ignoreClickRefs && ignoreClickRefs.some(({
-      current
-    }) => current === null || current === void 0 ? void 0 : current.contains(event.target))) {
-      return stopPropagation;
-    }
-    onClickOutside(event);
-  }, [containerRef, ignoreClickRefs, onClickOutside]);
-  React.useEffect(() => {
-    if (Object.keys(registry).length === 0) {
-      // use capture to ensure we get all events
-      document.addEventListener('mousedown', handleClick, {
-        capture: true
-      });
-    }
-    register(id, handler);
-    return () => {
-      deregister(id);
-      if (Object.keys(registry).length === 0) {
-        document.removeEventListener('mousedown', handleClick, {
-          capture: true
-        });
-      }
-    };
-  }, [id, handler]);
-};
-
-exports.useOnOutsideClick = useOnOutsideClick;

package/lib/hooks/useOpenAndCloseFocus.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-export type UseOpenAndCloseFocusSettings = {
-    initialFocusRef?: React.RefObject<HTMLElement>;
-    containerRef: React.RefObject<HTMLElement>;
-    returnFocusRef: React.RefObject<HTMLElement>;
-    preventFocusOnOpen?: boolean;
-};
-export declare function useOpenAndCloseFocus({ initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen, }: UseOpenAndCloseFocusSettings): void;
-//# sourceMappingURL=useOpenAndCloseFocus.d.ts.map

package/lib/hooks/useOpenAndCloseFocus.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var utils = require('@primer/behaviors/utils');
-
-function useOpenAndCloseFocus(t0) {
-  const $ = reactCompilerRuntime.c(10);
-  const {
-    initialFocusRef,
-    returnFocusRef,
-    containerRef,
-    preventFocusOnOpen
-  } = t0;
-  let t1;
-  if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef.current) {
-    t1 = () => {
-      if (!preventFocusOnOpen) {
-        if (initialFocusRef && initialFocusRef.current) {
-          initialFocusRef.current.focus();
-        } else {
-          if (containerRef.current) {
-            const firstItem = utils.iterateFocusableElements(containerRef.current).next().value;
-            firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
-          }
-        }
-      }
-      const returnFocusRefCurrent = returnFocusRef.current;
-      return function () {
-        returnFocusRefCurrent === null || returnFocusRefCurrent === void 0 ? void 0 : returnFocusRefCurrent.focus();
-      };
-    };
-    $[0] = containerRef;
-    $[1] = initialFocusRef;
-    $[2] = preventFocusOnOpen;
-    $[3] = returnFocusRef.current;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== containerRef || $[6] !== initialFocusRef || $[7] !== preventFocusOnOpen || $[8] !== returnFocusRef) {
-    t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
-    $[5] = containerRef;
-    $[6] = initialFocusRef;
-    $[7] = preventFocusOnOpen;
-    $[8] = returnFocusRef;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  React.useEffect(t1, t2);
-}
-
-exports.useOpenAndCloseFocus = useOpenAndCloseFocus;

package/lib/hooks/useOverflow.d.ts

@@ -1,2 +0,0 @@
-export declare function useOverflow<T extends HTMLElement>(ref: React.RefObject<T>): boolean;
-//# sourceMappingURL=useOverflow.d.ts.map

package/lib/hooks/useOverflow.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-
-function useOverflow(ref) {
-  const $ = reactCompilerRuntime.c(4);
-  const [hasOverflow, setHasOverflow] = React.useState(false);
-  let t0;
-  if ($[0] !== ref.current) {
-    t0 = () => {
-      if (ref.current === null) {
-        return;
-      }
-      const observer = new ResizeObserver(entries => {
-        for (const entry of entries) {
-          if (entry.target.scrollHeight > entry.target.clientHeight || entry.target.scrollWidth > entry.target.clientWidth) {
-            setHasOverflow(true);
-            break;
-          }
-        }
-      });
-      observer.observe(ref.current);
-      return () => {
-        observer.disconnect();
-      };
-    };
-    $[0] = ref.current;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  let t1;
-  if ($[2] !== ref) {
-    t1 = [ref];
-    $[2] = ref;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  React.useEffect(t0, t1);
-  return hasOverflow;
-}
-
-exports.useOverflow = useOverflow;