@metamask-previews/design-system-react 0.0.0-preview.6fee845 → 0.0.0-preview.7652fa4

package/dist/components/avatar-account/AvatarAccount.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarAccount = void 0;
+const react_1 = __importDefault(require("react"));
+const avatar_base_1 = require("../avatar-base/index.cjs");
+const jazzicon_1 = require("../jazzicon/index.cjs");
+const blockies_1 = require("../blockies/index.cjs");
+const AvatarAccount_types_1 = require("./AvatarAccount.types.cjs");
+const AvatarAccount_constants_1 = require("./AvatarAccount.constants.cjs");
+exports.AvatarAccount = react_1.default.forwardRef(({ address, variant = AvatarAccount_types_1.AvatarAccountVariant.Jazzicon, className, size = avatar_base_1.AvatarBaseSize.Md, blockiesProps, jazziconProps, ...props }, ref) => {
+    let AvatarArtComponent;
+    switch (variant) {
+        case AvatarAccount_types_1.AvatarAccountVariant.Blockies:
+            AvatarArtComponent = (react_1.default.createElement(blockies_1.Blockies, { address: address, size: AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...blockiesProps }));
+            break;
+        case AvatarAccount_types_1.AvatarAccountVariant.Jazzicon:
+        default:
+            AvatarArtComponent = (react_1.default.createElement(jazzicon_1.Jazzicon, { address: address, size: AvatarAccount_constants_1.MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...jazziconProps }));
+            break;
+    }
+    return (react_1.default.createElement(avatar_base_1.AvatarBase, { ref: ref, shape: avatar_base_1.AvatarBaseShape.Circle, size: size, className: className, ...props }, AvatarArtComponent));
+});
+exports.AvatarAccount.displayName = 'AvatarAccount';
+//# sourceMappingURL=AvatarAccount.cjs.map

package/dist/components/avatar-account/AvatarAccount.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.cjs","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0DAA6E;AAC7E,oDAAuC;AACvC,oDAAuC;AAEvC,mEAA6D;AAC7D,2EAA8E;AAEjE,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAI3C,CACE,EACE,OAAO,EACP,OAAO,GAAG,0CAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,4BAAc,CAAC,EAAE,EACxB,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,0CAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,0CAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,8BAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,2DAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,6BAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAsB,EAC5B,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,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 { Jazzicon } from '../jazzicon';\nimport { Blockies } from '../blockies';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\nimport { AvatarAccountVariant } from './AvatarAccount.types';\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\n\nexport const AvatarAccount = React.forwardRef<\n  HTMLDivElement,\n  AvatarAccountProps\n>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarBaseSize.Md,\n      blockiesProps,\n      jazziconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\n    switch (variant) {\n      case AvatarAccountVariant.Blockies:\n        AvatarArtComponent = (\n          <Blockies\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...blockiesProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Jazzicon:\n      default:\n        AvatarArtComponent = (\n          <Jazzicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...jazziconProps}\n          />\n        );\n        break;\n    }\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size as AvatarBaseSize}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}

package/dist/components/avatar-account/AvatarAccount.constants.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAP_AVATARACCOUNT_SIZE_SIZENUMBER = void 0;
+const AvatarAccount_types_1 = require("./AvatarAccount.types.cjs");
+exports.MAP_AVATARACCOUNT_SIZE_SIZENUMBER = {
+    [AvatarAccount_types_1.AvatarAccountSize.Xs]: 16,
+    [AvatarAccount_types_1.AvatarAccountSize.Sm]: 24,
+    [AvatarAccount_types_1.AvatarAccountSize.Md]: 32,
+    [AvatarAccount_types_1.AvatarAccountSize.Lg]: 40,
+    [AvatarAccount_types_1.AvatarAccountSize.Xl]: 48,
+};
+//# sourceMappingURL=AvatarAccount.constants.cjs.map

package/dist/components/avatar-account/AvatarAccount.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.constants.cjs","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.constants.ts"],"names":[],"mappings":";;;AAAA,mEAA0D;AAE7C,QAAA,iCAAiC,GAG1C;IACF,CAAC,uCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,uCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,uCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,uCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,uCAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;CAC3B,CAAC","sourcesContent":["import { AvatarAccountSize } from './AvatarAccount.types';\n\nexport const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<\n  AvatarAccountSize,\n  number\n> = {\n  [AvatarAccountSize.Xs]: 16,\n  [AvatarAccountSize.Sm]: 24,\n  [AvatarAccountSize.Md]: 32,\n  [AvatarAccountSize.Lg]: 40,\n  [AvatarAccountSize.Xl]: 48,\n};\n"]}

package/dist/components/avatar-account/AvatarAccount.constants.d.cts

@@ -0,0 +1,3 @@
+import { AvatarAccountSize } from "./AvatarAccount.types.cjs";
+export declare const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<AvatarAccountSize, number>;
+//# sourceMappingURL=AvatarAccount.constants.d.cts.map

package/dist/components/avatar-account/AvatarAccount.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kCAA8B;AAE1D,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC"}

package/dist/components/avatar-account/AvatarAccount.constants.d.mts

@@ -0,0 +1,3 @@
+import { AvatarAccountSize } from "./AvatarAccount.types.mjs";
+export declare const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<AvatarAccountSize, number>;
+//# sourceMappingURL=AvatarAccount.constants.d.mts.map

package/dist/components/avatar-account/AvatarAccount.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kCAA8B;AAE1D,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,iBAAiB,EACjB,MAAM,CAOP,CAAC"}

package/dist/components/avatar-account/AvatarAccount.constants.mjs

@@ -0,0 +1,9 @@
+import { AvatarAccountSize } from "./AvatarAccount.types.mjs";
+export const MAP_AVATARACCOUNT_SIZE_SIZENUMBER = {
+    [AvatarAccountSize.Xs]: 16,
+    [AvatarAccountSize.Sm]: 24,
+    [AvatarAccountSize.Md]: 32,
+    [AvatarAccountSize.Lg]: 40,
+    [AvatarAccountSize.Xl]: 48,
+};
+//# sourceMappingURL=AvatarAccount.constants.mjs.map

package/dist/components/avatar-account/AvatarAccount.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.constants.mjs","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kCAA8B;AAE1D,MAAM,CAAC,MAAM,iCAAiC,GAG1C;IACF,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE;CAC3B,CAAC","sourcesContent":["import { AvatarAccountSize } from './AvatarAccount.types';\n\nexport const MAP_AVATARACCOUNT_SIZE_SIZENUMBER: Record<\n  AvatarAccountSize,\n  number\n> = {\n  [AvatarAccountSize.Xs]: 16,\n  [AvatarAccountSize.Sm]: 24,\n  [AvatarAccountSize.Md]: 32,\n  [AvatarAccountSize.Lg]: 40,\n  [AvatarAccountSize.Xl]: 48,\n};\n"]}

package/dist/components/avatar-account/AvatarAccount.d.cts

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

package/dist/components/avatar-account/AvatarAccount.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAIhE,eAAO,MAAM,aAAa,wGAmDzB,CAAC"}

package/dist/components/avatar-account/AvatarAccount.d.mts

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

package/dist/components/avatar-account/AvatarAccount.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAIhE,eAAO,MAAM,aAAa,wGAmDzB,CAAC"}

package/dist/components/avatar-account/AvatarAccount.mjs

@@ -0,0 +1,28 @@
+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";
+import { Jazzicon } from "../jazzicon/index.mjs";
+import { Blockies } from "../blockies/index.mjs";
+import { AvatarAccountVariant } from "./AvatarAccount.types.mjs";
+import { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from "./AvatarAccount.constants.mjs";
+export const AvatarAccount = React.forwardRef(({ address, variant = AvatarAccountVariant.Jazzicon, className, size = AvatarBaseSize.Md, blockiesProps, jazziconProps, ...props }, ref) => {
+    let AvatarArtComponent;
+    switch (variant) {
+        case AvatarAccountVariant.Blockies:
+            AvatarArtComponent = (React.createElement(Blockies, { address: address, size: MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...blockiesProps }));
+            break;
+        case AvatarAccountVariant.Jazzicon:
+        default:
+            AvatarArtComponent = (React.createElement(Jazzicon, { address: address, size: MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size], ...jazziconProps }));
+            break;
+    }
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, ...props }, AvatarArtComponent));
+});
+AvatarAccount.displayName = 'AvatarAccount';
+//# sourceMappingURL=AvatarAccount.mjs.map

package/dist/components/avatar-account/AvatarAccount.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.mjs","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,iCAAuB;AAC7E,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AACvC,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AAEvC,OAAO,EAAE,oBAAoB,EAAE,kCAA8B;AAC7D,OAAO,EAAE,iCAAiC,EAAE,sCAAkC;AAE9E,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAI3C,CACE,EACE,OAAO,EACP,OAAO,GAAG,oBAAoB,CAAC,QAAQ,EACvC,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,kBAAkB,CAAC;IACvB,QAAQ,OAAO,EAAE;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;QACR,KAAK,oBAAoB,CAAC,QAAQ,CAAC;QACnC;YACE,kBAAkB,GAAG,CACnB,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,iCAAiC,CAAC,IAAI,CAAC,KACzC,aAAa,GACjB,CACH,CAAC;YACF,MAAM;KACT;IAED,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAsB,EAC5B,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,kBAAkB,CACR,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 { Jazzicon } from '../jazzicon';\nimport { Blockies } from '../blockies';\nimport type { AvatarAccountProps } from './AvatarAccount.types';\nimport { AvatarAccountVariant } from './AvatarAccount.types';\nimport { MAP_AVATARACCOUNT_SIZE_SIZENUMBER } from './AvatarAccount.constants';\n\nexport const AvatarAccount = React.forwardRef<\n  HTMLDivElement,\n  AvatarAccountProps\n>(\n  (\n    {\n      address,\n      variant = AvatarAccountVariant.Jazzicon,\n      className,\n      size = AvatarBaseSize.Md,\n      blockiesProps,\n      jazziconProps,\n      ...props\n    },\n    ref,\n  ) => {\n    let AvatarArtComponent;\n    switch (variant) {\n      case AvatarAccountVariant.Blockies:\n        AvatarArtComponent = (\n          <Blockies\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...blockiesProps}\n          />\n        );\n        break;\n      case AvatarAccountVariant.Jazzicon:\n      default:\n        AvatarArtComponent = (\n          <Jazzicon\n            address={address}\n            size={MAP_AVATARACCOUNT_SIZE_SIZENUMBER[size]}\n            {...jazziconProps}\n          />\n        );\n        break;\n    }\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size as AvatarBaseSize}\n        className={className}\n        {...props}\n      >\n        {AvatarArtComponent}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarAccount.displayName = 'AvatarAccount';\n"]}

package/dist/components/avatar-account/AvatarAccount.types.cjs

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

package/dist/components/avatar-account/AvatarAccount.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.types.cjs","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.types.ts"],"names":[],"mappings":";;;AAMA,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;AAED,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACvB,CAAC,EAHW,oBAAoB,oCAApB,oBAAoB,QAG/B","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport type { Jazzicon } from '../jazzicon';\nimport type { Blockies } from '../blockies';\n\nexport enum AvatarAccountSize {\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 enum AvatarAccountVariant {\n  Jazzicon = 'jazzicon',\n  Blockies = 'blockies',\n}\n\nexport type AvatarAccountProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required address used as a unique identifier to generate the AvatarAccount art.\n   */\n  address: string;\n  /**\n   * Optional prop to control the variant of the avatar account\n   * @default AvatarAccountVariant.Jazzicon\n   */\n  variant?: AvatarAccountVariant;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarAccountSize.Md\n   */\n  size?: AvatarAccountSize;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n  /**\n   * Optional props to be passed to the Jazzicon component\n   */\n  jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;\n  /**\n   * Optional props to be passed to the Blockies component\n   */\n  blockiesProps?: Partial<ComponentProps<typeof Blockies>>;\n};\n"]}

package/dist/components/avatar-account/AvatarAccount.types.d.cts

@@ -0,0 +1,58 @@
+import type { ComponentProps } from "react";
+import type { Jazzicon } from "../jazzicon/index.cjs";
+import type { Blockies } from "../blockies/index.cjs";
+export declare enum AvatarAccountSize {
+    /**
+     * 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 declare enum AvatarAccountVariant {
+    Jazzicon = "jazzicon",
+    Blockies = "blockies"
+}
+export type AvatarAccountProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required address used as a unique identifier to generate the AvatarAccount art.
+     */
+    address: string;
+    /**
+     * Optional prop to control the variant of the avatar account
+     * @default AvatarAccountVariant.Jazzicon
+     */
+    variant?: AvatarAccountVariant;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarAccountSize.Md
+     */
+    size?: AvatarAccountSize;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+    /**
+     * Optional props to be passed to the Jazzicon component
+     */
+    jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;
+    /**
+     * Optional props to be passed to the Blockies component
+     */
+    blockiesProps?: Partial<ComponentProps<typeof Blockies>>;
+};
+//# sourceMappingURL=AvatarAccount.types.d.cts.map

package/dist/components/avatar-account/AvatarAccount.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.types.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAG5C,OAAO,KAAK,EAAE,QAAQ,EAAE,8BAAoB;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,8BAAoB;AAE5C,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,oBAAY,oBAAoB;IAC9B,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC"}

package/dist/components/avatar-account/AvatarAccount.types.d.mts

@@ -0,0 +1,58 @@
+import type { ComponentProps } from "react";
+import type { Jazzicon } from "../jazzicon/index.mjs";
+import type { Blockies } from "../blockies/index.mjs";
+export declare enum AvatarAccountSize {
+    /**
+     * 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 declare enum AvatarAccountVariant {
+    Jazzicon = "jazzicon",
+    Blockies = "blockies"
+}
+export type AvatarAccountProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required address used as a unique identifier to generate the AvatarAccount art.
+     */
+    address: string;
+    /**
+     * Optional prop to control the variant of the avatar account
+     * @default AvatarAccountVariant.Jazzicon
+     */
+    variant?: AvatarAccountVariant;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarAccountSize.Md
+     */
+    size?: AvatarAccountSize;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+    /**
+     * Optional props to be passed to the Jazzicon component
+     */
+    jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;
+    /**
+     * Optional props to be passed to the Blockies component
+     */
+    blockiesProps?: Partial<ComponentProps<typeof Blockies>>;
+};
+//# sourceMappingURL=AvatarAccount.types.d.mts.map

package/dist/components/avatar-account/AvatarAccount.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.types.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAG5C,OAAO,KAAK,EAAE,QAAQ,EAAE,8BAAoB;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,8BAAoB;AAE5C,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,oBAAY,oBAAoB;IAC9B,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;CAC1D,CAAC"}

package/dist/components/avatar-account/AvatarAccount.types.mjs

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

package/dist/components/avatar-account/AvatarAccount.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarAccount.types.mjs","sourceRoot":"","sources":["../../../src/components/avatar-account/AvatarAccount.types.ts"],"names":[],"mappings":"AAMA,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;AAED,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACvB,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport type { Jazzicon } from '../jazzicon';\nimport type { Blockies } from '../blockies';\n\nexport enum AvatarAccountSize {\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 enum AvatarAccountVariant {\n  Jazzicon = 'jazzicon',\n  Blockies = 'blockies',\n}\n\nexport type AvatarAccountProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required address used as a unique identifier to generate the AvatarAccount art.\n   */\n  address: string;\n  /**\n   * Optional prop to control the variant of the avatar account\n   * @default AvatarAccountVariant.Jazzicon\n   */\n  variant?: AvatarAccountVariant;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarAccountSize.Md\n   */\n  size?: AvatarAccountSize;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n  /**\n   * Optional props to be passed to the Jazzicon component\n   */\n  jazziconProps?: Partial<ComponentProps<typeof Jazzicon>>;\n  /**\n   * Optional props to be passed to the Blockies component\n   */\n  blockiesProps?: Partial<ComponentProps<typeof Blockies>>;\n};\n"]}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.AvatarAccount = void 0;
+var AvatarAccount_1 = require("./AvatarAccount.cjs");
+Object.defineProperty(exports, "AvatarAccount", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccount; } });
+var AvatarAccount_types_1 = require("./AvatarAccount.types.cjs");
+Object.defineProperty(exports, "AvatarAccountSize", { enumerable: true, get: function () { return AvatarAccount_types_1.AvatarAccountSize; } });
+Object.defineProperty(exports, "AvatarAccountVariant", { enumerable: true, get: function () { return AvatarAccount_types_1.AvatarAccountVariant; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/avatar-account/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,iEAAgF;AAAvE,wHAAA,iBAAiB,OAAA;AAAE,2HAAA,oBAAoB,OAAA","sourcesContent":["export { AvatarAccount } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\nexport { AvatarAccountSize, AvatarAccountVariant } from './AvatarAccount.types';\n"]}

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

@@ -0,0 +1,4 @@
+export { AvatarAccount } from "./AvatarAccount.cjs";
+export type { AvatarAccountProps } from "./AvatarAccount.types.cjs";
+export { AvatarAccountSize, AvatarAccountVariant } from "./AvatarAccount.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

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

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

@@ -0,0 +1,4 @@
+export { AvatarAccount } from "./AvatarAccount.mjs";
+export type { AvatarAccountProps } from "./AvatarAccount.types.mjs";
+export { AvatarAccountSize, AvatarAccountVariant } from "./AvatarAccount.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/avatar-account/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAEhD,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,kCAA8B","sourcesContent":["export { AvatarAccount } from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount.types';\nexport { AvatarAccountSize, AvatarAccountVariant } from './AvatarAccount.types';\n"]}

package/dist/components/avatar-base/AvatarBase.cjs

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarBase = void 0;
+const react_slot_1 = require("@radix-ui/react-slot");
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const text_1 = require("../text/index.cjs");
+const AvatarBase_constants_1 = require("./AvatarBase.constants.cjs");
+const AvatarBase_types_1 = require("./AvatarBase.types.cjs");
+exports.AvatarBase = react_1.default.forwardRef(({ children, fallbackText, fallbackTextProps, className, size = AvatarBase_types_1.AvatarBaseSize.Md, shape = AvatarBase_types_1.AvatarBaseShape.Circle, asChild, style, ...props }, ref) => {
+    const Component = asChild ? react_slot_1.Slot : 'div';
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Base styles
+    'inline-flex items-center justify-center', shape === AvatarBase_types_1.AvatarBaseShape.Circle
+        ? 'rounded-full'
+        : AvatarBase_constants_1.AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP[size], 'bg-muted', 'overflow-hidden', 
+    // Size
+    AvatarBase_constants_1.AVATAR_BASE_SIZE_CLASS_MAP[size], 
+    // Custom classes
+    className);
+    return (react_1.default.createElement(Component, { ref: ref, className: mergedClassName, style: style, ...props }, children || (react_1.default.createElement(text_1.Text, { variant: text_1.TextVariant.BodySm, fontWeight: text_1.FontWeight.Medium, color: text_1.TextColor.TextMuted, asChild: true, className: "uppercase", ...fallbackTextProps },
+        react_1.default.createElement("span", null, fallbackText)))));
+});
+exports.AvatarBase.displayName = 'AvatarBase';
+//# sourceMappingURL=AvatarBase.cjs.map

package/dist/components/avatar-base/AvatarBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.cjs","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAC/C,4CAAmE;AACnE,qEAGgC;AAEhC,6DAAqE;AAExD,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,KAAK,GAAG,kCAAe,CAAC,MAAM,EAC9B,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,yCAAyC,EACzC,KAAK,KAAK,kCAAe,CAAC,MAAM;QAC9B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,2DAAoC,CAAC,IAAI,CAAC,EAC9C,UAAU,EACV,iBAAiB;IACjB,OAAO;IACP,iDAA0B,CAAC,IAAI,CAAC;IAChC,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACrE,QAAQ,IAAI,CACX,8BAAC,WAAI,IACH,OAAO,EAAE,kBAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM,EAC7B,KAAK,EAAE,gBAAS,CAAC,SAAS,EAC1B,OAAO,QACP,SAAS,EAAC,WAAW,KACjB,iBAAiB;QAGrB,4CAAO,YAAY,CAAQ,CACtB,CACR,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Text, FontWeight, TextVariant, TextColor } from '../text';\nimport {\n  AVATAR_BASE_SIZE_CLASS_MAP,\n  AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP,\n} from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\nimport { AvatarBaseShape, AvatarBaseSize } from './AvatarBase.types';\n\nexport const AvatarBase = React.forwardRef<HTMLDivElement, AvatarBaseProps>(\n  (\n    {\n      children,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      shape = AvatarBaseShape.Circle,\n      asChild,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : 'div';\n\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex items-center justify-center',\n      shape === AvatarBaseShape.Circle\n        ? 'rounded-full'\n        : AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP[size],\n      'bg-muted',\n      'overflow-hidden',\n      // Size\n      AVATAR_BASE_SIZE_CLASS_MAP[size],\n      // Custom classes\n      className,\n    );\n\n    return (\n      <Component ref={ref} className={mergedClassName} style={style} {...props}>\n        {children || (\n          <Text\n            variant={TextVariant.BodySm}\n            fontWeight={FontWeight.Medium}\n            color={TextColor.TextMuted}\n            asChild\n            className=\"uppercase\"\n            {...fallbackTextProps}\n          >\n            {/* asChild prop renders Text component as a span, it does not create an additional element */}\n            <span>{fallbackText}</span>\n          </Text>\n        )}\n      </Component>\n    );\n  },\n);\n\nAvatarBase.displayName = 'AvatarBase';\n"]}

package/dist/components/avatar-base/AvatarBase.constants.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP = exports.AVATAR_BASE_SIZE_CLASS_MAP = void 0;
+const AvatarBase_types_1 = require("./AvatarBase.types.cjs");
+exports.AVATAR_BASE_SIZE_CLASS_MAP = {
+    [AvatarBase_types_1.AvatarBaseSize.Xs]: 'h-4 w-4',
+    [AvatarBase_types_1.AvatarBaseSize.Sm]: 'h-6 w-6',
+    [AvatarBase_types_1.AvatarBaseSize.Md]: 'h-8 w-8',
+    [AvatarBase_types_1.AvatarBaseSize.Lg]: 'h-10 w-10',
+    [AvatarBase_types_1.AvatarBaseSize.Xl]: 'h-12 w-12',
+};
+exports.AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP = {
+    [AvatarBase_types_1.AvatarBaseSize.Xs]: 'rounded-sm',
+    [AvatarBase_types_1.AvatarBaseSize.Sm]: 'rounded-md',
+    [AvatarBase_types_1.AvatarBaseSize.Md]: 'rounded-lg',
+    [AvatarBase_types_1.AvatarBaseSize.Lg]: 'rounded-[10px]',
+    [AvatarBase_types_1.AvatarBaseSize.Xl]: 'rounded-xl', // 12px
+};
+//# sourceMappingURL=AvatarBase.constants.cjs.map

package/dist/components/avatar-base/AvatarBase.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.cjs","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.constants.ts"],"names":[],"mappings":";;;AAAA,6DAAoD;AAEvC,QAAA,0BAA0B,GAAmC;IACxE,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,WAAW;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,WAAW;CACjC,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO;CAC3C,CAAC","sourcesContent":["import { AvatarBaseSize } from './AvatarBase.types';\n\nexport const AVATAR_BASE_SIZE_CLASS_MAP: Record<AvatarBaseSize, string> = {\n  [AvatarBaseSize.Xs]: 'h-4 w-4',\n  [AvatarBaseSize.Sm]: 'h-6 w-6',\n  [AvatarBaseSize.Md]: 'h-8 w-8',\n  [AvatarBaseSize.Lg]: 'h-10 w-10',\n  [AvatarBaseSize.Xl]: 'h-12 w-12',\n};\n\nexport const AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'rounded-sm', // 4px\n  [AvatarBaseSize.Sm]: 'rounded-md', // 6px\n  [AvatarBaseSize.Md]: 'rounded-lg', // 8px\n  [AvatarBaseSize.Lg]: 'rounded-[10px]', // 10px (No tailwind class for this)\n  [AvatarBaseSize.Xl]: 'rounded-xl', // 12px\n};\n"]}

package/dist/components/avatar-base/AvatarBase.constants.d.cts

@@ -0,0 +1,4 @@
+import { AvatarBaseSize } from "./AvatarBase.types.cjs";
+export declare const AVATAR_BASE_SIZE_CLASS_MAP: Record<AvatarBaseSize, string>;
+export declare const AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP: Record<AvatarBaseSize, string>;
+//# sourceMappingURL=AvatarBase.constants.d.cts.map

package/dist/components/avatar-base/AvatarBase.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMrE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAOP,CAAC"}

package/dist/components/avatar-base/AvatarBase.constants.d.mts

@@ -0,0 +1,4 @@
+import { AvatarBaseSize } from "./AvatarBase.types.mjs";
+export declare const AVATAR_BASE_SIZE_CLASS_MAP: Record<AvatarBaseSize, string>;
+export declare const AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP: Record<AvatarBaseSize, string>;
+//# sourceMappingURL=AvatarBase.constants.d.mts.map

package/dist/components/avatar-base/AvatarBase.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMrE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAOP,CAAC"}

package/dist/components/avatar-base/AvatarBase.constants.mjs

@@ -0,0 +1,16 @@
+import { AvatarBaseSize } from "./AvatarBase.types.mjs";
+export const AVATAR_BASE_SIZE_CLASS_MAP = {
+    [AvatarBaseSize.Xs]: 'h-4 w-4',
+    [AvatarBaseSize.Sm]: 'h-6 w-6',
+    [AvatarBaseSize.Md]: 'h-8 w-8',
+    [AvatarBaseSize.Lg]: 'h-10 w-10',
+    [AvatarBaseSize.Xl]: 'h-12 w-12',
+};
+export const AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP = {
+    [AvatarBaseSize.Xs]: 'rounded-sm',
+    [AvatarBaseSize.Sm]: 'rounded-md',
+    [AvatarBaseSize.Md]: 'rounded-lg',
+    [AvatarBaseSize.Lg]: 'rounded-[10px]',
+    [AvatarBaseSize.Xl]: 'rounded-xl', // 12px
+};
+//# sourceMappingURL=AvatarBase.constants.mjs.map

package/dist/components/avatar-base/AvatarBase.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.mjs","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,MAAM,CAAC,MAAM,0BAA0B,GAAmC;IACxE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO;CAC3C,CAAC","sourcesContent":["import { AvatarBaseSize } from './AvatarBase.types';\n\nexport const AVATAR_BASE_SIZE_CLASS_MAP: Record<AvatarBaseSize, string> = {\n  [AvatarBaseSize.Xs]: 'h-4 w-4',\n  [AvatarBaseSize.Sm]: 'h-6 w-6',\n  [AvatarBaseSize.Md]: 'h-8 w-8',\n  [AvatarBaseSize.Lg]: 'h-10 w-10',\n  [AvatarBaseSize.Xl]: 'h-12 w-12',\n};\n\nexport const AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP: Record<\n  AvatarBaseSize,\n  string\n> = {\n  [AvatarBaseSize.Xs]: 'rounded-sm', // 4px\n  [AvatarBaseSize.Sm]: 'rounded-md', // 6px\n  [AvatarBaseSize.Md]: 'rounded-lg', // 8px\n  [AvatarBaseSize.Lg]: 'rounded-[10px]', // 10px (No tailwind class for this)\n  [AvatarBaseSize.Xl]: 'rounded-xl', // 12px\n};\n"]}

package/dist/components/avatar-base/AvatarBase.d.cts

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

package/dist/components/avatar-base/AvatarBase.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAG1D,eAAO,MAAM,UAAU,qGAiDtB,CAAC"}

package/dist/components/avatar-base/AvatarBase.d.mts

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

package/dist/components/avatar-base/AvatarBase.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAG1D,eAAO,MAAM,UAAU,qGAiDtB,CAAC"}

package/dist/components/avatar-base/AvatarBase.mjs

@@ -0,0 +1,29 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { Slot } from "@radix-ui/react-slot";
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { Text, FontWeight, TextVariant, TextColor } from "../text/index.mjs";
+import { AVATAR_BASE_SIZE_CLASS_MAP, AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP } from "./AvatarBase.constants.mjs";
+import { AvatarBaseShape, AvatarBaseSize } from "./AvatarBase.types.mjs";
+export const AvatarBase = React.forwardRef(({ children, fallbackText, fallbackTextProps, className, size = AvatarBaseSize.Md, shape = AvatarBaseShape.Circle, asChild, style, ...props }, ref) => {
+    const Component = asChild ? Slot : 'div';
+    const mergedClassName = twMerge(
+    // Base styles
+    'inline-flex items-center justify-center', shape === AvatarBaseShape.Circle
+        ? 'rounded-full'
+        : AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP[size], 'bg-muted', 'overflow-hidden', 
+    // Size
+    AVATAR_BASE_SIZE_CLASS_MAP[size], 
+    // Custom classes
+    className);
+    return (React.createElement(Component, { ref: ref, className: mergedClassName, style: style, ...props }, children || (React.createElement(Text, { variant: TextVariant.BodySm, fontWeight: FontWeight.Medium, color: TextColor.TextMuted, asChild: true, className: "uppercase", ...fallbackTextProps },
+        React.createElement("span", null, fallbackText)))));
+});
+AvatarBase.displayName = 'AvatarBase';
+//# sourceMappingURL=AvatarBase.mjs.map

package/dist/components/avatar-base/AvatarBase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.mjs","sourceRoot":"","sources":["../../../src/components/avatar-base/AvatarBase.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,0BAAgB;AACnE,OAAO,EACL,0BAA0B,EAC1B,oCAAoC,EACrC,mCAA+B;AAEhC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,+BAA2B;AAErE,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,GAAG,eAAe,CAAC,MAAM,EAC9B,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,MAAM,eAAe,GAAG,OAAO;IAC7B,cAAc;IACd,yCAAyC,EACzC,KAAK,KAAK,eAAe,CAAC,MAAM;QAC9B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,oCAAoC,CAAC,IAAI,CAAC,EAC9C,UAAU,EACV,iBAAiB;IACjB,OAAO;IACP,0BAA0B,CAAC,IAAI,CAAC;IAChC,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACrE,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,UAAU,CAAC,MAAM,EAC7B,KAAK,EAAE,SAAS,CAAC,SAAS,EAC1B,OAAO,QACP,SAAS,EAAC,WAAW,KACjB,iBAAiB;QAGrB,kCAAO,YAAY,CAAQ,CACtB,CACR,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Text, FontWeight, TextVariant, TextColor } from '../text';\nimport {\n  AVATAR_BASE_SIZE_CLASS_MAP,\n  AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP,\n} from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\nimport { AvatarBaseShape, AvatarBaseSize } from './AvatarBase.types';\n\nexport const AvatarBase = React.forwardRef<HTMLDivElement, AvatarBaseProps>(\n  (\n    {\n      children,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      shape = AvatarBaseShape.Circle,\n      asChild,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : 'div';\n\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex items-center justify-center',\n      shape === AvatarBaseShape.Circle\n        ? 'rounded-full'\n        : AVATAR_BASE_SQUARE_BORDER_RADIUS_MAP[size],\n      'bg-muted',\n      'overflow-hidden',\n      // Size\n      AVATAR_BASE_SIZE_CLASS_MAP[size],\n      // Custom classes\n      className,\n    );\n\n    return (\n      <Component ref={ref} className={mergedClassName} style={style} {...props}>\n        {children || (\n          <Text\n            variant={TextVariant.BodySm}\n            fontWeight={FontWeight.Medium}\n            color={TextColor.TextMuted}\n            asChild\n            className=\"uppercase\"\n            {...fallbackTextProps}\n          >\n            {/* asChild prop renders Text component as a span, it does not create an additional element */}\n            <span>{fallbackText}</span>\n          </Text>\n        )}\n      </Component>\n    );\n  },\n);\n\nAvatarBase.displayName = 'AvatarBase';\n"]}

package/dist/components/avatar-base/AvatarBase.types.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
+var AvatarBaseSize;
+(function (AvatarBaseSize) {
+    /**
+     * Extra small size (16px)
+     */
+    AvatarBaseSize["Xs"] = "xs";
+    /**
+     * Small size (24px)
+     */
+    AvatarBaseSize["Sm"] = "sm";
+    /**
+     * Medium size (32px)
+     */
+    AvatarBaseSize["Md"] = "md";
+    /**
+     * Large size (40px)
+     */
+    AvatarBaseSize["Lg"] = "lg";
+    /**
+     * Extra large size (48px)
+     */
+    AvatarBaseSize["Xl"] = "xl";
+})(AvatarBaseSize || (exports.AvatarBaseSize = AvatarBaseSize = {}));
+var AvatarBaseShape;
+(function (AvatarBaseShape) {
+    /**
+     * Circular shape with fully rounded corners
+     */
+    AvatarBaseShape["Circle"] = "circle";
+    /**
+     * Square shape with slight rounded corners
+     */
+    AvatarBaseShape["Square"] = "square";
+})(AvatarBaseShape || (exports.AvatarBaseShape = AvatarBaseShape = {}));
+//# sourceMappingURL=AvatarBase.types.cjs.map