{"version":3,"sources":["webpack:////home/jenkins/agent/workspace/rAlWnROk32481EutLuZS/node_modules/@paypalcorp/pp-react-avatar/dist/@paypalcorp/pp-react-avatar.esm.js"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","tokens","Object","keys","length","console","warn","_textStyles","caption","body","headingSm","headingLg","shimmerStyles","sysBorderRadiusInteractive","sysSizeCircleSm","sysSizeCircleMd","sysSizeCircleLg","sysSizeCircleXl","sysColorAccent1Contrast","sysColorAccent2Contrast","sysColorAccent3Contrast","sysColorAccent4Contrast","sysColorBackgroundMain","sysColorAccent1Main","sysColorAccent2Main","sysColorAccent3Main","sysColorAccent4Main","sysBorderThicknessNormal","acceptedColors","legalColors","sizeXs","lineHeight","sizeSm","sizeMd","sizeLg","base","image","getColorCss","colorName","_getColorFamily","backgroundColor","color","contrast","getGenericColorCss","generic","genericCategory","bank","causes","biller","merchant","profile","subscription","avatarBadge","shimmer","defaults","borderRadius","width","height","shimmerSizeXs","shimmerSizeSm","shimmerSizeMd","_templateObject$1","_templateObject2$1","_templateObject3$1","_excluded","iconSizeMap","lg","md","sm","xs","Avatar","_ref","_styles$getColorCss","_styles$getGenericCol","className","size","src","alt","initials","loading","svgIconComponent","badge","isLoading","isInverse","children","rest","_styles","sizes","computedSizeVar","includes","concat","charAt","toUpperCase","shimmerCSS","css","hasStyleDefaults","computedColor","colour","sum","charCodeAt","blue","pink","green","purple","avatarCSS","call","_ref2","cloneElement","GenericIcon","name","styles$1","sysColorBackgroundMediumContrast","sysSpaceSm","ppuiAvatarStackSpacing","_utilStyles","ellipsis","screenReader","avatar","label","_templateObject$2","_templateObject2$2","_excluded$1","AvatarStack","_ref2$label","isLabelHidden","remainingCount","labelStyles","avatarComponents","Array","isArray","slice","Children","forEach","child","index","key","push","renderChildren","styles$2","sysSpaceMd","sysBorderRadiusSm","sysColorBackgroundHighContrast","offsetFocusAfter","focusStyles","radius","_excluded$2","AvatarButton","ref","_ref$label","as","role","tabIndex"],"mappings":"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","file":"default~VisaPlusConfirmPhone~addCardMessenger~blockedContactList~contact-list~guest~multi-recipient-~af6b9fc3.esm.js","sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { useMemo, forwardRef } from 'react';\nimport { BankIcon, CausesIcon, MerchantIcon, UserProfileIcon, BillPaymentIcon, RecurrentIcon } from '@paypalcorp/pp-react-icons';\nimport { css, useTheme, jsx, ClassNames } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { textStyles } from '@paypalcorp/pp-react-text';\nimport { utilStyles, getColor, getColorFamily, Shimmer } from '@paypalcorp/pp-react-utils';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;\nfunction styles(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    console.warn('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var _textStyles = textStyles(tokens),\n      caption = _textStyles.caption,\n      body = _textStyles.body,\n      headingSm = _textStyles.headingSm,\n      headingLg = _textStyles.headingLg;\n\n  var _utilStyles = utilStyles(tokens),\n      shimmerStyles = _utilStyles.shimmerStyles;\n\n  var sysBorderRadiusInteractive = tokens.sysBorderRadiusInteractive,\n      sysSizeCircleSm = tokens.sysSizeCircleSm,\n      sysSizeCircleMd = tokens.sysSizeCircleMd,\n      sysSizeCircleLg = tokens.sysSizeCircleLg,\n      sysSizeCircleXl = tokens.sysSizeCircleXl,\n      sysColorAccent1Contrast = tokens.sysColorAccent1Contrast,\n      sysColorAccent2Contrast = tokens.sysColorAccent2Contrast,\n      sysColorAccent3Contrast = tokens.sysColorAccent3Contrast,\n      sysColorAccent4Contrast = tokens.sysColorAccent4Contrast,\n      sysColorBackgroundMain = tokens.sysColorBackgroundMain,\n      sysColorAccent1Main = tokens.sysColorAccent1Main,\n      sysColorAccent2Main = tokens.sysColorAccent2Main,\n      sysColorAccent3Main = tokens.sysColorAccent3Main,\n      sysColorAccent4Main = tokens.sysColorAccent4Main,\n      sysBorderThicknessNormal = tokens.sysBorderThicknessNormal; // Accepted colors, keep this order to match the sequence for the initials\n\n  var acceptedColors = {\n    sysColorAccent4Main: sysColorAccent4Main,\n    sysColorAccent2Main: sysColorAccent2Main,\n    sysColorAccent1Main: sysColorAccent1Main,\n    sysColorAccent3Main: sysColorAccent3Main\n  }; // legal colors for getting getColorFamily\n\n  var legalColors = {\n    sysColorAccent1Main: sysColorAccent1Main,\n    sysColorAccent2Main: sysColorAccent2Main,\n    sysColorAccent3Main: sysColorAccent3Main,\n    sysColorAccent4Main: sysColorAccent4Main,\n    sysColorAccent1Contrast: sysColorAccent1Contrast,\n    sysColorAccent2Contrast: sysColorAccent2Contrast,\n    sysColorAccent3Contrast: sysColorAccent3Contrast,\n    sysColorAccent4Contrast: sysColorAccent4Contrast\n  };\n  var sizeXs = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: size_xs;\\n    width: \", \";\\n    height: \", \";\\n    \", \";\\n  \"])), sysSizeCircleSm, sysSizeCircleSm, caption({\n    lineHeight: sysSizeCircleSm\n  }));\n  var sizeSm = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: size_sm;\\n    width: \", \";\\n    height: \", \";\\n    \", \";\\n  \"])), sysSizeCircleMd, sysSizeCircleMd, body({\n    lineHeight: sysSizeCircleMd\n  }));\n  var sizeMd = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: size_md;\\n    width: \", \";\\n    height: \", \";\\n    \", \"\\n  \"])), sysSizeCircleLg, sysSizeCircleLg, headingSm({\n    lineHeight: sysSizeCircleLg\n  }));\n  var sizeLg = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    label: size_lg;\\n    \", \"\\n    width: \", \";\\n    height: \", \";\\n  \"])), headingLg({\n    lineHeight: sysSizeCircleXl\n  }), sysSizeCircleXl, sysSizeCircleXl);\n\n  var getColorCss = function (colorName) {\n    var _getColorFamily;\n\n    var backgroundColor = getColor(colorName, acceptedColors, sysColorAccent1Main);\n    var color = acceptedColors[colorName] ? (_getColorFamily = getColorFamily(colorName, legalColors)) === null || _getColorFamily === void 0 ? void 0 : _getColorFamily.contrast : sysColorAccent1Contrast;\n    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n      label: \", \";\\n      background-color: \", \";\\n      color: \", \";\\n    \"])), colorName, backgroundColor, color);\n  };\n\n  var getGenericColorCss = function (generic) {\n    var genericCategory = {\n      bank: {\n        backgroundColor: sysColorAccent3Main,\n        color: sysColorAccent3Contrast\n      },\n      causes: {\n        backgroundColor: sysColorAccent4Main,\n        color: sysColorAccent4Contrast\n      },\n      biller: {\n        backgroundColor: sysColorAccent4Main,\n        color: sysColorAccent4Contrast\n      },\n      merchant: {\n        backgroundColor: sysColorAccent1Main,\n        color: sysColorAccent1Contrast\n      },\n      profile: {\n        backgroundColor: sysColorAccent1Contrast,\n        color: sysColorAccent1Main\n      },\n      subscription: {\n        backgroundColor: sysColorAccent2Main,\n        color: sysColorAccent2Contrast\n      }\n    };\n    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n      label: \", \";\\n      background-color: \", \";\\n      color: \", \";\\n    \"])), generic, genericCategory[generic].backgroundColor, genericCategory[generic].color);\n  };\n\n  var base = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n    label: avatar_base;\\n    border-radius: \", \";\\n    color: \", \";\\n    text-align: center;\\n    text-transform: uppercase;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    border: \", \" solid \", \";\\n    background-color: \", \";\\n    position: relative;\\n    \", \";\\n  \"])), sysBorderRadiusInteractive, sysColorAccent1Contrast, sysBorderThicknessNormal, sysColorBackgroundMain, sysColorAccent1Main, sizeLg);\n  var image = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n    label: image;\\n    border-radius: inherit;\\n    width: inherit;\\n    height: inherit;\\n    background: \", \";\\n    object-fit: cover;\\n  \"])), sysColorAccent1Contrast);\n  var avatarBadge = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n    label: avatar_badge;\\n    box-sizing: border-box;\\n    position: absolute;\\n    bottom: 0;\\n    right: -\", \"; // Avatar has its own border of 1px, so shift the badge by 1px\\n  \"])), sysBorderThicknessNormal);\n  var shimmer = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"\\n    label: shimmer;\\n    \", \"\\n  \"])), shimmerStyles.defaults({\n    borderRadius: sysBorderRadiusInteractive,\n    width: sysSizeCircleXl,\n    height: sysSizeCircleXl\n  }));\n  var shimmerSizeXs = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"\\n    label: shimmer_size_xs;\\n    width: \", \";\\n    height: \", \";\\n  \"])), sysSizeCircleSm, sysSizeCircleSm);\n  var shimmerSizeSm = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"\\n    label: shimmer_size_sm;\\n    width: \", \";\\n    height: \", \";\\n  \"])), sysSizeCircleMd, sysSizeCircleMd);\n  var shimmerSizeMd = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([\"\\n    label: shimmer_size_md;\\n    width: \", \";\\n    height: \", \";\\n  \"])), sysSizeCircleLg, sysSizeCircleLg);\n  return {\n    base: base,\n    image: image,\n    sizeXs: sizeXs,\n    sizeSm: sizeSm,\n    sizeMd: sizeMd,\n    sizeLg: sizeLg,\n    getColorCss: getColorCss,\n    getGenericColorCss: getGenericColorCss,\n    avatarBadge: avatarBadge,\n    shimmer: shimmer,\n    shimmerSizeXs: shimmerSizeXs,\n    shimmerSizeSm: shimmerSizeSm,\n    shimmerSizeMd: shimmerSizeMd,\n    acceptedColors: acceptedColors\n  };\n}\n\nvar _excluded = [\"className\", \"color\", \"size\", \"src\", \"alt\", \"initials\", \"loading\", \"svgIconComponent\", \"badge\", \"generic\", \"isLoading\", \"isInverse\", \"children\"];\nvar iconSizeMap = {\n  lg: 'xl',\n  md: 'lg',\n  sm: 'md',\n  xs: 'sm'\n};\n\nvar Avatar = function (_ref) {\n  var _styles$getColorCss, _styles$getGenericCol;\n\n  var className = _ref.className,\n      color = _ref.color,\n      size = _ref.size,\n      src = _ref.src,\n      alt = _ref.alt,\n      initials = _ref.initials,\n      loading = _ref.loading,\n      svgIconComponent = _ref.svgIconComponent,\n      badge = _ref.badge,\n      generic = _ref.generic,\n      isLoading = _ref.isLoading,\n      isInverse = _ref.isInverse,\n      children = _ref.children,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var tokens = useTheme(); // Fetch tokens from Emotion context\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]); // colorMap for backward compatiablity\n\n\n  var sizes = ['lg', 'md', 'sm', 'xs'];\n  // Compute sizeVariable - sizeLg, sizeMd etc.\n  var computedSizeVar = sizes.includes(size) && \"size\".concat(size.charAt(0).toUpperCase()).concat(size.charAt(1));\n\n  if (isLoading) {\n    var shimmerCSS = [_styles.shimmer, //@ts-ignore\n    sizes.includes(size) && _styles[computedSizeVar]];\n    return jsx(Shimmer, {\n      css: shimmerCSS,\n      className: className,\n      isInverse: isInverse,\n      hasStyleDefaults: false,\n      \"data-ppui\": \"true\"\n    }, children);\n  }\n\n  var computedColor = function getColor(colour) {\n    if (generic || src) return null;else if (initials) {\n      var sum = initials.charCodeAt(0) + (initials[1] ? initials === null || initials === void 0 ? void 0 : initials.charCodeAt(1) : 0); // istanbul ignore next\n\n      var acceptedColors = _styles.acceptedColors ? Object.keys(_styles.acceptedColors) : '';\n      var index = sum % acceptedColors.length;\n      return acceptedColors[index];\n    } else if (colour) {\n      return colour;\n    }\n    return null;\n  }({\n    blue: 'sysColorAccent1Main',\n    pink: 'sysColorAccent2Main',\n    green: 'sysColorAccent3Main',\n    purple: 'sysColorAccent4Main'\n  }[color]) || color;\n\n  var avatarCSS = [_styles.base, //@ts-ignore\n  computedSizeVar && _styles[computedSizeVar], //@ts-ignore\n  computedColor && ((_styles$getColorCss = _styles.getColorCss) === null || _styles$getColorCss === void 0 ? void 0 : _styles$getColorCss.call(_styles, computedColor)), ['profile', 'merchant', 'causes', 'bank', 'subscription', 'biller'].includes(generic) && ((_styles$getGenericCol = _styles.getGenericColorCss) === null || _styles$getGenericCol === void 0 ? void 0 : _styles$getGenericCol.call(_styles, generic))];\n  var avatarBadge = badge && size !== 'xs' ? jsx(ClassNames, {\n    \"data-ppui\": \"true\"\n  }, function (_ref2) {\n    var css = _ref2.css;\n    return React.cloneElement(badge, {\n      className: css(_styles.avatarBadge)\n    });\n  }) : null;\n  return jsx(\"div\", _extends({\n    className: className,\n    css: avatarCSS,\n    \"data-ppui-info\": \"avatar_4.3.12\"\n  }, rest), function avatarContent() {\n    if (src) {\n      return jsx(\"img\", {\n        css: _styles.image,\n        src: src,\n        alt: alt,\n        loading: loading,\n        \"data-ppui\": \"true\"\n      });\n    }\n\n    if (svgIconComponent) {\n      return jsx(svgIconComponent, {\n        size: iconSizeMap[size],\n        \"data-ppui\": \"true\"\n      });\n    }\n\n    if (generic) {\n      var GenericIcon = {\n        bank: BankIcon,\n        causes: CausesIcon,\n        merchant: MerchantIcon,\n        profile: UserProfileIcon,\n        biller: BillPaymentIcon,\n        subscription: RecurrentIcon\n      }[generic];\n      /* istanbul ignore next */\n\n      if (GenericIcon) {\n        return (// @ts-ignore\n          jsx(GenericIcon, {\n            name: generic,\n            size: iconSizeMap[size],\n            \"data-ppui\": \"true\"\n          })\n        );\n      }\n    }\n\n    return initials;\n  }(), avatarBadge);\n};\n\nvar _templateObject$1, _templateObject2$1, _templateObject3$1;\nfunction styles$1(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    console.warn('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysColorBackgroundMain = tokens.sysColorBackgroundMain,\n      sysBorderRadiusInteractive = tokens.sysBorderRadiusInteractive,\n      sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n      sysSpaceSm = tokens.sysSpaceSm;\n  var ppuiAvatarStackSpacing = sysSpaceSm;\n\n  var _utilStyles = utilStyles(tokens),\n      ellipsis = _utilStyles.ellipsis,\n      screenReader = _utilStyles.screenReader;\n\n  var _textStyles = textStyles(tokens),\n      caption = _textStyles.caption;\n\n  var base = css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral([\"\\n    label: avatar_stack_base;\\n    display: flex;\\n    align-items: center;\\n  \"])));\n  var avatar = css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral([\"\\n    label: avatar;\\n    border-radius: \", \";\\n    flex-shrink: 0;\\n    background-color: \", \";\\n    z-index: 1;\\n    &:not(:first-of-type) {\\n      margin-left: -\", \";\\n    }\\n    [dir='rtl'] & {\\n      margin-left: 0;\\n      &:not(:first-of-type) {\\n        margin-right: -\", \";\\n      }\\n    }\\n    & div {\\n      overflow: hidden;\\n    }\\n  \"])), sysBorderRadiusInteractive, sysColorBackgroundMain, ppuiAvatarStackSpacing, ppuiAvatarStackSpacing);\n  var label = css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral([\"\\n    label: label;\\n    \", \";\\n    margin-left: \", \";\\n    margin-right: 0;\\n    \", \";\\n    [dir='rtl'] & {\\n      margin-left: 0;\\n      margin-right: \", \";\\n    }\\n  \"])), caption({\n    color: sysColorBackgroundMediumContrast\n  }), sysSpaceSm, ellipsis, sysSpaceSm);\n  return {\n    base: base,\n    avatar: avatar,\n    screenReader: screenReader,\n    label: label\n  };\n}\n\nvar PREFIX_COMPONENT = 'avatarStacked';\nvar DISPLAY_LIMIT_STACK = 3;\n\nvar _excluded$1 = [\"className\", \"size\", \"label\", \"isLabelHidden\", \"remainingCount\", \"children\"];\n\nvar renderChildren = function (children, size, _styles) {\n  var avatarComponents = []; // Only take specified items for displaying\n\n  children = Array.isArray(children) && children.length > DISPLAY_LIMIT_STACK ? children.slice(0, DISPLAY_LIMIT_STACK) : children;\n  React.Children.forEach(children, function (child, index) {\n    var avatar = jsx(ClassNames, {\n      key: \"\".concat(PREFIX_COMPONENT, \"__\").concat(index),\n      \"data-ppui\": \"true\"\n    }, function (_ref) {\n      var css = _ref.css;\n      return jsx(\"div\", {\n        className: css(_styles.avatar),\n        \"data-ppui\": \"true\"\n      }, React.cloneElement(child, {\n        size: size\n      }));\n    });\n    avatarComponents.push(avatar);\n  });\n  return avatarComponents;\n};\n\nvar AvatarStack = function (_ref2) {\n  var className = _ref2.className,\n      size = _ref2.size,\n      _ref2$label = _ref2.label,\n      label = _ref2$label === void 0 ? 'default' : _ref2$label,\n      isLabelHidden = _ref2.isLabelHidden,\n      remainingCount = _ref2.remainingCount,\n      children = _ref2.children,\n      rest = _objectWithoutProperties(_ref2, _excluded$1);\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles$1(tokens);\n  }, [tokens]);\n\n  var labelStyles = [_styles.label, isLabelHidden && _styles.screenReader];\n  size = 'xs'; // only `xs` size is allowed\n\n  return jsx(\"div\", _extends({\n    className: className,\n    css: _styles.base,\n    \"data-ppui-info\": \"avatar-stack_4.3.12\"\n  }, rest), renderChildren(children, size, _styles), jsx(\"span\", {\n    css: labelStyles,\n    \"data-ppui\": \"true\"\n  }, label));\n};\n\nvar _templateObject$2, _templateObject2$2;\nfunction styles$2(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    // eslint-disable-next-line no-console\n    console.warn('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysSpaceMd = tokens.sysSpaceMd,\n      sysSpaceSm = tokens.sysSpaceSm,\n      sysBorderRadiusSm = tokens.sysBorderRadiusSm,\n      sysColorBackgroundHighContrast = tokens.sysColorBackgroundHighContrast;\n\n  var _textStyles = textStyles(tokens),\n      caption = _textStyles.caption;\n\n  var _utilStyles = utilStyles(tokens),\n      focusStyles = _utilStyles.focusStyles;\n\n  var offsetFocusAfter = focusStyles.offsetFocusAfter;\n  var base = css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral([\"\\n    label: avatar_button_base;\\n    position: relative;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    padding: \", \" 0;\\n    min-height: \", \";\\n    width: \", \";\\n    word-wrap: break-word;\\n    background: none;\\n    border: none;\\n    \", \"\\n\\n    &:focus, &:hover {\\n      cursor: pointer;\\n    }\\n\\n    &:focus > span:first-of-type,\\n    &:hover > span:first-of-type {\\n      -webkit-text-stroke-width: \", \";\\n    }\\n\\n    &:focus {\\n      outline: none;\\n      &:after {\\n        \", \"\\n      }\\n    }\\n\\n    &:hover {\\n      span:last-of-type {\\n        text-decoration: underline;\\n      }\\n    }\\n  \"])), sysSpaceMd, '7.25rem', '6rem', caption({\n    color: sysColorBackgroundHighContrast\n  }), '0.0421875rem', offsetFocusAfter({\n    radius: sysBorderRadiusSm\n  }));\n  var label = css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral([\"\\n    label: avatar_button_label;\\n    text-align: center;\\n    padding: \", \" \", \" 0 \", \";\\n    width: inherit;\\n    display: -webkit-box;\\n    -webkit-line-clamp: 2;\\n    -webkit-box-orient: vertical;\\n    overflow: hidden;\\n  \"])), sysSpaceSm, sysSpaceSm, sysSpaceSm);\n  return {\n    base: base,\n    label: label\n  };\n}\n\nvar _excluded$2 = [\"className\", \"label\", \"children\", \"as\"];\nvar AvatarButton = forwardRef(function (_ref, ref) {\n  var className = _ref.className,\n      _ref$label = _ref.label,\n      label = _ref$label === void 0 ? 'default' : _ref$label,\n      children = _ref.children,\n      as = _ref.as,\n      rest = _objectWithoutProperties(_ref, _excluded$2);\n\n  var tokens = useTheme(); // Fetch tokens from Emotion context\n\n  var _styles = useMemo(function () {\n    return styles$2(tokens);\n  }, [tokens]); // Avatar size fixed to 'md' for Avatar Button\n\n\n  var avatar = React.cloneElement(children, {\n    size: 'md',\n    'aria-hidden': 'true'\n  });\n  return jsx(as || 'button', _extends({\n    role: \"button\",\n    css: _styles.base,\n    className: className,\n    tabIndex: 0,\n    ref: ref\n  }, rest, {\n    \"data-ppui\": \"true\"\n  }), avatar, jsx(\"span\", {\n    css: _styles.label,\n    \"data-ppui\": \"true\"\n  }, label));\n});\n\nexport { Avatar, AvatarButton, AvatarStack, styles$2 as avatarButtonStyles, styles$1 as avatarStackStyles, styles as avatarStyles };\n"],"sourceRoot":""}