@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.4

package/lib-esm/hooks/useMenuKeyboardNavigation.js

@@ -1,159 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { iterateFocusableElements } from '@primer/behaviors/utils';
-import { useMenuInitialFocus } from './useMenuInitialFocus.js';
-import { useMnemonics } from './useMnemonics.js';
-
-/**
- * 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(open, containerRef, anchorRef);
-  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 $ = 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.useEffect(t0, t1);
-};
-
-/**
- * Close submenu when left arrow key is pressed
- */
-const useCloseSubmenuOnArrow = (open, isSubmenu, onClose, containerRef) => {
-  const $ = 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.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 $ = 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 = 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.useEffect(t0, t1);
-};
-
-export { useMenuKeyboardNavigation };

package/lib-esm/hooks/useMnemonics.js

@@ -1,113 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { iterateFocusableElements } from '@primer/behaviors/utils';
-import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
-
-/*
- * 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 $ = c(9);
-  const containerRef = 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 = [...iterateFocusableElements(container)];
-      focusableItems.map(_temp);
-    };
-    t1 = [open, containerRef];
-    $[0] = containerRef;
-    $[1] = open;
-    $[2] = t0;
-    $[3] = t1;
-  } else {
-    t0 = $[2];
-    t1 = $[3];
-  }
-  React.useEffect(t0, t1);
-  let t2;
-  if ($[4] !== containerRef || $[5] !== open) {
-    t2 = [open, containerRef];
-    $[4] = containerRef;
-    $[5] = open;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  React.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 = [...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);
-}
-
-export { useMnemonics };

package/lib-esm/hooks/useOpenAndCloseFocus.js

@@ -1,53 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useEffect } from 'react';
-import { iterateFocusableElements } from '@primer/behaviors/utils';
-
-function useOpenAndCloseFocus(t0) {
-  const $ = 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 = 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];
-  }
-  useEffect(t1, t2);
-}
-
-export { useOpenAndCloseFocus };

package/lib-esm/hooks/useOverflow.js

@@ -1,43 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useEffect } from 'react';
-
-function useOverflow(ref) {
-  const $ = c(4);
-  const [hasOverflow, setHasOverflow] = 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];
-  }
-  useEffect(t0, t1);
-  return hasOverflow;
-}
-
-export { useOverflow };

package/lib-esm/hooks/useScrollFlash.js

@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-
-/**
- * This hook will flash the scrollbars for a ref of a container that has scrollable overflow
- * @param scrollContainerRef The ref of the scrollable content
- */
-function useScrollFlash(scrollContainerRef) {
-  // https://adxlv.computer/projects/flash-scrollers/
-  useEffect(() => {
-    const scrollContainer = scrollContainerRef.current;
-    if (!scrollContainer) {
-      return;
-    }
-    const currentScroll = scrollContainer.scrollTop;
-    const maxScroll = scrollContainer.scrollHeight;
-    const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
-
-    // eslint-disable-next-line react-compiler/react-compiler
-    scrollContainer.scrollTop = altScroll;
-    scrollContainer.scrollTop = currentScroll;
-  }, [scrollContainerRef]);
-}
-
-export { useScrollFlash as default };

package/lib-esm/index.d.ts

@@ -1,148 +0,0 @@
-export { default as theme } from './theme';
-export { get as themeGet } from './constants';
-export { default as BaseStyles } from './BaseStyles';
-export type { BaseStylesProps } from './BaseStyles';
-export { default as ThemeProvider, useTheme, useColorSchemeVar } from './ThemeProvider';
-export type { ThemeProviderProps } from './ThemeProvider';
-export { default as Box } from './Box';
-export type { BoxProps } from './Box';
-export * from './Button';
-export { PageLayout } from './PageLayout';
-export type { PageLayoutProps, PageLayoutHeaderProps, PageLayoutContentProps, PageLayoutPaneProps, PageLayoutFooterProps, } from './PageLayout';
-export { SplitPageLayout } from './SplitPageLayout';
-export type { SplitPageLayoutProps, SplitPageLayoutHeaderProps, SplitPageLayoutContentProps, SplitPageLayoutPaneProps, SplitPageLayoutFooterProps, } from './SplitPageLayout';
-export { default as useDetails } from './hooks/useDetails';
-export { default as useSafeTimeout } from './hooks/useSafeTimeout';
-export { useOnOutsideClick } from './hooks/useOnOutsideClick';
-export type { TouchOrMouseEvent } from './hooks/useOnOutsideClick';
-export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus';
-export { useOnEscapePress } from './hooks/useOnEscapePress';
-export { useOverlay } from './hooks/useOverlay';
-export { useConfirm } from './ConfirmationDialog/ConfirmationDialog';
-export { useFocusTrap } from './hooks/useFocusTrap';
-export type { FocusTrapHookSettings } from './hooks/useFocusTrap';
-export { useFocusZone } from './hooks/useFocusZone';
-export type { FocusZoneHookSettings } from './hooks/useFocusZone';
-export { useRefObjectAsForwardedRef } from './hooks/useRefObjectAsForwardedRef';
-export { useResizeObserver } from './hooks/useResizeObserver';
-export { useResponsiveValue, type ResponsiveValue } from './hooks/useResponsiveValue';
-export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect';
-export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate';
-export { createComponent } from './utils/create-component';
-export { default as Radio } from './Radio';
-export type { RadioProps } from './Radio';
-export { ActionList } from './ActionList';
-export type { ActionListProps, ActionListGroupProps, ActionListItemProps, ActionListLinkItemProps, ActionListDividerProps, ActionListDescriptionProps, ActionListLeadingVisualProps, ActionListTrailingVisualProps, } from './ActionList';
-export { ActionMenu } from './ActionMenu';
-export type { ActionMenuProps, ActionMenuAnchorProps, ActionMenuButtonProps } from './ActionMenu';
-export { AnchoredOverlay } from './AnchoredOverlay';
-export type { AnchoredOverlayProps } from './AnchoredOverlay';
-export { default as Autocomplete } from './Autocomplete';
-export type { AutocompleteMenuProps, AutocompleteInputProps, AutocompleteOverlayProps } from './Autocomplete';
-export { default as Avatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
-export { default as AvatarPair } from './AvatarPair';
-export type { AvatarPairProps } from './AvatarPair';
-export { default as AvatarStack } from './AvatarStack';
-export type { AvatarStackProps } from './AvatarStack';
-export { default as BranchName } from './BranchName';
-export type { BranchNameProps } from './BranchName';
-export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumbs';
-export { default as ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
-export { default as Caret } from './Caret';
-export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
-export { default as CircleOcticon } from './CircleOcticon';
-export type { CircleOcticonProps } from './CircleOcticon';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export type { CaretProps } from './Caret';
-export { default as CircleBadge } from './CircleBadge';
-export { default as CounterLabel } from './CounterLabel';
-export type { CounterLabelProps } from './CounterLabel';
-export { default as Details } from './Details';
-export type { DetailsProps } from './Details';
-export { Dialog } from './Dialog/Dialog';
-export type { DialogProps, DialogHeaderProps, DialogButtonProps, DialogWidth, DialogHeight } from './Dialog/Dialog';
-export type { ConfirmationDialogProps } from './ConfirmationDialog/ConfirmationDialog';
-export { ConfirmationDialog } from './ConfirmationDialog/ConfirmationDialog';
-export { default as Flash } from './Flash';
-export type { FlashProps } from './Flash';
-export { default as FormControl } from './FormControl';
-export { useFormControlForwardedProps } from './FormControl';
-export { default as Header } from './Header';
-export type { HeaderProps, HeaderItemProps, HeaderLinkProps } from './Header';
-export { default as Heading } from './Heading';
-export type { HeadingProps } from './Heading';
-export { default as Label } from './Label';
-export type { LabelProps, LabelColorOptions } from './Label';
-export { default as LabelGroup } from './LabelGroup';
-export type { LabelGroupProps } from './LabelGroup';
-export { default as Link } from './Link';
-export type { LinkProps } from './Link';
-export { NavList } from './NavList';
-export type { NavListProps, NavListItemProps, NavListSubNavProps, NavListGroupProps, NavListLeadingVisualProps, NavListTrailingVisualProps, NavListDividerProps, } from './NavList';
-export { default as Overlay } from './Overlay';
-export type { OverlayProps } from './Overlay';
-export { default as Pagination } from './Pagination';
-export type { PaginationProps } from './Pagination';
-export { default as PointerBox } from './PointerBox';
-export type { PointerBoxProps } from './PointerBox';
-export { default as Popover } from './Popover';
-export type { PopoverProps, PopoverContentProps } from './Popover';
-export { default as Portal, registerPortalRoot } from './Portal';
-export type { PortalProps } from './Portal';
-export { ProgressBar } from './ProgressBar';
-export type { ProgressBarProps } from './ProgressBar';
-export { default as RadioGroup } from './RadioGroup';
-export type { RelativeTimeProps } from './RelativeTime';
-export { default as RelativeTime } from './RelativeTime';
-export { SegmentedControl } from './SegmentedControl';
-export { default as Select } from './Select';
-export type { SelectProps } from './Select';
-export { SelectPanel } from './SelectPanel';
-export type { SelectPanelProps } from './SelectPanel';
-export { default as SideNav } from './SideNav';
-export type { SideNavProps, SideNavLinkProps } from './SideNav';
-export { default as Spinner } from './Spinner';
-export type { SpinnerProps } from './Spinner';
-export { default as StateLabel } from './StateLabel';
-export type { StateLabelProps } from './StateLabel';
-export { default as SubNav } from './SubNav';
-export type { SubNavProps, SubNavLinkProps, SubNavLinksProps } from './SubNav';
-export { default as ToggleSwitch } from './ToggleSwitch';
-export { default as TextInput } from './TextInput';
-export type { TextInputProps } from './TextInput';
-export { default as TextInputWithTokens } from './TextInputWithTokens';
-export type { TextInputWithTokensProps } from './TextInputWithTokens';
-export { default as Text } from './Text';
-export type { TextProps } from './Text';
-export { default as Timeline } from './Timeline';
-export type { TimelineProps, TimelineBadgeProps, TimelineBodyProps, TimelineBreakProps, TimelineItemsProps, } from './Timeline';
-export { default as Token, IssueLabelToken, AvatarToken } from './Token';
-export type { TokenProps, IssueLabelTokenProps } from './Token';
-export { Tooltip } from './TooltipV2';
-export type { TooltipProps } from './TooltipV2';
-export { default as Truncate } from './Truncate';
-export type { TruncateProps } from './Truncate';
-export { default as Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
-export { default as Textarea } from './Textarea';
-export type { TextareaProps } from './Textarea';
-export { TreeView } from './TreeView';
-export type { TreeViewProps, TreeViewItemProps, TreeViewSubTreeProps, TreeViewVisualProps, TreeViewErrorDialogProps, } from './TreeView';
-export { VisuallyHidden } from './VisuallyHidden';
-export type { VisuallyHiddenProps } from './VisuallyHidden';
-export { UnderlineNav } from './UnderlineNav';
-export type { UnderlineNavProps, UnderlineNavItemProps } from './UnderlineNav';
-export { ActionBar } from './ActionBar';
-export type { ActionBarProps } from './ActionBar';
-export { Stack } from './Stack';
-export type { StackProps, StackItemProps } from './Stack';
-export { PageHeader } from './PageHeader';
-export type { PageHeaderProps } from './PageHeader';
-export { default as sx, merge } from './sx';
-export type { BetterCssProperties, BetterSystemStyleObject, SxProp } from './sx';
-export { SkeletonBox } from './Skeleton';
-export type { SkeletonBoxProps } from './Skeleton';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/index.js

@@ -1,90 +0,0 @@
-"use client";
-export { default as theme } from './theme.js';
-export { get as themeGet } from './constants.js';
-export { default as BaseStyles } from './BaseStyles.js';
-export { ThemeProvider, useColorSchemeVar, useTheme } from './ThemeProvider.js';
-export { default as useDetails } from './hooks/useDetails.js';
-export { default as useSafeTimeout } from './hooks/useSafeTimeout.js';
-export { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
-export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus.js';
-export { useOnEscapePress } from './hooks/useOnEscapePress.js';
-export { useOverlay } from './hooks/useOverlay.js';
-export { ConfirmationDialog, useConfirm } from './ConfirmationDialog/ConfirmationDialog.js';
-export { useFocusTrap } from './hooks/useFocusTrap.js';
-export { useFocusZone } from './hooks/useFocusZone.js';
-export { useRefObjectAsForwardedRef } from './hooks/useRefObjectAsForwardedRef.js';
-export { useResizeObserver } from './hooks/useResizeObserver.js';
-export { useResponsiveValue } from './hooks/useResponsiveValue.js';
-export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.js';
-export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate.js';
-export { createComponent } from './utils/create-component.js';
-export { ActionList } from './ActionList/index.js';
-export { default as Caret } from './Caret.js';
-export { Dialog } from './Dialog/Dialog.js';
-export { default as Label } from './Label/Label.js';
-export { default as Pagination } from './Pagination/Pagination.js';
-export { Portal, registerPortalRoot } from './Portal/Portal.js';
-export { ProgressBar } from './ProgressBar/index.js';
-export { default as SideNav } from './SideNav.js';
-export { UnderlineNav } from './UnderlineNav/index.js';
-export { default as ActionBar } from './ActionBar/index.js';
-export { Stack } from './Stack/index.js';
-export { default as sx } from './sx.js';
-export { default as Box } from './Box/Box.js';
-export { default as Radio } from './Radio/Radio.js';
-export { default as Avatar } from './Avatar/Avatar.js';
-export { default as AvatarPair } from './AvatarPair/AvatarPair.js';
-export { default as AvatarStack } from './AvatarStack/AvatarStack.js';
-export { default as ButtonGroup } from './ButtonGroup/ButtonGroup.js';
-export { default as CircleOcticon } from './CircleOcticon/CircleOcticon.js';
-export { default as CounterLabel } from './CounterLabel/CounterLabel.js';
-export { default as Details } from './Details/Details.js';
-export { default as Flash } from './Flash/Flash.js';
-export { default as Heading } from './Heading/Heading.js';
-export { default as LabelGroup } from './LabelGroup/LabelGroup.js';
-export { default as Link } from './Link/Link.js';
-export { default as Overlay } from './Overlay/Overlay.js';
-export { default as PointerBox } from './PointerBox/PointerBox.js';
-export { default as RelativeTime } from './RelativeTime/RelativeTime.js';
-export { default as Spinner } from './Spinner/Spinner.js';
-export { default as StateLabel } from './StateLabel/StateLabel.js';
-export { default as ToggleSwitch } from './ToggleSwitch/ToggleSwitch.js';
-export { default as TextInputWithTokens } from './TextInputWithTokens/TextInputWithTokens.js';
-export { default as Text } from './Text/Text.js';
-export { default as Token } from './Token/Token.js';
-export { default as IssueLabelToken } from './Token/IssueLabelToken.js';
-export { default as AvatarToken } from './Token/AvatarToken.js';
-export { default as Truncate } from './Truncate/Truncate.js';
-export { default as Checkbox } from './Checkbox/Checkbox.js';
-export { default as Textarea } from './Textarea/Textarea.js';
-export { PageLayout } from './PageLayout/PageLayout.js';
-export { SplitPageLayout } from './SplitPageLayout/SplitPageLayout.js';
-export { ActionMenu } from './ActionMenu/ActionMenu.js';
-export { AnchoredOverlay } from './AnchoredOverlay/AnchoredOverlay.js';
-export { default as Autocomplete } from './Autocomplete/Autocomplete.js';
-export { default as BranchName } from './BranchName/BranchName.js';
-export { Breadcrumb, default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs.js';
-export { default as CheckboxGroup } from './CheckboxGroup/CheckboxGroup.js';
-export { default as CircleBadge } from './CircleBadge/CircleBadge.js';
-export { default as FormControl } from './FormControl/FormControl.js';
-export { useFormControlForwardedProps } from './FormControl/_FormControlContext.js';
-export { default as Header } from './Header/Header.js';
-export { NavList } from './NavList/NavList.js';
-export { default as Popover } from './Popover/Popover.js';
-export { default as RadioGroup } from './RadioGroup/RadioGroup.js';
-export { SegmentedControl } from './SegmentedControl/SegmentedControl.js';
-export { default as Select } from './Select/Select.js';
-export { SelectPanel } from './SelectPanel/SelectPanel.js';
-export { default as SubNav } from './SubNav/SubNav.js';
-export { default as TextInput } from './TextInput/TextInput.js';
-export { default as Timeline } from './Timeline/Timeline.js';
-export { Tooltip } from './TooltipV2/Tooltip.js';
-export { TreeView } from './TreeView/TreeView.js';
-export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.js';
-export { PageHeader } from './PageHeader/PageHeader.js';
-export { default as merge } from 'deepmerge';
-export { SkeletonBox } from './Skeleton/SkeletonBox.js';
-export { ButtonComponent as Button } from './Button/Button.js';
-export { ButtonBase } from './Button/ButtonBase.js';
-export { IconButton } from './Button/IconButton.js';
-export { LinkButton } from './Button/LinkButton.js';