@transferwise/components 0.0.0-experimental-d11e9c5 → 0.0.0-experimental-76bb7cd

package/build/avatarView/AvatarView.mjs

@@ -1,161 +0,0 @@
-import Badge from '../badge/Badge.mjs';
-import BadgeAssets from '../badge/BadgeAssets.mjs';
-import NotificationDot from './NotificationDot.mjs';
-import Circle from '../common/circle/Circle.mjs';
-import Image from '../image/Image.mjs';
-import { useState } from 'react';
-import { clsx } from 'clsx';
-import '../common/theme.mjs';
-import '../common/direction.mjs';
-import '../common/propsValues/control.mjs';
-import '../common/propsValues/breakpoint.mjs';
-import { Size } from '../common/propsValues/size.mjs';
-import '../common/propsValues/typography.mjs';
-import '../common/propsValues/width.mjs';
-import '../common/propsValues/type.mjs';
-import '../common/propsValues/dateMode.mjs';
-import '../common/propsValues/monthFormat.mjs';
-import '../common/propsValues/position.mjs';
-import '../common/propsValues/layouts.mjs';
-import '../common/propsValues/status.mjs';
-import '../common/propsValues/sentiment.mjs';
-import '../common/propsValues/profileType.mjs';
-import '../common/propsValues/variant.mjs';
-import '../common/propsValues/scroll.mjs';
-import '../common/propsValues/markdownNodeType.mjs';
-import '../common/fileType.mjs';
-import { getInitials } from '../common/initials.mjs';
-import { Briefcase, Profile as Profile$1 } from '@transferwise/icons';
-import 'react-intl';
-import '../common/closeButton/CloseButton.messages.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function AvatarView({
-  children = undefined,
-  size = 48,
-  selected,
-  notification,
-  badge,
-  interactive = false,
-  className,
-  style,
-  imgSrc,
-  type,
-  name,
-  ...restProps
-}) {
-  return /*#__PURE__*/jsx(Circle, {
-    size: size,
-    fixedSize: true,
-    className: clsx('np-avatar-view', interactive ? 'np-avatar-view-interactive' : 'np-avatar-view-non-interactive', {
-      'np-avatar-view-selected': selected
-    }, className),
-    ...restProps,
-    children: /*#__PURE__*/jsx(Badges, {
-      avatar: {
-        size,
-        notification,
-        selected
-      },
-      ...badge,
-      children: /*#__PURE__*/jsx(Circle, {
-        size: size,
-        fixedSize: true,
-        className: clsx('np-avatar-view-content'),
-        enableBorder: !interactive || selected,
-        style: {
-          ...(selected && {
-            '--circle-border-color': 'var(--color-interactive-primary)'
-          }),
-          ...style
-        },
-        children: children === undefined ? /*#__PURE__*/jsx(Profile, {
-          imgSrc,
-          type,
-          name
-        }) : children
-      })
-    })
-  });
-}
-/** Size of badge depends on size of avatar */
-const MAP_BADGE_ASSET_SIZE = {
-  16: 'sm',
-  24: 'sm',
-  32: 'sm',
-  40: 'sm',
-  48: 'sm',
-  56: 'lg',
-  72: 'lg'
-};
-/** Certain sizes of AvatarView has a custom offset of Badge */
-const MAP_BADGE_POSITION = {
-  24: -6,
-  32: -4
-};
-/**
- * Adds build-in badges to AvatarView
- */
-function Badges({
-  children,
-  avatar,
-  ...badge
-}) {
-  const {
-    size = 48,
-    selected,
-    notification
-  } = avatar;
-  const anyCustomBadge = Object.keys(badge).length > 0;
-  if ((anyCustomBadge || selected) && size > 16) {
-    const badgeSize = MAP_BADGE_ASSET_SIZE[size] ?? Size.SMALL;
-    return /*#__PURE__*/jsx(Badge, {
-      size: badgeSize,
-      badge: /*#__PURE__*/jsx(BadgeAssets, {
-        ...(selected ? {
-          status: 'positive'
-        } : badge),
-        size: badgeSize
-      }),
-      style: {
-        // @ts-expect-error CSS custom props allowed
-        '--badge-content-position': `${MAP_BADGE_POSITION[size] ?? 0}px`
-      },
-      children: children
-    });
-  }
-  if (notification) {
-    return /*#__PURE__*/jsx(NotificationDot, {
-      avatarSize: size,
-      children: children
-    });
-  }
-  return children;
-}
-/**
- * Common logic for entities (personal & business profiles or recipients)
- */
-function Profile({
-  imgSrc,
-  name,
-  type
-}) {
-  const [tryLoadImage, setTryLoadImage] = useState(true);
-  if (imgSrc && tryLoadImage) {
-    return /*#__PURE__*/jsx(Image, {
-      src: imgSrc,
-      alt: "",
-      onError: () => setTryLoadImage(false)
-    });
-  }
-  if (type) {
-    return type.toLowerCase() === 'business' ? /*#__PURE__*/jsx(Briefcase, {}) : /*#__PURE__*/jsx(Profile$1, {});
-  }
-  if (name) {
-    return getInitials(name);
-  }
-  return /*#__PURE__*/jsx(Profile$1, {});
-}
-
-export { AvatarView as default };
-//# sourceMappingURL=AvatarView.mjs.map

package/build/avatarView/AvatarView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarView.mjs","sources":["../../src/avatarView/AvatarView.tsx"],"sourcesContent":["import Badge, { BadgeAssets, BadgeProps, BadgeAssetsProps } from '../badge';\nimport NotificationDot from './NotificationDot';\nimport Circle from '../common/circle';\nimport Image from '../image';\nimport { HTMLAttributes, PropsWithChildren, useState } from 'react';\nimport { clsx } from 'clsx';\nimport { getInitials, Size } from '../common';\nimport {\n  Briefcase as BusinessProfileIcon,\n  Profile as PersonalProfileIcon,\n} from '@transferwise/icons';\n\nexport type Props = {\n  imgSrc?: string | null;\n  /**\n   * Entity name (person (profile or recipient) or business name), it will be boilded down to 1 or 2 chars (initials)\n   */\n  name?: string | null;\n  type?: 'personal' | 'business';\n  size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;\n  notification?: boolean;\n  badge?: BadgeAssetsProps;\n  interactive?: boolean;\n  selected?: boolean;\n  style?: Pick<React.CSSProperties, 'border' | 'backgroundColor' | 'color'>;\n} & Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className' | 'children' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nfunction AvatarView({\n  children = undefined,\n  size = 48,\n  selected,\n  notification,\n  badge,\n  interactive = false,\n  className,\n  style,\n  imgSrc,\n  type,\n  name,\n  ...restProps\n}: Props) {\n  return (\n    <Circle\n      size={size}\n      fixedSize\n      className={clsx(\n        'np-avatar-view',\n        interactive ? 'np-avatar-view-interactive' : 'np-avatar-view-non-interactive',\n        { 'np-avatar-view-selected': selected },\n        className,\n      )}\n      {...restProps}\n    >\n      <Badges avatar={{ size, notification, selected }} {...badge}>\n        <Circle\n          size={size}\n          fixedSize\n          className={clsx('np-avatar-view-content')}\n          enableBorder={!interactive || selected}\n          style={{\n            ...(selected && { '--circle-border-color': 'var(--color-interactive-primary)' }),\n            ...style,\n          }}\n        >\n          {children === undefined ? <Profile {...{ imgSrc, type, name }} /> : children}\n        </Circle>\n      </Badges>\n    </Circle>\n  );\n}\n\n/** Size of badge depends on size of avatar */\nconst MAP_BADGE_ASSET_SIZE = {\n  16: 'sm',\n  24: 'sm',\n  32: 'sm',\n  40: 'sm',\n  48: 'sm',\n  56: 'lg',\n  72: 'lg',\n};\n\n/** Certain sizes of AvatarView has a custom offset of Badge */\nconst MAP_BADGE_POSITION = {\n  24: -6,\n  32: -4,\n};\n\ntype BadgesProps = BadgeAssetsProps &\n  PropsWithChildren<{\n    avatar: Pick<Props, 'selected' | 'size' | 'notification'>;\n  }>;\n\n/**\n * Adds build-in badges to AvatarView\n */\nfunction Badges({ children, avatar, ...badge }: BadgesProps) {\n  const { size = 48, selected, notification } = avatar;\n  const anyCustomBadge = Object.keys(badge).length > 0;\n  if ((anyCustomBadge || selected) && size > 16) {\n    const badgeSize: BadgeProps['size'] = MAP_BADGE_ASSET_SIZE[size] ?? Size.SMALL;\n    return (\n      <Badge\n        size={badgeSize}\n        badge={<BadgeAssets {...(selected ? { status: 'positive' } : badge)} size={badgeSize} />}\n        style={{\n          // @ts-expect-error CSS custom props allowed\n          '--badge-content-position': `${MAP_BADGE_POSITION[size] ?? 0}px`,\n        }}\n      >\n        {children}\n      </Badge>\n    );\n  }\n  if (notification) {\n    return <NotificationDot avatarSize={size}>{children}</NotificationDot>;\n  }\n  return children;\n}\n\n/**\n * Common logic for entities (personal & business profiles or recipients)\n */\nfunction Profile({ imgSrc, name, type }: Pick<Props, 'imgSrc' | 'name' | 'type'>) {\n  const [tryLoadImage, setTryLoadImage] = useState(true);\n  if (imgSrc && tryLoadImage) {\n    return <Image src={imgSrc} alt=\"\" onError={() => setTryLoadImage(false)} />;\n  }\n  if (type) {\n    return type.toLowerCase() === 'business' ? <BusinessProfileIcon /> : <PersonalProfileIcon />;\n  }\n  if (name) {\n    return getInitials(name);\n  }\n  return <PersonalProfileIcon />;\n}\n\nexport default AvatarView;\n"],"names":["AvatarView","children","undefined","size","selected","notification","badge","interactive","className","style","imgSrc","type","name","restProps","_jsx","Circle","fixedSize","clsx","Badges","avatar","enableBorder","Profile","MAP_BADGE_ASSET_SIZE","MAP_BADGE_POSITION","anyCustomBadge","Object","keys","length","badgeSize","Size","SMALL","Badge","BadgeAssets","status","NotificationDot","avatarSize","tryLoadImage","setTryLoadImage","useState","Image","src","alt","onError","toLowerCase","BusinessProfileIcon","PersonalProfileIcon","getInitials"],"mappings":"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"}

package/build/avatarView/NotificationDot.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-/**
- * Depending on avatar size, notifcation dot size and offset are different
- */
-const MAP_STYLE_CONFIG = {
-  16: {
-    size: 6,
-    offset: 1
-  },
-  24: {
-    size: 8,
-    offset: 2
-  },
-  32: {
-    size: 10,
-    offset: 2
-  },
-  40: {
-    size: 10,
-    offset: 2
-  },
-  48: {
-    size: 14,
-    offset: 2
-  },
-  56: {
-    size: 16,
-    offset: 3
-  },
-  72: {
-    size: 20,
-    offset: 3
-  }
-};
-function NotificationDot({
-  children,
-  avatarSize = 48
-}) {
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "np-notification-dot",
-    style: {
-      // @ts-expect-error CSS custom props allowed
-      '--np-notification-dot-size': `${MAP_STYLE_CONFIG[avatarSize].size}px`,
-      '--np-notification-dot-offset': `${MAP_STYLE_CONFIG[avatarSize].offset}px`
-    },
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "np-notification-dot-badge"
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "np-notification-dot-mask",
-      children: children
-    })]
-  });
-}
-
-module.exports = NotificationDot;
-//# sourceMappingURL=NotificationDot.js.map

package/build/avatarView/NotificationDot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationDot.js","sources":["../../src/avatarView/NotificationDot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { Props as AvatarViewProps } from './AvatarView';\n\ntype Props = Pick<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  avatarSize?: AvatarViewProps['size'];\n};\n\n/**\n * Depending on avatar size, notifcation dot size and offset are different\n */\nconst MAP_STYLE_CONFIG = {\n  16: { size: 6, offset: 1 },\n  24: { size: 8, offset: 2 },\n  32: { size: 10, offset: 2 },\n  40: { size: 10, offset: 2 },\n  48: { size: 14, offset: 2 },\n  56: { size: 16, offset: 3 },\n  72: { size: 20, offset: 3 },\n};\n\nexport default function NotificationDot({ children, avatarSize = 48 }: Props) {\n  return (\n    <div\n      className=\"np-notification-dot\"\n      style={{\n        // @ts-expect-error CSS custom props allowed\n        '--np-notification-dot-size': `${MAP_STYLE_CONFIG[avatarSize].size}px`,\n        '--np-notification-dot-offset': `${MAP_STYLE_CONFIG[avatarSize].offset}px`,\n      }}\n    >\n      <div className=\"np-notification-dot-badge\" />\n      <div className=\"np-notification-dot-mask\">{children}</div>\n    </div>\n  );\n}\n"],"names":["MAP_STYLE_CONFIG","size","offset","NotificationDot","children","avatarSize","_jsxs","className","style","_jsx"],"mappings":";;;;AAOA;;AAEG;AACH,MAAMA,gBAAgB,GAAG;AACvB,EAAA,EAAE,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAC;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC1B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,CAAC;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC1B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;AAAG,GAAA;CAC5B,CAAA;AAEa,SAAUC,eAAeA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,UAAU,GAAG,EAAA;AAAW,CAAA,EAAA;AAC1E,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,qBAAqB;AAC/BC,IAAAA,KAAK,EAAE;AACL;MACA,4BAA4B,EAAE,GAAGR,gBAAgB,CAACK,UAAU,CAAC,CAACJ,IAAI,CAAI,EAAA,CAAA;AACtE,MAAA,8BAA8B,EAAE,CAAGD,EAAAA,gBAAgB,CAACK,UAAU,CAAC,CAACH,MAAM,CAAA,EAAA,CAAA;KACtE;AAAAE,IAAAA,QAAA,gBAEFK,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,2BAAA;KACf,CAAA,eAAAE,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,0BAA0B;AAAAH,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAC3D,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/avatarView/NotificationDot.mjs

@@ -1,57 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-/**
- * Depending on avatar size, notifcation dot size and offset are different
- */
-const MAP_STYLE_CONFIG = {
-  16: {
-    size: 6,
-    offset: 1
-  },
-  24: {
-    size: 8,
-    offset: 2
-  },
-  32: {
-    size: 10,
-    offset: 2
-  },
-  40: {
-    size: 10,
-    offset: 2
-  },
-  48: {
-    size: 14,
-    offset: 2
-  },
-  56: {
-    size: 16,
-    offset: 3
-  },
-  72: {
-    size: 20,
-    offset: 3
-  }
-};
-function NotificationDot({
-  children,
-  avatarSize = 48
-}) {
-  return /*#__PURE__*/jsxs("div", {
-    className: "np-notification-dot",
-    style: {
-      // @ts-expect-error CSS custom props allowed
-      '--np-notification-dot-size': `${MAP_STYLE_CONFIG[avatarSize].size}px`,
-      '--np-notification-dot-offset': `${MAP_STYLE_CONFIG[avatarSize].offset}px`
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: "np-notification-dot-badge"
-    }), /*#__PURE__*/jsx("div", {
-      className: "np-notification-dot-mask",
-      children: children
-    })]
-  });
-}
-
-export { NotificationDot as default };
-//# sourceMappingURL=NotificationDot.mjs.map

package/build/avatarView/NotificationDot.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationDot.mjs","sources":["../../src/avatarView/NotificationDot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { Props as AvatarViewProps } from './AvatarView';\n\ntype Props = Pick<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  avatarSize?: AvatarViewProps['size'];\n};\n\n/**\n * Depending on avatar size, notifcation dot size and offset are different\n */\nconst MAP_STYLE_CONFIG = {\n  16: { size: 6, offset: 1 },\n  24: { size: 8, offset: 2 },\n  32: { size: 10, offset: 2 },\n  40: { size: 10, offset: 2 },\n  48: { size: 14, offset: 2 },\n  56: { size: 16, offset: 3 },\n  72: { size: 20, offset: 3 },\n};\n\nexport default function NotificationDot({ children, avatarSize = 48 }: Props) {\n  return (\n    <div\n      className=\"np-notification-dot\"\n      style={{\n        // @ts-expect-error CSS custom props allowed\n        '--np-notification-dot-size': `${MAP_STYLE_CONFIG[avatarSize].size}px`,\n        '--np-notification-dot-offset': `${MAP_STYLE_CONFIG[avatarSize].offset}px`,\n      }}\n    >\n      <div className=\"np-notification-dot-badge\" />\n      <div className=\"np-notification-dot-mask\">{children}</div>\n    </div>\n  );\n}\n"],"names":["MAP_STYLE_CONFIG","size","offset","NotificationDot","children","avatarSize","_jsxs","className","style","_jsx"],"mappings":";;AAOA;;AAEG;AACH,MAAMA,gBAAgB,GAAG;AACvB,EAAA,EAAE,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAC;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC1B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,CAAC;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC1B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;GAAG;AAC3B,EAAA,EAAE,EAAE;AAAED,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,CAAA;AAAG,GAAA;CAC5B,CAAA;AAEa,SAAUC,eAAeA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,UAAU,GAAG,EAAA;AAAW,CAAA,EAAA;AAC1E,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,qBAAqB;AAC/BC,IAAAA,KAAK,EAAE;AACL;MACA,4BAA4B,EAAE,GAAGR,gBAAgB,CAACK,UAAU,CAAC,CAACJ,IAAI,CAAI,EAAA,CAAA;AACtE,MAAA,8BAA8B,EAAE,CAAGD,EAAAA,gBAAgB,CAACK,UAAU,CAAC,CAACH,MAAM,CAAA,EAAA,CAAA;KACtE;AAAAE,IAAAA,QAAA,gBAEFK,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,2BAAA;KACf,CAAA,eAAAE,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,0BAA0B;AAAAH,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAC3D,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/badge/BadgeAssets.js

@@ -1,85 +0,0 @@
-'use strict';
-
-var StatusIcon = require('../statusIcon/StatusIcon.js');
-var art = require('@wise/art');
-var Circle = require('../common/circle/Circle.js');
-var Image = require('../image/Image.js');
-var icons = require('@transferwise/icons');
-require('../common/theme.js');
-require('../common/direction.js');
-require('../common/propsValues/control.js');
-require('../common/propsValues/breakpoint.js');
-var size = require('../common/propsValues/size.js');
-require('../common/propsValues/typography.js');
-require('../common/propsValues/width.js');
-require('../common/propsValues/type.js');
-require('../common/propsValues/dateMode.js');
-require('../common/propsValues/monthFormat.js');
-require('../common/propsValues/position.js');
-require('../common/propsValues/layouts.js');
-require('../common/propsValues/status.js');
-require('../common/propsValues/sentiment.js');
-require('../common/propsValues/profileType.js');
-require('../common/propsValues/variant.js');
-require('../common/propsValues/scroll.js');
-require('../common/propsValues/markdownNodeType.js');
-require('../common/fileType.js');
-require('clsx');
-require('react');
-require('react-intl');
-require('../common/closeButton/CloseButton.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function BadgeAssets({
-  status,
-  flagCode,
-  imgSrc,
-  icon = null,
-  type = 'action',
-  size: sizeProp
-}) {
-  // map to old size (sm, lg) to new ones (numeric)
-  const size$1 = sizeProp === size.Size.LARGE ? 24 : 16;
-  if (status) {
-    return /*#__PURE__*/jsxRuntime.jsx(StatusIcon, {
-      sentiment: status,
-      size: size$1
-    });
-  }
-  if (flagCode) {
-    return /*#__PURE__*/jsxRuntime.jsx(Circle, {
-      size: size$1,
-      fixedSize: true,
-      enableBorder: true,
-      children: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
-        code: flagCode,
-        intrinsicSize: size$1
-      })
-    });
-  }
-  if (imgSrc) {
-    return /*#__PURE__*/jsxRuntime.jsx(Circle, {
-      size: size$1,
-      fixedSize: true,
-      enableBorder: true,
-      children: /*#__PURE__*/jsxRuntime.jsx(Image.default, {
-        src: imgSrc,
-        alt: ""
-      })
-    });
-  }
-  if (['action', 'reference'].includes(type)) {
-    return /*#__PURE__*/jsxRuntime.jsx(Circle, {
-      size: size$1,
-      fixedSize: true,
-      style: {
-        backgroundColor: type === 'action' ? 'var(--color-interactive-accent)' : 'var(--color-background-neutral)'
-      },
-      children: icon ?? /*#__PURE__*/jsxRuntime.jsx(icons.Plus, {})
-    });
-  }
-  return null;
-}
-
-module.exports = BadgeAssets;
-//# sourceMappingURL=BadgeAssets.js.map

package/build/badge/BadgeAssets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeAssets.js","sources":["../../src/badge/BadgeAssets.tsx"],"sourcesContent":["import StatusIcon, { StatusIconProps } from '../statusIcon';\nimport { Flag } from '@wise/art';\nimport Circle, { CircleProps } from '../common/circle';\nimport Image from '../image';\nimport type { BadgeProps } from './Badge';\nimport { Plus } from '@transferwise/icons';\nimport { Size } from '../common';\n\nexport type Props = {\n  status?: StatusIconProps['sentiment'];\n  flagCode?: string;\n  imgSrc?: string;\n  icon?: React.ReactNode;\n  type?: 'action' | 'reference';\n  size?: BadgeProps['size'];\n};\n\n/**\n * Common pre-built badge variants.\n */\nexport default function BadgeAssets({\n  status,\n  flagCode,\n  imgSrc,\n  icon = null,\n  type = 'action',\n  size: sizeProp,\n}: Props) {\n  // map to old size (sm, lg) to new ones (numeric)\n  const size: CircleProps['size'] = sizeProp === Size.LARGE ? 24 : 16;\n  if (status) {\n    return <StatusIcon sentiment={status} size={size} />;\n  }\n  if (flagCode) {\n    return (\n      <Circle size={size} fixedSize enableBorder>\n        <Flag code={flagCode} intrinsicSize={size} />\n      </Circle>\n    );\n  }\n  if (imgSrc) {\n    return (\n      <Circle size={size} fixedSize enableBorder>\n        <Image src={imgSrc} alt=\"\" />\n      </Circle>\n    );\n  }\n  if (['action', 'reference'].includes(type)) {\n    return (\n      <Circle\n        size={size}\n        fixedSize\n        style={{\n          backgroundColor:\n            type === 'action'\n              ? 'var(--color-interactive-accent)'\n              : 'var(--color-background-neutral)',\n        }}\n      >\n        {icon ?? <Plus />}\n      </Circle>\n    );\n  }\n  return null;\n}\n"],"names":["BadgeAssets","status","flagCode","imgSrc","icon","type","size","sizeProp","Size","LARGE","_jsx","StatusIcon","sentiment","Circle","fixedSize","enableBorder","children","Flag","code","intrinsicSize","Image","src","alt","includes","style","backgroundColor","Plus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBwB,SAAAA,WAAWA,CAAC;EAClCC,MAAM;EACNC,QAAQ;EACRC,MAAM;AACNC,EAAAA,IAAI,GAAG,IAAI;AACXC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA,IAAI,EAAEC,QAAAA;AACA,CAAA,EAAA;AACN;EACA,MAAMD,MAAI,GAAwBC,QAAQ,KAAKC,SAAI,CAACC,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;AACnE,EAAA,IAAIR,MAAM,EAAE;IACV,oBAAOS,cAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,SAAS,EAAEX,MAAO;AAACK,MAAAA,IAAI,EAAEA,MAAAA;AAAK,MAAG,CAAA;AACtD,GAAA;AACA,EAAA,IAAIJ,QAAQ,EAAE;IACZ,oBACEQ,cAAA,CAACG,MAAM,EAAA;AAACP,MAAAA,IAAI,EAAEA,MAAK;MAACQ,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,cAAA,CAACO,QAAI,EAAA;AAACC,QAAAA,IAAI,EAAEhB,QAAS;AAACiB,QAAAA,aAAa,EAAEb,MAAAA;OACvC,CAAA;AAAA,KAAQ,CAAC,CAAA;AAEb,GAAA;AACA,EAAA,IAAIH,MAAM,EAAE;IACV,oBACEO,cAAA,CAACG,MAAM,EAAA;AAACP,MAAAA,IAAI,EAAEA,MAAK;MAACQ,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,cAAA,CAACU,aAAK,EAAA;AAACC,QAAAA,GAAG,EAAElB,MAAO;AAACmB,QAAAA,GAAG,EAAC,EAAA;OAC1B,CAAA;AAAA,KAAQ,CAAC,CAAA;AAEb,GAAA;EACA,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAACC,QAAQ,CAAClB,IAAI,CAAC,EAAE;IAC1C,oBACEK,cAAA,CAACG,MAAM,EAAA;AACLP,MAAAA,IAAI,EAAEA,MAAK;MACXQ,SAAS,EAAA,IAAA;AACTU,MAAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EACbpB,IAAI,KAAK,QAAQ,GACb,iCAAiC,GACjC,iCAAA;OACN;AAAAW,MAAAA,QAAA,EAEDZ,IAAI,iBAAIM,cAAA,CAACgB,UAAI;AAAG,KACX,CAAC,CAAA;AAEb,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/build/badge/BadgeAssets.mjs

@@ -1,83 +0,0 @@
-import StatusIcon from '../statusIcon/StatusIcon.mjs';
-import { Flag } from '@wise/art';
-import Circle from '../common/circle/Circle.mjs';
-import Image from '../image/Image.mjs';
-import { Plus } from '@transferwise/icons';
-import '../common/theme.mjs';
-import '../common/direction.mjs';
-import '../common/propsValues/control.mjs';
-import '../common/propsValues/breakpoint.mjs';
-import { Size } from '../common/propsValues/size.mjs';
-import '../common/propsValues/typography.mjs';
-import '../common/propsValues/width.mjs';
-import '../common/propsValues/type.mjs';
-import '../common/propsValues/dateMode.mjs';
-import '../common/propsValues/monthFormat.mjs';
-import '../common/propsValues/position.mjs';
-import '../common/propsValues/layouts.mjs';
-import '../common/propsValues/status.mjs';
-import '../common/propsValues/sentiment.mjs';
-import '../common/propsValues/profileType.mjs';
-import '../common/propsValues/variant.mjs';
-import '../common/propsValues/scroll.mjs';
-import '../common/propsValues/markdownNodeType.mjs';
-import '../common/fileType.mjs';
-import 'clsx';
-import 'react';
-import 'react-intl';
-import '../common/closeButton/CloseButton.messages.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function BadgeAssets({
-  status,
-  flagCode,
-  imgSrc,
-  icon = null,
-  type = 'action',
-  size: sizeProp
-}) {
-  // map to old size (sm, lg) to new ones (numeric)
-  const size = sizeProp === Size.LARGE ? 24 : 16;
-  if (status) {
-    return /*#__PURE__*/jsx(StatusIcon, {
-      sentiment: status,
-      size: size
-    });
-  }
-  if (flagCode) {
-    return /*#__PURE__*/jsx(Circle, {
-      size: size,
-      fixedSize: true,
-      enableBorder: true,
-      children: /*#__PURE__*/jsx(Flag, {
-        code: flagCode,
-        intrinsicSize: size
-      })
-    });
-  }
-  if (imgSrc) {
-    return /*#__PURE__*/jsx(Circle, {
-      size: size,
-      fixedSize: true,
-      enableBorder: true,
-      children: /*#__PURE__*/jsx(Image, {
-        src: imgSrc,
-        alt: ""
-      })
-    });
-  }
-  if (['action', 'reference'].includes(type)) {
-    return /*#__PURE__*/jsx(Circle, {
-      size: size,
-      fixedSize: true,
-      style: {
-        backgroundColor: type === 'action' ? 'var(--color-interactive-accent)' : 'var(--color-background-neutral)'
-      },
-      children: icon ?? /*#__PURE__*/jsx(Plus, {})
-    });
-  }
-  return null;
-}
-
-export { BadgeAssets as default };
-//# sourceMappingURL=BadgeAssets.mjs.map

package/build/badge/BadgeAssets.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeAssets.mjs","sources":["../../src/badge/BadgeAssets.tsx"],"sourcesContent":["import StatusIcon, { StatusIconProps } from '../statusIcon';\nimport { Flag } from '@wise/art';\nimport Circle, { CircleProps } from '../common/circle';\nimport Image from '../image';\nimport type { BadgeProps } from './Badge';\nimport { Plus } from '@transferwise/icons';\nimport { Size } from '../common';\n\nexport type Props = {\n  status?: StatusIconProps['sentiment'];\n  flagCode?: string;\n  imgSrc?: string;\n  icon?: React.ReactNode;\n  type?: 'action' | 'reference';\n  size?: BadgeProps['size'];\n};\n\n/**\n * Common pre-built badge variants.\n */\nexport default function BadgeAssets({\n  status,\n  flagCode,\n  imgSrc,\n  icon = null,\n  type = 'action',\n  size: sizeProp,\n}: Props) {\n  // map to old size (sm, lg) to new ones (numeric)\n  const size: CircleProps['size'] = sizeProp === Size.LARGE ? 24 : 16;\n  if (status) {\n    return <StatusIcon sentiment={status} size={size} />;\n  }\n  if (flagCode) {\n    return (\n      <Circle size={size} fixedSize enableBorder>\n        <Flag code={flagCode} intrinsicSize={size} />\n      </Circle>\n    );\n  }\n  if (imgSrc) {\n    return (\n      <Circle size={size} fixedSize enableBorder>\n        <Image src={imgSrc} alt=\"\" />\n      </Circle>\n    );\n  }\n  if (['action', 'reference'].includes(type)) {\n    return (\n      <Circle\n        size={size}\n        fixedSize\n        style={{\n          backgroundColor:\n            type === 'action'\n              ? 'var(--color-interactive-accent)'\n              : 'var(--color-background-neutral)',\n        }}\n      >\n        {icon ?? <Plus />}\n      </Circle>\n    );\n  }\n  return null;\n}\n"],"names":["BadgeAssets","status","flagCode","imgSrc","icon","type","size","sizeProp","Size","LARGE","_jsx","StatusIcon","sentiment","Circle","fixedSize","enableBorder","children","Flag","code","intrinsicSize","Image","src","alt","includes","style","backgroundColor","Plus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBwB,SAAAA,WAAWA,CAAC;EAClCC,MAAM;EACNC,QAAQ;EACRC,MAAM;AACNC,EAAAA,IAAI,GAAG,IAAI;AACXC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA,IAAI,EAAEC,QAAAA;AACA,CAAA,EAAA;AACN;EACA,MAAMD,IAAI,GAAwBC,QAAQ,KAAKC,IAAI,CAACC,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;AACnE,EAAA,IAAIR,MAAM,EAAE;IACV,oBAAOS,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,SAAS,EAAEX,MAAO;AAACK,MAAAA,IAAI,EAAEA,IAAAA;AAAK,MAAG,CAAA;AACtD,GAAA;AACA,EAAA,IAAIJ,QAAQ,EAAE;IACZ,oBACEQ,GAAA,CAACG,MAAM,EAAA;AAACP,MAAAA,IAAI,EAAEA,IAAK;MAACQ,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,GAAA,CAACO,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAEhB,QAAS;AAACiB,QAAAA,aAAa,EAAEb,IAAAA;OACvC,CAAA;AAAA,KAAQ,CAAC,CAAA;AAEb,GAAA;AACA,EAAA,IAAIH,MAAM,EAAE;IACV,oBACEO,GAAA,CAACG,MAAM,EAAA;AAACP,MAAAA,IAAI,EAAEA,IAAK;MAACQ,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,GAAA,CAACU,KAAK,EAAA;AAACC,QAAAA,GAAG,EAAElB,MAAO;AAACmB,QAAAA,GAAG,EAAC,EAAA;OAC1B,CAAA;AAAA,KAAQ,CAAC,CAAA;AAEb,GAAA;EACA,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAACC,QAAQ,CAAClB,IAAI,CAAC,EAAE;IAC1C,oBACEK,GAAA,CAACG,MAAM,EAAA;AACLP,MAAAA,IAAI,EAAEA,IAAK;MACXQ,SAAS,EAAA,IAAA;AACTU,MAAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EACbpB,IAAI,KAAK,QAAQ,GACb,iCAAiC,GACjC,iCAAA;OACN;AAAAW,MAAAA,QAAA,EAEDZ,IAAI,iBAAIM,GAAA,CAACgB,IAAI;AAAG,KACX,CAAC,CAAA;AAEb,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/build/styles/avatarGroup/AvatarGroup.css

@@ -1,29 +0,0 @@
-.np-avatar-group {
-  display: inline-flex;
-  position: relative;
-}
-.np-avatar-group-diagonal {
-  width: var(--np-avatar-group-size);
-  height: var(--np-avatar-group-size);
-}
-.np-avatar-group-diagonal-mask {
-  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-group-size) / 1.5) right calc(100% - var(--np-avatar-group-size) / 1.5), transparent 0, transparent calc(var(--np-avatar-group-single-size) / 2 + 0.5px), black 0);
-          mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-group-size) / 1.5) right calc(100% - var(--np-avatar-group-size) / 1.5), transparent 0, transparent calc(var(--np-avatar-group-single-size) / 2 + 0.5px), black 0);
-}
-.np-avatar-group-diagonal-child {
-  position: absolute;
-  top: var(--np-avatar-group-diagonal-child-position);
-  right: 0;
-}
-.np-avatar-group-horizontal {
-  height: var(--np-avatar-group-size);
-}
-.np-avatar-group-horizontal-mask {
-  -webkit-mask-image: radial-gradient(circle at top calc(100% - var(--np-avatar-group-single-size) / 2) right calc((100% - var(--np-avatar-group-single-size) / 1.5) * -1), transparent 0, transparent calc((var(--np-avatar-group-single-size) / 2.5) + var(--np-avatar-group-horizontal-child-position)), black 0);
-          mask-image: radial-gradient(circle at top calc(100% - var(--np-avatar-group-single-size) / 2) right calc((100% - var(--np-avatar-group-single-size) / 1.5) * -1), transparent 0, transparent calc((var(--np-avatar-group-single-size) / 2.5) + var(--np-avatar-group-horizontal-child-position)), black 0);
-  -webkit-mask-image: radial-gradient(circle at top calc(100% - var(--np-avatar-group-single-size) / 2) right calc(calc(100% - var(--np-avatar-group-single-size) / 1.5) * -1), transparent 0, transparent calc(calc(var(--np-avatar-group-single-size) / 2.5) + var(--np-avatar-group-horizontal-child-position)), black 0);
-          mask-image: radial-gradient(circle at top calc(100% - var(--np-avatar-group-single-size) / 2) right calc(calc(100% - var(--np-avatar-group-single-size) / 1.5) * -1), transparent 0, transparent calc(calc(var(--np-avatar-group-single-size) / 2.5) + var(--np-avatar-group-horizontal-child-position)), black 0);
-}
-.np-avatar-group-horizontal-child {
-  margin-left: calc(var(--np-avatar-group-horizontal-child-position) * -1);
-}

package/build/styles/avatarView/AvatarView.css

@@ -1,42 +0,0 @@
-.np-notification-dot {
-  --np-notification-dot-size: 14px;
-  position: relative;
-  display: inline-block;
-}
-.np-notification-dot-mask {
-  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-notification-dot-size) / 2)) left calc(100% - (var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-          mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-notification-dot-size) / 2)) left calc(100% - (var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-notification-dot-size) / 2)) left calc(100% - calc(var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-          mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-notification-dot-size) / 2)) left calc(100% - calc(var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-}
-.np-notification-dot-badge {
-  position: absolute;
-  width: var(--np-notification-dot-size);
-  height: var(--np-notification-dot-size);
-  background-color: var(--color-sentiment-negative);
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-  right: 0;
-}
-.np-avatar-view .np-avatar-view-content {
-  color: var(--color-interactive-primary);
-}
-.np-avatar-view-interactive {
-  cursor: pointer;
-}
-.np-avatar-view-interactive .np-circle {
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-}
-.np-avatar-view-interactive:hover {
-  background-color: var(--color-background-neutral-hover);
-}
-.np-avatar-view-interactive:active {
-  background-color: var(--color-background-neutral-active);
-}
-.np-avatar-view-non-interactive .np-circle {
-  background-color: transparent;
-}
-.np-avatar-view-non-interactive .np-avatar-view-content .wds-flag {
-  box-shadow: none;
-}

package/build/styles/avatarView/NotificationDot.css

@@ -1,20 +0,0 @@
-.np-notification-dot {
-  --np-notification-dot-size: 14px;
-  position: relative;
-  display: inline-block;
-}
-.np-notification-dot-mask {
-  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-notification-dot-size) / 2)) left calc(100% - (var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-          mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-notification-dot-size) / 2)) left calc(100% - (var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-notification-dot-size) / 2)) left calc(100% - calc(var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-          mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-notification-dot-size) / 2)) left calc(100% - calc(var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
-}
-.np-notification-dot-badge {
-  position: absolute;
-  width: var(--np-notification-dot-size);
-  height: var(--np-notification-dot-size);
-  background-color: var(--color-sentiment-negative);
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-  right: 0;
-}

package/build/types/avatarGroup/AvatarGroup.d.ts

@@ -1,18 +0,0 @@
-import { CommonProps } from '../common';
-import { AvatarViewProps } from '../avatarView';
-type AvatarType = {
-    asset?: AvatarViewProps['children'];
-} & Omit<AvatarViewProps, 'notification' | 'selected' | 'size' | 'badge' | 'action' | 'children'>;
-type AvatarGroupOrientation = 'horizontal' | 'diagonal';
-type AvatarGroupDiagonalSize = 24 | 32 | 40 | 48 | 56 | 72;
-type AvatarGroupSize = 16 | AvatarGroupDiagonalSize;
-export type Props = {
-    'aria-label'?: string;
-    avatars: AvatarType[];
-    orientation?: AvatarGroupOrientation;
-    size?: AvatarGroupSize;
-    interactive?: boolean;
-} & CommonProps;
-export default function AvatarGroup({ avatars, orientation, size: groupSize, 'aria-label': ariaLabel, className, interactive, }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=AvatarGroup.d.ts.map

package/build/types/avatarGroup/AvatarGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/avatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CAC9D,eAAe,EACf,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CACvE,CAAC;AACF,KAAK,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AACxD,KAAK,uBAAuB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAC3D,KAAK,eAAe,GAAG,EAAE,GAAG,uBAAuB,CAAC;AAqCpD,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC;AAEhB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAA0B,EAC1B,IAAI,EAAE,SAAc,EACpB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,GACZ,EAAE,KAAK,+BAoDP"}

package/build/types/avatarGroup/index.d.ts

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

package/build/types/avatarGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatarGroup/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/build/types/avatarView/AvatarView.d.ts

@@ -1,19 +0,0 @@
-import { BadgeAssetsProps } from '../badge';
-import { HTMLAttributes } from 'react';
-export type Props = {
-    imgSrc?: string | null;
-    /**
-     * Entity name (person (profile or recipient) or business name), it will be boilded down to 1 or 2 chars (initials)
-     */
-    name?: string | null;
-    type?: 'personal' | 'business';
-    size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;
-    notification?: boolean;
-    badge?: BadgeAssetsProps;
-    interactive?: boolean;
-    selected?: boolean;
-    style?: Pick<React.CSSProperties, 'border' | 'backgroundColor' | 'color'>;
-} & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'>;
-declare function AvatarView({ children, size, selected, notification, badge, interactive, className, style, imgSrc, type, name, ...restProps }: Props): import("react").JSX.Element;
-export default AvatarView;
-//# sourceMappingURL=AvatarView.d.ts.map

package/build/types/avatarView/AvatarView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarView.d.ts","sourceRoot":"","sources":["../../../src/avatarView/AvatarView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA2B,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5E,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAQpE,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;CAC3E,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,CAC1F,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,QAAoB,EACpB,IAAS,EACT,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,GAAG,SAAS,EACb,EAAE,KAAK,+BA6BP;AAoED,eAAe,UAAU,CAAC"}