@metamask-previews/design-system-react 0.0.0-preview.e6fc4b7 → 0.0.0-preview.f289564

package/dist/components/AvatarGroup/AvatarGroup.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAAoB;AAC9C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,WAAW;AACX,MAAM,CAAC,MAAM,iDAAiD,GAG1D;IACF,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW;IACjC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,2DAA2D,GAGpE;IACF,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW;IACjC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;IAClC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,YAAY;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,8CAA8C,GAGvD;IACF,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACxC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACxC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACxC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,SAAS;IAC3C,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,SAAS;CAC5C,CAAC","sourcesContent":["import { AvatarGroupSize } from '../../types';\nimport { TextVariant } from '../Text';\n\n// Mappings\nexport const AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP: Record<\n  AvatarGroupSize,\n  string\n> = {\n  [AvatarGroupSize.Xs]: 'ml-[-6px]',\n  [AvatarGroupSize.Sm]: 'ml-[-10px]',\n  [AvatarGroupSize.Md]: 'ml-[-14px]',\n  [AvatarGroupSize.Lg]: 'ml-[-18px]',\n  [AvatarGroupSize.Xl]: 'ml-[-22px]',\n};\n\nexport const AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP: Record<\n  AvatarGroupSize,\n  string\n> = {\n  [AvatarGroupSize.Xs]: 'mr-[-6px]',\n  [AvatarGroupSize.Sm]: 'mr-[-10px]',\n  [AvatarGroupSize.Md]: 'mr-[-14px]',\n  [AvatarGroupSize.Lg]: 'mr-[-18px]',\n  [AvatarGroupSize.Xl]: 'mr-[-22px]',\n};\n\nexport const AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP: Record<\n  AvatarGroupSize,\n  TextVariant\n> = {\n  [AvatarGroupSize.Xs]: TextVariant.BodyXs,\n  [AvatarGroupSize.Sm]: TextVariant.BodySm,\n  [AvatarGroupSize.Md]: TextVariant.BodyMd,\n  [AvatarGroupSize.Lg]: TextVariant.HeadingMd,\n  [AvatarGroupSize.Xl]: TextVariant.HeadingMd,\n};\n"]}

package/dist/components/AvatarGroup/AvatarGroup.d.cts

@@ -0,0 +1,48 @@
+import React from "react";
+import { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.cjs";
+import type { AvatarAccountProps } from "../AvatarAccount/index.cjs";
+import type { AvatarFaviconProps } from "../AvatarFavicon/index.cjs";
+import type { AvatarNetworkProps } from "../AvatarNetwork/index.cjs";
+import type { AvatarTokenProps } from "../AvatarToken/index.cjs";
+export declare const AvatarGroup: React.ForwardRefExoticComponent<(Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.cjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Account;
+    avatarPropsArr: AvatarAccountProps[];
+}, "ref"> | Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.cjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Favicon;
+    avatarPropsArr: AvatarFaviconProps[];
+}, "ref"> | Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.cjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Network;
+    avatarPropsArr: AvatarNetworkProps[];
+}, "ref"> | Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.cjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Token;
+    avatarPropsArr: AvatarTokenProps[];
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarGroup.d.cts.map

package/dist/components/AvatarGroup/AvatarGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,cAAc;AAEvD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAK3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAWvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0IvB,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.d.mts

@@ -0,0 +1,48 @@
+import React from "react";
+import { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
+import type { AvatarAccountProps } from "../AvatarAccount/index.mjs";
+import type { AvatarFaviconProps } from "../AvatarFavicon/index.mjs";
+import type { AvatarNetworkProps } from "../AvatarNetwork/index.mjs";
+import type { AvatarTokenProps } from "../AvatarToken/index.mjs";
+export declare const AvatarGroup: React.ForwardRefExoticComponent<(Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.mjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Account;
+    avatarPropsArr: AvatarAccountProps[];
+}, "ref"> | Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.mjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Favicon;
+    avatarPropsArr: AvatarFaviconProps[];
+}, "ref"> | Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.mjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Network;
+    avatarPropsArr: AvatarNetworkProps[];
+}, "ref"> | Omit<{
+    size?: AvatarGroupSize | undefined;
+    max?: number | undefined;
+    isReverse?: boolean | undefined;
+    overflowTextProps?: import("../AvatarBase/index.mjs").AvatarBaseProps | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    variant: AvatarGroupVariant.Token;
+    avatarPropsArr: AvatarTokenProps[];
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarGroup.d.mts.map

package/dist/components/AvatarGroup/AvatarGroup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,cAAc;AAEvD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAK3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAWvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0IvB,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.mjs

@@ -0,0 +1,77 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef, useCallback } from "react";
+const React = $importDefault($React);
+import { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { AvatarAccount } from "../AvatarAccount/index.mjs";
+import { AvatarBase } from "../AvatarBase/index.mjs";
+import { AvatarBaseShape } from "../AvatarBase/index.mjs";
+import { AvatarFavicon } from "../AvatarFavicon/index.mjs";
+import { AvatarNetwork } from "../AvatarNetwork/index.mjs";
+import { AvatarToken } from "../AvatarToken/index.mjs";
+import { TextColor } from "../Text/index.mjs";
+import { AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP, AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP, AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP } from "./AvatarGroup.constants.mjs";
+export const AvatarGroup = forwardRef(({ variant, avatarPropsArr, size = AvatarGroupSize.Md, max = 4, isReverse = false, overflowTextProps, style, className, ...props }, ref) => {
+    const overflowCounter = avatarPropsArr.length - max;
+    const shouldRenderOverflowCounter = overflowCounter > 0;
+    const negativeSpaceBetweenAvatarsTwClassName = isReverse
+        ? AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP[size]
+        : AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP[size];
+    const containerClassNames = twMerge(
+    // Base style
+    'inline-flex', 
+    // Reverse style
+    isReverse ? 'flex-row-reverse' : 'flex-row', className);
+    const avatarListContainerClassNames = twMerge(
+    // Base style
+    'flex', 
+    // Reverse style
+    isReverse ? 'flex-row-reverse' : 'flex-row');
+    const overflowTextContainerClassNames = twMerge(
+    // Base style
+    'bg-icon-default', 
+    // Negative spacing
+    negativeSpaceBetweenAvatarsTwClassName);
+    const renderAvatarList = useCallback(() => avatarPropsArr.slice(0, max).map((avatarProps, index) => {
+        switch (variant) {
+            case AvatarGroupVariant.Account:
+                return (React.createElement(AvatarAccount, { hasBorder: true, key: `avatar-${index}`, ...avatarProps, size: size, className: `${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`, style: {
+                        zIndex: index + 1,
+                        ...avatarProps.style,
+                    } }));
+            case AvatarGroupVariant.Favicon:
+                return (React.createElement(AvatarFavicon, { hasBorder: true, key: `avatar-${index}`, ...avatarProps, size: size, className: `${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`, style: {
+                        zIndex: index + 1,
+                        ...avatarProps.style,
+                    } }));
+            case AvatarGroupVariant.Network:
+                return (React.createElement(AvatarNetwork, { hasBorder: true, key: `avatar-${index}`, ...avatarProps, size: size, className: `${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`, style: {
+                        zIndex: index + 1,
+                        ...avatarProps.style,
+                    } }));
+            case AvatarGroupVariant.Token:
+                return (React.createElement(AvatarToken, { hasBorder: true, key: `avatar-${index}`, ...avatarProps, size: size, className: `${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`, style: {
+                        zIndex: index + 1,
+                        ...avatarProps.style,
+                    } }));
+            default:
+                throw new Error(`Invalid Avatar Variant: ${String(variant)}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`);
+        }
+    }), [avatarPropsArr, max, size]);
+    return (React.createElement("div", { ref: ref, ...props, style: style, className: containerClassNames },
+        React.createElement("div", { className: avatarListContainerClassNames }, renderAvatarList()),
+        shouldRenderOverflowCounter && (React.createElement(AvatarBase, { className: overflowTextContainerClassNames, style: {
+                zIndex: avatarPropsArr.length,
+            }, hasBorder: true, fallbackText: `+${overflowCounter}`, fallbackTextProps: {
+                variant: AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],
+                color: TextColor.PrimaryInverse,
+            }, size: size, shape: variant === AvatarGroupVariant.Network
+                ? AvatarBaseShape.Square
+                : AvatarBaseShape.Circle, ...overflowTextProps }))));
+});
+//# sourceMappingURL=AvatarGroup.mjs.map

package/dist/components/AvatarGroup/AvatarGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport { AvatarAccount } from '../AvatarAccount';\nimport type { AvatarBaseSize } from '../AvatarBase';\nimport { AvatarBase } from '../AvatarBase';\nimport { AvatarBaseShape } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport { AvatarFavicon } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport { AvatarNetwork } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\nimport { AvatarToken } from '../AvatarToken';\nimport { TextColor } from '../Text';\n\nimport {\n  AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP,\n  AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP,\n} from './AvatarGroup.constants';\nimport type { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  (\n    {\n      variant,\n      avatarPropsArr,\n      size = AvatarGroupSize.Md,\n      max = 4,\n      isReverse = false,\n      overflowTextProps,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const overflowCounter = avatarPropsArr.length - max;\n    const shouldRenderOverflowCounter = overflowCounter > 0;\n    const negativeSpaceBetweenAvatarsTwClassName = isReverse\n      ? AVATAR_GROUP_SIZE_ISREVERSE_NEGATIVESPACEBETWEENAVATARS_MAP[size]\n      : AVATAR_GROUP_SIZE_NEGATIVESPACEBETWEENAVATARS_MAP[size];\n    const containerClassNames = twMerge(\n      // Base style\n      'inline-flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n      className,\n    );\n    const avatarListContainerClassNames = twMerge(\n      // Base style\n      'flex',\n      // Reverse style\n      isReverse ? 'flex-row-reverse' : 'flex-row',\n    );\n    const overflowTextContainerClassNames = twMerge(\n      // Base style\n      'bg-icon-default',\n      // Negative spacing\n      negativeSpaceBetweenAvatarsTwClassName,\n    );\n\n    const renderAvatarList = useCallback(\n      () =>\n        avatarPropsArr.slice(0, max).map((avatarProps, index) => {\n          switch (variant) {\n            case AvatarGroupVariant.Account:\n              return (\n                <AvatarAccount\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarAccountProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Favicon:\n              return (\n                <AvatarFavicon\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarFaviconProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Network:\n              return (\n                <AvatarNetwork\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarNetworkProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            case AvatarGroupVariant.Token:\n              return (\n                <AvatarToken\n                  hasBorder\n                  key={`avatar-${index}`}\n                  {...(avatarProps as AvatarTokenProps)}\n                  size={size as unknown as AvatarBaseSize}\n                  className={`${index > 0 && negativeSpaceBetweenAvatarsTwClassName} ${avatarProps.className}`}\n                  style={{\n                    zIndex: index + 1,\n                    ...avatarProps.style,\n                  }}\n                />\n              );\n            default:\n              throw new Error(\n                `Invalid Avatar Variant: ${String(variant)}. Expected one of: ${Object.values(AvatarGroupVariant).join(', ')}`,\n              );\n          }\n        }),\n      [avatarPropsArr, max, size],\n    );\n\n    return (\n      <div ref={ref} {...props} style={style} className={containerClassNames}>\n        <div className={avatarListContainerClassNames}>\n          {renderAvatarList()}\n        </div>\n        {shouldRenderOverflowCounter && (\n          <AvatarBase\n            className={overflowTextContainerClassNames}\n            style={{\n              zIndex: avatarPropsArr.length,\n            }}\n            hasBorder\n            fallbackText={`+${overflowCounter}`}\n            fallbackTextProps={{\n              variant: AVATAR_GROUP_SIZE_OVERFLOWTEXT_TEXTVARIANT_MAP[size],\n              color: TextColor.PrimaryInverse,\n            }}\n            size={size}\n            shape={\n              variant === AvatarGroupVariant.Network\n                ? AvatarBaseShape.Square\n                : AvatarBaseShape.Circle\n            }\n            {...overflowTextProps}\n          />\n        )}\n      </div>\n    );\n  },\n);\n"]}

package/dist/components/AvatarGroup/AvatarGroup.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=AvatarGroup.types.cjs.map

package/dist/components/AvatarGroup/AvatarGroup.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.types.cjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\n\ntype BaseAvatarGroupProps = {\n  /**\n   * Optional enum to select between Avatar Group sizes.\n   *\n   * @default AvatarGroupSize.Md\n   */\n  size?: AvatarGroupSize;\n  /**\n   * Optional enum to select max number of Avatars visible,\n   * before the overflow counter being displayed\n   *\n   * @default 4\n   */\n  max?: number;\n  /**\n   * Optional prop to reverse the direction of the AvatarGroup\n   */\n  isReverse?: boolean;\n  /**\n   * Optional prop to pass additional AvatarBase props to the overflow Text element\n   */\n  overflowTextProps?: AvatarBaseProps;\n  /**\n   * Optional prop for additional CSS classes to be applied to the AvatarGroup component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n} & ComponentProps<'div'>;\n\n/**\n * AvatarGroup props.\n */\nexport type AvatarGroupProps = BaseAvatarGroupProps &\n  (\n    | {\n        variant: AvatarGroupVariant.Account;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarAccountProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Favicon;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarFaviconProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Network;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarNetworkProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Token;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarTokenProps[];\n      }\n  );\n"]}

package/dist/components/AvatarGroup/AvatarGroup.types.d.cts

@@ -0,0 +1,74 @@
+import type { ComponentProps } from "react";
+import type { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.cjs";
+import type { AvatarAccountProps } from "../AvatarAccount/index.cjs";
+import type { AvatarBaseProps } from "../AvatarBase/index.cjs";
+import type { AvatarFaviconProps } from "../AvatarFavicon/index.cjs";
+import type { AvatarNetworkProps } from "../AvatarNetwork/index.cjs";
+import type { AvatarTokenProps } from "../AvatarToken/index.cjs";
+type BaseAvatarGroupProps = {
+    /**
+     * Optional enum to select between Avatar Group sizes.
+     *
+     * @default AvatarGroupSize.Md
+     */
+    size?: AvatarGroupSize;
+    /**
+     * Optional enum to select max number of Avatars visible,
+     * before the overflow counter being displayed
+     *
+     * @default 4
+     */
+    max?: number;
+    /**
+     * Optional prop to reverse the direction of the AvatarGroup
+     */
+    isReverse?: boolean;
+    /**
+     * Optional prop to pass additional AvatarBase props to the overflow Text element
+     */
+    overflowTextProps?: AvatarBaseProps;
+    /**
+     * Optional prop for additional CSS classes to be applied to the AvatarGroup component.
+     * These classes will be merged with the component's default classes using twMerge.
+     */
+    className?: string;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+} & ComponentProps<'div'>;
+/**
+ * AvatarGroup props.
+ */
+export type AvatarGroupProps = BaseAvatarGroupProps & ({
+    variant: AvatarGroupVariant.Account;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarAccountProps[];
+} | {
+    variant: AvatarGroupVariant.Favicon;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarFaviconProps[];
+} | {
+    variant: AvatarGroupVariant.Network;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarNetworkProps[];
+} | {
+    variant: AvatarGroupVariant.Token;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarTokenProps[];
+});
+export {};
+//# sourceMappingURL=AvatarGroup.types.d.cts.map

package/dist/components/AvatarGroup/AvatarGroup.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.types.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAEvD,KAAK,oBAAoB,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,KAAK,CAAC;IAClC;;;OAGG;IACH,cAAc,EAAE,gBAAgB,EAAE,CAAC;CACpC,CACJ,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.types.d.mts

@@ -0,0 +1,74 @@
+import type { ComponentProps } from "react";
+import type { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
+import type { AvatarAccountProps } from "../AvatarAccount/index.mjs";
+import type { AvatarBaseProps } from "../AvatarBase/index.mjs";
+import type { AvatarFaviconProps } from "../AvatarFavicon/index.mjs";
+import type { AvatarNetworkProps } from "../AvatarNetwork/index.mjs";
+import type { AvatarTokenProps } from "../AvatarToken/index.mjs";
+type BaseAvatarGroupProps = {
+    /**
+     * Optional enum to select between Avatar Group sizes.
+     *
+     * @default AvatarGroupSize.Md
+     */
+    size?: AvatarGroupSize;
+    /**
+     * Optional enum to select max number of Avatars visible,
+     * before the overflow counter being displayed
+     *
+     * @default 4
+     */
+    max?: number;
+    /**
+     * Optional prop to reverse the direction of the AvatarGroup
+     */
+    isReverse?: boolean;
+    /**
+     * Optional prop to pass additional AvatarBase props to the overflow Text element
+     */
+    overflowTextProps?: AvatarBaseProps;
+    /**
+     * Optional prop for additional CSS classes to be applied to the AvatarGroup component.
+     * These classes will be merged with the component's default classes using twMerge.
+     */
+    className?: string;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+} & ComponentProps<'div'>;
+/**
+ * AvatarGroup props.
+ */
+export type AvatarGroupProps = BaseAvatarGroupProps & ({
+    variant: AvatarGroupVariant.Account;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarAccountProps[];
+} | {
+    variant: AvatarGroupVariant.Favicon;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarFaviconProps[];
+} | {
+    variant: AvatarGroupVariant.Network;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarNetworkProps[];
+} | {
+    variant: AvatarGroupVariant.Token;
+    /**
+     * A list of Avatars to be horizontally stacked.
+     * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
+     */
+    avatarPropsArr: AvatarTokenProps[];
+});
+export {};
+//# sourceMappingURL=AvatarGroup.types.d.mts.map

package/dist/components/AvatarGroup/AvatarGroup.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAEvD,KAAK,oBAAoB,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,KAAK,CAAC;IAClC;;;OAGG;IACH,cAAc,EAAE,gBAAgB,EAAE,CAAC;CACpC,CACJ,CAAC"}

package/dist/components/AvatarGroup/AvatarGroup.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AvatarGroup.types.mjs.map

package/dist/components/AvatarGroup/AvatarGroup.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\n\ntype BaseAvatarGroupProps = {\n  /**\n   * Optional enum to select between Avatar Group sizes.\n   *\n   * @default AvatarGroupSize.Md\n   */\n  size?: AvatarGroupSize;\n  /**\n   * Optional enum to select max number of Avatars visible,\n   * before the overflow counter being displayed\n   *\n   * @default 4\n   */\n  max?: number;\n  /**\n   * Optional prop to reverse the direction of the AvatarGroup\n   */\n  isReverse?: boolean;\n  /**\n   * Optional prop to pass additional AvatarBase props to the overflow Text element\n   */\n  overflowTextProps?: AvatarBaseProps;\n  /**\n   * Optional prop for additional CSS classes to be applied to the AvatarGroup component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n} & ComponentProps<'div'>;\n\n/**\n * AvatarGroup props.\n */\nexport type AvatarGroupProps = BaseAvatarGroupProps &\n  (\n    | {\n        variant: AvatarGroupVariant.Account;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarAccountProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Favicon;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarFaviconProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Network;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarNetworkProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Token;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarTokenProps[];\n      }\n  );\n"]}

package/dist/components/AvatarGroup/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarGroup = exports.AvatarGroupVariant = exports.AvatarGroupSize = void 0;
+var types_1 = require("../../types/index.cjs");
+Object.defineProperty(exports, "AvatarGroupSize", { enumerable: true, get: function () { return types_1.AvatarGroupSize; } });
+Object.defineProperty(exports, "AvatarGroupVariant", { enumerable: true, get: function () { return types_1.AvatarGroupVariant; } });
+var AvatarGroup_1 = require("./AvatarGroup.cjs");
+Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return AvatarGroup_1.AvatarGroup; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/AvatarGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":";;;AAAA,+CAAkE;AAAzD,wGAAA,eAAe,OAAA;AAAE,2GAAA,kBAAkB,OAAA;AAC5C,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}

package/dist/components/AvatarGroup/index.d.cts

@@ -0,0 +1,4 @@
+export { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.cjs";
+export { AvatarGroup } from "./AvatarGroup.cjs";
+export type { AvatarGroupProps } from "./AvatarGroup.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/AvatarGroup/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAClE,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/AvatarGroup/index.d.mts

@@ -0,0 +1,4 @@
+export { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
+export { AvatarGroup } from "./AvatarGroup.mjs";
+export type { AvatarGroupProps } from "./AvatarGroup.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/AvatarGroup/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAClE,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/AvatarGroup/index.mjs

@@ -0,0 +1,3 @@
+export { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
+export { AvatarGroup } from "./AvatarGroup.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/AvatarGroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAClE,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}

package/dist/components/AvatarIcon/AvatarIcon.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarIcon = void 0;
+const react_1 = __importStar(require("react"));
+const types_1 = require("../../types/index.cjs");
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const AvatarBase_1 = require("../AvatarBase/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+const AvatarIcon_constants_1 = require("./AvatarIcon.constants.cjs");
+exports.AvatarIcon = (0, react_1.forwardRef)(({ iconName, iconProps, size = types_1.AvatarIconSize.Md, severity = types_1.AvatarIconSeverity.Neutral, className, ...props }, ref) => (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: AvatarBase_1.AvatarBaseShape.Circle, size: size, className: (0, tw_merge_1.twMerge)(AvatarIcon_constants_1.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity], className), ...props }, iconName && (react_1.default.createElement(Icon_1.Icon, { name: iconName, size: AvatarIcon_constants_1.MAP_AVATARICON_SIZE_ICONSIZE[size], color: AvatarIcon_constants_1.MAP_AVATARICON_SEVERITY_ICONCOLOR[severity], ...iconProps })))));
+exports.AvatarIcon.displayName = 'AvatarIcon';
+//# sourceMappingURL=AvatarIcon.cjs.map

package/dist/components/AvatarIcon/AvatarIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.cjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAAiE;AACjE,uDAA+C;AAC/C,wDAA4D;AAC5D,4CAA+B;AAE/B,qEAIgC;AAGnB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,QAAQ,GAAG,0BAAkB,CAAC,OAAO,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,4BAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,kBAAO,EAChB,qEAA8C,CAAC,QAAQ,CAAC,EACxD,SAAS,CACV,KACG,KAAK,IAER,QAAQ,IAAI,CACX,8BAAC,WAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,mDAA4B,CAAC,IAAI,CAAC,EACxC,KAAK,EAAE,wDAAiC,CAAC,QAAQ,CAAC,KAC9C,SAAS,GACb,CACH,CACU,CACd,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { AvatarBase, AvatarBaseShape } from '../AvatarBase';\nimport { Icon } from '../Icon';\n\nimport {\n  MAP_AVATARICON_SIZE_ICONSIZE,\n  TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR,\n  MAP_AVATARICON_SEVERITY_ICONCOLOR,\n} from './AvatarIcon.constants';\nimport type { AvatarIconProps } from './AvatarIcon.types';\n\nexport const AvatarIcon = forwardRef<HTMLDivElement, AvatarIconProps>(\n  (\n    {\n      iconName,\n      iconProps,\n      size = AvatarIconSize.Md,\n      severity = AvatarIconSeverity.Neutral,\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <AvatarBase\n      ref={ref}\n      shape={AvatarBaseShape.Circle}\n      size={size}\n      className={twMerge(\n        TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity],\n        className,\n      )}\n      {...props}\n    >\n      {iconName && (\n        <Icon\n          name={iconName}\n          size={MAP_AVATARICON_SIZE_ICONSIZE[size]}\n          color={MAP_AVATARICON_SEVERITY_ICONCOLOR[severity]}\n          {...iconProps}\n        />\n      )}\n    </AvatarBase>\n  ),\n);\n\nAvatarIcon.displayName = 'AvatarIcon';\n"]}

package/dist/components/AvatarIcon/AvatarIcon.constants.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = exports.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = exports.MAP_AVATARICON_SIZE_ICONSIZE = void 0;
+const types_1 = require("../../types/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+exports.MAP_AVATARICON_SIZE_ICONSIZE = {
+    [types_1.AvatarIconSize.Xs]: Icon_1.IconSize.Xs,
+    [types_1.AvatarIconSize.Sm]: Icon_1.IconSize.Sm,
+    [types_1.AvatarIconSize.Md]: Icon_1.IconSize.Md,
+    [types_1.AvatarIconSize.Lg]: Icon_1.IconSize.Lg,
+    [types_1.AvatarIconSize.Xl]: Icon_1.IconSize.Xl, // 48px avatar -> 32px icon
+};
+exports.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = {
+    [types_1.AvatarIconSeverity.Neutral]: 'bg-muted',
+    [types_1.AvatarIconSeverity.Info]: 'bg-info-muted',
+    [types_1.AvatarIconSeverity.Success]: 'bg-success-muted',
+    [types_1.AvatarIconSeverity.Error]: 'bg-error-muted',
+    [types_1.AvatarIconSeverity.Warning]: 'bg-warning-muted',
+};
+exports.MAP_AVATARICON_SEVERITY_ICONCOLOR = {
+    [types_1.AvatarIconSeverity.Neutral]: Icon_1.IconColor.IconAlternative,
+    [types_1.AvatarIconSeverity.Info]: Icon_1.IconColor.InfoDefault,
+    [types_1.AvatarIconSeverity.Success]: Icon_1.IconColor.SuccessDefault,
+    [types_1.AvatarIconSeverity.Error]: Icon_1.IconColor.ErrorDefault,
+    [types_1.AvatarIconSeverity.Warning]: Icon_1.IconColor.WarningDefault,
+};
+//# sourceMappingURL=AvatarIcon.constants.cjs.map

package/dist/components/AvatarIcon/AvatarIcon.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.cjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":";;;AAAA,iDAAiE;AACjE,4CAA8C;AAEjC,QAAA,4BAA4B,GAAqC;IAC5E,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE,EAAE,2BAA2B;CAC9D,CAAC;AAEW,QAAA,8CAA8C,GAGvD;IACF,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,UAAU;IACxC,CAAC,0BAAkB,CAAC,IAAI,CAAC,EAAE,eAAe;IAC1C,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAChD,CAAC,0BAAkB,CAAC,KAAK,CAAC,EAAE,gBAAgB;IAC5C,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;CACjD,CAAC;AAEW,QAAA,iCAAiC,GAG1C;IACF,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,eAAe;IACvD,CAAC,0BAAkB,CAAC,IAAI,CAAC,EAAE,gBAAS,CAAC,WAAW;IAChD,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,cAAc;IACtD,CAAC,0BAAkB,CAAC,KAAK,CAAC,EAAE,gBAAS,CAAC,YAAY;IAClD,CAAC,0BAAkB,CAAC,OAAO,CAAC,EAAE,gBAAS,CAAC,cAAc;CACvD,CAAC","sourcesContent":["import { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport { IconSize, IconColor } from '../Icon';\n\nexport const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize> = {\n  [AvatarIconSize.Xs]: IconSize.Xs, // 16px avatar -> 12px icon\n  [AvatarIconSize.Sm]: IconSize.Sm, // 24px avatar -> 16px icon\n  [AvatarIconSize.Md]: IconSize.Md, // 32px avatar -> 20px icon\n  [AvatarIconSize.Lg]: IconSize.Lg, // 40px avatar -> 24px icon\n  [AvatarIconSize.Xl]: IconSize.Xl, // 48px avatar -> 32px icon\n};\n\nexport const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<\n  AvatarIconSeverity,\n  string\n> = {\n  [AvatarIconSeverity.Neutral]: 'bg-muted',\n  [AvatarIconSeverity.Info]: 'bg-info-muted',\n  [AvatarIconSeverity.Success]: 'bg-success-muted',\n  [AvatarIconSeverity.Error]: 'bg-error-muted',\n  [AvatarIconSeverity.Warning]: 'bg-warning-muted',\n};\n\nexport const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<\n  AvatarIconSeverity,\n  IconColor\n> = {\n  [AvatarIconSeverity.Neutral]: IconColor.IconAlternative,\n  [AvatarIconSeverity.Info]: IconColor.InfoDefault,\n  [AvatarIconSeverity.Success]: IconColor.SuccessDefault,\n  [AvatarIconSeverity.Error]: IconColor.ErrorDefault,\n  [AvatarIconSeverity.Warning]: IconColor.WarningDefault,\n};\n"]}

package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts

@@ -0,0 +1,6 @@
+import { AvatarIconSize, AvatarIconSeverity } from "../../types/index.cjs";
+import { IconSize, IconColor } from "../Icon/index.cjs";
+export declare const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize>;
+export declare const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<AvatarIconSeverity, string>;
+export declare const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<AvatarIconSeverity, IconColor>;
+//# sourceMappingURL=AvatarIcon.constants.d.cts.map

package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACjE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAE9C,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,cAAc,EAAE,QAAQ,CAMzE,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,kBAAkB,EAClB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,kBAAkB,EAClB,SAAS,CAOV,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts

@@ -0,0 +1,6 @@
+import { AvatarIconSize, AvatarIconSeverity } from "../../types/index.mjs";
+import { IconSize, IconColor } from "../Icon/index.mjs";
+export declare const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize>;
+export declare const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<AvatarIconSeverity, string>;
+export declare const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<AvatarIconSeverity, IconColor>;
+//# sourceMappingURL=AvatarIcon.constants.d.mts.map

package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACjE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAE9C,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,cAAc,EAAE,QAAQ,CAMzE,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAAE,MAAM,CACjE,kBAAkB,EAClB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,kBAAkB,EAClB,SAAS,CAOV,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.constants.mjs

@@ -0,0 +1,24 @@
+import { AvatarIconSize, AvatarIconSeverity } from "../../types/index.mjs";
+import { IconSize, IconColor } from "../Icon/index.mjs";
+export const MAP_AVATARICON_SIZE_ICONSIZE = {
+    [AvatarIconSize.Xs]: IconSize.Xs,
+    [AvatarIconSize.Sm]: IconSize.Sm,
+    [AvatarIconSize.Md]: IconSize.Md,
+    [AvatarIconSize.Lg]: IconSize.Lg,
+    [AvatarIconSize.Xl]: IconSize.Xl, // 48px avatar -> 32px icon
+};
+export const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR = {
+    [AvatarIconSeverity.Neutral]: 'bg-muted',
+    [AvatarIconSeverity.Info]: 'bg-info-muted',
+    [AvatarIconSeverity.Success]: 'bg-success-muted',
+    [AvatarIconSeverity.Error]: 'bg-error-muted',
+    [AvatarIconSeverity.Warning]: 'bg-warning-muted',
+};
+export const MAP_AVATARICON_SEVERITY_ICONCOLOR = {
+    [AvatarIconSeverity.Neutral]: IconColor.IconAlternative,
+    [AvatarIconSeverity.Info]: IconColor.InfoDefault,
+    [AvatarIconSeverity.Success]: IconColor.SuccessDefault,
+    [AvatarIconSeverity.Error]: IconColor.ErrorDefault,
+    [AvatarIconSeverity.Warning]: IconColor.WarningDefault,
+};
+//# sourceMappingURL=AvatarIcon.constants.mjs.map

package/dist/components/AvatarIcon/AvatarIcon.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.mjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,8BAAoB;AACjE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAE9C,MAAM,CAAC,MAAM,4BAA4B,GAAqC;IAC5E,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,2BAA2B;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,8CAA8C,GAGvD;IACF,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,UAAU;IACxC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,eAAe;IAC1C,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAChD,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,gBAAgB;IAC5C,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,kBAAkB;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAG1C;IACF,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,eAAe;IACvD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW;IAChD,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IACtD,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY;IAClD,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;CACvD,CAAC","sourcesContent":["import { AvatarIconSize, AvatarIconSeverity } from '../../types';\nimport { IconSize, IconColor } from '../Icon';\n\nexport const MAP_AVATARICON_SIZE_ICONSIZE: Record<AvatarIconSize, IconSize> = {\n  [AvatarIconSize.Xs]: IconSize.Xs, // 16px avatar -> 12px icon\n  [AvatarIconSize.Sm]: IconSize.Sm, // 24px avatar -> 16px icon\n  [AvatarIconSize.Md]: IconSize.Md, // 32px avatar -> 20px icon\n  [AvatarIconSize.Lg]: IconSize.Lg, // 40px avatar -> 24px icon\n  [AvatarIconSize.Xl]: IconSize.Xl, // 48px avatar -> 32px icon\n};\n\nexport const TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR: Record<\n  AvatarIconSeverity,\n  string\n> = {\n  [AvatarIconSeverity.Neutral]: 'bg-muted',\n  [AvatarIconSeverity.Info]: 'bg-info-muted',\n  [AvatarIconSeverity.Success]: 'bg-success-muted',\n  [AvatarIconSeverity.Error]: 'bg-error-muted',\n  [AvatarIconSeverity.Warning]: 'bg-warning-muted',\n};\n\nexport const MAP_AVATARICON_SEVERITY_ICONCOLOR: Record<\n  AvatarIconSeverity,\n  IconColor\n> = {\n  [AvatarIconSeverity.Neutral]: IconColor.IconAlternative,\n  [AvatarIconSeverity.Info]: IconColor.InfoDefault,\n  [AvatarIconSeverity.Success]: IconColor.SuccessDefault,\n  [AvatarIconSeverity.Error]: IconColor.ErrorDefault,\n  [AvatarIconSeverity.Warning]: IconColor.WarningDefault,\n};\n"]}

package/dist/components/AvatarIcon/AvatarIcon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAY1C,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,qGAgCtB,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAY1C,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,qGAgCtB,CAAC"}

package/dist/components/AvatarIcon/AvatarIcon.mjs

@@ -0,0 +1,16 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef } from "react";
+const React = $importDefault($React);
+import { AvatarIconSize, AvatarIconSeverity } from "../../types/index.mjs";
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { AvatarBase, AvatarBaseShape } from "../AvatarBase/index.mjs";
+import { Icon } from "../Icon/index.mjs";
+import { MAP_AVATARICON_SIZE_ICONSIZE, TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR, MAP_AVATARICON_SEVERITY_ICONCOLOR } from "./AvatarIcon.constants.mjs";
+export const AvatarIcon = forwardRef(({ iconName, iconProps, size = AvatarIconSize.Md, severity = AvatarIconSeverity.Neutral, className, ...props }, ref) => (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: twMerge(TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity], className), ...props }, iconName && (React.createElement(Icon, { name: iconName, size: MAP_AVATARICON_SIZE_ICONSIZE[size], color: MAP_AVATARICON_SEVERITY_ICONCOLOR[severity], ...iconProps })))));
+AvatarIcon.displayName = 'AvatarIcon';
+//# sourceMappingURL=AvatarIcon.mjs.map