@primer/react 38.0.0-rc.0 → 38.0.0-rc.09f015db1

package/lib-esm/LabelGroup/LabelGroup.js

@@ -1,360 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import styled from 'styled-components';
-import { XIcon } from '@primer/octicons-react';
-import { getFocusableChild } from '@primer/behaviors/utils';
-import { get } from '../constants.js';
-import VisuallyHidden from '../_VisuallyHidden.js';
-import { IconButton } from '../Button/IconButton.js';
-import { ButtonComponent } from '../Button/Button.js';
-import { useTheme } from '../ThemeProvider.js';
-import sx from '../sx.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
-import Box from '../Box/Box.js';
-
-const StyledLabelGroupContainer = styled.div.withConfig({
-  displayName: "LabelGroup__StyledLabelGroupContainer",
-  componentId: "sc-6tqg8q-0"
-})(["display:flex;flex-wrap:nowrap;gap:", ";line-height:1;max-width:100%;overflow:hidden;&[data-overflow='inline']{flex-wrap:wrap;}&[data-list]{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;}", ";"], get('space.1'), sx);
-const ItemWrapper = styled.div.withConfig({
-  displayName: "LabelGroup__ItemWrapper",
-  componentId: "sc-6tqg8q-1"
-})(["display:flex;align-items:center;min-height:28px;&.ItemWrapper--hidden{order:9999;pointer-events:none;visibility:hidden;}"]);
-
-// Calculates the width of the overlay to cover the labels/tokens and the expand button.
-const getOverlayWidth = (buttonClientRect, containerRef, overlayPaddingPx) => {
-  var _containerRef$current;
-  return overlayPaddingPx + buttonClientRect.right - (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().left) || 0);
-};
-const InlineToggle = t0 => {
-  const $ = c(7);
-  const {
-    collapseButtonRef,
-    collapseInlineExpandedChildren,
-    expandButtonRef,
-    hiddenItemIds,
-    isOverflowShown,
-    showAllTokensInline
-  } = t0;
-  let t1;
-  if ($[0] !== collapseButtonRef || $[1] !== collapseInlineExpandedChildren || $[2] !== expandButtonRef || $[3] !== hiddenItemIds || $[4] !== isOverflowShown || $[5] !== showAllTokensInline) {
-    t1 = isOverflowShown ? /*#__PURE__*/jsx(ButtonComponent, {
-      ref: collapseButtonRef,
-      onClick: collapseInlineExpandedChildren,
-      size: "small",
-      variant: "invisible",
-      children: "Show less"
-    }) : hiddenItemIds.length ? /*#__PURE__*/jsxs(ButtonComponent, {
-      ref: expandButtonRef,
-      variant: "invisible",
-      size: "small",
-      onClick: showAllTokensInline,
-      children: [/*#__PURE__*/jsxs(VisuallyHidden, {
-        children: ["Show +", hiddenItemIds.length, " more"]
-      }), /*#__PURE__*/jsxs("span", {
-        "aria-hidden": "true",
-        children: ["+", hiddenItemIds.length]
-      })]
-    }) : null;
-    $[0] = collapseButtonRef;
-    $[1] = collapseInlineExpandedChildren;
-    $[2] = expandButtonRef;
-    $[3] = hiddenItemIds;
-    $[4] = isOverflowShown;
-    $[5] = showAllTokensInline;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
-};
-const OverlayToggle = t0 => {
-  const $ = c(9);
-  const {
-    children,
-    closeOverflowOverlay,
-    expandButtonRef,
-    hiddenItemIds,
-    isOverflowShown,
-    openOverflowOverlay,
-    overlayPaddingPx,
-    overlayWidth
-  } = t0;
-  let t1;
-  if ($[0] !== children || $[1] !== closeOverflowOverlay || $[2] !== expandButtonRef || $[3] !== hiddenItemIds.length || $[4] !== isOverflowShown || $[5] !== openOverflowOverlay || $[6] !== overlayPaddingPx || $[7] !== overlayWidth) {
-    t1 = hiddenItemIds.length ? /*#__PURE__*/jsx(AnchoredOverlay, {
-      open: isOverflowShown,
-      onOpen: openOverflowOverlay,
-      onClose: closeOverflowOverlay,
-      width: "auto",
-      height: "auto",
-      align: "start",
-      side: "inside-right",
-      anchorRef: expandButtonRef,
-      anchorOffset: overlayPaddingPx * -1,
-      alignmentOffset: overlayPaddingPx * -1,
-      renderAnchor: props => /*#__PURE__*/jsxs(ButtonComponent, {
-        variant: "invisible",
-        size: "small",
-        ...props,
-        ref: expandButtonRef,
-        children: [/*#__PURE__*/jsxs(VisuallyHidden, {
-          children: ["Show +", hiddenItemIds.length, " more"]
-        }), /*#__PURE__*/jsxs("span", {
-          "aria-hidden": "true",
-          children: ["+", hiddenItemIds.length]
-        })]
-      }),
-      focusZoneSettings: {
-        disabled: true
-      },
-      children: /*#__PURE__*/jsxs(Box, {
-        alignItems: "flex-start",
-        display: "flex",
-        width: overlayWidth,
-        padding: `${overlayPaddingPx}px`,
-        children: [/*#__PURE__*/jsx(Box, {
-          display: "flex",
-          flexWrap: "wrap",
-          sx: {
-            gap: 1
-          },
-          children: children
-        }), /*#__PURE__*/jsx(IconButton, {
-          onClick: closeOverflowOverlay,
-          icon: XIcon,
-          "aria-label": "Close",
-          variant: "invisible",
-          sx: {
-            flexShrink: 0
-          }
-        })]
-      })
-    }) : null;
-    $[0] = children;
-    $[1] = closeOverflowOverlay;
-    $[2] = expandButtonRef;
-    $[3] = hiddenItemIds.length;
-    $[4] = isOverflowShown;
-    $[5] = openOverflowOverlay;
-    $[6] = overlayPaddingPx;
-    $[7] = overlayWidth;
-    $[8] = t1;
-  } else {
-    t1 = $[8];
-  }
-  return t1;
-};
-
-// TODO: reduce re-renders
-const LabelGroup = ({
-  children,
-  visibleChildCount,
-  overflowStyle = 'overlay',
-  sx: sxProp,
-  as = 'ul',
-  className
-}) => {
-  const containerRef = React.useRef(null);
-  const collapseButtonRef = React.useRef(null);
-  const firstHiddenIndexRef = React.useRef(undefined);
-  const [visibilityMap, setVisibilityMap] = React.useState({});
-  const [isOverflowShown, setIsOverflowShown] = React.useState(false);
-  const [buttonClientRect, setButtonClientRect] = React.useState({
-    width: 0,
-    right: 0,
-    height: 0,
-    x: 0,
-    y: 0,
-    top: 0,
-    left: 0,
-    bottom: 0,
-    toJSON: () => undefined
-  });
-  const {
-    theme
-  } = useTheme();
-  const overlayPaddingPx = parseInt(get('space.2')(theme), 10);
-  const hiddenItemIds = Object.keys(visibilityMap).filter(key => !visibilityMap[key]);
-
-  // `overlayWidth` is only needed when we render an overlay
-  // if we don't use an overlay, we can skip the width calculation
-  // and save on reflows caused by measuring DOM nodes.
-  const overlayWidth = hiddenItemIds.length && overflowStyle === 'overlay' ? getOverlayWidth(buttonClientRect, containerRef, overlayPaddingPx) : undefined;
-  const expandButtonRef = React.useCallback(node => {
-    if (node !== null) {
-      const nodeClientRect = node.getBoundingClientRect();
-      if (nodeClientRect.width !== buttonClientRect.width || nodeClientRect.right !== buttonClientRect.right) {
-        setButtonClientRect(nodeClientRect);
-      }
-
-      // @ts-ignore you can set `.current` on ref objects or ref callbacks in React
-      expandButtonRef.current = node;
-    }
-  }, [buttonClientRect]);
-
-  // Sets the visibility map to hide children after the given index.
-  const hideChildrenAfterIndex = React.useCallback(truncateAfter => {
-    var _containerRef$current2;
-    const containerChildren = ((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.children) || [];
-    const updatedEntries = {};
-    for (const child of containerChildren) {
-      const targetId = child.getAttribute('data-index');
-      if (targetId) {
-        updatedEntries[targetId] = parseInt(targetId, 10) < truncateAfter;
-      }
-    }
-    setVisibilityMap(updatedEntries);
-  }, []);
-  const openOverflowOverlay = React.useCallback(() => setIsOverflowShown(true), [setIsOverflowShown]);
-  const closeOverflowOverlay = React.useCallback(() => {
-    setIsOverflowShown(false);
-  }, [setIsOverflowShown]);
-  const collapseInlineExpandedChildren = React.useCallback(() => {
-    setIsOverflowShown(false);
-    if (visibleChildCount && typeof visibleChildCount === 'number') {
-      hideChildrenAfterIndex(visibleChildCount);
-    }
-
-    // We need to manually re-focus the collapse button if we're not showing the full
-    // list in an overlay.
-    // TODO: get rid of this hack
-    setTimeout(() => {
-      var _expandButtonRef$curr;
-      // @ts-ignore you can set `.current` on ref objects or ref callbacks in React
-      (_expandButtonRef$curr = expandButtonRef.current) === null || _expandButtonRef$curr === void 0 ? void 0 : _expandButtonRef$curr.focus();
-    }, 10);
-  }, [expandButtonRef, hideChildrenAfterIndex, visibleChildCount]);
-  const showAllTokensInline = React.useCallback(() => {
-    setVisibilityMap({});
-    setIsOverflowShown(true);
-  }, [setVisibilityMap, setIsOverflowShown]);
-  React.useEffect(() => {
-    // If we're not truncating, we don't need to run this useEffect.
-    if (!visibleChildCount || isOverflowShown) {
-      return;
-    }
-    if (visibleChildCount === 'auto') {
-      // Instantiates the IntersectionObserver to track when children fit in the container.
-      const observer = new IntersectionObserver(entries => {
-        const updatedEntries_0 = {};
-        for (const entry of entries) {
-          // Checks which children are intersecting the root container
-          const targetId_0 = entry.target.getAttribute('data-index');
-          if (targetId_0) {
-            updatedEntries_0[targetId_0] = entry.isIntersecting;
-          }
-        }
-
-        // Updates the visibility map based on the intersection results.
-        setVisibilityMap(prev => ({
-          ...prev,
-          ...updatedEntries_0
-        }));
-      }, {
-        root: containerRef.current,
-        rootMargin: `0px -${buttonClientRect.width}px 0px 0px`,
-        threshold: 1
-      });
-      for (const item of ((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.children) || []) {
-        var _containerRef$current3;
-        if (item.getAttribute('data-index')) {
-          observer.observe(item);
-        }
-      }
-      return () => observer.disconnect();
-    }
-    // We're not auto truncating, so we need to hide children after the given `visibleChildCount`.
-    else {
-      hideChildrenAfterIndex(visibleChildCount);
-    }
-  }, [buttonClientRect, visibleChildCount, hideChildrenAfterIndex, isOverflowShown]);
-
-  // Updates the index of the first hidden child.
-  // We need to keep track of this so we can focus the first hidden child when the overflow is shown inline.
-  React.useEffect(() => {
-    // If we're using an overlay, we don't need to keep track of the first hidden index.
-    if (overflowStyle === 'overlay') {
-      return;
-    }
-    if (hiddenItemIds.length) {
-      firstHiddenIndexRef.current = parseInt(hiddenItemIds[0], 10);
-    }
-  }, [hiddenItemIds, overflowStyle, isOverflowShown]);
-
-  // Updates the index of the first hidden child.
-  // We need to keep track of this so we can focus the first hidden child when the overflow is shown inline.
-  React.useEffect(() => {
-    // If we're using an overlay, we don't need to focus the first child that was previously hidden.
-    if (overflowStyle === 'overlay') {
-      return;
-    }
-    const firstHiddenChildDOM = document.querySelector(`[data-index="${firstHiddenIndexRef.current}"]`);
-    const focusableChild = firstHiddenChildDOM ? getFocusableChild(firstHiddenChildDOM) : null;
-    if (isOverflowShown) {
-      // If the first hidden child is focusable, focus it.
-      // Otherwise, focus the collapse button.
-      if (focusableChild) {
-        focusableChild.focus();
-      } else {
-        var _collapseButtonRef$cu;
-        (_collapseButtonRef$cu = collapseButtonRef.current) === null || _collapseButtonRef$cu === void 0 ? void 0 : _collapseButtonRef$cu.focus();
-      }
-    }
-  }, [overflowStyle, isOverflowShown]);
-  const isList = as === 'ul' || as === 'ol';
-  const ToggleWrapper = isList ? 'li' : React.Fragment;
-
-  // If truncation is enabled, we need to render based on truncation logic.
-  return visibleChildCount ? /*#__PURE__*/jsxs(StyledLabelGroupContainer, {
-    ref: containerRef,
-    "data-overflow": overflowStyle === 'inline' && isOverflowShown ? 'inline' : undefined,
-    "data-list": isList || undefined,
-    sx: sxProp,
-    className: className,
-    as: as,
-    children: [React.Children.map(children, (child_0, index) => /*#__PURE__*/jsx(ItemWrapper
-    // data-index is used as an identifier we can use in the IntersectionObserver
-    , {
-      "data-index": index,
-      className: hiddenItemIds.includes(index.toString()) ? 'ItemWrapper--hidden' : undefined,
-      as: isList ? 'li' : 'span',
-      children: child_0
-    }, index)), /*#__PURE__*/jsx(ToggleWrapper, {
-      children: overflowStyle === 'inline' ? /*#__PURE__*/jsx(InlineToggle, {
-        collapseButtonRef: collapseButtonRef,
-        collapseInlineExpandedChildren: collapseInlineExpandedChildren,
-        expandButtonRef: expandButtonRef,
-        hiddenItemIds: hiddenItemIds,
-        isOverflowShown: isOverflowShown,
-        showAllTokensInline: showAllTokensInline,
-        totalLength: React.Children.toArray(children).length
-      }) : /*#__PURE__*/jsx(OverlayToggle, {
-        closeOverflowOverlay: closeOverflowOverlay,
-        expandButtonRef: expandButtonRef,
-        hiddenItemIds: hiddenItemIds,
-        isOverflowShown: isOverflowShown,
-        openOverflowOverlay: openOverflowOverlay,
-        overlayPaddingPx: overlayPaddingPx,
-        overlayWidth: overlayWidth,
-        totalLength: React.Children.toArray(children).length,
-        children: children
-      })
-    })]
-  }) : /*#__PURE__*/jsx(StyledLabelGroupContainer, {
-    "data-overflow": "inline",
-    "data-list": isList || undefined,
-    sx: sxProp,
-    as: as,
-    className: className,
-    children: isList ? React.Children.map(children, (child_1, index_0) => {
-      return /*#__PURE__*/jsx("li", {
-        children: child_1
-      }, index_0);
-    }) : children
-  });
-};
-LabelGroup.displayName = 'LabelGroup';
-
-export { LabelGroup as default };

package/lib-esm/Link/Link-948b910e.css

@@ -1,2 +0,0 @@
-:where(.prc-Link-Link-85e08){color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}:where(.prc-Link-Link-85e08):is(button){appearance:none;background-color:transparent;border:0;cursor:pointer;display:inline-block;font-size:inherit;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}:where(.prc-Link-Link-85e08):hover{-webkit-text-decoration:underline;text-decoration:underline}:where(.prc-Link-Link-85e08):where([data-underline=true]),[data-a11y-link-underlines=true] :where(.prc-Link-Link-85e08):where([data-inline=true]){-webkit-text-decoration:underline;text-decoration:underline}:where(.prc-Link-Link-85e08):where([data-muted=true]){color:var(--fgColor-muted,var(--color-fg-muted))}:where(.prc-Link-Link-85e08):where([data-muted=true]):hover{color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}
-/*# sourceMappingURL=Link-948b910e.css.map */

package/lib-esm/Link/Link-948b910e.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Link/Link.module.css"],"names":[],"mappings":"AAAA,6BACE,kDAA4B,CAC5B,4BAAqB,CAArB,oBAqCF,CAlCE,wCASE,eAAgB,CAFhB,4BAA6B,CAC7B,QAAS,CAHT,cAAe,CAJf,oBAAqB,CAErB,iBAAkB,CADlB,SAAU,CAIV,wBAAiB,CAAjB,gBAAiB,CAFjB,kBAMF,CAEA,mCACE,iCAA0B,CAA1B,yBACF,CAGA,kJAME,iCAA0B,CAA1B,yBACF,CAEA,sDACE,gDAMF,CAJE,4DACE,kDAA4B,CAC5B,4BAAqB,CAArB,oBACF","file":"Link-948b910e.css","sourcesContent":[":where(.Link) {\n  color: var(--fgColor-accent);\n  text-decoration: none;\n\n  /* Reset for button tags */\n  &:is(button) {\n    display: inline-block;\n    padding: 0;\n    font-size: inherit;\n    white-space: nowrap;\n    cursor: pointer;\n    user-select: none;\n    background-color: transparent;\n    border: 0;\n    appearance: none;\n  }\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  /* Deprecated: but need to support backwards compatibility */\n  &:where([data-underline='true']),\n  /*\n    Inline links (inside a text block), however, should have underline based on accessibility setting set in data-attribute\n    Note: setting underline={false} does not override this\n  */\n  [data-a11y-link-underlines='true'] &:where([data-inline='true']) {\n    text-decoration: underline;\n  }\n\n  &:where([data-muted='true']) {\n    color: var(--fgColor-muted);\n\n    &:hover {\n      color: var(--fgColor-accent);\n      text-decoration: none;\n    }\n  }\n}\n"]}

package/lib-esm/Link/Link.d.ts

@@ -1,15 +0,0 @@
-import type { SxProp } from '../sx';
-import type { ComponentProps } from '../utils/types';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-type StyledLinkProps = {
-    /** @deprecated use CSS modules to style hover color */
-    hoverColor?: string;
-    muted?: boolean;
-    /** @deprecated use `inline` to specify the type of link instead */
-    underline?: boolean;
-    inline?: boolean;
-} & SxProp;
-declare const Link: PolymorphicForwardRefComponent<"a", StyledLinkProps>;
-export type LinkProps = ComponentProps<typeof Link>;
-export default Link;
-//# sourceMappingURL=Link.d.ts.map

package/lib-esm/Link/Link.js

@@ -1,60 +0,0 @@
-import { clsx } from 'clsx';
-import React, { forwardRef, useEffect } from 'react';
-import classes from './Link.module.css.js';
-import { jsx } from 'react/jsx-runtime';
-import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
-import Box from '../Box/Box.js';
-
-const Link = /*#__PURE__*/forwardRef(({
-  as: Component = 'a',
-  className,
-  inline,
-  underline,
-  hoverColor,
-  ...props
-}, forwardedRef) => {
-  const innerRef = React.useRef(null);
-  useRefObjectAsForwardedRef(forwardedRef, innerRef);
-  if (process.env.NODE_ENV !== "production") {
-    /**
-     * The Linter yells because it thinks this conditionally calls an effect,
-     * but since this is a compile-time flag and not a runtime conditional
-     * this is safe, and ensures the entire effect is kept out of prod builds
-     * shaving precious bytes from the output, and avoiding mounting a noop effect
-     */
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useEffect(() => {
-      if (innerRef.current && !(innerRef.current instanceof HTMLButtonElement) && !(innerRef.current instanceof HTMLAnchorElement)) {
-        // eslint-disable-next-line no-console
-        console.error('Error: Found `Link` component that renders an inaccessible element', innerRef.current, 'Please ensure `Link` always renders as <a> or <button>');
-      }
-    }, [innerRef]);
-  }
-  if (props.sx) {
-    return /*#__PURE__*/jsx(Box, {
-      as: Component,
-      className: clsx(className, classes.Link),
-      "data-muted": props.muted,
-      "data-inline": inline,
-      "data-underline": underline,
-      "data-hover-color": hoverColor,
-      ...props,
-      // @ts-ignore shh
-      ref: innerRef
-    });
-  }
-  return /*#__PURE__*/jsx(Component, {
-    className: clsx(className, classes.Link),
-    "data-muted": props.muted,
-    "data-inline": inline,
-    "data-underline": underline,
-    "data-hover-color": hoverColor,
-    ...props,
-    // @ts-ignore shh
-    ref: innerRef
-  });
-});
-Link.displayName = 'Link';
-
-export { Link as default };

package/lib-esm/Link/Link.module.css.js

@@ -1,5 +0,0 @@
-import './Link-948b910e.css';
-
-var classes = {"Link":"prc-Link-Link-85e08"};
-
-export { classes as default };

package/lib-esm/NavList/NavList.d.ts

@@ -1,54 +0,0 @@
-import { type Icon } from '@primer/octicons-react';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-import React from 'react';
-import type { ActionListTrailingActionProps, ActionListDividerProps, ActionListLeadingVisualProps, ActionListTrailingVisualProps, ActionListGroupHeadingProps } from '../ActionList';
-import type { SxProp } from '../sx';
-export type NavListProps = {
-    children: React.ReactNode;
-} & SxProp & React.ComponentProps<'nav'>;
-export type NavListItemProps = {
-    children: React.ReactNode;
-    defaultOpen?: boolean;
-    href?: string;
-    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | boolean;
-    inactiveText?: string;
-} & SxProp;
-export type NavListSubNavProps = {
-    children: React.ReactNode;
-} & SxProp;
-export type NavListLeadingVisualProps = ActionListLeadingVisualProps;
-export type NavListTrailingVisualProps = ActionListTrailingVisualProps;
-export type NavListDividerProps = ActionListDividerProps;
-export type NavListTrailingActionProps = ActionListTrailingActionProps;
-export type NavListGroupProps = React.HTMLAttributes<HTMLLIElement> & {
-    children: React.ReactNode;
-    title?: string;
-} & SxProp;
-type GroupItem = {
-    text: string;
-    trailingVisual?: Icon | string;
-    leadingVisual?: Icon;
-    trailingAction?: ActionListTrailingActionProps;
-    'data-expand-focus-target'?: string;
-} & Omit<NavListItemProps, 'children'>;
-export type NavListGroupExpandProps = {
-    label?: string;
-    pages?: number;
-    items: GroupItem[];
-    renderItem?: (item: GroupItem) => React.ReactNode;
-};
-export declare const GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
-export type NavListGroupHeadingProps = ActionListGroupHeadingProps;
-export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Item: PolymorphicForwardRefComponent<"a", NavListItemProps>;
-    SubNav: PolymorphicForwardRefComponent<"ul", NavListSubNavProps>;
-    LeadingVisual: React.FC<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
-    TrailingVisual: React.FC<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
-    TrailingAction: PolymorphicForwardRefComponent<"button" | "a", ActionListTrailingActionProps>;
-    Divider: React.FC<React.PropsWithChildren<ActionListDividerProps>>;
-    Group: React.FC<NavListGroupProps>;
-    GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
-    GroupHeading: React.FC<ActionListGroupHeadingProps>;
-};
-export {};
-//# sourceMappingURL=NavList.d.ts.map