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

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

@@ -0,0 +1,33 @@
+import { IconName } from "../icon/index.mjs";
+export var AvatarIconSeverity;
+(function (AvatarIconSeverity) {
+    AvatarIconSeverity["Default"] = "default";
+    AvatarIconSeverity["Info"] = "info";
+    AvatarIconSeverity["Success"] = "success";
+    AvatarIconSeverity["Error"] = "error";
+    AvatarIconSeverity["Warning"] = "warning";
+})(AvatarIconSeverity || (AvatarIconSeverity = {}));
+export 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 || (AvatarIconSize = {}));
+//# sourceMappingURL=AvatarIcon.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/AvatarIcon.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AAGnC,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,mCAAa,CAAA;IACb,yCAAmB,CAAA;IACnB,qCAAe,CAAA;IACf,yCAAmB,CAAA;AACrB,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAN,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,KAAd,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/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarIconSize = exports.AvatarIconSeverity = exports.AvatarIcon = void 0;
+var AvatarIcon_1 = require("./AvatarIcon.cjs");
+Object.defineProperty(exports, "AvatarIcon", { enumerable: true, get: function () { return AvatarIcon_1.AvatarIcon; } });
+var AvatarIcon_types_1 = require("./AvatarIcon.types.cjs");
+Object.defineProperty(exports, "AvatarIconSeverity", { enumerable: true, get: function () { return AvatarIcon_types_1.AvatarIconSeverity; } });
+Object.defineProperty(exports, "AvatarIconSize", { enumerable: true, get: function () { return AvatarIcon_types_1.AvatarIconSize; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAAwE;AAA/D,sHAAA,kBAAkB,OAAA;AAAE,kHAAA,cAAc,OAAA","sourcesContent":["export { AvatarIcon } from './AvatarIcon';\nexport { AvatarIconSeverity, AvatarIconSize } from './AvatarIcon.types';\nexport type { AvatarIconProps } from './AvatarIcon.types';\n"]}

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

@@ -0,0 +1,4 @@
+export { AvatarIcon } from "./AvatarIcon.cjs";
+export { AvatarIconSeverity, AvatarIconSize } from "./AvatarIcon.types.cjs";
+export type { AvatarIconProps } from "./AvatarIcon.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAA2B;AACxE,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

@@ -0,0 +1,4 @@
+export { AvatarIcon } from "./AvatarIcon.mjs";
+export { AvatarIconSeverity, AvatarIconSize } from "./AvatarIcon.types.mjs";
+export type { AvatarIconProps } from "./AvatarIcon.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAA2B;AACxE,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/avatar-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAA2B","sourcesContent":["export { AvatarIcon } from './AvatarIcon';\nexport { AvatarIconSeverity, AvatarIconSize } from './AvatarIcon.types';\nexport type { AvatarIconProps } from './AvatarIcon.types';\n"]}

package/dist/components/avatar-network/AvatarNetwork.cjs

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarNetwork = void 0;
+const react_1 = __importDefault(require("react"));
+const avatar_base_1 = require("../avatar-base/index.cjs");
+exports.AvatarNetwork = react_1.default.forwardRef(({ src, name, fallbackText, fallbackTextProps, className, size = avatar_base_1.AvatarBaseSize.Md, imageProps, ...props }, ref) => {
+    const displayText = fallbackText || (name ? name[0] : '');
+    const altText = name || 'Network logo'; // TBC: Add localization for default text
+    return (react_1.default.createElement(avatar_base_1.AvatarBase, { ref: ref, shape: avatar_base_1.AvatarBaseShape.Square, size: size, className: className, fallbackText: displayText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "w-full h-full object-cover", ...imageProps }))));
+});
+exports.AvatarNetwork.displayName = 'AvatarNetwork';
+//# sourceMappingURL=AvatarNetwork.cjs.map

package/dist/components/avatar-network/AvatarNetwork.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.cjs","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0DAA6E;AAGhE,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAI3C,CACE,EACE,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,4BAAc,CAAC,EAAE,EACxB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,6BAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,WAAW,EACzB,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,KAClC,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape, AvatarBaseSize } from '../avatar-base';\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = React.forwardRef<\n  HTMLDivElement,\n  AvatarNetworkProps\n>(\n  (\n    {\n      src,\n      name,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const displayText = fallbackText || (name ? name[0] : '');\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={displayText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"w-full h-full object-cover\"\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}

package/dist/components/avatar-network/AvatarNetwork.d.cts

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

package/dist/components/avatar-network/AvatarNetwork.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,wGAyCzB,CAAC"}

package/dist/components/avatar-network/AvatarNetwork.d.mts

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

package/dist/components/avatar-network/AvatarNetwork.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,wGAyCzB,CAAC"}

package/dist/components/avatar-network/AvatarNetwork.mjs

@@ -0,0 +1,16 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { AvatarBase, AvatarBaseShape, AvatarBaseSize } from "../avatar-base/index.mjs";
+export const AvatarNetwork = React.forwardRef(({ src, name, fallbackText, fallbackTextProps, className, size = AvatarBaseSize.Md, imageProps, ...props }, ref) => {
+    const displayText = fallbackText || (name ? name[0] : '');
+    const altText = name || 'Network logo'; // TBC: Add localization for default text
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Square, size: size, className: className, fallbackText: displayText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "w-full h-full object-cover", ...imageProps }))));
+});
+AvatarNetwork.displayName = 'AvatarNetwork';
+//# sourceMappingURL=AvatarNetwork.mjs.map

package/dist/components/avatar-network/AvatarNetwork.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.mjs","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,iCAAuB;AAG7E,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAI3C,CACE,EACE,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,WAAW,EACzB,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,KAClC,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape, AvatarBaseSize } from '../avatar-base';\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = React.forwardRef<\n  HTMLDivElement,\n  AvatarNetworkProps\n>(\n  (\n    {\n      src,\n      name,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const displayText = fallbackText || (name ? name[0] : '');\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={displayText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"w-full h-full object-cover\"\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}

package/dist/components/avatar-network/AvatarNetwork.types.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require("./index.cjs");
+//# sourceMappingURL=AvatarNetwork.types.cjs.map

package/dist/components/avatar-network/AvatarNetwork.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.cjs","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.types.ts"],"names":[],"mappings":";;AAGA,kCAAsC","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport { AvatarNetworkSize } from '.';\n\nexport type AvatarNetworkProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required name of the network\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 network image\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 network name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarNetworkSize.Md\n   */\n  size?: AvatarNetworkSize;\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-network/AvatarNetwork.types.d.cts

@@ -0,0 +1,40 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.cjs";
+import { AvatarNetworkSize } from "./index.cjs";
+export type AvatarNetworkProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required name of the network
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the network image
+     * 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 network name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarNetworkSize.Md
+     */
+    size?: AvatarNetworkSize;
+    /**
+     * 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=AvatarNetwork.types.d.cts.map

package/dist/components/avatar-network/AvatarNetwork.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,EAAE,iBAAiB,EAAE,oBAAU;AAEtC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;;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-network/AvatarNetwork.types.d.mts

@@ -0,0 +1,40 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.mjs";
+import { AvatarNetworkSize } from "./index.mjs";
+export type AvatarNetworkProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required name of the network
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the network image
+     * 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 network name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarNetworkSize.Md
+     */
+    size?: AvatarNetworkSize;
+    /**
+     * 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=AvatarNetwork.types.d.mts.map

package/dist/components/avatar-network/AvatarNetwork.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,EAAE,iBAAiB,EAAE,oBAAU;AAEtC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;;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-network/AvatarNetwork.types.mjs

@@ -0,0 +1,2 @@
+import { AvatarNetworkSize } from "./index.mjs";
+//# sourceMappingURL=AvatarNetwork.types.mjs.map

package/dist/components/avatar-network/AvatarNetwork.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.mjs","sourceRoot":"","sources":["../../../src/components/avatar-network/AvatarNetwork.types.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,oBAAU","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport { AvatarNetworkSize } from '.';\n\nexport type AvatarNetworkProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required name of the network\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 network image\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 network name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarNetworkSize.Md\n   */\n  size?: AvatarNetworkSize;\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-network/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarNetworkSize = exports.AvatarNetwork = void 0;
+var AvatarNetwork_1 = require("./AvatarNetwork.cjs");
+Object.defineProperty(exports, "AvatarNetwork", { enumerable: true, get: function () { return AvatarNetwork_1.AvatarNetwork; } });
+var avatar_base_1 = require("../avatar-base/index.cjs");
+Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return avatar_base_1.AvatarBaseSize; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/avatar-network/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,wDAAqE;AAA5D,gHAAA,cAAc,OAAqB","sourcesContent":["export { AvatarNetwork } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork.types';\nexport { AvatarBaseSize as AvatarNetworkSize } from '../avatar-base';\n"]}

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

@@ -0,0 +1,4 @@
+export { AvatarNetwork } from "./AvatarNetwork.cjs";
+export type { AvatarNetworkProps } from "./AvatarNetwork.types.cjs";
+export { AvatarBaseSize as AvatarNetworkSize } from "../avatar-base/index.cjs";
+//# sourceMappingURL=index.d.cts.map

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

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

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

@@ -0,0 +1,4 @@
+export { AvatarNetwork } from "./AvatarNetwork.mjs";
+export type { AvatarNetworkProps } from "./AvatarNetwork.types.mjs";
+export { AvatarBaseSize as AvatarNetworkSize } from "../avatar-base/index.mjs";
+//# sourceMappingURL=index.d.mts.map

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

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

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

@@ -0,0 +1,3 @@
+export { AvatarNetwork } from "./AvatarNetwork.mjs";
+export { AvatarBaseSize as AvatarNetworkSize } from "../avatar-base/index.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/avatar-network/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAEhD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,iCAAuB","sourcesContent":["export { AvatarNetwork } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork.types';\nexport { AvatarBaseSize as AvatarNetworkSize } from '../avatar-base';\n"]}

package/dist/components/avatar-token/AvatarToken.cjs

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarToken = void 0;
+const react_1 = __importDefault(require("react"));
+const avatar_base_1 = require("../avatar-base/index.cjs");
+exports.AvatarToken = react_1.default.forwardRef(({ src, name, fallbackText, fallbackTextProps, className, size = avatar_base_1.AvatarBaseSize.Md, imageProps, ...props }, ref) => {
+    const displayText = fallbackText || (name ? name[0] : '');
+    const altText = name || 'Token logo'; // TBC: Add localization for default text
+    return (react_1.default.createElement(avatar_base_1.AvatarBase, { ref: ref, shape: avatar_base_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: displayText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "w-full h-full object-cover", ...imageProps }))));
+});
+exports.AvatarToken.displayName = 'AvatarToken';
+//# sourceMappingURL=AvatarToken.cjs.map

package/dist/components/avatar-token/AvatarToken.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0DAA6E;AAGhE,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CACE,EACE,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,4BAAc,CAAC,EAAE,EACxB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,6BAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,WAAW,EACzB,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,KAClC,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape, AvatarBaseSize } from '../avatar-base';\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = React.forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const displayText = fallbackText || (name ? name[0] : '');\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={displayText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"w-full h-full object-cover\"\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/avatar-token/AvatarToken.d.cts

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

package/dist/components/avatar-token/AvatarToken.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAsCvB,CAAC"}

package/dist/components/avatar-token/AvatarToken.d.mts

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

package/dist/components/avatar-token/AvatarToken.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAsCvB,CAAC"}

package/dist/components/avatar-token/AvatarToken.mjs

@@ -0,0 +1,16 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { AvatarBase, AvatarBaseShape, AvatarBaseSize } from "../avatar-base/index.mjs";
+export const AvatarToken = React.forwardRef(({ src, name, fallbackText, fallbackTextProps, className, size = AvatarBaseSize.Md, imageProps, ...props }, ref) => {
+    const displayText = fallbackText || (name ? name[0] : '');
+    const altText = name || 'Token logo'; // TBC: Add localization for default text
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: displayText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "w-full h-full object-cover", ...imageProps }))));
+});
+AvatarToken.displayName = 'AvatarToken';
+//# sourceMappingURL=AvatarToken.mjs.map

package/dist/components/avatar-token/AvatarToken.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,iCAAuB;AAG7E,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,WAAW,EACzB,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,KAClC,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape, AvatarBaseSize } from '../avatar-base';\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = React.forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const displayText = fallbackText || (name ? name[0] : '');\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={displayText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"w-full h-full object-cover\"\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/avatar-token/AvatarToken.types.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require("./index.cjs");
+//# sourceMappingURL=AvatarToken.types.cjs.map

package/dist/components/avatar-token/AvatarToken.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.cjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":";;AAGA,kCAAoC","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport { AvatarTokenSize } from '.';\n\nexport type AvatarTokenProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required name of the token\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 token image\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 token name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarTokenSize.Md\n   */\n  size?: AvatarTokenSize;\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-token/AvatarToken.types.d.cts

@@ -0,0 +1,40 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.cjs";
+import { AvatarTokenSize } from "./index.cjs";
+export type AvatarTokenProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required name of the token
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the token image
+     * 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 token name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarTokenSize.Md
+     */
+    size?: AvatarTokenSize;
+    /**
+     * 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=AvatarToken.types.d.cts.map

package/dist/components/avatar-token/AvatarToken.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,EAAE,eAAe,EAAE,oBAAU;AAEpC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;;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,eAAe,CAAC;IACvB;;;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-token/AvatarToken.types.d.mts

@@ -0,0 +1,40 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.mjs";
+import { AvatarTokenSize } from "./index.mjs";
+export type AvatarTokenProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required name of the token
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the token image
+     * 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 token name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarTokenSize.Md
+     */
+    size?: AvatarTokenSize;
+    /**
+     * 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=AvatarToken.types.d.mts.map

package/dist/components/avatar-token/AvatarToken.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,EAAE,eAAe,EAAE,oBAAU;AAEpC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;;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,eAAe,CAAC;IACvB;;;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-token/AvatarToken.types.mjs

@@ -0,0 +1,2 @@
+import { AvatarTokenSize } from "./index.mjs";
+//# sourceMappingURL=AvatarToken.types.mjs.map

package/dist/components/avatar-token/AvatarToken.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.mjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,oBAAU","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport { AvatarTokenSize } from '.';\n\nexport type AvatarTokenProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required name of the token\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 token image\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 token name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarTokenSize.Md\n   */\n  size?: AvatarTokenSize;\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-token/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarTokenSize = exports.AvatarToken = void 0;
+var AvatarToken_1 = require("./AvatarToken.cjs");
+Object.defineProperty(exports, "AvatarToken", { enumerable: true, get: function () { return AvatarToken_1.AvatarToken; } });
+var avatar_base_1 = require("../avatar-base/index.cjs");
+Object.defineProperty(exports, "AvatarTokenSize", { enumerable: true, get: function () { return avatar_base_1.AvatarBaseSize; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,wDAAmE;AAA1D,8GAAA,cAAc,OAAmB","sourcesContent":["export { AvatarToken } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken.types';\nexport { AvatarBaseSize as AvatarTokenSize } from '../avatar-base';\n"]}

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

@@ -0,0 +1,4 @@
+export { AvatarToken } from "./AvatarToken.cjs";
+export type { AvatarTokenProps } from "./AvatarToken.types.cjs";
+export { AvatarBaseSize as AvatarTokenSize } from "../avatar-base/index.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B;AAC5D,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,iCAAuB"}

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

@@ -0,0 +1,4 @@
+export { AvatarToken } from "./AvatarToken.mjs";
+export type { AvatarTokenProps } from "./AvatarToken.types.mjs";
+export { AvatarBaseSize as AvatarTokenSize } from "../avatar-base/index.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B;AAC5D,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,iCAAuB"}

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

@@ -0,0 +1,3 @@
+export { AvatarToken } from "./AvatarToken.mjs";
+export { AvatarBaseSize as AvatarTokenSize } from "../avatar-base/index.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAE5C,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,iCAAuB","sourcesContent":["export { AvatarToken } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken.types';\nexport { AvatarBaseSize as AvatarTokenSize } from '../avatar-base';\n"]}

package/dist/components/button/Button.cjs

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const button_tertiary_1 = require("../button-tertiary/index.cjs");
+const button_primary_1 = require("../button-primary/index.cjs");
+const button_secondary_1 = require("../button-secondary/index.cjs");
+const Button_types_1 = require("./Button.types.cjs");
+exports.Button = react_1.default.forwardRef(({ variant = Button_types_1.ButtonVariant.Primary, ...props }, ref) => {
+    switch (variant) {
+        case Button_types_1.ButtonVariant.Primary:
+            return react_1.default.createElement(button_primary_1.ButtonPrimary, { ref: ref, ...props });
+        case Button_types_1.ButtonVariant.Secondary:
+            return (react_1.default.createElement(button_secondary_1.ButtonSecondary, { ref: ref, ...props }));
+        case Button_types_1.ButtonVariant.Tertiary:
+            return react_1.default.createElement(button_tertiary_1.ButtonTertiary, { ref: ref, ...props });
+        default:
+            return react_1.default.createElement(button_primary_1.ButtonPrimary, { ref: ref, ...props });
+    }
+});
+exports.Button.displayName = 'Button';
+//# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kEAAoD;AACpD,gEAAkD;AAClD,oEAAsD;AAKtD,qDAA+C;AAElC,QAAA,MAAM,GAAG,eAAK,CAAC,UAAU,CACpC,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAa,CAAC,OAAO;YACxB,OAAO,8BAAC,8BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,4BAAa,CAAC,SAAS;YAC1B,OAAO,CACL,8BAAC,kCAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,4BAAa,CAAC,QAAQ;YACzB,OAAO,8BAAC,gCAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,8BAAC,8BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import React from 'react';\n\nimport { ButtonTertiary } from '../button-tertiary';\nimport { ButtonPrimary } from '../button-primary';\nimport { ButtonSecondary } from '../button-secondary';\nimport type { ButtonTertiaryProps } from '../button-tertiary';\nimport type { ButtonPrimaryProps } from '../button-primary';\nimport type { ButtonSecondaryProps } from '../button-secondary';\nimport type { ButtonProps } from './Button.types';\nimport { ButtonVariant } from './Button.types';\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n    switch (variant) {\n      case ButtonVariant.Primary:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n      case ButtonVariant.Secondary:\n        return (\n          <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n        );\n      case ButtonVariant.Tertiary:\n        return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n      default:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n    }\n  },\n);\n\nButton.displayName = 'Button';\n"]}

package/dist/components/button/Button.d.cts

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

package/dist/components/button/Button.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAGlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}

package/dist/components/button/Button.d.mts

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

package/dist/components/button/Button.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAGlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}