@primer/components 0.0.0-20219922627 → 0.0.0-2022530194733

package/lib-esm/ActionList/List.js

@@ -1,181 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Group } from './Group';
-import { Item } from './Item';
-import { Divider } from './Divider';
-import styled from 'styled-components';
-import { get } from '../constants';
-import { hasActiveDescendantAttribute } from '../behaviors/focusZone';
-
-/**
- * Asserts that the given value fulfills the `GroupedListProps` contract.
- * @param props A value which fulfills either the `ListPropsBase` or the `GroupedListProps` contract.
- */
-function isGroupedListProps(props) {
-  return 'groupMetadata' in props;
-}
-/**
- * Contract for props passed to the `List` component.
- */
-
-
-const StyledList = styled.div.withConfig({
-  displayName: "List__StyledList",
-  componentId: "yr2k7d-0"
-})(["font-size:", ";line-height:20px;&[", "],&:focus-within{--item-hover-bg-override:none;--item-hover-divider-border-color-override:", ";}"], get('fontSizes.1'), hasActiveDescendantAttribute, get('colors.border.muted'));
-/**
- * Returns `sx` prop values for `List` children matching the given `List` style variation.
- * @param variant `List` style variation.
- */
-
-function useListVariant(variant = 'inset') {
-  switch (variant) {
-    case 'full':
-      return {
-        headerStyle: {
-          paddingX: get('space.2')
-        },
-        itemStyle: {
-          borderRadius: 0
-        }
-      };
-
-    default:
-      return {
-        firstGroupStyle: {
-          marginTop: get('space.2')
-        },
-        lastGroupStyle: {
-          marginBottom: get('space.2')
-        },
-        itemStyle: {
-          marginX: get('space.2')
-        }
-      };
-  }
-}
-/**
- * Lists `Item`s, either grouped or ungrouped, with a `Divider` between each `Group`.
- */
-
-
-export const List = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
-  // Get `sx` prop values for `List` children matching the given `List` style variation.
-  const {
-    firstGroupStyle,
-    lastGroupStyle,
-    headerStyle,
-    itemStyle
-  } = useListVariant(props.variant);
-  /**
-   * Render a `Group` using the first of the following renderers that is defined:
-   * A `Group`-level or `List`-level custom `Group` renderer, or
-   * the default `Group` renderer.
-   */
-
-  const renderGroup = groupProps => {
-    var _ref;
-
-    const GroupComponent = ((_ref = 'renderGroup' in groupProps && groupProps.renderGroup) !== null && _ref !== void 0 ? _ref : props.renderGroup) || Group;
-    return /*#__PURE__*/React.createElement(GroupComponent, _extends({}, groupProps, {
-      key: groupProps.groupId
-    }));
-  };
-  /**
-   * Render an `Item` using the first of the following renderers that is defined:
-   * An `Item`-level, `Group`-level, or `List`-level custom `Item` renderer,
-   * or the default `Item` renderer.
-   */
-
-
-  const renderItem = (itemProps, item, itemIndex) => {
-    var _ref2, _ref3, _itemProps$id;
-
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const ItemComponent = 'renderItem' in itemProps && itemProps.renderItem || props.renderItem || Item;
-    const key = (_ref2 = (_ref3 = 'key' in itemProps ? itemProps.key : undefined) !== null && _ref3 !== void 0 ? _ref3 : (_itemProps$id = itemProps.id) === null || _itemProps$id === void 0 ? void 0 : _itemProps$id.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
-    return /*#__PURE__*/React.createElement(ItemComponent, _extends({
-      showDivider: props.showItemDividers,
-      selectionVariant: props.selectionVariant
-    }, itemProps, {
-      key: key,
-      sx: { ...itemStyle,
-        ...itemProps.sx
-      },
-      item: item
-    }));
-  };
-  /**
-   * An array of `Group`s, each with an associated `Header` and with an array of `Item`s belonging to that `Group`.
-   */
-
-
-  let groups = []; // Collect rendered `Item`s into `Group`s, avoiding excess iteration over the lists of `items` and `groupMetadata`:
-
-  if (!isGroupedListProps(props)) {
-    // When no `groupMetadata`s is provided, collect rendered `Item`s into a single anonymous `Group`.
-    groups = [{
-      items: props.items.map((item, index) => renderItem(item, item, index)),
-      groupId: '0'
-    }];
-  } else {
-    // When `groupMetadata` is provided, collect rendered `Item`s into their associated `Group`s.
-
-    /**
-     * A map of group identifiers to `Group`s, each with an associated array of `Item`s belonging to that `Group`.
-     */
-    const groupMap = props.groupMetadata.reduce((groupAccumulator, groupMetadata) => groupAccumulator.set(groupMetadata.groupId, groupMetadata), new Map());
-
-    for (const itemProps of props.items) {
-      var _group$items$length, _group$items, _group$items2;
-
-      // Look up the group associated with the current item.
-      const group = groupMap.get(itemProps.groupId);
-      const itemIndex = (_group$items$length = group === null || group === void 0 ? void 0 : (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0; // Upsert the group to include the current item (rendered).
-
-      groupMap.set(itemProps.groupId, { ...group,
-        items: [...((_group$items2 = group === null || group === void 0 ? void 0 : group.items) !== null && _group$items2 !== void 0 ? _group$items2 : []), renderItem({
-          showDivider: group === null || group === void 0 ? void 0 : group.showItemDividers,
-          ...(group && 'renderItem' in group && {
-            renderItem: group.renderItem
-          }),
-          ...itemProps
-        }, itemProps, itemIndex)]
-      });
-    }
-
-    groups = [...groupMap.values()];
-  }
-
-  return /*#__PURE__*/React.createElement(StyledList, _extends({}, props, {
-    ref: forwardedRef
-  }), groups.map(({
-    header,
-    ...groupProps
-  }, index) => {
-    const hasFilledHeader = (header === null || header === void 0 ? void 0 : header.variant) === 'filled';
-    const shouldShowDivider = index > 0 && !hasFilledHeader;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: groupProps.groupId
-    }, shouldShowDivider ? /*#__PURE__*/React.createElement(Divider, {
-      key: `${groupProps.groupId}-divider`
-    }) : null, renderGroup({
-      sx: { ...(index === 0 && firstGroupStyle),
-        ...(index === groups.length - 1 && lastGroupStyle),
-        ...(index > 0 && !shouldShowDivider && {
-          mt: 2
-        })
-      },
-      ...(header && {
-        header: { ...header,
-          sx: { ...headerStyle,
-            ...header.sx
-          }
-        }
-      }),
-      ...groupProps
-    }));
-  }));
-});
-List.displayName = 'ActionList';

package/lib-esm/ActionList/index.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Group } from './Group';
-import { Divider } from './Divider';
-export type { ListProps as ActionListProps } from './List';
-export type { GroupProps } from './Group';
-export type { ItemProps } from './Item';
-/**
- * Collection of list-related components.
- */
-export declare const ActionList: import("react").ForwardRefExoticComponent<import("./List").ListProps & import("react").RefAttributes<HTMLDivElement>> & {
-    /** Collects related `Items` in an `ActionList`. */
-    Group: typeof Group;
-    /** An actionable or selectable `Item` with an optional icon and description. */
-    Item: import("@radix-ui/react-polymorphic").ForwardRefComponent<"div", import("./Item").ItemProps>;
-    /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-    Divider: typeof Divider;
-};

package/lib-esm/ActionList/index.js

@@ -1,18 +0,0 @@
-import { List } from './List';
-import { Group } from './Group';
-import { Item } from './Item';
-import { Divider } from './Divider';
-
-/**
- * Collection of list-related components.
- */
-export const ActionList = Object.assign(List, {
-  /** Collects related `Items` in an `ActionList`. */
-  Group,
-
-  /** An actionable or selectable `Item` with an optional icon and description. */
-  Item,
-
-  /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-  Divider
-});

package/lib-esm/ActionMenu.d.ts

@@ -1,40 +0,0 @@
-import { GroupedListProps, ListPropsBase } from './ActionList/List';
-import { ItemProps } from './ActionList/Item';
-import { Divider } from './ActionList/Divider';
-import React from 'react';
-import { OverlayProps } from './Overlay';
-import { AnchoredOverlayWrapperAnchorProps } from './AnchoredOverlay/AnchoredOverlay';
-interface ActionMenuBaseProps extends Partial<Omit<GroupedListProps, keyof ListPropsBase>>, ListPropsBase {
-    /**
-     * Content that is passed into the renderAnchor component, which is a button by default.
-     */
-    anchorContent?: React.ReactNode;
-    /**
-     * A callback that triggers both on clicks and keyboard events. This callback will be overridden by item level `onAction` callbacks.
-     */
-    onAction?: (props: ItemProps, event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `setOpen`.
-     */
-    open?: boolean;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.
-     */
-    setOpen?: (s: boolean) => void;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-}
-export declare type ActionMenuProps = ActionMenuBaseProps & AnchoredOverlayWrapperAnchorProps;
-export declare const ActionMenu: {
-    ({ anchorContent, renderAnchor, anchorRef: externalAnchorRef, onAction, open, setOpen, overlayProps, items, ...listProps }: ActionMenuProps): JSX.Element;
-    displayName: string;
-} & {
-    Divider: typeof Divider;
-    Item: {
-        (props: ItemProps): JSX.Element;
-        displayName: string;
-    };
-};
-export {};

package/lib-esm/ActionMenu.js

@@ -1,82 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { List } from './ActionList/List';
-import { Item } from './ActionList/Item';
-import { Divider } from './ActionList/Divider';
-import Button from './Button';
-import React, { useCallback, useMemo } from 'react';
-import { AnchoredOverlay } from './AnchoredOverlay';
-import { useProvidedStateOrCreate } from './hooks/useProvidedStateOrCreate';
-import { useProvidedRefOrCreate } from './hooks';
-
-const ActionMenuItem = props => /*#__PURE__*/React.createElement(Item, _extends({
-  role: "menuitem"
-}, props));
-
-ActionMenuItem.displayName = "ActionMenuItem";
-ActionMenuItem.displayName = 'ActionMenu.Item';
-
-const ActionMenuBase = ({
-  anchorContent,
-  renderAnchor = props => /*#__PURE__*/React.createElement(Button, props),
-  anchorRef: externalAnchorRef,
-  onAction,
-  open,
-  setOpen,
-  overlayProps,
-  items,
-  ...listProps
-}) => {
-  const [combinedOpenState, setCombinedOpenState] = useProvidedStateOrCreate(open, setOpen, false);
-  const anchorRef = useProvidedRefOrCreate(externalAnchorRef);
-  const onOpen = useCallback(() => setCombinedOpenState(true), [setCombinedOpenState]);
-  const onClose = useCallback(() => setCombinedOpenState(false), [setCombinedOpenState]);
-  const renderMenuAnchor = useMemo(() => {
-    if (renderAnchor === null) {
-      return null;
-    }
-
-    return props => {
-      return renderAnchor({
-        'aria-label': 'menu',
-        children: anchorContent,
-        ...props
-      });
-    };
-  }, [anchorContent, renderAnchor]);
-  const itemsToRender = useMemo(() => {
-    return items.map(item => {
-      return { ...item,
-        role: 'menuitem',
-        onAction: (props, event) => {
-          var _item$onAction;
-
-          const actionCallback = (_item$onAction = item.onAction) !== null && _item$onAction !== void 0 ? _item$onAction : onAction;
-          actionCallback === null || actionCallback === void 0 ? void 0 : actionCallback(props, event);
-
-          if (!event.defaultPrevented) {
-            onClose();
-          }
-        }
-      };
-    });
-  }, [items, onAction, onClose]);
-  return /*#__PURE__*/React.createElement(AnchoredOverlay, {
-    renderAnchor: renderMenuAnchor,
-    anchorRef: anchorRef,
-    open: combinedOpenState,
-    onOpen: onOpen,
-    onClose: onClose,
-    overlayProps: overlayProps
-  }, /*#__PURE__*/React.createElement(List, _extends({}, listProps, {
-    role: "menu",
-    items: itemsToRender
-  })));
-};
-
-ActionMenuBase.displayName = "ActionMenuBase";
-ActionMenuBase.displayName = 'ActionMenu';
-export const ActionMenu = Object.assign(ActionMenuBase, {
-  Divider,
-  Item: ActionMenuItem
-});

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

@@ -1,61 +0,0 @@
-import React from 'react';
-import { OverlayProps } from '../Overlay';
-import { FocusTrapHookSettings } from '../hooks/useFocusTrap';
-import { FocusZoneHookSettings } from '../hooks/useFocusZone';
-interface AnchoredOverlayPropsWithAnchor {
-    /**
-     * A custom function component used to render the anchor element.
-     * Will receive the selected text as `children` prop when an item is activated.
-     */
-    renderAnchor: <T extends React.HTMLAttributes<HTMLElement>>(props: T) => JSX.Element;
-    /**
-     * An override to the internal ref that will be spread on to the renderAnchor
-     */
-    anchorRef?: React.RefObject<HTMLElement>;
-}
-interface AnchoredOverlayPropsWithoutAnchor {
-    /**
-     * A custom function component used to render the anchor element.
-     * When renderAnchor is null, an anchorRef is required.
-     */
-    renderAnchor: null;
-    /**
-     * An override to the internal renderAnchor ref that will be used to position the overlay.
-     * When renderAnchor is null this can be used to make an anchor that is detached from ActionMenu.
-     */
-    anchorRef: React.RefObject<HTMLElement>;
-}
-export declare type AnchoredOverlayWrapperAnchorProps = Partial<AnchoredOverlayPropsWithAnchor> | AnchoredOverlayPropsWithoutAnchor;
-interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'> {
-    /**
-     * Determines whether the overlay portion of the component should be shown or not
-     */
-    open: boolean;
-    /**
-     * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
-     */
-    onOpen?: (gesture: 'anchor-click' | 'anchor-key-press') => unknown;
-    /**
-     * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
-     */
-    onClose?: (gesture: 'anchor-click' | 'click-outside' | 'escape') => unknown;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusTrapSettings?: Partial<FocusTrapHookSettings>;
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusZoneSettings?: Partial<FocusZoneHookSettings>;
-}
-export declare type AnchoredOverlayProps = AnchoredOverlayBaseProps & (AnchoredOverlayPropsWithAnchor | AnchoredOverlayPropsWithoutAnchor);
-/**
- * An `AnchoredOverlay` provides an anchor that will open a floating overlay positioned relative to the anchor.
- * The overlay can be opened and navigated using keyboard or mouse.
- */
-export declare const AnchoredOverlay: React.FC<AnchoredOverlayProps>;
-export {};

package/lib-esm/AnchoredOverlay/AnchoredOverlay.js

@@ -1,96 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React, { useCallback, useEffect } from 'react';
-import Overlay from '../Overlay';
-import { useFocusTrap } from '../hooks/useFocusTrap';
-import { useFocusZone } from '../hooks/useFocusZone';
-import { useAnchoredPosition, useProvidedRefOrCreate, useRenderForcingRef } from '../hooks';
-import { useSSRSafeId } from '@react-aria/ssr';
-
-/**
- * An `AnchoredOverlay` provides an anchor that will open a floating overlay positioned relative to the anchor.
- * The overlay can be opened and navigated using keyboard or mouse.
- */
-export const AnchoredOverlay = ({
-  renderAnchor,
-  anchorRef: externalAnchorRef,
-  children,
-  open,
-  onOpen,
-  onClose,
-  height,
-  width,
-  overlayProps,
-  focusTrapSettings,
-  focusZoneSettings
-}) => {
-  const anchorRef = useProvidedRefOrCreate(externalAnchorRef);
-  const [overlayRef, updateOverlayRef] = useRenderForcingRef();
-  const anchorId = useSSRSafeId();
-  const onClickOutside = useCallback(() => onClose === null || onClose === void 0 ? void 0 : onClose('click-outside'), [onClose]);
-  const onEscape = useCallback(() => onClose === null || onClose === void 0 ? void 0 : onClose('escape'), [onClose]);
-  const onAnchorKeyDown = useCallback(event => {
-    if (!event.defaultPrevented) {
-      if (!open && ['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(event.key)) {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen('anchor-key-press');
-        event.preventDefault();
-      }
-    }
-  }, [open, onOpen]);
-  const onAnchorClick = useCallback(event => {
-    if (event.defaultPrevented || event.button !== 0) {
-      return;
-    }
-
-    if (!open) {
-      onOpen === null || onOpen === void 0 ? void 0 : onOpen('anchor-click');
-    } else {
-      onClose === null || onClose === void 0 ? void 0 : onClose('anchor-click');
-    }
-  }, [open, onOpen, onClose]);
-  const {
-    position
-  } = useAnchoredPosition({
-    anchorElementRef: anchorRef,
-    floatingElementRef: overlayRef
-  }, [overlayRef.current]);
-  useEffect(() => {
-    // ensure overlay ref gets cleared when closed, so position can reset between closing/re-opening
-    if (!open && overlayRef.current) {
-      updateOverlayRef(null);
-    }
-  }, [open, overlayRef, updateOverlayRef]);
-  useFocusZone({
-    containerRef: overlayRef,
-    disabled: !open || !position,
-    ...focusZoneSettings
-  });
-  useFocusTrap({
-    containerRef: overlayRef,
-    disabled: !open || !position,
-    ...focusTrapSettings
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderAnchor && renderAnchor({
-    ref: anchorRef,
-    id: anchorId,
-    'aria-labelledby': anchorId,
-    'aria-haspopup': 'true',
-    tabIndex: 0,
-    onClick: onAnchorClick,
-    onKeyDown: onAnchorKeyDown
-  }), open ? /*#__PURE__*/React.createElement(Overlay, _extends({
-    returnFocusRef: anchorRef,
-    onClickOutside: onClickOutside,
-    ignoreClickRefs: [anchorRef],
-    onEscape: onEscape,
-    ref: updateOverlayRef,
-    role: "none",
-    visibility: position ? 'visible' : 'hidden',
-    height: height,
-    width: width,
-    top: (position === null || position === void 0 ? void 0 : position.top) || 0,
-    left: (position === null || position === void 0 ? void 0 : position.left) || 0,
-    anchorSide: position === null || position === void 0 ? void 0 : position.anchorSide
-  }, overlayProps), children) : null);
-};
-AnchoredOverlay.displayName = 'AnchoredOverlay';

package/lib-esm/AnchoredOverlay/index.d.ts

@@ -1,2 +0,0 @@
-export { AnchoredOverlay } from './AnchoredOverlay';
-export type { AnchoredOverlayProps } from './AnchoredOverlay';

package/lib-esm/AnchoredOverlay/index.js

@@ -1 +0,0 @@
-export { AnchoredOverlay } from './AnchoredOverlay';

package/lib-esm/Avatar.d.ts

@@ -1,15 +0,0 @@
-import { SystemCommonProps } from './constants';
-import { SxProp } from './sx';
-import { ComponentProps } from './utils/types';
-declare const Avatar: import("styled-components").StyledComponent<"img", any, {
-    /** Sets the width and height of the avatar. */
-    size?: number | undefined;
-    /** Sets the shape of the avatar to a square if true. If false, the avatar will be circular. */
-    square?: boolean | undefined;
-    /** URL of the avatar image. */
-    src: string;
-    /** Provide alt text when the Avatar is used without the user's name next to it. */
-    alt?: string | undefined;
-} & SystemCommonProps & SxProp, never>;
-export declare type AvatarProps = ComponentProps<typeof Avatar>;
-export default Avatar;

package/lib-esm/AvatarPair.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '.';
-export declare type AvatarPairProps = BoxProps;
-declare const AvatarPair: {
-    ({ children, ...rest }: AvatarPairProps): JSX.Element;
-    displayName: string;
-};
-export default AvatarPair;

package/lib-esm/AvatarStack.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SxProp } from './sx';
-export declare type AvatarStackProps = {
-    alignRight?: boolean;
-    children: React.ReactNode;
-} & SxProp;
-declare const AvatarStack: ({ children, alignRight, sx: sxProp }: AvatarStackProps) => JSX.Element;
-export default AvatarStack;

package/lib-esm/BaseStyles.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { SystemCommonProps, SystemTypographyProps } from './constants';
-import { ComponentProps } from './utils/types';
-declare const Base: import("styled-components").StyledComponent<"div", any, SystemTypographyProps & SystemCommonProps, never>;
-export declare type BaseStylesProps = ComponentProps<typeof Base>;
-declare function BaseStyles(props: BaseStylesProps): JSX.Element;
-declare namespace BaseStyles {
-    var defaultProps: {
-        color: string;
-        fontFamily: string;
-        lineHeight: string;
-    };
-}
-export default BaseStyles;

package/lib-esm/BorderBox.d.ts

@@ -1,7 +0,0 @@
-import { BoxProps } from './Box';
-export declare type BorderBoxProps = BoxProps;
-/**
- * @deprecated Use the Box component instead (i.e. <BorderBox> → <Box borderWidth='1px' borderStyle='solid' borderColor='border.primary' borderRadius={2}>)
- */
-declare const BorderBox: import("styled-components").StyledComponent<"div", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("./sx").SxProp, never>;
-export default BorderBox;

package/lib-esm/Box.d.ts

@@ -1,6 +0,0 @@
-import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
-import { SxProp } from './sx';
-import { ComponentProps } from './utils/types';
-declare const Box: import("styled-components").StyledComponent<"div", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SxProp, never>;
-export declare type BoxProps = ComponentProps<typeof Box>;
-export default Box;

package/lib-esm/BranchName.d.ts

@@ -1,6 +0,0 @@
-import { SystemCommonProps } from './constants';
-import { SxProp } from './sx';
-import { ComponentProps } from './utils/types';
-declare const BranchName: import("styled-components").StyledComponent<"a", any, SystemCommonProps & SxProp, never>;
-export declare type BranchNameProps = ComponentProps<typeof BranchName>;
-export default BranchName;

package/lib-esm/Breadcrumbs.d.ts

@@ -1,40 +0,0 @@
-import * as History from 'history';
-import React from 'react';
-import { SystemCommonProps, SystemFlexProps } from './constants';
-import { SxProp } from './sx';
-import { ComponentProps } from './utils/types';
-declare const BreadcrumbsBase: import("styled-components").StyledComponent<"nav", any, SystemFlexProps & SystemCommonProps & SxProp, never>;
-export declare type BreadcrumbsProps = ComponentProps<typeof BreadcrumbsBase>;
-declare function Breadcrumbs({ className, children, theme, ...rest }: React.PropsWithChildren<BreadcrumbsProps>): JSX.Element;
-declare namespace Breadcrumbs {
-    var displayName: string;
-}
-declare const BreadcrumbsItem: import("styled-components").StyledComponent<"a", any, {
-    to?: History.LocationDescriptor<unknown> | undefined;
-    selected?: boolean | undefined;
-} & SystemCommonProps & SxProp, never>;
-export declare type BreadcrumbsItemProps = ComponentProps<typeof BreadcrumbsItem>;
-declare const _default: typeof Breadcrumbs & {
-    Item: import("styled-components").StyledComponent<"a", any, {
-        to?: History.LocationDescriptor<unknown> | undefined;
-        selected?: boolean | undefined;
-    } & SystemCommonProps & SxProp, never>;
-};
-export default _default;
-/**
- * @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
- */
-export declare const Breadcrumb: typeof Breadcrumbs & {
-    Item: import("styled-components").StyledComponent<"a", any, {
-        to?: History.LocationDescriptor<unknown> | undefined;
-        selected?: boolean | undefined;
-    } & SystemCommonProps & SxProp, never>;
-};
-/**
- * @deprecated Use the `BreadcrumbsProps` type instead
- */
-export declare type BreadcrumbProps = ComponentProps<typeof BreadcrumbsBase>;
-/**
- * @deprecated Use the `BreadcrumbsItemProps` type instead
- */
-export declare type BreadcrumbItemProps = ComponentProps<typeof BreadcrumbsItem>;