@transferwise/components 0.0.0-experimental-37d8e2c → 0.0.0-experimental-dabe7c7

package/build/avatarView/AvatarView.mjs

@@ -1,205 +0,0 @@
-import Badge from '../badge/Badge.mjs';
-import NotificationDot from '../common/notificationDot/NotificationDot.mjs';
-import StatusIcon from '../statusIcon/StatusIcon.mjs';
-import Circle from '../common/circle/Circle.mjs';
-import { useState } from 'react';
-import { clsx } from 'clsx';
-import { Briefcase, Profile } from '@transferwise/icons';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { getInitials } from '../common/initials.mjs';
-
-const AvatarViewDefaultSize = 48;
-/** Non interactive avatar view has custom border width */
-const mapNonInteractiveBorderWidth = {
-  16: 0.667,
-  24: 1,
-  32: 1,
-  40: 1.25,
-  48: 1.5,
-  56: 1.75,
-  72: 2.25
-};
-/** Selected state has custom border width */
-const mapSelectedBorderWidth = {
-  16: 1,
-  24: 1,
-  32: 1,
-  40: 2,
-  48: 2,
-  56: 2,
-  72: 2
-};
-function AvatarView({
-  children = undefined,
-  size = AvatarViewDefaultSize,
-  selected,
-  notification,
-  badge,
-  entity,
-  action,
-  className,
-  style
-}) {
-  return /*#__PURE__*/jsx(Interactive, {
-    ...action,
-    className: clsx('np-avatar-view', {
-      'np-avatar-view-selected': selected
-    }, className),
-    children: /*#__PURE__*/jsx(Badges, {
-      asset: badge,
-      avatarProps: {
-        size,
-        notification,
-        selected
-      },
-      children: /*#__PURE__*/jsx(Circle, {
-        size: size,
-        fixedSize: true,
-        style: {
-          // @ts-expect-error CSS custom props allowed
-          '--avatar-view-selected-border-width': `${mapSelectedBorderWidth[size]}px`,
-          '--avatar-view-non-interactive-border-width': `${mapNonInteractiveBorderWidth[size]}px`,
-          ...style
-        },
-        children: children === undefined ? /*#__PURE__*/jsx(Entity, {
-          ...entity
-        }) : children
-      })
-    })
-  });
-}
-function Interactive({
-  children,
-  onClick,
-  href,
-  target,
-  className,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledby
-}) {
-  const elementName = onClick ? 'button' : href ? 'a' : null;
-  if (elementName === null) {
-    // non interactive
-    return /*#__PURE__*/jsx("div", {
-      className: className,
-      children: children
-    });
-  }
-  const a11yProps = {
-    ariaLabel,
-    ariaLabelledby
-  };
-  if (elementName === 'button') {
-    return /*#__PURE__*/jsx("button", {
-      type: "button",
-      className: clsx(className, 'np-avatar-view-interactive', 'btn-unstyled'),
-      onClick: onClick,
-      ...a11yProps,
-      children: children
-    });
-  }
-  if (elementName === 'a') {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/jsx-no-target-blank
-      jsx("a", {
-        href: href,
-        target: target,
-        rel: target === '_blank' ? 'noreferrer' : undefined,
-        className: clsx(className, 'np-avatar-view-interactive', 'text-no-decoration'),
-        ...a11yProps,
-        children: children
-      })
-    );
-  }
-}
-const mapBadgeSize = {
-  16: 'sm',
-  24: 'sm',
-  32: 'sm',
-  40: 'sm',
-  48: 'sm',
-  56: 'lg',
-  72: 'lg'
-};
-/** AvatarView has a custom sizes for badge */
-const mapNotificationSize = {
-  16: 6,
-  24: 8,
-  32: 10,
-  40: 10,
-  48: 14,
-  56: 16,
-  72: 20
-};
-function Badges({
-  children,
-  asset,
-  avatarProps
-}) {
-  const {
-    size = AvatarViewDefaultSize,
-    selected,
-    notification
-  } = avatarProps;
-  if (asset || selected || notification) {
-    if (asset && size > 16) {
-      return /*#__PURE__*/jsx(Badge, {
-        badge: asset,
-        size: mapBadgeSize[size],
-        children: children
-      });
-    }
-    if (selected && size > 16) {
-      return /*#__PURE__*/jsx(Badge, {
-        badge: /*#__PURE__*/jsx(StatusIcon, {
-          sentiment: "positive",
-          size: mapBadgeSize[size]
-        }),
-        size: mapBadgeSize[size],
-        children: children
-      });
-    }
-    if (notification) {
-      return /*#__PURE__*/jsx(Badge, {
-        badge: /*#__PURE__*/jsx(NotificationDot
-        // @ts-expect-error CSS custom props allowed
-        , {
-          style: {
-            '--badge-notification-dot-size': `${mapNotificationSize[size]}px`
-          }
-        }),
-        position: "top-right",
-        size: mapBadgeSize[size],
-        children: children
-      });
-    }
-  }
-  return children;
-}
-function Entity({
-  imageSrc = null,
-  name = null,
-  profileType = null
-}) {
-  const [tryLoadImage, setTryLoadImage] = useState(true);
-  if (imageSrc && tryLoadImage) {
-    return /*#__PURE__*/jsx("img", {
-      src: imageSrc,
-      alt: "",
-      onError: () => setTryLoadImage(false)
-    });
-  }
-  if (profileType) {
-    return profileType === 'business' ? /*#__PURE__*/jsx(Briefcase, {}) : /*#__PURE__*/jsx(Profile, {});
-  }
-  if (name) {
-    return /*#__PURE__*/jsx(Fragment, {
-      children: getInitials(name)
-    });
-  }
-  return /*#__PURE__*/jsx(Profile, {});
-}
-
-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 from '../badge';\nimport { getInitials } from '../common';\nimport NotificationDot from '../common/notificationDot/NotificationDot';\nimport StatusIcon from '../statusIcon';\nimport Circle from '../common/circle';\nimport { HTMLAttributes, PropsWithChildren, useState } from 'react';\nimport { ActionOptions as ActionProps } from '../common/action/Action';\nimport { clsx } from 'clsx';\nimport { Briefcase, Profile } from '@transferwise/icons';\n\ntype InteractiveProps = Omit<ActionProps, 'text'> &\n  Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'aria-labelledby'>;\n\nconst AvatarViewDefaultSize = 48;\n\nexport type Props = PropsWithChildren<{\n  size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;\n  /** adds prebuilt notification dot via Badge component */\n  notification?: boolean;\n  /** adds custom badge to avatar */\n  badge?: React.ReactNode;\n  entity?: EntityProps;\n  /** changes background color to neutral and wraps component with button */\n  action?: InteractiveProps;\n  /** changes background color to neutral and adds predefined Badge */\n  selected?: boolean;\n  /** often use case to override `background-color` or `border` */\n  style?: React.CSSProperties;\n}> &\n  Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;\n\n/** Non interactive avatar view has custom border width */\nconst mapNonInteractiveBorderWidth = {\n  16: 0.667,\n  24: 1,\n  32: 1,\n  40: 1.25,\n  48: 1.5,\n  56: 1.75,\n  72: 2.25,\n};\n\n/** Selected state has custom border width */\nconst mapSelectedBorderWidth = {\n  16: 1,\n  24: 1,\n  32: 1,\n  40: 2,\n  48: 2,\n  56: 2,\n  72: 2,\n};\n\nfunction AvatarView({\n  children = undefined,\n  size = AvatarViewDefaultSize,\n  selected,\n  notification,\n  badge,\n  entity,\n  action,\n  className,\n  style,\n}: Props) {\n  return (\n    <Interactive\n      {...action}\n      className={clsx('np-avatar-view', { 'np-avatar-view-selected': selected }, className)}\n    >\n      <Badges asset={badge} avatarProps={{ size, notification, selected }}>\n        <Circle\n          size={size}\n          fixedSize\n          style={{\n            // @ts-expect-error CSS custom props allowed\n            '--avatar-view-selected-border-width': `${mapSelectedBorderWidth[size]}px`,\n            '--avatar-view-non-interactive-border-width': `${mapNonInteractiveBorderWidth[size]}px`,\n            ...style,\n          }}\n        >\n          {children === undefined ? <Entity {...entity} /> : children}\n        </Circle>\n      </Badges>\n    </Interactive>\n  );\n}\n\nfunction Interactive({\n  children,\n  onClick,\n  href,\n  target,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n}: PropsWithChildren<InteractiveProps>) {\n  const elementName: React.ElementType | null = onClick ? 'button' : href ? 'a' : null;\n  if (elementName === null) {\n    // non interactive\n    return <div className={className}>{children}</div>;\n  }\n  const a11yProps = { ariaLabel, ariaLabelledby };\n  if (elementName === 'button') {\n    return (\n      <button\n        type=\"button\"\n        className={clsx(className, 'np-avatar-view-interactive', 'btn-unstyled')}\n        onClick={onClick}\n        {...a11yProps}\n      >\n        {children}\n      </button>\n    );\n  }\n  if (elementName === 'a') {\n    return (\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a\n        href={href}\n        target={target}\n        rel={target === '_blank' ? 'noreferrer' : undefined}\n        className={clsx(className, 'np-avatar-view-interactive', 'text-no-decoration')}\n        {...a11yProps}\n      >\n        {children}\n      </a>\n    );\n  }\n}\n\nconst mapBadgeSize = {\n  16: 'sm',\n  24: 'sm',\n  32: 'sm',\n  40: 'sm',\n  48: 'sm',\n  56: 'lg',\n  72: 'lg',\n};\n\n/** AvatarView has a custom sizes for badge */\nconst mapNotificationSize = {\n  16: 6,\n  24: 8,\n  32: 10,\n  40: 10,\n  48: 14,\n  56: 16,\n  72: 20,\n};\n\ntype BadgesProps = PropsWithChildren<{\n  asset: React.ReactNode;\n  avatarProps: Pick<Props, 'selected' | 'size' | 'notification'>;\n}>;\n\nfunction Badges({ children, asset, avatarProps }: BadgesProps) {\n  const { size = AvatarViewDefaultSize, selected, notification } = avatarProps;\n  if (asset || selected || notification) {\n    if (asset && size > 16) {\n      return (\n        <Badge badge={asset} size={mapBadgeSize[size]}>\n          {children}\n        </Badge>\n      );\n    }\n    if (selected && size > 16) {\n      return (\n        <Badge\n          badge={<StatusIcon sentiment=\"positive\" size={mapBadgeSize[size]} />}\n          size={mapBadgeSize[size]}\n        >\n          {children}\n        </Badge>\n      );\n    }\n    if (notification) {\n      return (\n        <Badge\n          badge={\n            <NotificationDot\n              // @ts-expect-error CSS custom props allowed\n              style={{ '--badge-notification-dot-size': `${mapNotificationSize[size]}px` }}\n            />\n          }\n          position=\"top-right\"\n          size={mapBadgeSize[size]}\n        >\n          {children}\n        </Badge>\n      );\n    }\n  }\n  return children;\n}\n\nexport type EntityProps = {\n  imageSrc?: string | null;\n  name?: string | null;\n  profileType?: 'personal' | 'business' | null;\n};\n\nfunction Entity({ imageSrc = null, name = null, profileType = null }: EntityProps) {\n  const [tryLoadImage, setTryLoadImage] = useState(true);\n  if (imageSrc && tryLoadImage) {\n    return <img src={imageSrc} alt=\"\" onError={() => setTryLoadImage(false)} />;\n  }\n  if (profileType) {\n    return profileType === 'business' ? <Briefcase /> : <Profile />;\n  }\n  if (name) {\n    return <>{getInitials(name)}</>;\n  }\n  return <Profile />;\n}\n\nexport default AvatarView;\n"],"names":["AvatarViewDefaultSize","mapNonInteractiveBorderWidth","mapSelectedBorderWidth","AvatarView","children","undefined","size","selected","notification","badge","entity","action","className","style","_jsx","Interactive","clsx","Badges","asset","avatarProps","Circle","fixedSize","Entity","onClick","href","target","ariaLabel","ariaLabelledby","elementName","a11yProps","type","rel","mapBadgeSize","mapNotificationSize","Badge","StatusIcon","sentiment","NotificationDot","position","imageSrc","name","profileType","tryLoadImage","setTryLoadImage","useState","src","alt","onError","Briefcase","Profile","_Fragment","getInitials"],"mappings":"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"}

package/build/common/initials.js

@@ -1,12 +0,0 @@
-'use strict';
-
-function getInitials(name) {
-  const allInitials = name.split(' ').map(part => part[0]).join('').toUpperCase();
-  if (allInitials.length === 1) {
-    return allInitials[0];
-  }
-  return allInitials[0] + allInitials.slice(-1);
-}
-
-exports.getInitials = getInitials;
-//# sourceMappingURL=initials.js.map

package/build/common/initials.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"initials.js","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n"],"names":["getInitials","name","allInitials","split","map","part","join","toUpperCase","length","slice"],"mappings":";;AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;EACtC,MAAMC,WAAW,GAAGD,IAAI,CACrBE,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE,CAAA;AAEhB,EAAA,IAAIL,WAAW,CAACM,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAON,WAAW,CAAC,CAAC,CAAC,CAAA;AACvB,GAAA;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC/C;;;;"}

package/build/common/initials.mjs

@@ -1,10 +0,0 @@
-function getInitials(name) {
-  const allInitials = name.split(' ').map(part => part[0]).join('').toUpperCase();
-  if (allInitials.length === 1) {
-    return allInitials[0];
-  }
-  return allInitials[0] + allInitials.slice(-1);
-}
-
-export { getInitials };
-//# sourceMappingURL=initials.mjs.map

package/build/common/initials.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"initials.mjs","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n"],"names":["getInitials","name","allInitials","split","map","part","join","toUpperCase","length","slice"],"mappings":"AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;EACtC,MAAMC,WAAW,GAAGD,IAAI,CACrBE,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE,CAAA;AAEhB,EAAA,IAAIL,WAAW,CAACM,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAON,WAAW,CAAC,CAAC,CAAC,CAAA;AACvB,GAAA;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC/C;;;;"}

package/build/common/notificationDot/NotificationDot.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-/**
- * @deprecated make this element part pre build badges
- */
-function NotificationDot(props) {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ...props,
-    className: "np-notification-dot"
-  });
-}
-
-module.exports = NotificationDot;
-//# sourceMappingURL=NotificationDot.js.map

package/build/common/notificationDot/NotificationDot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationDot.js","sources":["../../../src/common/notificationDot/NotificationDot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\ntype Props = Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;\n\n/**\n * @deprecated make this element part pre build badges\n */\nexport default function NotificationDot(props: Props) {\n  return <div {...props} className=\"np-notification-dot\" />;\n}\n"],"names":["NotificationDot","props","_jsx","className"],"mappings":";;;;AAIA;;AAEG;AACqB,SAAAA,eAAeA,CAACC,KAAY,EAAA;AAClD,EAAA,oBAAOC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAASD,KAAK;AAAEE,IAAAA,SAAS,EAAC,qBAAA;AAAqB,GAAA,CAAG,CAAA;AAC3D;;;;"}

package/build/common/notificationDot/NotificationDot.mjs

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * @deprecated make this element part pre build badges
- */
-function NotificationDot(props) {
-  return /*#__PURE__*/jsx("div", {
-    ...props,
-    className: "np-notification-dot"
-  });
-}
-
-export { NotificationDot as default };
-//# sourceMappingURL=NotificationDot.mjs.map

package/build/common/notificationDot/NotificationDot.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationDot.mjs","sources":["../../../src/common/notificationDot/NotificationDot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\ntype Props = Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;\n\n/**\n * @deprecated make this element part pre build badges\n */\nexport default function NotificationDot(props: Props) {\n  return <div {...props} className=\"np-notification-dot\" />;\n}\n"],"names":["NotificationDot","props","_jsx","className"],"mappings":";;AAIA;;AAEG;AACqB,SAAAA,eAAeA,CAACC,KAAY,EAAA;AAClD,EAAA,oBAAOC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAASD,KAAK;AAAEE,IAAAA,SAAS,EAAC,qBAAA;AAAqB,GAAA,CAAG,CAAA;AAC3D;;;;"}

package/build/styles/avatarGroup/AvatarGroup.css

@@ -1,28 +0,0 @@
-.np-avatar-group {
-  display: inline-flex;
-  --np-avatar-group-size: 48px;
-  --np-avatar-size: 32px;
-}
-.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 right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
-          mask-image: radial-gradient(circle at right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
-}
-.np-avatar-group-diagonal-child {
-  margin-left: calc((var(--np-avatar-size) / 2) * -1);
-  margin-top: calc((var(--np-avatar-size) * var(--np-avatar-group-index)) / 2);
-}
-.np-avatar-group-horizontal {
-  width: calc((var(--np-avatar-size) * 2) - 2px);
-  height: var(--np-avatar-group-size);
-}
-.np-avatar-group-horizontal-mask {
-  -webkit-mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
-          mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
-}
-.np-avatar-group-horizontal-child {
-  margin-left: calc((var(--np-avatar-size) / 4) * -1);
-}

package/build/styles/avatarView/AvatarView.css

@@ -1,22 +0,0 @@
-.np-avatar-view {
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-  color: var(--color-interactive-primary);
-  height: -moz-fit-content;
-  height: fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.np-avatar-view .np-circle {
-  background-color: transparent;
-  border: var(--avatar-view-non-interactive-border-width) solid rgba(0,0,0,0.10196);
-  border: var(--avatar-view-non-interactive-border-width) solid var(--color-border-neutral);
-}
-.np-avatar-view-selected .np-circle {
-  border: var(--avatar-view-selected-border-width) solid var(--color-interactive-primary) !important;
-}
-.np-avatar-view-interactive .np-circle {
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  border: none;
-}

package/build/styles/common/notificationDot/NotificationDot.css

@@ -1,10 +0,0 @@
-.np-notification-dot {
-  --badge-notification-dot-size: 14px;
-  width: 14px;
-  width: var(--badge-notification-dot-size);
-  height: 14px;
-  height: var(--badge-notification-dot-size);
-  background-color: var(--color-sentiment-negative);
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-}

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

@@ -1,19 +0,0 @@
-import { CommonProps } from '../common';
-import { ReactNode } from 'react';
-import { AvatarViewProps } from '../avatarView';
-type AvatarType = {
-    asset: ReactNode;
-} & Pick<AvatarViewProps, 'type' | 'backgroundColor' | 'borderColor' | 'className'>;
-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: orientationProp, size, '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,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,KAAK,UAAU,GAAG;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAC3C,eAAe,EACf,MAAM,GAAG,iBAAiB,GAAG,aAAa,GAAG,WAAW,CACzD,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;AAcpD,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,WAAW,EAAE,eAA8B,EAC3C,IAAS,EACT,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,GACZ,EAAE,KAAK,+BAmCP"}

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,25 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-import { ActionOptions as ActionProps } from '../common/action/Action';
-type InteractiveProps = Omit<ActionProps, 'text'> & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'aria-labelledby'>;
-export type Props = PropsWithChildren<{
-    size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;
-    /** adds prebuilt notification dot via Badge component */
-    notification?: boolean;
-    /** adds custom badge to avatar */
-    badge?: React.ReactNode;
-    entity?: EntityProps;
-    /** changes background color to neutral and wraps component with button */
-    action?: InteractiveProps;
-    /** changes background color to neutral and adds predefined Badge */
-    selected?: boolean;
-    /** often use case to override `background-color` or `border` */
-    style?: React.CSSProperties;
-}> & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
-declare function AvatarView({ children, size, selected, notification, badge, entity, action, className, style, }: Props): import("react").JSX.Element;
-export type EntityProps = {
-    imageSrc?: string | null;
-    name?: string | null;
-    profileType?: 'personal' | 'business' | null;
-};
-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":"AAKA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIvE,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAC/C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC,CAAC;AAIxE,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC,GACA,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAwB9D,iBAAS,UAAU,CAAC,EAClB,QAAoB,EACpB,IAA4B,EAC5B,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,KAAK,+BAsBP;AA+GD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;CAC9C,CAAC;AAgBF,eAAe,UAAU,CAAC"}

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

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

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

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

package/build/types/common/initials.d.ts

@@ -1,2 +0,0 @@
-export declare function getInitials(name: string): string;
-//# sourceMappingURL=initials.d.ts.map

package/build/types/common/initials.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"initials.d.ts","sourceRoot":"","sources":["../../../src/common/initials.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAYvC"}

package/build/types/common/notificationDot/NotificationDot.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from 'react';
-type Props = Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
-/**
- * @deprecated make this element part pre build badges
- */
-export default function NotificationDot(props: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=NotificationDot.d.ts.map

package/build/types/common/notificationDot/NotificationDot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationDot.d.ts","sourceRoot":"","sources":["../../../../src/common/notificationDot/NotificationDot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAEzE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,KAAK,+BAEnD"}

package/src/avatarGroup/AvatarGroup.css

@@ -1,28 +0,0 @@
-.np-avatar-group {
-  display: inline-flex;
-  --np-avatar-group-size: 48px;
-  --np-avatar-size: 32px;
-}
-.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 right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
-          mask-image: radial-gradient(circle at right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
-}
-.np-avatar-group-diagonal-child {
-  margin-left: calc((var(--np-avatar-size) / 2) * -1);
-  margin-top: calc((var(--np-avatar-size) * var(--np-avatar-group-index)) / 2);
-}
-.np-avatar-group-horizontal {
-  width: calc((var(--np-avatar-size) * 2) - 2px);
-  height: var(--np-avatar-group-size);
-}
-.np-avatar-group-horizontal-mask {
-  -webkit-mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
-          mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
-}
-.np-avatar-group-horizontal-child {
-  margin-left: calc((var(--np-avatar-size) / 4) * -1);
-}

package/src/avatarGroup/AvatarGroup.less

@@ -1,32 +0,0 @@
-.np-avatar-group {
-  display: inline-flex;
-  --np-avatar-group-size: 48px;
-  --np-avatar-size: 32px;
-
-  &-diagonal {
-    width: var(--np-avatar-group-size);
-    height: var(--np-avatar-group-size);
-
-    &-mask {
-      mask-image: radial-gradient(circle at right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
-    }
-
-    &-child {
-      margin-left: calc((var(--np-avatar-size) / 2) * -1);
-      margin-top: calc((var(--np-avatar-size) * var(--np-avatar-group-index)) / 2);
-    }
-  }
-
-  &-horizontal {
-    width: calc((var(--np-avatar-size) * 2) - 2px);
-    height: var(--np-avatar-group-size);
-
-    &-mask {
-      mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
-    }
-
-    &-child {
-      margin-left: calc((var(--np-avatar-size) / 4) * -1);
-    }
-  }
-}