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

package/lib/Autocomplete/AutocompleteMenu.js

@@ -1,251 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('../node_modules/@github/mini-throttle/dist/index.js');
-var liveRegionElement = require('@primer/live-region-element');
-var behaviors = require('@primer/behaviors');
-var index$1 = require('../ActionList/index.js');
-var useFocusZone = require('../hooks/useFocusZone.js');
-var useId = require('../hooks/useId.js');
-var AutocompleteContext = require('./AutocompleteContext.js');
-var octiconsReact = require('@primer/octicons-react');
-var _VisuallyHidden = require('../_VisuallyHidden.js');
-var reactIs = require('react-is');
-var AutocompleteMenu_module = require('./AutocompleteMenu.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Spinner = require('../Spinner/Spinner.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const getDefaultSortFn = isItemSelectedFn => (itemIdA, itemIdB) => isItemSelectedFn(itemIdA) === isItemSelectedFn(itemIdB) ? 0 : isItemSelectedFn(itemIdA) ? -1 : 1;
-const menuScrollMargins = {
-  startMargin: 0,
-  endMargin: 8
-};
-function getDefaultItemFilter(filterValue) {
-  return function (item, _i) {
-    var _item$text;
-    return Boolean((_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.toLowerCase().startsWith(filterValue.toLowerCase()));
-  };
-}
-function getdefaultCheckedSelectionChange(setInputValueFn) {
-  return function (itemOrItems) {
-    const {
-      text = ''
-    } = Array.isArray(itemOrItems) ? itemOrItems.slice(-1)[0] : itemOrItems;
-    setInputValueFn(text);
-  };
-}
-const isItemSelected = (itemId, selectedItemIds) => selectedItemIds.includes(itemId);
-function getItemById(itemId, items) {
-  return items.find(item => item.id === itemId);
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-/**
- * Announces a message to screen readers at a slowed-down rate. This is useful when you want to announce don't want to
- * overwhelm the user with too many announcements in rapid succession.
- */
-const debounceAnnouncement = index.debounce(announcement => {
-  liveRegionElement.announce(announcement);
-}, 250);
-function AutocompleteMenu(props) {
-  const autocompleteContext = React.useContext(AutocompleteContext.AutocompleteContext);
-  if (autocompleteContext === null) {
-    throw new Error('AutocompleteContext returned null values');
-  }
-  const {
-    activeDescendantRef,
-    id,
-    inputRef,
-    inputValue = '',
-    scrollContainerRef,
-    setAutocompleteSuggestion,
-    setShowMenu,
-    setInputValue,
-    setIsMenuDirectlyActivated,
-    setSelectedItemLength,
-    showMenu
-  } = autocompleteContext;
-  const {
-    items,
-    selectedItemIds,
-    sortOnCloseFn,
-    emptyStateText = 'No selectable options',
-    addNewItem,
-    loading,
-    selectionVariant = 'single',
-    filterFn,
-    'aria-labelledby': ariaLabelledBy,
-    onOpenChange,
-    onSelectedChange,
-    customScrollContainerRef
-  } = props;
-  const listContainerRef = React.useRef(null);
-  const allItemsToRenderRef = React.useRef([]);
-  const [highlightedItem, setHighlightedItem] = React.useState();
-  const [sortedItemIds, setSortedItemIds] = React.useState(items.map(({
-    id: itemId
-  }) => itemId));
-  const generatedUniqueId = useId.useId(id);
-  const selectableItems = React.useMemo(() => items.map(selectableItem => {
-    return {
-      ...selectableItem,
-      role: 'option',
-      id: selectableItem.id,
-      active: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) === selectableItem.id,
-      selected: selectionVariant === 'multiple' ? selectedItemIds.includes(selectableItem.id) : undefined,
-      onAction: item => {
-        const otherSelectedItemIds = selectedItemIds.filter(selectedItemId => selectedItemId !== item.id);
-        const newSelectedItemIds = selectedItemIds.includes(item.id) ? otherSelectedItemIds : [...otherSelectedItemIds, item.id];
-        const onSelectedChangeFn = onSelectedChange ? onSelectedChange : getdefaultCheckedSelectionChange(setInputValue);
-        onSelectedChangeFn(newSelectedItemIds.map(newSelectedItemId => getItemById(newSelectedItemId, items)));
-        if (selectionVariant === 'multiple') {
-          setInputValue('');
-          setAutocompleteSuggestion('');
-        } else {
-          var _inputRef$current;
-          setShowMenu(false);
-          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);
-        }
-      }
-    };
-  }), [highlightedItem, items, selectedItemIds, inputRef, onSelectedChange, selectionVariant, setAutocompleteSuggestion, setInputValue, setShowMenu]);
-  const itemSortOrderData = React.useMemo(() => sortedItemIds.reduce((acc, curr, i) => {
-    acc[curr] = i;
-    return acc;
-  }, {}), [sortedItemIds]);
-  const sortedAndFilteredItemsToRender = React.useMemo(() => selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(inputValue)).sort((a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id]), [selectableItems, itemSortOrderData, filterFn, inputValue]);
-  const allItemsToRender = React.useMemo(() => [
-  // sorted and filtered selectable items
-  ...sortedAndFilteredItemsToRender,
-  // menu item used for creating a token from whatever is in the text input
-  ...(addNewItem ? [{
-    ...addNewItem,
-    role: 'option',
-    key: addNewItem.id,
-    active: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) === addNewItem.id,
-    selected: selectionVariant === 'multiple' ? selectedItemIds.includes(addNewItem.id) : undefined,
-    leadingVisual: () => /*#__PURE__*/jsxRuntime.jsx(octiconsReact.PlusIcon, {}),
-    onAction: item_0 => {
-      // TODO: make it possible to pass a leadingVisual when using `addNewItem`
-      addNewItem.handleAddItem({
-        ...item_0,
-        id: item_0.id || generatedUniqueId,
-        leadingVisual: undefined
-      });
-      if (selectionVariant === 'multiple') {
-        setInputValue('');
-        setAutocompleteSuggestion('');
-      }
-    }
-  }] : [])], [sortedAndFilteredItemsToRender, addNewItem, setAutocompleteSuggestion, selectionVariant, setInputValue, generatedUniqueId, highlightedItem, selectedItemIds]);
-  React__default.default.useEffect(() => {
-    allItemsToRenderRef.current = allItemsToRender;
-  });
-  React__default.default.useEffect(() => {
-    if (allItemsToRender.length === 0) {
-      debounceAnnouncement(emptyStateText);
-    }
-  }, [allItemsToRender, emptyStateText]);
-  useFocusZone.useFocusZone({
-    containerRef: listContainerRef,
-    focusOutBehavior: 'wrap',
-    focusableElementFilter: element => {
-      return !(element instanceof HTMLInputElement);
-    },
-    activeDescendantFocus: inputRef,
-    onActiveDescendantChanged: (current, _previous, directlyActivated) => {
-      // eslint-disable-next-line react-compiler/react-compiler
-      activeDescendantRef.current = current || null;
-      if (current) {
-        const selectedItem = allItemsToRenderRef.current.find(item_1 => {
-          var _current$closest;
-          return item_1.id === ((_current$closest = current.closest('li')) === null || _current$closest === void 0 ? void 0 : _current$closest.getAttribute('data-id'));
-        });
-        setHighlightedItem(selectedItem);
-        setIsMenuDirectlyActivated(directlyActivated);
-      }
-      if (current && customScrollContainerRef && customScrollContainerRef.current && directlyActivated) {
-        behaviors.scrollIntoView(current, customScrollContainerRef.current, menuScrollMargins);
-      } else if (current && scrollContainerRef.current && directlyActivated) {
-        behaviors.scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
-      }
-    }
-  }, [loading]);
-  React.useEffect(() => {
-    var _highlightedItem$text;
-    if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(inputValue) && !selectedItemIds.includes(highlightedItem.id)) {
-      setAutocompleteSuggestion(highlightedItem.text);
-    } else {
-      setAutocompleteSuggestion('');
-    }
-  }, [highlightedItem, inputValue, selectedItemIds, setAutocompleteSuggestion]);
-  React.useEffect(() => {
-    const itemIdSortResult = [...sortedItemIds].sort(sortOnCloseFn ? sortOnCloseFn : getDefaultSortFn(itemId_0 => isItemSelected(itemId_0, selectedItemIds)));
-    const sortResultMatchesState = itemIdSortResult.length === sortedItemIds.length && itemIdSortResult.every((element_0, index) => element_0 === sortedItemIds[index]);
-    if (showMenu === false && !sortResultMatchesState) {
-      setSortedItemIds(itemIdSortResult);
-    }
-    onOpenChange && onOpenChange(Boolean(showMenu));
-  }, [showMenu, onOpenChange, selectedItemIds, sortOnCloseFn, sortedItemIds]);
-  React.useEffect(() => {
-    if (selectedItemIds.length) {
-      setSelectedItemLength(selectedItemIds.length);
-    }
-  }, [selectedItemIds, setSelectedItemLength]);
-  if (selectionVariant === 'single' && selectedItemIds.length > 1) {
-    throw new Error('Autocomplete: selectionVariant "single" cannot be used with multiple selected items');
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-    isVisible: showMenu,
-    children: loading ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: AutocompleteMenu_module.SpinnerWrapper,
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
-    }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: listContainerRef,
-      children: allItemsToRender.length ? /*#__PURE__*/jsxRuntime.jsx(index$1.ActionList, {
-        selectionVariant: selectionVariant // TODO: make this configurable
-        ,
-        role: "listbox",
-        id: `${id}-listbox`,
-        "aria-labelledby": ariaLabelledBy,
-        children: allItemsToRender.map(item_2 => {
-          const {
-            id: id_0,
-            onAction,
-            children,
-            text,
-            leadingVisual: LeadingVisual,
-            trailingVisual: TrailingVisual,
-            // @ts-expect-error this is defined in the items above but is
-            // missing in TS
-            key,
-            ...itemProps
-          } = item_2;
-          return /*#__PURE__*/jsxRuntime.jsxs(index$1.ActionList.Item, {
-            onSelect: () => onAction(item_2),
-            ...itemProps,
-            id: id_0,
-            "data-id": id_0,
-            children: [LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(index$1.ActionList.LeadingVisual, {
-              children: reactIs.isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/jsxRuntime.jsx(LeadingVisual, {})
-            }), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsxRuntime.jsx(index$1.ActionList.TrailingVisual, {
-              children: reactIs.isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {})
-            })]
-          }, key !== null && key !== void 0 ? key : id_0);
-        })
-      }) : emptyStateText !== false && emptyStateText !== null ? /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: AutocompleteMenu_module.EmptyStateWrapper,
-        children: emptyStateText
-      }) : null
-    })
-  });
-}
-AutocompleteMenu.displayName = "AutocompleteMenu";
-AutocompleteMenu.displayName = 'AutocompleteMenu';
-
-module.exports = AutocompleteMenu;

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

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

package/lib/Autocomplete/AutocompleteOverlay-d99d778c.css

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

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

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

package/lib/Autocomplete/AutocompleteOverlay.d.ts

@@ -1,21 +0,0 @@
-import type React from 'react';
-import type { OverlayProps } from '../Overlay';
-import type { ComponentProps } from '../utils/types';
-type AutocompleteOverlayInternalProps = {
-    /**
-     * The ref of the element that the position of the menu is based on. By default, the menu is positioned based on the text input
-     */
-    menuAnchorRef?: React.RefObject<HTMLElement>;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-    children?: React.ReactNode;
-} & Partial<OverlayProps> & Pick<React.AriaAttributes, 'aria-labelledby'>;
-declare function AutocompleteOverlay({ menuAnchorRef, overlayProps: oldOverlayProps, children, ...newOverlayProps }: AutocompleteOverlayInternalProps): React.JSX.Element | null;
-declare namespace AutocompleteOverlay {
-    var displayName: string;
-}
-export type AutocompleteOverlayProps = ComponentProps<typeof AutocompleteOverlay>;
-export default AutocompleteOverlay;
-//# sourceMappingURL=AutocompleteOverlay.d.ts.map

package/lib/Autocomplete/AutocompleteOverlay.js

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

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

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

package/lib/Autocomplete/index.d.ts

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Avatar/Avatar.module.css"],"names":[],"mappings":"AAAA,iCAQE,iBAAkB,CAElB,yEAA+C,CAT/C,oBAAqB,CAErB,gCAAiC,CAGjC,aAAc,CAFd,eAAgB,CAGhB,qBAAsB,CALtB,+BA+BF,CArBE,sDAEE,kGACF,CAGE,mDADF,0DAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,0DAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,0DAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"Avatar-61b19061.css","sourcesContent":[":where(.Avatar) {\n  display: inline-block;\n  width: var(--avatarSize-regular);\n  height: var(--avatarSize-regular);\n  overflow: hidden; /* Ensure page layout in Firefox should images fail to load */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  vertical-align: middle;\n  border-radius: 50%;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 0 0 1px var(--avatar-borderColor);\n\n  &:where([data-square]) {\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: clamp(4px, calc(var(--avatarSize-regular) - 24px), var(--borderRadius-medium));\n  }\n\n  &:where([data-responsive]) {\n    @media screen and (--viewportRange-narrow) {\n      width: var(--avatarSize-narrow);\n      height: var(--avatarSize-narrow);\n    }\n\n    @media screen and (--viewportRange-regular) {\n      width: var(--avatarSize-regular);\n      height: var(--avatarSize-regular);\n    }\n\n    @media screen and (--viewportRange-wide) {\n      width: var(--avatarSize-wide);\n      height: var(--avatarSize-wide);\n    }\n  }\n}\n"]}

package/lib/Avatar/Avatar.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../sx';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-export declare const DEFAULT_AVATAR_SIZE = 20;
-export type AvatarProps = {
-    /** Sets the width and height of the avatar. */
-    size?: number | ResponsiveValue<number>;
-    /** Sets the shape of the avatar to a square if true. If false, the avatar will be circular. */
-    square?: boolean;
-    /** 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;
-    /** Additional class name. */
-    className?: string;
-} & SxProp & React.ComponentPropsWithoutRef<'img'>;
-declare const Avatar: React.ForwardRefExoticComponent<{
-    /** Sets the width and height of the avatar. */
-    size?: number | ResponsiveValue<number>;
-    /** Sets the shape of the avatar to a square if true. If false, the avatar will be circular. */
-    square?: boolean;
-    /** 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;
-    /** Additional class name. */
-    className?: string;
-} & SxProp & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-export default Avatar;
-//# sourceMappingURL=Avatar.d.ts.map

package/lib/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,mFAAmF;IACnF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEvC,QAAA,MAAM,MAAM;IAbV,+CAA+C;WACxC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IACvC,+FAA+F;aACtF,OAAO;IAChB,+BAA+B;SAC1B,MAAM;IACX,mFAAmF;UAC7E,MAAM;IACZ,6BAA6B;gBACjB,MAAM;uJA0ClB,CAAA;AAMF,eAAe,MAAM,CAAA"}

package/lib/Avatar/Avatar.js

@@ -1,145 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var useResponsiveValue = require('../hooks/useResponsiveValue.js');
-var defaultSxProp = require('../utils/defaultSxProp.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var Avatar_module = require('./Avatar.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const DEFAULT_AVATAR_SIZE = 20;
-const Avatar = /*#__PURE__*/React__default.default.forwardRef(function Avatar(t0, ref) {
-  const $ = reactCompilerRuntime.c(29);
-  let className;
-  let rest;
-  let style;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  if ($[0] !== t0) {
-    ({
-      alt: t1,
-      size: t2,
-      square: t3,
-      sx: t4,
-      className,
-      style,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = rest;
-    $[3] = style;
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    className = $[1];
-    rest = $[2];
-    style = $[3];
-    t1 = $[4];
-    t2 = $[5];
-    t3 = $[6];
-    t4 = $[7];
-  }
-  const alt = t1 === undefined ? "" : t1;
-  const size = t2 === undefined ? DEFAULT_AVATAR_SIZE : t2;
-  const square = t3 === undefined ? false : t3;
-  const sxProp = t4 === undefined ? defaultSxProp.defaultSxProp : t4;
-  let t5;
-  if ($[8] !== size) {
-    t5 = useResponsiveValue.isResponsiveValue(size);
-    $[8] = size;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  const isResponsive = t5;
-  let cssSizeVars;
-  if ($[10] !== isResponsive || $[11] !== size) {
-    cssSizeVars = {};
-    if (isResponsive) {
-      for (const [key, value] of Object.entries(size)) {
-        cssSizeVars[`--avatarSize-${key}`] = `${value}px`;
-      }
-    } else {
-      cssSizeVars["--avatarSize-regular"] = `${size}px`;
-    }
-    $[10] = isResponsive;
-    $[11] = size;
-    $[12] = cssSizeVars;
-  } else {
-    cssSizeVars = $[12];
-  }
-  let t6;
-  if ($[13] !== className) {
-    t6 = clsx.clsx(className, Avatar_module.Avatar);
-    $[13] = className;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  const t7 = isResponsive ? "" : undefined;
-  const t8 = square ? "" : undefined;
-  const t9 = isResponsive ? undefined : size;
-  const t10 = isResponsive ? undefined : size;
-  let t11;
-  if ($[15] !== cssSizeVars || $[16] !== style) {
-    t11 = style ? {
-      ...cssSizeVars,
-      ...style
-    } : cssSizeVars;
-    $[15] = cssSizeVars;
-    $[16] = style;
-    $[17] = t11;
-  } else {
-    t11 = $[17];
-  }
-  let t12;
-  if ($[18] !== alt || $[19] !== ref || $[20] !== rest || $[21] !== sxProp || $[22] !== t10 || $[23] !== t11 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
-    t12 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "img",
-      "data-component": "Avatar",
-      className: t6,
-      ref: ref,
-      alt: alt,
-      "data-responsive": t7,
-      "data-square": t8,
-      width: t9,
-      height: t10,
-      style: t11,
-      sx: sxProp,
-      ...rest
-    });
-    $[18] = alt;
-    $[19] = ref;
-    $[20] = rest;
-    $[21] = sxProp;
-    $[22] = t10;
-    $[23] = t11;
-    $[24] = t6;
-    $[25] = t7;
-    $[26] = t8;
-    $[27] = t9;
-    $[28] = t12;
-  } else {
-    t12 = $[28];
-  }
-  return t12;
-});
-if (process.env.NODE_ENV !== "production") {
-  Avatar.displayName = 'Avatar';
-}
-
-exports.DEFAULT_AVATAR_SIZE = DEFAULT_AVATAR_SIZE;
-exports.default = Avatar;

package/lib/Avatar/Avatar.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Avatar-61b19061.css');
-
-var classes = {"Avatar":"prc-Avatar-Avatar-ZRS-m"};
-
-module.exports = classes;

package/lib/Avatar/index.d.ts

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

package/lib/Avatar/storyHelpers.d.ts

@@ -1,6 +0,0 @@
-export declare function parseSizeFromArgs<T extends Partial<Record<'size' | 'sizeAtNarrow' | 'sizeAtRegular' | 'sizeAtWide', number | undefined>>>({ size, sizeAtNarrow, sizeAtRegular, sizeAtWide }: T): number | {
-    narrow: number | undefined;
-    regular: number | undefined;
-    wide: number | undefined;
-};
-//# sourceMappingURL=storyHelpers.d.ts.map

package/lib/AvatarPair/AvatarPair-68990abe.css

@@ -1,2 +0,0 @@
-.prc-AvatarPair-AvatarPair-Av0UV{display:inline-flex;position:relative}.prc-AvatarPair-AvatarPair-Av0UV [data-component=Avatar]:last-child,.prc-AvatarPair-AvatarPair-Av0UV [data-component=SkeletonAvatar]:last-child{bottom:-9%;box-shadow:var(--avatar-shadow,var(--color-avatar-child-shadow));position:absolute;right:-15%}.prc-AvatarPair-AvatarPair-Av0UV [data-component=SkeletonAvatar]:last-child{box-shadow:inset var(--avatar-shadow,var(--color-avatar-child-shadow))}.prc-AvatarPair-AvatarChild-icdQd{background-color:var(--bgColor-default,var(--color-canvas-default))}
-/*# sourceMappingURL=AvatarPair-68990abe.css.map */

package/lib/AvatarPair/AvatarPair-68990abe.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/AvatarPair/AvatarPair.module.css"],"names":[],"mappings":"AAAA,iCAEE,mBAAoB,CADpB,iBAcF,CAXE,gJAIE,UAAW,CACX,gEAAgC,CAHhC,iBAAkB,CAClB,UAGF,CAEA,4EACE,sEACF,CAGF,kCACE,mEACF","file":"AvatarPair-68990abe.css","sourcesContent":[".AvatarPair {\n  position: relative;\n  display: inline-flex;\n\n  [data-component='Avatar']:last-child,\n  [data-component='SkeletonAvatar']:last-child {\n    position: absolute;\n    right: -15%;\n    bottom: -9%;\n    box-shadow: var(--avatar-shadow);\n  }\n\n  [data-component='SkeletonAvatar']:last-child {\n    box-shadow: inset var(--avatar-shadow);\n  }\n}\n\n.AvatarChild {\n  background-color: var(--bgColor-default);\n}\n"]}

package/lib/AvatarPair/AvatarPair.d.ts

@@ -1,8 +0,0 @@
-import React, { type HTMLProps } from 'react';
-export type AvatarPairProps = HTMLProps<HTMLDivElement>;
-declare const AvatarPair: {
-    ({ children, className, ...rest }: AvatarPairProps): React.JSX.Element;
-    displayName: string;
-};
-export default AvatarPair;
-//# sourceMappingURL=AvatarPair.d.ts.map