@metamask-previews/design-system-react 0.0.0-preview.bf69b6b → 0.0.0-preview.fbd1fe9

package/dist/components/avatar-favicon/AvatarFavicon.types.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarFaviconSize = void 0;
+var AvatarFaviconSize;
+(function (AvatarFaviconSize) {
+    /**
+     * Extra small size (16px)
+     */
+    AvatarFaviconSize["Xs"] = "xs";
+    /**
+     * Small size (24px)
+     */
+    AvatarFaviconSize["Sm"] = "sm";
+    /**
+     * Medium size (32px)
+     */
+    AvatarFaviconSize["Md"] = "md";
+    /**
+     * Large size (40px)
+     */
+    AvatarFaviconSize["Lg"] = "lg";
+    /**
+     * Extra large size (48px)
+     */
+    AvatarFaviconSize["Xl"] = "xl";
+})(AvatarFaviconSize || (exports.AvatarFaviconSize = AvatarFaviconSize = {}));
+//# sourceMappingURL=AvatarFavicon.types.cjs.map

package/dist/components/avatar-favicon/AvatarFavicon.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.types.cjs","sourceRoot":"","sources":["../../../src/components/avatar-favicon/AvatarFavicon.types.ts"],"names":[],"mappings":";;;AAKA,IAAY,iBAqBX;AArBD,WAAY,iBAAiB;IAC3B;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;AACX,CAAC,EArBW,iBAAiB,iCAAjB,iBAAiB,QAqB5B","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport type { AvatarBaseProps } from '../avatar-base';\n\nexport enum AvatarFaviconSize {\n  /**\n   * Extra small size (16px)\n   */\n  Xs = 'xs',\n  /**\n   * Small size (24px)\n   */\n  Sm = 'sm',\n  /**\n   * Medium size (32px)\n   */\n  Md = 'md',\n  /**\n   * Large size (40px)\n   */\n  Lg = 'lg',\n  /**\n   * Extra large size (48px)\n   */\n  Xl = 'xl',\n}\n\nexport type AvatarFaviconProps = Omit<AvatarBaseProps, 'size'> & {\n  /**\n   * Required name of the dapp\n   * Used as alt text for image and first letter is used as fallback if no fallbackText provided\n   */\n  name: string;\n  /**\n   * Optional URL for the dapp favicon/logo\n   * When provided, displays the image instead of fallback text\n   */\n  src?: string;\n  /**\n   * Optional prop to pass to the underlying img element\n   * Useful for overriding the default alt text which is the dapp name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarFaviconSize.Md\n   */\n  size?: AvatarFaviconSize;\n  /**\n   * Optional text to display when no image is provided\n   * If not provided, first letter of name will be used\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the Text component when rendering fallback text\n   * Only used when src is not provided\n   */\n  fallbackTextProps?: Partial<\n    React.HTMLAttributes<HTMLSpanElement> & TextProps\n  >;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n};\n"]}

package/dist/components/avatar-favicon/AvatarFavicon.types.d.cts

@@ -0,0 +1,62 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.cjs";
+import type { AvatarBaseProps } from "../avatar-base/index.cjs";
+export declare enum AvatarFaviconSize {
+    /**
+     * Extra small size (16px)
+     */
+    Xs = "xs",
+    /**
+     * Small size (24px)
+     */
+    Sm = "sm",
+    /**
+     * Medium size (32px)
+     */
+    Md = "md",
+    /**
+     * Large size (40px)
+     */
+    Lg = "lg",
+    /**
+     * Extra large size (48px)
+     */
+    Xl = "xl"
+}
+export type AvatarFaviconProps = Omit<AvatarBaseProps, 'size'> & {
+    /**
+     * Required name of the dapp
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the dapp favicon/logo
+     * When provided, displays the image instead of fallback text
+     */
+    src?: string;
+    /**
+     * Optional prop to pass to the underlying img element
+     * Useful for overriding the default alt text which is the dapp name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarFaviconSize.Md
+     */
+    size?: AvatarFaviconSize;
+    /**
+     * Optional text to display when no image is provided
+     * If not provided, first letter of name will be used
+     */
+    fallbackText?: string;
+    /**
+     * Optional props to be passed to the Text component when rendering fallback text
+     * Only used when src is not provided
+     */
+    fallbackTextProps?: Partial<React.HTMLAttributes<HTMLSpanElement> & TextProps>;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+};
+//# sourceMappingURL=AvatarFavicon.types.d.cts.map

package/dist/components/avatar-favicon/AvatarFavicon.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.types.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-favicon/AvatarFavicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAC/D;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CACzB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,SAAS,CAClD,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/avatar-favicon/AvatarFavicon.types.d.mts

@@ -0,0 +1,62 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.mjs";
+import type { AvatarBaseProps } from "../avatar-base/index.mjs";
+export declare enum AvatarFaviconSize {
+    /**
+     * Extra small size (16px)
+     */
+    Xs = "xs",
+    /**
+     * Small size (24px)
+     */
+    Sm = "sm",
+    /**
+     * Medium size (32px)
+     */
+    Md = "md",
+    /**
+     * Large size (40px)
+     */
+    Lg = "lg",
+    /**
+     * Extra large size (48px)
+     */
+    Xl = "xl"
+}
+export type AvatarFaviconProps = Omit<AvatarBaseProps, 'size'> & {
+    /**
+     * Required name of the dapp
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the dapp favicon/logo
+     * When provided, displays the image instead of fallback text
+     */
+    src?: string;
+    /**
+     * Optional prop to pass to the underlying img element
+     * Useful for overriding the default alt text which is the dapp name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarFaviconSize.Md
+     */
+    size?: AvatarFaviconSize;
+    /**
+     * Optional text to display when no image is provided
+     * If not provided, first letter of name will be used
+     */
+    fallbackText?: string;
+    /**
+     * Optional props to be passed to the Text component when rendering fallback text
+     * Only used when src is not provided
+     */
+    fallbackTextProps?: Partial<React.HTMLAttributes<HTMLSpanElement> & TextProps>;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+};
+//# sourceMappingURL=AvatarFavicon.types.d.mts.map

package/dist/components/avatar-favicon/AvatarFavicon.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.types.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-favicon/AvatarFavicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAC/D;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CACzB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,SAAS,CAClD,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/avatar-favicon/AvatarFavicon.types.mjs

@@ -0,0 +1,24 @@
+export var AvatarFaviconSize;
+(function (AvatarFaviconSize) {
+    /**
+     * Extra small size (16px)
+     */
+    AvatarFaviconSize["Xs"] = "xs";
+    /**
+     * Small size (24px)
+     */
+    AvatarFaviconSize["Sm"] = "sm";
+    /**
+     * Medium size (32px)
+     */
+    AvatarFaviconSize["Md"] = "md";
+    /**
+     * Large size (40px)
+     */
+    AvatarFaviconSize["Lg"] = "lg";
+    /**
+     * Extra large size (48px)
+     */
+    AvatarFaviconSize["Xl"] = "xl";
+})(AvatarFaviconSize || (AvatarFaviconSize = {}));
+//# sourceMappingURL=AvatarFavicon.types.mjs.map

package/dist/components/avatar-favicon/AvatarFavicon.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFavicon.types.mjs","sourceRoot":"","sources":["../../../src/components/avatar-favicon/AvatarFavicon.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,iBAqBX;AArBD,WAAY,iBAAiB;IAC3B;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;IACT;;OAEG;IACH,8BAAS,CAAA;AACX,CAAC,EArBW,iBAAiB,KAAjB,iBAAiB,QAqB5B","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport type { AvatarBaseProps } from '../avatar-base';\n\nexport enum AvatarFaviconSize {\n  /**\n   * Extra small size (16px)\n   */\n  Xs = 'xs',\n  /**\n   * Small size (24px)\n   */\n  Sm = 'sm',\n  /**\n   * Medium size (32px)\n   */\n  Md = 'md',\n  /**\n   * Large size (40px)\n   */\n  Lg = 'lg',\n  /**\n   * Extra large size (48px)\n   */\n  Xl = 'xl',\n}\n\nexport type AvatarFaviconProps = Omit<AvatarBaseProps, 'size'> & {\n  /**\n   * Required name of the dapp\n   * Used as alt text for image and first letter is used as fallback if no fallbackText provided\n   */\n  name: string;\n  /**\n   * Optional URL for the dapp favicon/logo\n   * When provided, displays the image instead of fallback text\n   */\n  src?: string;\n  /**\n   * Optional prop to pass to the underlying img element\n   * Useful for overriding the default alt text which is the dapp name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarFaviconSize.Md\n   */\n  size?: AvatarFaviconSize;\n  /**\n   * Optional text to display when no image is provided\n   * If not provided, first letter of name will be used\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the Text component when rendering fallback text\n   * Only used when src is not provided\n   */\n  fallbackTextProps?: Partial<\n    React.HTMLAttributes<HTMLSpanElement> & TextProps\n  >;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n};\n"]}

package/dist/components/avatar-favicon/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarFaviconSize = exports.AvatarFavicon = void 0;
+var AvatarFavicon_1 = require("./AvatarFavicon.cjs");
+Object.defineProperty(exports, "AvatarFavicon", { enumerable: true, get: function () { return AvatarFavicon_1.AvatarFavicon; } });
+var AvatarFavicon_types_1 = require("./AvatarFavicon.types.cjs");
+Object.defineProperty(exports, "AvatarFaviconSize", { enumerable: true, get: function () { return AvatarFavicon_types_1.AvatarFaviconSize; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/avatar-favicon/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/avatar-favicon/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,iEAA0D;AAAjD,wHAAA,iBAAiB,OAAA","sourcesContent":["export { AvatarFavicon } from './AvatarFavicon';\nexport { AvatarFaviconSize } from './AvatarFavicon.types';\nexport type { AvatarFaviconProps } from './AvatarFavicon.types';\n"]}

package/dist/components/avatar-favicon/index.d.cts

@@ -0,0 +1,4 @@
+export { AvatarFavicon } from "./AvatarFavicon.cjs";
+export { AvatarFaviconSize } from "./AvatarFavicon.types.cjs";
+export type { AvatarFaviconProps } from "./AvatarFavicon.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/avatar-favicon/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-favicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,OAAO,EAAE,iBAAiB,EAAE,kCAA8B;AAC1D,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

package/dist/components/avatar-favicon/index.d.mts

@@ -0,0 +1,4 @@
+export { AvatarFavicon } from "./AvatarFavicon.mjs";
+export { AvatarFaviconSize } from "./AvatarFavicon.types.mjs";
+export type { AvatarFaviconProps } from "./AvatarFavicon.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/avatar-favicon/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-favicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,OAAO,EAAE,iBAAiB,EAAE,kCAA8B;AAC1D,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

package/dist/components/avatar-favicon/index.mjs

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

package/dist/components/avatar-favicon/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/avatar-favicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,OAAO,EAAE,iBAAiB,EAAE,kCAA8B","sourcesContent":["export { AvatarFavicon } from './AvatarFavicon';\nexport { AvatarFaviconSize } from './AvatarFavicon.types';\nexport type { AvatarFaviconProps } from './AvatarFavicon.types';\n"]}

package/dist/components/avatar-icon/AvatarIcon.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const avatar_base_1 = require("../avatar-base/index.cjs");
+const icon_1 = require("../icon/index.cjs");
+const AvatarIcon_constants_1 = require("./AvatarIcon.constants.cjs");
+const AvatarIcon_types_1 = require("./AvatarIcon.types.cjs");
+const AvatarIcon_types_2 = require("./AvatarIcon.types.cjs");
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+exports.AvatarIcon = react_1.default.forwardRef(({ iconName, iconProps, size = AvatarIcon_types_2.AvatarIconSize.Md, severity = AvatarIcon_types_1.AvatarIconSeverity.Default, className, ...props }, ref) => {
+    const baseSize = AvatarIcon_constants_1.AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP[size];
+    return (react_1.default.createElement(avatar_base_1.AvatarBase, { ref: ref, shape: avatar_base_1.AvatarBaseShape.Circle, size: baseSize, className: (0, tw_merge_1.twMerge)(AvatarIcon_constants_1.AVATAR_ICON_SEVERITY_CLASSNAME_MAP[severity].background, className), ...props }, iconName && (react_1.default.createElement(icon_1.Icon, { name: iconName, size: AvatarIcon_constants_1.AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP[size], color: AvatarIcon_constants_1.AVATAR_ICON_SEVERITY_CLASSNAME_MAP[severity].iconColor, ...iconProps }))));
+});
+exports.AvatarIcon.displayName = 'AvatarIcon';
+//# sourceMappingURL=AvatarIcon.cjs.map

package/dist/components/avatar-icon/AvatarIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.cjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0DAA6D;AAC7D,4CAA+B;AAE/B,qEAIgC;AAChC,6DAAwD;AACxD,6DAAoD;AACpD,uDAA+C;AAElC,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,QAAQ,GAAG,qCAAkB,CAAC,OAAO,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,0DAAmC,CAAC,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,6BAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAA,kBAAO,EAChB,yDAAkC,CAAC,QAAQ,CAAC,CAAC,UAAU,EACvD,SAAS,CACV,KACG,KAAK,IAER,QAAQ,IAAI,CACX,8BAAC,WAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,kEAA2C,CAAC,IAAI,CAAC,EACvD,KAAK,EAAE,yDAAkC,CAAC,QAAQ,CAAC,CAAC,SAAS,KACzD,SAAS,GACb,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape } from '../avatar-base';\nimport { Icon } from '../icon';\nimport type { AvatarIconProps } from './AvatarIcon.types';\nimport {\n  AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP,\n  AVATAR_ICON_SEVERITY_CLASSNAME_MAP,\n  AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP,\n} from './AvatarIcon.constants';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\nimport { AvatarIconSize } from './AvatarIcon.types';\nimport { twMerge } from '../../utils/tw-merge';\n\nexport const AvatarIcon = React.forwardRef<HTMLDivElement, AvatarIconProps>(\n  (\n    {\n      iconName,\n      iconProps,\n      size = AvatarIconSize.Md,\n      severity = AvatarIconSeverity.Default,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseSize = AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP[size];\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={baseSize}\n        className={twMerge(\n          AVATAR_ICON_SEVERITY_CLASSNAME_MAP[severity].background,\n          className,\n        )}\n        {...props}\n      >\n        {iconName && (\n          <Icon\n            name={iconName}\n            size={AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP[size]}\n            color={AVATAR_ICON_SEVERITY_CLASSNAME_MAP[severity].iconColor}\n            {...iconProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarIcon.displayName = 'AvatarIcon';\n"]}

package/dist/components/avatar-icon/AvatarIcon.constants.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP = exports.AVATAR_ICON_SEVERITY_CLASSNAME_MAP = exports.AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP = void 0;
+const icon_1 = require("../icon/index.cjs");
+const AvatarIcon_types_1 = require("./AvatarIcon.types.cjs");
+const AvatarIcon_types_2 = require("./AvatarIcon.types.cjs");
+const avatar_base_1 = require("../avatar-base/index.cjs");
+exports.AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP = {
+    [AvatarIcon_types_1.AvatarIconSize.Xs]: icon_1.IconSize.Xs,
+    [AvatarIcon_types_1.AvatarIconSize.Sm]: icon_1.IconSize.Sm,
+    [AvatarIcon_types_1.AvatarIconSize.Md]: icon_1.IconSize.Md,
+    [AvatarIcon_types_1.AvatarIconSize.Lg]: icon_1.IconSize.Lg,
+    [AvatarIcon_types_1.AvatarIconSize.Xl]: icon_1.IconSize.Xl, // 48px avatar -> 32px icon
+};
+exports.AVATAR_ICON_SEVERITY_CLASSNAME_MAP = {
+    [AvatarIcon_types_2.AvatarIconSeverity.Default]: {
+        background: 'bg-background-muted',
+        iconColor: icon_1.IconColor.IconAlternative,
+    },
+    [AvatarIcon_types_2.AvatarIconSeverity.Info]: {
+        background: 'bg-info-muted',
+        iconColor: icon_1.IconColor.InfoDefault,
+    },
+    [AvatarIcon_types_2.AvatarIconSeverity.Success]: {
+        background: 'bg-success-muted',
+        iconColor: icon_1.IconColor.SuccessDefault,
+    },
+    [AvatarIcon_types_2.AvatarIconSeverity.Error]: {
+        background: 'bg-error-muted',
+        iconColor: icon_1.IconColor.ErrorDefault,
+    },
+    [AvatarIcon_types_2.AvatarIconSeverity.Warning]: {
+        background: 'bg-warning-muted',
+        iconColor: icon_1.IconColor.WarningDefault,
+    },
+};
+exports.AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP = {
+    [AvatarIcon_types_1.AvatarIconSize.Xs]: avatar_base_1.AvatarBaseSize.Xs,
+    [AvatarIcon_types_1.AvatarIconSize.Sm]: avatar_base_1.AvatarBaseSize.Sm,
+    [AvatarIcon_types_1.AvatarIconSize.Md]: avatar_base_1.AvatarBaseSize.Md,
+    [AvatarIcon_types_1.AvatarIconSize.Lg]: avatar_base_1.AvatarBaseSize.Lg,
+    [AvatarIcon_types_1.AvatarIconSize.Xl]: avatar_base_1.AvatarBaseSize.Xl,
+};
+//# sourceMappingURL=AvatarIcon.constants.cjs.map

package/dist/components/avatar-icon/AvatarIcon.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.cjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.constants.ts"],"names":[],"mappings":";;;AAAA,4CAA8C;AAC9C,6DAAoD;AACpD,6DAAwD;AACxD,0DAAgD;AAEnC,QAAA,2CAA2C,GAGpD;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE,EAAE,2BAA2B;CAC9D,CAAC;AAEW,QAAA,kCAAkC,GAG3C;IACF,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,gBAAS,CAAC,eAAe;KACrC;IACD,CAAC,qCAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,UAAU,EAAE,eAAe;QAC3B,SAAS,EAAE,gBAAS,CAAC,WAAW;KACjC;IACD,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE,gBAAS,CAAC,cAAc;KACpC;IACD,CAAC,qCAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,gBAAS,CAAC,YAAY;KAClC;IACD,CAAC,qCAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE,gBAAS,CAAC,cAAc;KACpC;CACF,CAAC;AAEW,QAAA,mCAAmC,GAG5C;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,4BAAc,CAAC,EAAE;IACtC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,4BAAc,CAAC,EAAE;IACtC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,4BAAc,CAAC,EAAE;IACtC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,4BAAc,CAAC,EAAE;IACtC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,4BAAc,CAAC,EAAE;CACvC,CAAC","sourcesContent":["import { IconSize, IconColor } from '../icon';\nimport { AvatarIconSize } from './AvatarIcon.types';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\nimport { AvatarBaseSize } from '../avatar-base';\n\nexport const AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP: Record<\n  AvatarIconSize,\n  IconSize\n> = {\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 AVATAR_ICON_SEVERITY_CLASSNAME_MAP: Record<\n  AvatarIconSeverity,\n  { background: string; iconColor: IconColor }\n> = {\n  [AvatarIconSeverity.Default]: {\n    background: 'bg-background-muted',\n    iconColor: IconColor.IconAlternative,\n  },\n  [AvatarIconSeverity.Info]: {\n    background: 'bg-info-muted',\n    iconColor: IconColor.InfoDefault,\n  },\n  [AvatarIconSeverity.Success]: {\n    background: 'bg-success-muted',\n    iconColor: IconColor.SuccessDefault,\n  },\n  [AvatarIconSeverity.Error]: {\n    background: 'bg-error-muted',\n    iconColor: IconColor.ErrorDefault,\n  },\n  [AvatarIconSeverity.Warning]: {\n    background: 'bg-warning-muted',\n    iconColor: IconColor.WarningDefault,\n  },\n};\n\nexport const AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP: Record<\n  AvatarIconSize,\n  AvatarBaseSize\n> = {\n  [AvatarIconSize.Xs]: AvatarBaseSize.Xs,\n  [AvatarIconSize.Sm]: AvatarBaseSize.Sm,\n  [AvatarIconSize.Md]: AvatarBaseSize.Md,\n  [AvatarIconSize.Lg]: AvatarBaseSize.Lg,\n  [AvatarIconSize.Xl]: AvatarBaseSize.Xl,\n};\n"]}

package/dist/components/avatar-icon/AvatarIcon.constants.d.cts

@@ -0,0 +1,11 @@
+import { IconSize, IconColor } from "../icon/index.cjs";
+import { AvatarIconSize } from "./AvatarIcon.types.cjs";
+import { AvatarIconSeverity } from "./AvatarIcon.types.cjs";
+import { AvatarBaseSize } from "../avatar-base/index.cjs";
+export declare const AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP: Record<AvatarIconSize, IconSize>;
+export declare const AVATAR_ICON_SEVERITY_CLASSNAME_MAP: Record<AvatarIconSeverity, {
+    background: string;
+    iconColor: IconColor;
+}>;
+export declare const AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP: Record<AvatarIconSize, AvatarBaseSize>;
+//# sourceMappingURL=AvatarIcon.constants.d.cts.map

package/dist/components/avatar-icon/AvatarIcon.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAC9C,OAAO,EAAE,cAAc,EAAE,+BAA2B;AACpD,OAAO,EAAE,kBAAkB,EAAE,+BAA2B;AACxD,OAAO,EAAE,cAAc,EAAE,iCAAuB;AAEhD,eAAO,MAAM,2CAA2C,EAAE,MAAM,CAC9D,cAAc,EACd,QAAQ,CAOT,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,kBAAkB,EAClB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAsB7C,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,MAAM,CACtD,cAAc,EACd,cAAc,CAOf,CAAC"}

package/dist/components/avatar-icon/AvatarIcon.constants.d.mts

@@ -0,0 +1,11 @@
+import { IconSize, IconColor } from "../icon/index.mjs";
+import { AvatarIconSize } from "./AvatarIcon.types.mjs";
+import { AvatarIconSeverity } from "./AvatarIcon.types.mjs";
+import { AvatarBaseSize } from "../avatar-base/index.mjs";
+export declare const AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP: Record<AvatarIconSize, IconSize>;
+export declare const AVATAR_ICON_SEVERITY_CLASSNAME_MAP: Record<AvatarIconSeverity, {
+    background: string;
+    iconColor: IconColor;
+}>;
+export declare const AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP: Record<AvatarIconSize, AvatarBaseSize>;
+//# sourceMappingURL=AvatarIcon.constants.d.mts.map

package/dist/components/avatar-icon/AvatarIcon.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAC9C,OAAO,EAAE,cAAc,EAAE,+BAA2B;AACpD,OAAO,EAAE,kBAAkB,EAAE,+BAA2B;AACxD,OAAO,EAAE,cAAc,EAAE,iCAAuB;AAEhD,eAAO,MAAM,2CAA2C,EAAE,MAAM,CAC9D,cAAc,EACd,QAAQ,CAOT,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,kBAAkB,EAClB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAsB7C,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,MAAM,CACtD,cAAc,EACd,cAAc,CAOf,CAAC"}

package/dist/components/avatar-icon/AvatarIcon.constants.mjs

@@ -0,0 +1,41 @@
+import { IconSize, IconColor } from "../icon/index.mjs";
+import { AvatarIconSize } from "./AvatarIcon.types.mjs";
+import { AvatarIconSeverity } from "./AvatarIcon.types.mjs";
+import { AvatarBaseSize } from "../avatar-base/index.mjs";
+export const AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP = {
+    [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 AVATAR_ICON_SEVERITY_CLASSNAME_MAP = {
+    [AvatarIconSeverity.Default]: {
+        background: 'bg-background-muted',
+        iconColor: IconColor.IconAlternative,
+    },
+    [AvatarIconSeverity.Info]: {
+        background: 'bg-info-muted',
+        iconColor: IconColor.InfoDefault,
+    },
+    [AvatarIconSeverity.Success]: {
+        background: 'bg-success-muted',
+        iconColor: IconColor.SuccessDefault,
+    },
+    [AvatarIconSeverity.Error]: {
+        background: 'bg-error-muted',
+        iconColor: IconColor.ErrorDefault,
+    },
+    [AvatarIconSeverity.Warning]: {
+        background: 'bg-warning-muted',
+        iconColor: IconColor.WarningDefault,
+    },
+};
+export const AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP = {
+    [AvatarIconSize.Xs]: AvatarBaseSize.Xs,
+    [AvatarIconSize.Sm]: AvatarBaseSize.Sm,
+    [AvatarIconSize.Md]: AvatarBaseSize.Md,
+    [AvatarIconSize.Lg]: AvatarBaseSize.Lg,
+    [AvatarIconSize.Xl]: AvatarBaseSize.Xl,
+};
+//# sourceMappingURL=AvatarIcon.constants.mjs.map

package/dist/components/avatar-icon/AvatarIcon.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.constants.mjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAC9C,OAAO,EAAE,cAAc,EAAE,+BAA2B;AACpD,OAAO,EAAE,kBAAkB,EAAE,+BAA2B;AACxD,OAAO,EAAE,cAAc,EAAE,iCAAuB;AAEhD,MAAM,CAAC,MAAM,2CAA2C,GAGpD;IACF,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,kCAAkC,GAG3C;IACF,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,EAAE,qBAAqB;QACjC,SAAS,EAAE,SAAS,CAAC,eAAe;KACrC;IACD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,UAAU,EAAE,eAAe;QAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;KACjC;IACD,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE,SAAS,CAAC,cAAc;KACpC;IACD,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,SAAS,CAAC,YAAY;KAClC;IACD,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE,SAAS,CAAC,cAAc;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAG5C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE;IACtC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE;IACtC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE;IACtC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE;IACtC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE;CACvC,CAAC","sourcesContent":["import { IconSize, IconColor } from '../icon';\nimport { AvatarIconSize } from './AvatarIcon.types';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\nimport { AvatarBaseSize } from '../avatar-base';\n\nexport const AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP: Record<\n  AvatarIconSize,\n  IconSize\n> = {\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 AVATAR_ICON_SEVERITY_CLASSNAME_MAP: Record<\n  AvatarIconSeverity,\n  { background: string; iconColor: IconColor }\n> = {\n  [AvatarIconSeverity.Default]: {\n    background: 'bg-background-muted',\n    iconColor: IconColor.IconAlternative,\n  },\n  [AvatarIconSeverity.Info]: {\n    background: 'bg-info-muted',\n    iconColor: IconColor.InfoDefault,\n  },\n  [AvatarIconSeverity.Success]: {\n    background: 'bg-success-muted',\n    iconColor: IconColor.SuccessDefault,\n  },\n  [AvatarIconSeverity.Error]: {\n    background: 'bg-error-muted',\n    iconColor: IconColor.ErrorDefault,\n  },\n  [AvatarIconSeverity.Warning]: {\n    background: 'bg-warning-muted',\n    iconColor: IconColor.WarningDefault,\n  },\n};\n\nexport const AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP: Record<\n  AvatarIconSize,\n  AvatarBaseSize\n> = {\n  [AvatarIconSize.Xs]: AvatarBaseSize.Xs,\n  [AvatarIconSize.Sm]: AvatarBaseSize.Sm,\n  [AvatarIconSize.Md]: AvatarBaseSize.Md,\n  [AvatarIconSize.Lg]: AvatarBaseSize.Lg,\n  [AvatarIconSize.Xl]: AvatarBaseSize.Xl,\n};\n"]}

package/dist/components/avatar-icon/AvatarIcon.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AvatarIconProps } from "./AvatarIcon.types.cjs";
+export declare const AvatarIcon: React.ForwardRefExoticComponent<Omit<AvatarIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarIcon.d.cts.map

package/dist/components/avatar-icon/AvatarIcon.d.cts.map

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

package/dist/components/avatar-icon/AvatarIcon.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AvatarIconProps } from "./AvatarIcon.types.mjs";
+export declare const AvatarIcon: React.ForwardRefExoticComponent<Omit<AvatarIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarIcon.d.mts.map

package/dist/components/avatar-icon/AvatarIcon.d.mts.map

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

package/dist/components/avatar-icon/AvatarIcon.mjs

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

package/dist/components/avatar-icon/AvatarIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.mjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,iCAAuB;AAC7D,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EACL,2CAA2C,EAC3C,kCAAkC,EAClC,mCAAmC,EACpC,mCAA+B;AAChC,OAAO,EAAE,kBAAkB,EAAE,+BAA2B;AACxD,OAAO,EAAE,cAAc,EAAE,+BAA2B;AACpD,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,QAAQ,GAAG,kBAAkB,CAAC,OAAO,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,mCAAmC,CAAC,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,OAAO,CAChB,kCAAkC,CAAC,QAAQ,CAAC,CAAC,UAAU,EACvD,SAAS,CACV,KACG,KAAK,IAER,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,2CAA2C,CAAC,IAAI,CAAC,EACvD,KAAK,EAAE,kCAAkC,CAAC,QAAQ,CAAC,CAAC,SAAS,KACzD,SAAS,GACb,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape } from '../avatar-base';\nimport { Icon } from '../icon';\nimport type { AvatarIconProps } from './AvatarIcon.types';\nimport {\n  AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP,\n  AVATAR_ICON_SEVERITY_CLASSNAME_MAP,\n  AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP,\n} from './AvatarIcon.constants';\nimport { AvatarIconSeverity } from './AvatarIcon.types';\nimport { AvatarIconSize } from './AvatarIcon.types';\nimport { twMerge } from '../../utils/tw-merge';\n\nexport const AvatarIcon = React.forwardRef<HTMLDivElement, AvatarIconProps>(\n  (\n    {\n      iconName,\n      iconProps,\n      size = AvatarIconSize.Md,\n      severity = AvatarIconSeverity.Default,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseSize = AVATAR_ICON_TO_AVATAR_BASE_SIZE_MAP[size];\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={baseSize}\n        className={twMerge(\n          AVATAR_ICON_SEVERITY_CLASSNAME_MAP[severity].background,\n          className,\n        )}\n        {...props}\n      >\n        {iconName && (\n          <Icon\n            name={iconName}\n            size={AVATAR_ICON_SIZE_TO_ICON_SIZE_CLASSNAME_MAP[size]}\n            color={AVATAR_ICON_SEVERITY_CLASSNAME_MAP[severity].iconColor}\n            {...iconProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarIcon.displayName = 'AvatarIcon';\n"]}

package/dist/components/avatar-icon/AvatarIcon.types.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarIconSize = exports.AvatarIconSeverity = void 0;
+const icon_1 = require("../icon/index.cjs");
+var AvatarIconSeverity;
+(function (AvatarIconSeverity) {
+    AvatarIconSeverity["Default"] = "default";
+    AvatarIconSeverity["Info"] = "info";
+    AvatarIconSeverity["Success"] = "success";
+    AvatarIconSeverity["Error"] = "error";
+    AvatarIconSeverity["Warning"] = "warning";
+})(AvatarIconSeverity || (exports.AvatarIconSeverity = AvatarIconSeverity = {}));
+var AvatarIconSize;
+(function (AvatarIconSize) {
+    /**
+     * Extra small size (16px)
+     */
+    AvatarIconSize["Xs"] = "xs";
+    /**
+     * Small size (24px)
+     */
+    AvatarIconSize["Sm"] = "sm";
+    /**
+     * Medium size (32px)
+     */
+    AvatarIconSize["Md"] = "md";
+    /**
+     * Large size (40px)
+     */
+    AvatarIconSize["Lg"] = "lg";
+    /**
+     * Extra large size (48px)
+     */
+    AvatarIconSize["Xl"] = "xl";
+})(AvatarIconSize || (exports.AvatarIconSize = AvatarIconSize = {}));
+//# sourceMappingURL=AvatarIcon.types.cjs.map

package/dist/components/avatar-icon/AvatarIcon.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.types.ts"],"names":[],"mappings":";;;AAEA,4CAAmC;AAGnC,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,mCAAa,CAAA;IACb,yCAAmB,CAAA;IACnB,qCAAe,CAAA;IACf,yCAAmB,CAAA;AACrB,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B;AAED,IAAY,cAqBX;AArBD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EArBW,cAAc,8BAAd,cAAc,QAqBzB","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { IconName } from '../icon';\nimport type { IconProps } from '../icon';\n\nexport enum AvatarIconSeverity {\n  Default = 'default',\n  Info = 'info',\n  Success = 'success',\n  Error = 'error',\n  Warning = 'warning',\n}\n\nexport enum AvatarIconSize {\n  /**\n   * Extra small size (16px)\n   */\n  Xs = 'xs',\n  /**\n   * Small size (24px)\n   */\n  Sm = 'sm',\n  /**\n   * Medium size (32px)\n   */\n  Md = 'md',\n  /**\n   * Large size (40px)\n   */\n  Lg = 'lg',\n  /**\n   * Extra large size (48px)\n   */\n  Xl = 'xl',\n}\n\nexport type AvatarIconProps = Omit<\n  ComponentProps<'div'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required icon name from the icon set\n   */\n  iconName: IconName;\n  /**\n   * Optional props to be passed to the Icon component\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarIconSize.Md\n   */\n  size?: AvatarIconSize;\n  /**\n   * Optional prop to control the severity of the avatar\n   * @default AvatarIconSeverity.Default\n   */\n  severity?: AvatarIconSeverity;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n};\n"]}

package/dist/components/avatar-icon/AvatarIcon.types.d.cts

@@ -0,0 +1,57 @@
+import type { ComponentProps } from "react";
+import { IconName } from "../icon/index.cjs";
+import type { IconProps } from "../icon/index.cjs";
+export declare enum AvatarIconSeverity {
+    Default = "default",
+    Info = "info",
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}
+export declare enum AvatarIconSize {
+    /**
+     * Extra small size (16px)
+     */
+    Xs = "xs",
+    /**
+     * Small size (24px)
+     */
+    Sm = "sm",
+    /**
+     * Medium size (32px)
+     */
+    Md = "md",
+    /**
+     * Large size (40px)
+     */
+    Lg = "lg",
+    /**
+     * Extra large size (48px)
+     */
+    Xl = "xl"
+}
+export type AvatarIconProps = Omit<ComponentProps<'div'>, 'children' | 'size'> & {
+    /**
+     * Required icon name from the icon set
+     */
+    iconName: IconName;
+    /**
+     * Optional props to be passed to the Icon component
+     */
+    iconProps?: Omit<IconProps, 'name'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarIconSize.Md
+     */
+    size?: AvatarIconSize;
+    /**
+     * Optional prop to control the severity of the avatar
+     * @default AvatarIconSeverity.Default
+     */
+    severity?: AvatarIconSeverity;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+};
+//# sourceMappingURL=AvatarIcon.types.d.cts.map

package/dist/components/avatar-icon/AvatarIcon.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/avatar-icon/AvatarIcon.types.d.mts

@@ -0,0 +1,57 @@
+import type { ComponentProps } from "react";
+import { IconName } from "../icon/index.mjs";
+import type { IconProps } from "../icon/index.mjs";
+export declare enum AvatarIconSeverity {
+    Default = "default",
+    Info = "info",
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}
+export declare enum AvatarIconSize {
+    /**
+     * Extra small size (16px)
+     */
+    Xs = "xs",
+    /**
+     * Small size (24px)
+     */
+    Sm = "sm",
+    /**
+     * Medium size (32px)
+     */
+    Md = "md",
+    /**
+     * Large size (40px)
+     */
+    Lg = "lg",
+    /**
+     * Extra large size (48px)
+     */
+    Xl = "xl"
+}
+export type AvatarIconProps = Omit<ComponentProps<'div'>, 'children' | 'size'> & {
+    /**
+     * Required icon name from the icon set
+     */
+    iconName: IconName;
+    /**
+     * Optional props to be passed to the Icon component
+     */
+    iconProps?: Omit<IconProps, 'name'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarIconSize.Md
+     */
+    size?: AvatarIconSize;
+    /**
+     * Optional prop to control the severity of the avatar
+     * @default AvatarIconSeverity.Default
+     */
+    severity?: AvatarIconSeverity;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+};
+//# sourceMappingURL=AvatarIcon.types.d.mts.map

package/dist/components/avatar-icon/AvatarIcon.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}