@transferwise/components 0.0.0-experimental-d00c51c → 0.0.0-experimental-6627da5

package/build/avatarLayout/AvatarLayout.js

@@ -6,15 +6,19 @@ var jsxRuntime = require('react/jsx-runtime');
 
 function AvatarLayout({
   avatars = [],
-  orientation = 'horizontal',
+  orientation: orientationProp = 'horizontal',
   size = 48,
   className,
   interactive,
   ...restProps
 }) {
+  const orientation = size === 16 && orientationProp === 'diagonal' ? 'horizontal' : orientationProp;
   const isDiagonal = orientation === 'diagonal';
   const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
+  return avatars.length < 1 ? null : avatars.length === 1 ? /*#__PURE__*/jsxRuntime.jsx(AvatarView, {
+    ...avatars[0],
+    children: avatars[0].asset
+  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
     className: clsx.clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className),
     style: {
       // @ts-expect-error CSS custom props allowed
@@ -23,7 +27,7 @@ function AvatarLayout({
       '--np-avatar-offset': `${isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size].offset : HORIZONTAL_LAYOUT_OFFSET[size]}px`
     },
     ...restProps,
-    children: avatars.length < 2 || size === 16 && isDiagonal ? null : avatars.map(({
+    children: avatars.map(({
       asset,
       style,
       ...avatar

package/build/avatarLayout/AvatarLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarLayout.js","sources":["../../src/avatarLayout/AvatarLayout.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport AvatarView, { AvatarViewProps } from '../avatarView';\n\ntype SingleAvatarType = { asset?: AvatarViewProps['children'] } & Omit<\n  AvatarViewProps,\n  'notification' | 'selected' | 'size' | 'badge' | 'children' | 'interactive'\n>;\n\nexport type Props = {\n  avatars: SingleAvatarType[];\n  orientation?: 'horizontal' | 'diagonal';\n} & Pick<\n  AvatarViewProps,\n  'size' | 'interactive' | 'className' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'\n>;\n\nexport default function AvatarLayout({\n  avatars = [],\n  orientation = 'horizontal',\n  size = 48,\n  className,\n  interactive,\n  ...restProps\n}: Props) {\n  const isDiagonal = orientation === 'diagonal';\n  const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;\n  return (\n    <div\n      className={clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className)}\n      style={{\n        // @ts-expect-error CSS custom props allowed\n        '--np-avatar-layout-size': `${size}px`,\n        '--np-avatar-size': `${avatarSize}px`,\n        '--np-avatar-offset': `${isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size].offset : HORIZONTAL_LAYOUT_OFFSET[size]}px`,\n      }}\n      {...restProps}\n    >\n      {avatars.length < 2 || (size === 16 && isDiagonal)\n        ? null\n        : avatars.map(({ asset, style, ...avatar }, index) => (\n            <div\n              // eslint-disable-next-line react/no-array-index-key\n              key={index}\n              className={clsx(\n                { [`np-avatar-layout-${orientation}-child`]: index !== 0 },\n                { [`np-avatar-layout-${orientation}-mask`]: index !== avatars.length - 1 },\n              )}\n            >\n              <AvatarView\n                {...avatar}\n                size={avatarSize as Props['size']}\n                style={{\n                  ...(isDiagonal && {\n                    '--circle-size': `${avatarSize}px`,\n                    '--circle-icon-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].iconSize}px`,\n                    '--circle-font-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].fontSize}px`,\n                  }),\n                  ...style,\n                }}\n                interactive={interactive}\n              >\n                {asset}\n              </AvatarView>\n            </div>\n          ))}\n    </div>\n  );\n}\n\n/** Diagonal layout have custom sizes for avatar, font and icon */\nconst DIAGONAL_LAYOUT_STYLE_CONFIG = {\n  // Diagonal layout doesn't support 16 size\n  16: { avatarSize: undefined, offset: undefined, fontSize: undefined, iconSize: undefined },\n  24: { avatarSize: 15, offset: 2.5, fontSize: 8, iconSize: 11.25 },\n  32: { avatarSize: 20, offset: 2.5, fontSize: 12, iconSize: 15 },\n  40: { avatarSize: 24, offset: 4.5, fontSize: 12, iconSize: 18 },\n  48: { avatarSize: 30, offset: 3.5, fontSize: 14, iconSize: 16.87 },\n  56: { avatarSize: 34, offset: 5, fontSize: 14, iconSize: 19.12 },\n  72: { avatarSize: 44, offset: 6, fontSize: 22, iconSize: 22 },\n};\n\n/** Horizontal layout have custom offset between avatars */\nconst HORIZONTAL_LAYOUT_OFFSET = {\n  16: 2,\n  24: 2,\n  32: 4,\n  40: 4,\n  48: 4,\n  56: 5,\n  72: 5,\n};\n"],"names":["AvatarLayout","avatars","orientation","size","className","interactive","restProps","isDiagonal","avatarSize","DIAGONAL_LAYOUT_STYLE_CONFIG","_jsx","clsx","style","offset","HORIZONTAL_LAYOUT_OFFSET","children","length","map","asset","avatar","index","AvatarView","iconSize","fontSize","undefined"],"mappings":"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"}
+{"version":3,"file":"AvatarLayout.js","sources":["../../src/avatarLayout/AvatarLayout.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport AvatarView, { AvatarViewProps } from '../avatarView';\n\ntype SingleAvatarType = { asset?: AvatarViewProps['children'] } & Omit<\n  AvatarViewProps,\n  'notification' | 'selected' | 'size' | 'badge' | 'children' | 'interactive'\n>;\n\nexport type Props = {\n  avatars: SingleAvatarType[];\n  orientation?: 'horizontal' | 'diagonal';\n} & Pick<\n  AvatarViewProps,\n  'size' | 'interactive' | 'className' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'\n>;\n\nexport default function AvatarLayout({\n  avatars = [],\n  orientation: orientationProp = 'horizontal',\n  size = 48,\n  className,\n  interactive,\n  ...restProps\n}: Props) {\n  const orientation =\n    size === 16 && orientationProp === 'diagonal' ? 'horizontal' : orientationProp;\n  const isDiagonal = orientation === 'diagonal';\n  const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;\n  return avatars.length < 1 ? null : avatars.length === 1 ? (\n    <AvatarView {...avatars[0]}>{avatars[0].asset}</AvatarView>\n  ) : (\n    <div\n      className={clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className)}\n      style={{\n        // @ts-expect-error CSS custom props allowed\n        '--np-avatar-layout-size': `${size}px`,\n        '--np-avatar-size': `${avatarSize}px`,\n        '--np-avatar-offset': `${isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size].offset : HORIZONTAL_LAYOUT_OFFSET[size]}px`,\n      }}\n      {...restProps}\n    >\n      {avatars.map(({ asset, style, ...avatar }, index) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          className={clsx(\n            { [`np-avatar-layout-${orientation}-child`]: index !== 0 },\n            { [`np-avatar-layout-${orientation}-mask`]: index !== avatars.length - 1 },\n          )}\n        >\n          <AvatarView\n            {...avatar}\n            size={avatarSize as Props['size']}\n            style={{\n              ...(isDiagonal && {\n                '--circle-size': `${avatarSize}px`,\n                '--circle-icon-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].iconSize}px`,\n                '--circle-font-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].fontSize}px`,\n              }),\n              ...style,\n            }}\n            interactive={interactive}\n          >\n            {asset}\n          </AvatarView>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Diagonal layout have custom sizes for avatar, font and icon */\nconst DIAGONAL_LAYOUT_STYLE_CONFIG = {\n  // Diagonal layout doesn't support 16 size\n  16: { avatarSize: undefined, offset: undefined, fontSize: undefined, iconSize: undefined },\n  24: { avatarSize: 15, offset: 2.5, fontSize: 8, iconSize: 11.25 },\n  32: { avatarSize: 20, offset: 2.5, fontSize: 12, iconSize: 15 },\n  40: { avatarSize: 24, offset: 4.5, fontSize: 12, iconSize: 18 },\n  48: { avatarSize: 30, offset: 3.5, fontSize: 14, iconSize: 16.87 },\n  56: { avatarSize: 34, offset: 5, fontSize: 14, iconSize: 19.12 },\n  72: { avatarSize: 44, offset: 6, fontSize: 22, iconSize: 22 },\n};\n\n/** Horizontal layout have custom offset between avatars */\nconst HORIZONTAL_LAYOUT_OFFSET = {\n  16: 2,\n  24: 2,\n  32: 4,\n  40: 4,\n  48: 4,\n  56: 5,\n  72: 5,\n};\n"],"names":["AvatarLayout","avatars","orientation","orientationProp","size","className","interactive","restProps","isDiagonal","avatarSize","DIAGONAL_LAYOUT_STYLE_CONFIG","length","_jsx","AvatarView","children","asset","clsx","style","offset","HORIZONTAL_LAYOUT_OFFSET","map","avatar","index","iconSize","fontSize","undefined"],"mappings":";;;;;;AAgBc,SAAUA,YAAYA,CAAC;AACnCC,EAAAA,OAAO,GAAG,EAAE;EACZC,WAAW,EAAEC,eAAe,GAAG,YAAY;AAC3CC,EAAAA,IAAI,GAAG,EAAE;EACTC,SAAS;EACTC,WAAW;EACX,GAAGC,SAAAA;AACG,CAAA,EAAA;AACN,EAAA,MAAML,WAAW,GACfE,IAAI,KAAK,EAAE,IAAID,eAAe,KAAK,UAAU,GAAG,YAAY,GAAGA,eAAe,CAAA;AAChF,EAAA,MAAMK,UAAU,GAAGN,WAAW,KAAK,UAAU,CAAA;EAC7C,MAAMO,UAAU,GAAGD,UAAU,GAAGE,4BAA4B,CAACN,IAAI,CAAC,EAAEK,UAAU,GAAGL,IAAI,CAAA;AACrF,EAAA,OAAOH,OAAO,CAACU,MAAM,GAAG,CAAC,GAAG,IAAI,GAAGV,OAAO,CAACU,MAAM,KAAK,CAAC,gBACrDC,cAAA,CAACC,UAAU,EAAA;IAAA,GAAKZ,OAAO,CAAC,CAAC,CAAC;AAAAa,IAAAA,QAAA,EAAGb,OAAO,CAAC,CAAC,CAAC,CAACc,KAAAA;GAAkB,CAAC,gBAE3DH,cAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAEW,SAAI,CAAC,kBAAkB,EAAE,oBAAoBd,WAAW,CAAA,CAAE,EAAEG,SAAS,CAAE;AAClFY,IAAAA,KAAK,EAAE;AACL;MACA,yBAAyB,EAAE,CAAGb,EAAAA,IAAI,CAAI,EAAA,CAAA;MACtC,kBAAkB,EAAE,CAAGK,EAAAA,UAAU,CAAI,EAAA,CAAA;AACrC,MAAA,oBAAoB,EAAE,CAAA,EAAGD,UAAU,GAAGE,4BAA4B,CAACN,IAAI,CAAC,CAACc,MAAM,GAAGC,wBAAwB,CAACf,IAAI,CAAC,CAAA,EAAA,CAAA;KAChH;AAAA,IAAA,GACEG,SAAS;AAAAO,IAAAA,QAAA,EAEZb,OAAO,CAACmB,GAAG,CAAC,CAAC;MAAEL,KAAK;MAAEE,KAAK;MAAE,GAAGI,MAAAA;KAAQ,EAAEC,KAAK,kBAC9CV,cAAA,CAAA,KAAA,EAAA;MAGEP,SAAS,EAAEW,SAAI,CACb;AAAE,QAAA,CAAC,CAAoBd,iBAAAA,EAAAA,WAAW,CAAQ,MAAA,CAAA,GAAGoB,KAAK,KAAK,CAAA;AAAC,OAAE,EAC1D;QAAE,CAAC,CAAA,iBAAA,EAAoBpB,WAAW,CAAO,KAAA,CAAA,GAAGoB,KAAK,KAAKrB,OAAO,CAACU,MAAM,GAAG,CAAA;AAAG,OAAA,CAC1E;MAAAG,QAAA,eAEFF,cAAA,CAACC,UAAU,EAAA;AAAA,QAAA,GACLQ,MAAM;AACVjB,QAAAA,IAAI,EAAEK,UAA4B;AAClCQ,QAAAA,KAAK,EAAE;AACL,UAAA,IAAIT,UAAU,IAAI;YAChB,eAAe,EAAE,CAAGC,EAAAA,UAAU,CAAI,EAAA,CAAA;YAClC,oBAAoB,EAAE,GAAGC,4BAA4B,CAACN,IAAI,CAAC,CAACmB,QAAQ,CAAI,EAAA,CAAA;AACxE,YAAA,oBAAoB,EAAE,CAAGb,EAAAA,4BAA4B,CAACN,IAAI,CAAC,CAACoB,QAAQ,CAAA,EAAA,CAAA;WACrE,CAAC;UACF,GAAGP,KAAAA;SACH;AACFX,QAAAA,WAAW,EAAEA,WAAY;AAAAQ,QAAAA,QAAA,EAExBC,KAAAA;OACS,CAAA;AACd,KAAA,EArBOO,KAqBF,CACN,CAAA;AAAC,GACC,CACN,CAAA;AACH,CAAA;AAEA;AACA,MAAMZ,4BAA4B,GAAG;AACnC;AACA,EAAA,EAAE,EAAE;AAAED,IAAAA,UAAU,EAAEgB,SAAS;AAAEP,IAAAA,MAAM,EAAEO,SAAS;AAAED,IAAAA,QAAQ,EAAEC,SAAS;AAAEF,IAAAA,QAAQ,EAAEE,SAAAA;GAAW;AAC1F,EAAA,EAAE,EAAE;AAAEhB,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,CAAC;AAAED,IAAAA,QAAQ,EAAE,KAAA;GAAO;AACjE,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,EAAA;GAAI;AAC/D,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,EAAA;GAAI;AAC/D,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,KAAA;GAAO;AAClE,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,CAAC;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,KAAA;GAAO;AAChE,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,CAAC;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,EAAA;AAAI,GAAA;CAC9D,CAAA;AAED;AACA,MAAMJ,wBAAwB,GAAG;AAC/B,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAA;CACL;;;;"}

package/build/avatarLayout/AvatarLayout.mjs

@@ -4,15 +4,19 @@ import { jsx } from 'react/jsx-runtime';
 
 function AvatarLayout({
   avatars = [],
-  orientation = 'horizontal',
+  orientation: orientationProp = 'horizontal',
   size = 48,
   className,
   interactive,
   ...restProps
 }) {
+  const orientation = size === 16 && orientationProp === 'diagonal' ? 'horizontal' : orientationProp;
   const isDiagonal = orientation === 'diagonal';
   const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;
-  return /*#__PURE__*/jsx("div", {
+  return avatars.length < 1 ? null : avatars.length === 1 ? /*#__PURE__*/jsx(AvatarView, {
+    ...avatars[0],
+    children: avatars[0].asset
+  }) : /*#__PURE__*/jsx("div", {
     className: clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className),
     style: {
       // @ts-expect-error CSS custom props allowed
@@ -21,7 +25,7 @@ function AvatarLayout({
       '--np-avatar-offset': `${isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size].offset : HORIZONTAL_LAYOUT_OFFSET[size]}px`
     },
     ...restProps,
-    children: avatars.length < 2 || size === 16 && isDiagonal ? null : avatars.map(({
+    children: avatars.map(({
       asset,
       style,
       ...avatar

package/build/avatarLayout/AvatarLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarLayout.mjs","sources":["../../src/avatarLayout/AvatarLayout.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport AvatarView, { AvatarViewProps } from '../avatarView';\n\ntype SingleAvatarType = { asset?: AvatarViewProps['children'] } & Omit<\n  AvatarViewProps,\n  'notification' | 'selected' | 'size' | 'badge' | 'children' | 'interactive'\n>;\n\nexport type Props = {\n  avatars: SingleAvatarType[];\n  orientation?: 'horizontal' | 'diagonal';\n} & Pick<\n  AvatarViewProps,\n  'size' | 'interactive' | 'className' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'\n>;\n\nexport default function AvatarLayout({\n  avatars = [],\n  orientation = 'horizontal',\n  size = 48,\n  className,\n  interactive,\n  ...restProps\n}: Props) {\n  const isDiagonal = orientation === 'diagonal';\n  const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;\n  return (\n    <div\n      className={clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className)}\n      style={{\n        // @ts-expect-error CSS custom props allowed\n        '--np-avatar-layout-size': `${size}px`,\n        '--np-avatar-size': `${avatarSize}px`,\n        '--np-avatar-offset': `${isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size].offset : HORIZONTAL_LAYOUT_OFFSET[size]}px`,\n      }}\n      {...restProps}\n    >\n      {avatars.length < 2 || (size === 16 && isDiagonal)\n        ? null\n        : avatars.map(({ asset, style, ...avatar }, index) => (\n            <div\n              // eslint-disable-next-line react/no-array-index-key\n              key={index}\n              className={clsx(\n                { [`np-avatar-layout-${orientation}-child`]: index !== 0 },\n                { [`np-avatar-layout-${orientation}-mask`]: index !== avatars.length - 1 },\n              )}\n            >\n              <AvatarView\n                {...avatar}\n                size={avatarSize as Props['size']}\n                style={{\n                  ...(isDiagonal && {\n                    '--circle-size': `${avatarSize}px`,\n                    '--circle-icon-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].iconSize}px`,\n                    '--circle-font-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].fontSize}px`,\n                  }),\n                  ...style,\n                }}\n                interactive={interactive}\n              >\n                {asset}\n              </AvatarView>\n            </div>\n          ))}\n    </div>\n  );\n}\n\n/** Diagonal layout have custom sizes for avatar, font and icon */\nconst DIAGONAL_LAYOUT_STYLE_CONFIG = {\n  // Diagonal layout doesn't support 16 size\n  16: { avatarSize: undefined, offset: undefined, fontSize: undefined, iconSize: undefined },\n  24: { avatarSize: 15, offset: 2.5, fontSize: 8, iconSize: 11.25 },\n  32: { avatarSize: 20, offset: 2.5, fontSize: 12, iconSize: 15 },\n  40: { avatarSize: 24, offset: 4.5, fontSize: 12, iconSize: 18 },\n  48: { avatarSize: 30, offset: 3.5, fontSize: 14, iconSize: 16.87 },\n  56: { avatarSize: 34, offset: 5, fontSize: 14, iconSize: 19.12 },\n  72: { avatarSize: 44, offset: 6, fontSize: 22, iconSize: 22 },\n};\n\n/** Horizontal layout have custom offset between avatars */\nconst HORIZONTAL_LAYOUT_OFFSET = {\n  16: 2,\n  24: 2,\n  32: 4,\n  40: 4,\n  48: 4,\n  56: 5,\n  72: 5,\n};\n"],"names":["AvatarLayout","avatars","orientation","size","className","interactive","restProps","isDiagonal","avatarSize","DIAGONAL_LAYOUT_STYLE_CONFIG","_jsx","clsx","style","offset","HORIZONTAL_LAYOUT_OFFSET","children","length","map","asset","avatar","index","AvatarView","iconSize","fontSize","undefined"],"mappings":"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"}
+{"version":3,"file":"AvatarLayout.mjs","sources":["../../src/avatarLayout/AvatarLayout.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport AvatarView, { AvatarViewProps } from '../avatarView';\n\ntype SingleAvatarType = { asset?: AvatarViewProps['children'] } & Omit<\n  AvatarViewProps,\n  'notification' | 'selected' | 'size' | 'badge' | 'children' | 'interactive'\n>;\n\nexport type Props = {\n  avatars: SingleAvatarType[];\n  orientation?: 'horizontal' | 'diagonal';\n} & Pick<\n  AvatarViewProps,\n  'size' | 'interactive' | 'className' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'\n>;\n\nexport default function AvatarLayout({\n  avatars = [],\n  orientation: orientationProp = 'horizontal',\n  size = 48,\n  className,\n  interactive,\n  ...restProps\n}: Props) {\n  const orientation =\n    size === 16 && orientationProp === 'diagonal' ? 'horizontal' : orientationProp;\n  const isDiagonal = orientation === 'diagonal';\n  const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;\n  return avatars.length < 1 ? null : avatars.length === 1 ? (\n    <AvatarView {...avatars[0]}>{avatars[0].asset}</AvatarView>\n  ) : (\n    <div\n      className={clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className)}\n      style={{\n        // @ts-expect-error CSS custom props allowed\n        '--np-avatar-layout-size': `${size}px`,\n        '--np-avatar-size': `${avatarSize}px`,\n        '--np-avatar-offset': `${isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size].offset : HORIZONTAL_LAYOUT_OFFSET[size]}px`,\n      }}\n      {...restProps}\n    >\n      {avatars.map(({ asset, style, ...avatar }, index) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          className={clsx(\n            { [`np-avatar-layout-${orientation}-child`]: index !== 0 },\n            { [`np-avatar-layout-${orientation}-mask`]: index !== avatars.length - 1 },\n          )}\n        >\n          <AvatarView\n            {...avatar}\n            size={avatarSize as Props['size']}\n            style={{\n              ...(isDiagonal && {\n                '--circle-size': `${avatarSize}px`,\n                '--circle-icon-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].iconSize}px`,\n                '--circle-font-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].fontSize}px`,\n              }),\n              ...style,\n            }}\n            interactive={interactive}\n          >\n            {asset}\n          </AvatarView>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Diagonal layout have custom sizes for avatar, font and icon */\nconst DIAGONAL_LAYOUT_STYLE_CONFIG = {\n  // Diagonal layout doesn't support 16 size\n  16: { avatarSize: undefined, offset: undefined, fontSize: undefined, iconSize: undefined },\n  24: { avatarSize: 15, offset: 2.5, fontSize: 8, iconSize: 11.25 },\n  32: { avatarSize: 20, offset: 2.5, fontSize: 12, iconSize: 15 },\n  40: { avatarSize: 24, offset: 4.5, fontSize: 12, iconSize: 18 },\n  48: { avatarSize: 30, offset: 3.5, fontSize: 14, iconSize: 16.87 },\n  56: { avatarSize: 34, offset: 5, fontSize: 14, iconSize: 19.12 },\n  72: { avatarSize: 44, offset: 6, fontSize: 22, iconSize: 22 },\n};\n\n/** Horizontal layout have custom offset between avatars */\nconst HORIZONTAL_LAYOUT_OFFSET = {\n  16: 2,\n  24: 2,\n  32: 4,\n  40: 4,\n  48: 4,\n  56: 5,\n  72: 5,\n};\n"],"names":["AvatarLayout","avatars","orientation","orientationProp","size","className","interactive","restProps","isDiagonal","avatarSize","DIAGONAL_LAYOUT_STYLE_CONFIG","length","_jsx","AvatarView","children","asset","clsx","style","offset","HORIZONTAL_LAYOUT_OFFSET","map","avatar","index","iconSize","fontSize","undefined"],"mappings":";;;;AAgBc,SAAUA,YAAYA,CAAC;AACnCC,EAAAA,OAAO,GAAG,EAAE;EACZC,WAAW,EAAEC,eAAe,GAAG,YAAY;AAC3CC,EAAAA,IAAI,GAAG,EAAE;EACTC,SAAS;EACTC,WAAW;EACX,GAAGC,SAAAA;AACG,CAAA,EAAA;AACN,EAAA,MAAML,WAAW,GACfE,IAAI,KAAK,EAAE,IAAID,eAAe,KAAK,UAAU,GAAG,YAAY,GAAGA,eAAe,CAAA;AAChF,EAAA,MAAMK,UAAU,GAAGN,WAAW,KAAK,UAAU,CAAA;EAC7C,MAAMO,UAAU,GAAGD,UAAU,GAAGE,4BAA4B,CAACN,IAAI,CAAC,EAAEK,UAAU,GAAGL,IAAI,CAAA;AACrF,EAAA,OAAOH,OAAO,CAACU,MAAM,GAAG,CAAC,GAAG,IAAI,GAAGV,OAAO,CAACU,MAAM,KAAK,CAAC,gBACrDC,GAAA,CAACC,UAAU,EAAA;IAAA,GAAKZ,OAAO,CAAC,CAAC,CAAC;AAAAa,IAAAA,QAAA,EAAGb,OAAO,CAAC,CAAC,CAAC,CAACc,KAAAA;GAAkB,CAAC,gBAE3DH,GAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAEW,IAAI,CAAC,kBAAkB,EAAE,oBAAoBd,WAAW,CAAA,CAAE,EAAEG,SAAS,CAAE;AAClFY,IAAAA,KAAK,EAAE;AACL;MACA,yBAAyB,EAAE,CAAGb,EAAAA,IAAI,CAAI,EAAA,CAAA;MACtC,kBAAkB,EAAE,CAAGK,EAAAA,UAAU,CAAI,EAAA,CAAA;AACrC,MAAA,oBAAoB,EAAE,CAAA,EAAGD,UAAU,GAAGE,4BAA4B,CAACN,IAAI,CAAC,CAACc,MAAM,GAAGC,wBAAwB,CAACf,IAAI,CAAC,CAAA,EAAA,CAAA;KAChH;AAAA,IAAA,GACEG,SAAS;AAAAO,IAAAA,QAAA,EAEZb,OAAO,CAACmB,GAAG,CAAC,CAAC;MAAEL,KAAK;MAAEE,KAAK;MAAE,GAAGI,MAAAA;KAAQ,EAAEC,KAAK,kBAC9CV,GAAA,CAAA,KAAA,EAAA;MAGEP,SAAS,EAAEW,IAAI,CACb;AAAE,QAAA,CAAC,CAAoBd,iBAAAA,EAAAA,WAAW,CAAQ,MAAA,CAAA,GAAGoB,KAAK,KAAK,CAAA;AAAC,OAAE,EAC1D;QAAE,CAAC,CAAA,iBAAA,EAAoBpB,WAAW,CAAO,KAAA,CAAA,GAAGoB,KAAK,KAAKrB,OAAO,CAACU,MAAM,GAAG,CAAA;AAAG,OAAA,CAC1E;MAAAG,QAAA,eAEFF,GAAA,CAACC,UAAU,EAAA;AAAA,QAAA,GACLQ,MAAM;AACVjB,QAAAA,IAAI,EAAEK,UAA4B;AAClCQ,QAAAA,KAAK,EAAE;AACL,UAAA,IAAIT,UAAU,IAAI;YAChB,eAAe,EAAE,CAAGC,EAAAA,UAAU,CAAI,EAAA,CAAA;YAClC,oBAAoB,EAAE,GAAGC,4BAA4B,CAACN,IAAI,CAAC,CAACmB,QAAQ,CAAI,EAAA,CAAA;AACxE,YAAA,oBAAoB,EAAE,CAAGb,EAAAA,4BAA4B,CAACN,IAAI,CAAC,CAACoB,QAAQ,CAAA,EAAA,CAAA;WACrE,CAAC;UACF,GAAGP,KAAAA;SACH;AACFX,QAAAA,WAAW,EAAEA,WAAY;AAAAQ,QAAAA,QAAA,EAExBC,KAAAA;OACS,CAAA;AACd,KAAA,EArBOO,KAqBF,CACN,CAAA;AAAC,GACC,CACN,CAAA;AACH,CAAA;AAEA;AACA,MAAMZ,4BAA4B,GAAG;AACnC;AACA,EAAA,EAAE,EAAE;AAAED,IAAAA,UAAU,EAAEgB,SAAS;AAAEP,IAAAA,MAAM,EAAEO,SAAS;AAAED,IAAAA,QAAQ,EAAEC,SAAS;AAAEF,IAAAA,QAAQ,EAAEE,SAAAA;GAAW;AAC1F,EAAA,EAAE,EAAE;AAAEhB,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,CAAC;AAAED,IAAAA,QAAQ,EAAE,KAAA;GAAO;AACjE,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,EAAA;GAAI;AAC/D,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,EAAA;GAAI;AAC/D,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,GAAG;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,KAAA;GAAO;AAClE,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,CAAC;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,KAAA;GAAO;AAChE,EAAA,EAAE,EAAE;AAAEd,IAAAA,UAAU,EAAE,EAAE;AAAES,IAAAA,MAAM,EAAE,CAAC;AAAEM,IAAAA,QAAQ,EAAE,EAAE;AAAED,IAAAA,QAAQ,EAAE,EAAA;AAAI,GAAA;CAC9D,CAAA;AAED;AACA,MAAMJ,wBAAwB,GAAG;AAC/B,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,CAAA;CACL;;;;"}

package/build/i18n/es.json

@@ -36,7 +36,7 @@
   "neptune.Summary.statusNotDone": "Apartado a completar",
   "neptune.Summary.statusPending": "Apartado pendiente",
   "neptune.Table.actionHeader": "Acción",
-  "neptune.Table.emptyData": "No se han encontrado resultados",
+  "neptune.Table.emptyData": "Ningún resultado",
   "neptune.Table.loaded": "Los datos de la tabla se han cargado",
   "neptune.Table.loading": "Los datos de la tabla se están cargando",
   "neptune.Table.refreshPage": "Actualizar página",

package/build/i18n/es.json.js

@@ -38,7 +38,7 @@ var es = {
 	"neptune.Summary.statusNotDone": "Apartado a completar",
 	"neptune.Summary.statusPending": "Apartado pendiente",
 	"neptune.Table.actionHeader": "Acción",
-	"neptune.Table.emptyData": "No se han encontrado resultados",
+	"neptune.Table.emptyData": "Ningún resultado",
 	"neptune.Table.loaded": "Los datos de la tabla se han cargado",
 	"neptune.Table.loading": "Los datos de la tabla se están cargando",
 	"neptune.Table.refreshPage": "Actualizar página",

package/build/i18n/es.json.mjs

@@ -36,7 +36,7 @@ var es = {
 	"neptune.Summary.statusNotDone": "Apartado a completar",
 	"neptune.Summary.statusPending": "Apartado pendiente",
 	"neptune.Table.actionHeader": "Acción",
-	"neptune.Table.emptyData": "No se han encontrado resultados",
+	"neptune.Table.emptyData": "Ningún resultado",
 	"neptune.Table.loaded": "Los datos de la tabla se han cargado",
 	"neptune.Table.loading": "Los datos de la tabla se están cargando",
 	"neptune.Table.refreshPage": "Actualizar página",

package/build/i18n/hu.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "Kész",
   "neptune.Summary.statusNotDone": "Hátravan",
   "neptune.Summary.statusPending": "Függőben",
+  "neptune.Table.actionHeader": "Művelet",
+  "neptune.Table.emptyData": "Nincs találat",
+  "neptune.Table.loaded": "Táblázatadatok betöltve",
+  "neptune.Table.loading": "Táblázatadatok betöltése folyamatban",
+  "neptune.Table.refreshPage": "Oldal frissítése",
   "neptune.Upload.csButtonText": "Másik fájl feltöltése?",
   "neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
   "neptune.Upload.csSuccessText": "Feltöltés sikeres",

package/build/i18n/hu.json.js

@@ -37,6 +37,11 @@ var hu = {
 	"neptune.Summary.statusDone": "Kész",
 	"neptune.Summary.statusNotDone": "Hátravan",
 	"neptune.Summary.statusPending": "Függőben",
+	"neptune.Table.actionHeader": "Művelet",
+	"neptune.Table.emptyData": "Nincs találat",
+	"neptune.Table.loaded": "Táblázatadatok betöltve",
+	"neptune.Table.loading": "Táblázatadatok betöltése folyamatban",
+	"neptune.Table.refreshPage": "Oldal frissítése",
 	"neptune.Upload.csButtonText": "Másik fájl feltöltése?",
 	"neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
 	"neptune.Upload.csSuccessText": "Feltöltés sikeres",

package/build/i18n/hu.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"hu.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hu.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/hu.json.mjs

@@ -35,6 +35,11 @@ var hu = {
 	"neptune.Summary.statusDone": "Kész",
 	"neptune.Summary.statusNotDone": "Hátravan",
 	"neptune.Summary.statusPending": "Függőben",
+	"neptune.Table.actionHeader": "Művelet",
+	"neptune.Table.emptyData": "Nincs találat",
+	"neptune.Table.loaded": "Táblázatadatok betöltve",
+	"neptune.Table.loading": "Táblázatadatok betöltése folyamatban",
+	"neptune.Table.refreshPage": "Oldal frissítése",
 	"neptune.Upload.csButtonText": "Másik fájl feltöltése?",
 	"neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
 	"neptune.Upload.csSuccessText": "Feltöltés sikeres",

package/build/i18n/hu.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hu.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hu.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/id.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "Item selesai",
   "neptune.Summary.statusNotDone": "Item yang harus dilakukan",
   "neptune.Summary.statusPending": "Item tertunda",
+  "neptune.Table.actionHeader": "Tindakan",
+  "neptune.Table.emptyData": "Hasil tidak ditemukan",
+  "neptune.Table.loaded": "Data tabel telah dimuat",
+  "neptune.Table.loading": "Data tabel sedang dimuat",
+  "neptune.Table.refreshPage": "Muat ulang halaman",
   "neptune.Upload.csButtonText": "Unggah file lainnya?",
   "neptune.Upload.csFailureText": "Unggahan gagal. Silakan coba lagi",
   "neptune.Upload.csSuccessText": "Pengunggahan selesai!",

package/build/i18n/id.json.js

@@ -37,6 +37,11 @@ var id = {
 	"neptune.Summary.statusDone": "Item selesai",
 	"neptune.Summary.statusNotDone": "Item yang harus dilakukan",
 	"neptune.Summary.statusPending": "Item tertunda",
+	"neptune.Table.actionHeader": "Tindakan",
+	"neptune.Table.emptyData": "Hasil tidak ditemukan",
+	"neptune.Table.loaded": "Data tabel telah dimuat",
+	"neptune.Table.loading": "Data tabel sedang dimuat",
+	"neptune.Table.refreshPage": "Muat ulang halaman",
 	"neptune.Upload.csButtonText": "Unggah file lainnya?",
 	"neptune.Upload.csFailureText": "Unggahan gagal. Silakan coba lagi",
 	"neptune.Upload.csSuccessText": "Pengunggahan selesai!",

package/build/i18n/id.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"id.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"id.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/id.json.mjs

@@ -35,6 +35,11 @@ var id = {
 	"neptune.Summary.statusDone": "Item selesai",
 	"neptune.Summary.statusNotDone": "Item yang harus dilakukan",
 	"neptune.Summary.statusPending": "Item tertunda",
+	"neptune.Table.actionHeader": "Tindakan",
+	"neptune.Table.emptyData": "Hasil tidak ditemukan",
+	"neptune.Table.loaded": "Data tabel telah dimuat",
+	"neptune.Table.loading": "Data tabel sedang dimuat",
+	"neptune.Table.refreshPage": "Muat ulang halaman",
 	"neptune.Upload.csButtonText": "Unggah file lainnya?",
 	"neptune.Upload.csFailureText": "Unggahan gagal. Silakan coba lagi",
 	"neptune.Upload.csSuccessText": "Pengunggahan selesai!",

package/build/i18n/id.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"id.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"id.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ja.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "完了",
   "neptune.Summary.statusNotDone": "未完了",
   "neptune.Summary.statusPending": "保留中",
+  "neptune.Table.actionHeader": "アクション",
+  "neptune.Table.emptyData": "結果が見つかりませんでした",
+  "neptune.Table.loaded": "テーブルデータが読み込まれました",
+  "neptune.Table.loading": "テーブルデータを読み込み中です",
+  "neptune.Table.refreshPage": "ページを更新する",
   "neptune.Upload.csButtonText": "別のファイルをアップロードしますか？",
   "neptune.Upload.csFailureText": "アップロードに失敗しました。もう一度やり直してください。",
   "neptune.Upload.csSuccessText": "アップロードが完了しました。",

package/build/i18n/ja.json.js

@@ -37,6 +37,11 @@ var ja = {
 	"neptune.Summary.statusDone": "完了",
 	"neptune.Summary.statusNotDone": "未完了",
 	"neptune.Summary.statusPending": "保留中",
+	"neptune.Table.actionHeader": "アクション",
+	"neptune.Table.emptyData": "結果が見つかりませんでした",
+	"neptune.Table.loaded": "テーブルデータが読み込まれました",
+	"neptune.Table.loading": "テーブルデータを読み込み中です",
+	"neptune.Table.refreshPage": "ページを更新する",
 	"neptune.Upload.csButtonText": "別のファイルをアップロードしますか？",
 	"neptune.Upload.csFailureText": "アップロードに失敗しました。もう一度やり直してください。",
 	"neptune.Upload.csSuccessText": "アップロードが完了しました。",

package/build/i18n/ja.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ja.json.mjs

@@ -35,6 +35,11 @@ var ja = {
 	"neptune.Summary.statusDone": "完了",
 	"neptune.Summary.statusNotDone": "未完了",
 	"neptune.Summary.statusPending": "保留中",
+	"neptune.Table.actionHeader": "アクション",
+	"neptune.Table.emptyData": "結果が見つかりませんでした",
+	"neptune.Table.loaded": "テーブルデータが読み込まれました",
+	"neptune.Table.loading": "テーブルデータを読み込み中です",
+	"neptune.Table.refreshPage": "ページを更新する",
 	"neptune.Upload.csButtonText": "別のファイルをアップロードしますか？",
 	"neptune.Upload.csFailureText": "アップロードに失敗しました。もう一度やり直してください。",
 	"neptune.Upload.csSuccessText": "アップロードが完了しました。",

package/build/i18n/ja.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pl.json

@@ -35,7 +35,7 @@
   "neptune.Summary.statusDone": "Czynność wykonana",
   "neptune.Summary.statusNotDone": "Czynność do wykonania",
   "neptune.Summary.statusPending": "Czynność oczekująca",
-  "neptune.Table.actionHeader": "Akcja",
+  "neptune.Table.actionHeader": "Działanie",
   "neptune.Table.emptyData": "Nie znaleziono wyników",
   "neptune.Table.loaded": "Wczytano dane tabeli",
   "neptune.Table.loading": "Wczytywanie danych tabeli",

package/build/i18n/pl.json.js

@@ -37,7 +37,7 @@ var pl = {
 	"neptune.Summary.statusDone": "Czynność wykonana",
 	"neptune.Summary.statusNotDone": "Czynność do wykonania",
 	"neptune.Summary.statusPending": "Czynność oczekująca",
-	"neptune.Table.actionHeader": "Akcja",
+	"neptune.Table.actionHeader": "Działanie",
 	"neptune.Table.emptyData": "Nie znaleziono wyników",
 	"neptune.Table.loaded": "Wczytano dane tabeli",
 	"neptune.Table.loading": "Wczytywanie danych tabeli",

package/build/i18n/pl.json.mjs

@@ -35,7 +35,7 @@ var pl = {
 	"neptune.Summary.statusDone": "Czynność wykonana",
 	"neptune.Summary.statusNotDone": "Czynność do wykonania",
 	"neptune.Summary.statusPending": "Czynność oczekująca",
-	"neptune.Table.actionHeader": "Akcja",
+	"neptune.Table.actionHeader": "Działanie",
 	"neptune.Table.emptyData": "Nie znaleziono wyników",
 	"neptune.Table.loaded": "Wczytano dane tabeli",
 	"neptune.Table.loading": "Wczytywanie danych tabeli",

package/build/i18n/tr.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "Tamamlanan aşama",
   "neptune.Summary.statusNotDone": "Yapılacak",
   "neptune.Summary.statusPending": "Bekliyor",
+  "neptune.Table.actionHeader": "Eylem",
+  "neptune.Table.emptyData": "Sonuç bulunamadı",
+  "neptune.Table.loaded": "Tablo verileri yüklendi",
+  "neptune.Table.loading": "Tablo verileri yükleniyor",
+  "neptune.Table.refreshPage": "Sayfayı yenile",
   "neptune.Upload.csButtonText": "Başka bir dosya yükleyin?",
   "neptune.Upload.csFailureText": "Yükleme başarısız. Lütfen yine deneyin",
   "neptune.Upload.csSuccessText": "Yükleme tamamlandı!",

package/build/i18n/tr.json.js

@@ -37,6 +37,11 @@ var tr = {
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
 	"neptune.Summary.statusNotDone": "Yapılacak",
 	"neptune.Summary.statusPending": "Bekliyor",
+	"neptune.Table.actionHeader": "Eylem",
+	"neptune.Table.emptyData": "Sonuç bulunamadı",
+	"neptune.Table.loaded": "Tablo verileri yüklendi",
+	"neptune.Table.loading": "Tablo verileri yükleniyor",
+	"neptune.Table.refreshPage": "Sayfayı yenile",
 	"neptune.Upload.csButtonText": "Başka bir dosya yükleyin?",
 	"neptune.Upload.csFailureText": "Yükleme başarısız. Lütfen yine deneyin",
 	"neptune.Upload.csSuccessText": "Yükleme tamamlandı!",

package/build/i18n/tr.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json.mjs

@@ -35,6 +35,11 @@ var tr = {
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
 	"neptune.Summary.statusNotDone": "Yapılacak",
 	"neptune.Summary.statusPending": "Bekliyor",
+	"neptune.Table.actionHeader": "Eylem",
+	"neptune.Table.emptyData": "Sonuç bulunamadı",
+	"neptune.Table.loaded": "Tablo verileri yüklendi",
+	"neptune.Table.loading": "Tablo verileri yükleniyor",
+	"neptune.Table.refreshPage": "Sayfayı yenile",
 	"neptune.Upload.csButtonText": "Başka bir dosya yükleyin?",
 	"neptune.Upload.csFailureText": "Yükleme başarısız. Lütfen yine deneyin",
 	"neptune.Upload.csSuccessText": "Yükleme tamamlandı!",

package/build/i18n/tr.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/types/avatarLayout/AvatarLayout.d.ts

@@ -6,6 +6,6 @@ export type Props = {
     avatars: SingleAvatarType[];
     orientation?: 'horizontal' | 'diagonal';
 } & Pick<AvatarViewProps, 'size' | 'interactive' | 'className' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'>;
-export default function AvatarLayout({ avatars, orientation, size, className, interactive, ...restProps }: Props): import("react").JSX.Element;
+export default function AvatarLayout({ avatars, orientation: orientationProp, size, className, interactive, ...restProps }: Props): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=AvatarLayout.d.ts.map

package/build/types/avatarLayout/AvatarLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarLayout.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/AvatarLayout.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CACpE,eAAe,EACf,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAC5E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,IAAI,CACN,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAY,EACZ,WAA0B,EAC1B,IAAS,EACT,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,+BA4CP"}
+{"version":3,"file":"AvatarLayout.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/AvatarLayout.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CACpE,eAAe,EACf,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAC5E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,IAAI,CACN,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAY,EACZ,WAAW,EAAE,eAA8B,EAC3C,IAAS,EACT,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,sCA8CP"}

package/build/types/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAoB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAiB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAW3E,MAAM,WAAW,UAAU;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;QAChD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,qBAAqB,KAAK,IAAI,CAAC;KACtE,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE;YACP,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,KAAK,uFAOR,UAAU,gCA4HZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAoB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAiB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAW3E,MAAM,WAAW,UAAU;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;QAChD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,qBAAqB,KAAK,IAAI,CAAC;KACtE,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE;YACP,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,KAAK,uFAOR,UAAU,gCA6HZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-d00c51c",
+  "version": "0.0.0-experimental-6627da5",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -91,8 +91,8 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@wise/components-theming": "1.6.1",
     "@transferwise/less-config": "3.1.0",
+    "@wise/components-theming": "1.6.1",
     "@transferwise/neptune-css": "14.20.0"
   },
   "peerDependencies": {

package/src/avatarLayout/AvatarLayout.story.tsx

@@ -192,6 +192,14 @@ export const EdgeInstances: Story = {
         gridTemplate: `auto auto / repeat(2, min-content)`,
       }}
     >
+      <AvatarLayout orientation="diagonal" avatars={[]} />
+
+      <AvatarLayout orientation="diagonal" avatars={[{}]} />
+
+      <AvatarLayout orientation="diagonal" avatars={[{ profileName: 'Jay Jay' }]} />
+
+      <AvatarLayout orientation="diagonal" avatars={[{ asset: <Flag code="gb" /> }]} />
+
       <AvatarLayout
         orientation="diagonal"
         avatars={[{ asset: <Flag code="gb" /> }, { asset: <Flag code="jp" /> }]}

package/src/avatarLayout/AvatarLayout.tsx

@@ -16,15 +16,19 @@ export type Props = {
 
 export default function AvatarLayout({
   avatars = [],
-  orientation = 'horizontal',
+  orientation: orientationProp = 'horizontal',
   size = 48,
   className,
   interactive,
   ...restProps
 }: Props) {
+  const orientation =
+    size === 16 && orientationProp === 'diagonal' ? 'horizontal' : orientationProp;
   const isDiagonal = orientation === 'diagonal';
   const avatarSize = isDiagonal ? DIAGONAL_LAYOUT_STYLE_CONFIG[size]?.avatarSize : size;
-  return (
+  return avatars.length < 1 ? null : avatars.length === 1 ? (
+    <AvatarView {...avatars[0]}>{avatars[0].asset}</AvatarView>
+  ) : (
     <div
       className={clsx('np-avatar-layout', `np-avatar-layout-${orientation}`, className)}
       style={{
@@ -35,34 +39,32 @@ export default function AvatarLayout({
       }}
       {...restProps}
     >
-      {avatars.length < 2 || (size === 16 && isDiagonal)
-        ? null
-        : avatars.map(({ asset, style, ...avatar }, index) => (
-            <div
-              // eslint-disable-next-line react/no-array-index-key
-              key={index}
-              className={clsx(
-                { [`np-avatar-layout-${orientation}-child`]: index !== 0 },
-                { [`np-avatar-layout-${orientation}-mask`]: index !== avatars.length - 1 },
-              )}
-            >
-              <AvatarView
-                {...avatar}
-                size={avatarSize as Props['size']}
-                style={{
-                  ...(isDiagonal && {
-                    '--circle-size': `${avatarSize}px`,
-                    '--circle-icon-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].iconSize}px`,
-                    '--circle-font-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].fontSize}px`,
-                  }),
-                  ...style,
-                }}
-                interactive={interactive}
-              >
-                {asset}
-              </AvatarView>
-            </div>
-          ))}
+      {avatars.map(({ asset, style, ...avatar }, index) => (
+        <div
+          // eslint-disable-next-line react/no-array-index-key
+          key={index}
+          className={clsx(
+            { [`np-avatar-layout-${orientation}-child`]: index !== 0 },
+            { [`np-avatar-layout-${orientation}-mask`]: index !== avatars.length - 1 },
+          )}
+        >
+          <AvatarView
+            {...avatar}
+            size={avatarSize as Props['size']}
+            style={{
+              ...(isDiagonal && {
+                '--circle-size': `${avatarSize}px`,
+                '--circle-icon-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].iconSize}px`,
+                '--circle-font-size': `${DIAGONAL_LAYOUT_STYLE_CONFIG[size].fontSize}px`,
+              }),
+              ...style,
+            }}
+            interactive={interactive}
+          >
+            {asset}
+          </AvatarView>
+        </div>
+      ))}
     </div>
   );
 }

package/src/i18n/es.json

@@ -36,7 +36,7 @@
   "neptune.Summary.statusNotDone": "Apartado a completar",
   "neptune.Summary.statusPending": "Apartado pendiente",
   "neptune.Table.actionHeader": "Acción",
-  "neptune.Table.emptyData": "No se han encontrado resultados",
+  "neptune.Table.emptyData": "Ningún resultado",
   "neptune.Table.loaded": "Los datos de la tabla se han cargado",
   "neptune.Table.loading": "Los datos de la tabla se están cargando",
   "neptune.Table.refreshPage": "Actualizar página",

package/src/i18n/hu.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "Kész",
   "neptune.Summary.statusNotDone": "Hátravan",
   "neptune.Summary.statusPending": "Függőben",
+  "neptune.Table.actionHeader": "Művelet",
+  "neptune.Table.emptyData": "Nincs találat",
+  "neptune.Table.loaded": "Táblázatadatok betöltve",
+  "neptune.Table.loading": "Táblázatadatok betöltése folyamatban",
+  "neptune.Table.refreshPage": "Oldal frissítése",
   "neptune.Upload.csButtonText": "Másik fájl feltöltése?",
   "neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
   "neptune.Upload.csSuccessText": "Feltöltés sikeres",

package/src/i18n/id.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "Item selesai",
   "neptune.Summary.statusNotDone": "Item yang harus dilakukan",
   "neptune.Summary.statusPending": "Item tertunda",
+  "neptune.Table.actionHeader": "Tindakan",
+  "neptune.Table.emptyData": "Hasil tidak ditemukan",
+  "neptune.Table.loaded": "Data tabel telah dimuat",
+  "neptune.Table.loading": "Data tabel sedang dimuat",
+  "neptune.Table.refreshPage": "Muat ulang halaman",
   "neptune.Upload.csButtonText": "Unggah file lainnya?",
   "neptune.Upload.csFailureText": "Unggahan gagal. Silakan coba lagi",
   "neptune.Upload.csSuccessText": "Pengunggahan selesai!",

package/src/i18n/ja.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "完了",
   "neptune.Summary.statusNotDone": "未完了",
   "neptune.Summary.statusPending": "保留中",
+  "neptune.Table.actionHeader": "アクション",
+  "neptune.Table.emptyData": "結果が見つかりませんでした",
+  "neptune.Table.loaded": "テーブルデータが読み込まれました",
+  "neptune.Table.loading": "テーブルデータを読み込み中です",
+  "neptune.Table.refreshPage": "ページを更新する",
   "neptune.Upload.csButtonText": "別のファイルをアップロードしますか？",
   "neptune.Upload.csFailureText": "アップロードに失敗しました。もう一度やり直してください。",
   "neptune.Upload.csSuccessText": "アップロードが完了しました。",

package/src/i18n/pl.json

@@ -35,7 +35,7 @@
   "neptune.Summary.statusDone": "Czynność wykonana",
   "neptune.Summary.statusNotDone": "Czynność do wykonania",
   "neptune.Summary.statusPending": "Czynność oczekująca",
-  "neptune.Table.actionHeader": "Akcja",
+  "neptune.Table.actionHeader": "Działanie",
   "neptune.Table.emptyData": "Nie znaleziono wyników",
   "neptune.Table.loaded": "Wczytano dane tabeli",
   "neptune.Table.loading": "Wczytywanie danych tabeli",

package/src/i18n/tr.json

@@ -35,6 +35,11 @@
   "neptune.Summary.statusDone": "Tamamlanan aşama",
   "neptune.Summary.statusNotDone": "Yapılacak",
   "neptune.Summary.statusPending": "Bekliyor",
+  "neptune.Table.actionHeader": "Eylem",
+  "neptune.Table.emptyData": "Sonuç bulunamadı",
+  "neptune.Table.loaded": "Tablo verileri yüklendi",
+  "neptune.Table.loading": "Tablo verileri yükleniyor",
+  "neptune.Table.refreshPage": "Sayfayı yenile",
   "neptune.Upload.csButtonText": "Başka bir dosya yükleyin?",
   "neptune.Upload.csFailureText": "Yükleme başarısız. Lütfen yine deneyin",
   "neptune.Upload.csSuccessText": "Yükleme tamamlandı!",

package/src/table/Table.tsx

@@ -41,6 +41,7 @@ const Table = ({
 }: TableProps) => {
   const { formatMessage } = useIntl();
   const { theme } = useTheme();
+  const isEmptyHeader = loading ?? (data?.headers && !data?.headers.length);
 
   const getRowLength = () => {
     const columnsLength = data?.headers?.length ?? 0;
@@ -124,9 +125,9 @@ const Table = ({
         >
           <div className="np-table-inner-container">
             <table className="np-table">
-              <thead role={loading ? 'presentation' : undefined}>
+              <thead aria-hidden={isEmptyHeader}>
                 <tr>
-                  {(loading ?? (data?.headers && !data?.headers.length)) ? (
+                  {isEmptyHeader ? (
                     <TableHeader />
                   ) : (
                     data?.headers?.map((headerItem: TableHeaderType, index) => (