@metamask-previews/design-system-shared 0.4.0-preview.645f8b0 → 0.4.0-preview.96aaa54

package/dist/index.cjs

@@ -1,12 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BannerAlertSeverity = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
+exports.BannerAlertSeverity = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeCountSize = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.generateIconSeed = exports.isEthereumAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = exports.extractAccountAddress = void 0;
 var caip_address_1 = require("./utils/caip-address.cjs");
 Object.defineProperty(exports, "extractAccountAddress", { enumerable: true, get: function () { return caip_address_1.extractAccountAddress; } });
 Object.defineProperty(exports, "generateSeedEthereum", { enumerable: true, get: function () { return caip_address_1.generateSeedEthereum; } });
 Object.defineProperty(exports, "generateSeedNonEthereum", { enumerable: true, get: function () { return caip_address_1.generateSeedNonEthereum; } });
 Object.defineProperty(exports, "isEthereumAddress", { enumerable: true, get: function () { return caip_address_1.isEthereumAddress; } });
 Object.defineProperty(exports, "generateIconSeed", { enumerable: true, get: function () { return caip_address_1.generateIconSeed; } });
+// AvatarBase types (ADR-0003 + ADR-0004)
+var AvatarBase_1 = require("./types/AvatarBase/index.cjs");
+Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return AvatarBase_1.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return AvatarBase_1.AvatarBaseShape; } });
 // BadgeCount types (ADR-0003 + ADR-0004)
 var BadgeCount_1 = require("./types/BadgeCount/index.cjs");
 Object.defineProperty(exports, "BadgeCountSize", { enumerable: true, get: function () { return BadgeCount_1.BadgeCountSize; } });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAM8B;AAL5B,qHAAA,qBAAqB,OAAA;AACrB,oHAAA,oBAAoB,OAAA;AACpB,uHAAA,uBAAuB,OAAA;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA;AAGlB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA;AAUjB,0CAA0C;AAC1C,6DAG6B;AAF3B,kHAAA,mBAAmB,OAAA","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './types/BannerAlert';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAM8B;AAL5B,qHAAA,qBAAqB,OAAA;AACrB,oHAAA,oBAAoB,OAAA;AACpB,uHAAA,uBAAuB,OAAA;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA;AAGlB,yCAAyC;AACzC,2DAI4B;AAH1B,4GAAA,cAAc,OAAA;AACd,6GAAA,eAAe,OAAA;AAIjB,yCAAyC;AACzC,2DAAgF;AAAvE,4GAAA,cAAc,OAAA;AAEvB,0CAA0C;AAC1C,6DAI6B;AAH3B,gHAAA,iBAAiB,OAAA;AACjB,8GAAA,eAAe,OAAA;AAajB,0CAA0C;AAC1C,6DAG6B;AAF3B,kHAAA,mBAAmB,OAAA","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// AvatarBase types (ADR-0003 + ADR-0004)\nexport {\n  AvatarBaseSize,\n  AvatarBaseShape,\n  type AvatarBasePropsShared,\n} from './types/AvatarBase';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// AvatarNetwork types (ADR-0004)\nexport { type AvatarNetworkPropsShared } from './types/AvatarNetwork';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './types/BannerAlert';\n"]}

package/dist/index.d.cts

@@ -1,7 +1,9 @@
 export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, isEthereumAddress, generateIconSeed, } from "./utils/caip-address.cjs";
+export { AvatarBaseSize, AvatarBaseShape, type AvatarBasePropsShared, } from "./types/AvatarBase/index.cjs";
 export { BadgeCountSize, type BadgeCountPropsShared } from "./types/BadgeCount/index.cjs";
 export { BadgeStatusStatus, BadgeStatusSize, type BadgeStatusPropsShared, } from "./types/BadgeStatus/index.cjs";
 export { type BannerBasePropsShared } from "./types/BannerBase/index.cjs";
 export { type ButtonFilterPropsShared } from "./types/ButtonFilter/index.cjs";
+export { type AvatarNetworkPropsShared } from "./types/AvatarNetwork/index.cjs";
 export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./types/BannerAlert/index.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,qCAA2B;AAG5B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B"}

package/dist/index.d.mts

@@ -1,7 +1,9 @@
 export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, isEthereumAddress, generateIconSeed, } from "./utils/caip-address.mjs";
+export { AvatarBaseSize, AvatarBaseShape, type AvatarBasePropsShared, } from "./types/AvatarBase/index.mjs";
 export { BadgeCountSize, type BadgeCountPropsShared } from "./types/BadgeCount/index.mjs";
 export { BadgeStatusStatus, BadgeStatusSize, type BadgeStatusPropsShared, } from "./types/BadgeStatus/index.mjs";
 export { type BannerBasePropsShared } from "./types/BannerBase/index.mjs";
 export { type ButtonFilterPropsShared } from "./types/ButtonFilter/index.mjs";
+export { type AvatarNetworkPropsShared } from "./types/AvatarNetwork/index.mjs";
 export { BannerAlertSeverity, type BannerAlertPropsShared, } from "./types/BannerAlert/index.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,iCAA6B;AAG9B,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,qCAA2B;AAG5B,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,sCAA4B;AAG7B,OAAO,EAAE,KAAK,qBAAqB,EAAE,qCAA2B;AAGhE,OAAO,EAAE,KAAK,uBAAuB,EAAE,uCAA6B;AAGpE,OAAO,EAAE,KAAK,wBAAwB,EAAE,wCAA8B;AAGtE,OAAO,EACL,mBAAmB,EACnB,KAAK,sBAAsB,GAC5B,sCAA4B"}

package/dist/index.mjs

@@ -1,4 +1,6 @@
 export { extractAccountAddress, generateSeedEthereum, generateSeedNonEthereum, isEthereumAddress, generateIconSeed } from "./utils/caip-address.mjs";
+// AvatarBase types (ADR-0003 + ADR-0004)
+export { AvatarBaseSize, AvatarBaseShape } from "./types/AvatarBase/index.mjs";
 // BadgeCount types (ADR-0003 + ADR-0004)
 export { BadgeCountSize } from "./types/BadgeCount/index.mjs";
 // BadgeStatus types (ADR-0003 + ADR-0004)

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EACjB,iCAA6B;AAE9B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B;AAQ7B,0CAA0C;AAC1C,OAAO,EACL,mBAAmB,EAEpB,sCAA4B","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './types/BannerAlert';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EACjB,iCAA6B;AAE9B,yCAAyC;AACzC,OAAO,EACL,cAAc,EACd,eAAe,EAEhB,qCAA2B;AAE5B,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAA8B,qCAA2B;AAEhF,0CAA0C;AAC1C,OAAO,EACL,iBAAiB,EACjB,eAAe,EAEhB,sCAA4B;AAW7B,0CAA0C;AAC1C,OAAO,EACL,mBAAmB,EAEpB,sCAA4B","sourcesContent":["export {\n  extractAccountAddress,\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  isEthereumAddress,\n  generateIconSeed,\n} from './utils/caip-address';\n\n// AvatarBase types (ADR-0003 + ADR-0004)\nexport {\n  AvatarBaseSize,\n  AvatarBaseShape,\n  type AvatarBasePropsShared,\n} from './types/AvatarBase';\n\n// BadgeCount types (ADR-0003 + ADR-0004)\nexport { BadgeCountSize, type BadgeCountPropsShared } from './types/BadgeCount';\n\n// BadgeStatus types (ADR-0003 + ADR-0004)\nexport {\n  BadgeStatusStatus,\n  BadgeStatusSize,\n  type BadgeStatusPropsShared,\n} from './types/BadgeStatus';\n\n// BannerBase types (ADR-0004)\nexport { type BannerBasePropsShared } from './types/BannerBase';\n\n// ButtonFilter types (ADR-0004)\nexport { type ButtonFilterPropsShared } from './types/ButtonFilter';\n\n// AvatarNetwork types (ADR-0004)\nexport { type AvatarNetworkPropsShared } from './types/AvatarNetwork';\n\n// BannerAlert types (ADR-0003 + ADR-0004)\nexport {\n  BannerAlertSeverity,\n  type BannerAlertPropsShared,\n} from './types/BannerAlert';\n"]}

package/dist/types/AvatarBase/AvatarBase.types.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
+/**
+ * AvatarBase - size
+ * Convert from enum to const object (ADR-0003)
+ */
+exports.AvatarBaseSize = {
+    /**
+     * Represents an extra small avatar size (16px).
+     */
+    Xs: 'xs',
+    /**
+     * Represents a small avatar size (24px).
+     */
+    Sm: 'sm',
+    /**
+     * Represents a medium avatar size (32px).
+     */
+    Md: 'md',
+    /**
+     * Represents a large avatar size (40px).
+     */
+    Lg: 'lg',
+    /**
+     * Represents an extra large avatar size (48px).
+     */
+    Xl: 'xl',
+};
+/**
+ * AvatarBase - shape
+ * Convert from enum to const object (ADR-0003)
+ */
+exports.AvatarBaseShape = {
+    /**
+     * Represents a circular Avatar.
+     */
+    Circle: 'circle',
+    /**
+     * Represents a squared Avatar.
+     */
+    Square: 'square',
+};
+//# sourceMappingURL=AvatarBase.types.cjs.map

package/dist/types/AvatarBase/AvatarBase.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.cjs","sourceRoot":"","sources":["../../../src/types/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC;AAIX;;;GAGG;AACU,QAAA,eAAe,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * AvatarBase - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const AvatarBaseSize = {\n  /**\n   * Represents an extra small avatar size (16px).\n   */\n  Xs: 'xs',\n  /**\n   * Represents a small avatar size (24px).\n   */\n  Sm: 'sm',\n  /**\n   * Represents a medium avatar size (32px).\n   */\n  Md: 'md',\n  /**\n   * Represents a large avatar size (40px).\n   */\n  Lg: 'lg',\n  /**\n   * Represents an extra large avatar size (48px).\n   */\n  Xl: 'xl',\n} as const;\nexport type AvatarBaseSize =\n  (typeof AvatarBaseSize)[keyof typeof AvatarBaseSize];\n\n/**\n * AvatarBase - shape\n * Convert from enum to const object (ADR-0003)\n */\nexport const AvatarBaseShape = {\n  /**\n   * Represents a circular Avatar.\n   */\n  Circle: 'circle',\n  /**\n   * Represents a squared Avatar.\n   */\n  Square: 'square',\n} as const;\nexport type AvatarBaseShape =\n  (typeof AvatarBaseShape)[keyof typeof AvatarBaseShape];\n\n/**\n * AvatarBase component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type AvatarBasePropsShared = {\n  /**\n   * Optional content to be rendered within the AvatarBase.\n   * If fallbackText is provided, fallbackText takes precedence.\n   */\n  children?: ReactNode;\n  /**\n   * Optional text to display when no children are provided.\n   */\n  fallbackText?: string;\n  /**\n   * Optional prop to control the size of the AvatarBase.\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: AvatarBaseSize;\n  /**\n   * Optional prop to control the shape of the AvatarBase.\n   *\n   * @default AvatarBaseShape.Circle\n   */\n  shape?: AvatarBaseShape;\n  /**\n   * Optional prop to include the border with the Avatar.\n   * For internal use only.\n   *\n   * @default false\n   */\n  hasBorder?: boolean;\n};\n"]}

package/dist/types/AvatarBase/AvatarBase.types.d.cts

@@ -0,0 +1,78 @@
+import type { ReactNode } from "react";
+/**
+ * AvatarBase - size
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const AvatarBaseSize: {
+    /**
+     * Represents an extra small avatar size (16px).
+     */
+    readonly Xs: "xs";
+    /**
+     * Represents a small avatar size (24px).
+     */
+    readonly Sm: "sm";
+    /**
+     * Represents a medium avatar size (32px).
+     */
+    readonly Md: "md";
+    /**
+     * Represents a large avatar size (40px).
+     */
+    readonly Lg: "lg";
+    /**
+     * Represents an extra large avatar size (48px).
+     */
+    readonly Xl: "xl";
+};
+export type AvatarBaseSize = (typeof AvatarBaseSize)[keyof typeof AvatarBaseSize];
+/**
+ * AvatarBase - shape
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const AvatarBaseShape: {
+    /**
+     * Represents a circular Avatar.
+     */
+    readonly Circle: "circle";
+    /**
+     * Represents a squared Avatar.
+     */
+    readonly Square: "square";
+};
+export type AvatarBaseShape = (typeof AvatarBaseShape)[keyof typeof AvatarBaseShape];
+/**
+ * AvatarBase component shared props (ADR-0004)
+ * Platform-independent properties shared across React and React Native.
+ */
+export type AvatarBasePropsShared = {
+    /**
+     * Optional content to be rendered within the AvatarBase.
+     * If fallbackText is provided, fallbackText takes precedence.
+     */
+    children?: ReactNode;
+    /**
+     * Optional text to display when no children are provided.
+     */
+    fallbackText?: string;
+    /**
+     * Optional prop to control the size of the AvatarBase.
+     *
+     * @default AvatarBaseSize.Md
+     */
+    size?: AvatarBaseSize;
+    /**
+     * Optional prop to control the shape of the AvatarBase.
+     *
+     * @default AvatarBaseShape.Circle
+     */
+    shape?: AvatarBaseShape;
+    /**
+     * Optional prop to include the border with the Avatar.
+     * For internal use only.
+     *
+     * @default false
+     */
+    hasBorder?: boolean;
+};
+//# sourceMappingURL=AvatarBase.types.d.cts.map

package/dist/types/AvatarBase/AvatarBase.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/types/AvatarBase/AvatarBase.types.d.mts

@@ -0,0 +1,78 @@
+import type { ReactNode } from "react";
+/**
+ * AvatarBase - size
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const AvatarBaseSize: {
+    /**
+     * Represents an extra small avatar size (16px).
+     */
+    readonly Xs: "xs";
+    /**
+     * Represents a small avatar size (24px).
+     */
+    readonly Sm: "sm";
+    /**
+     * Represents a medium avatar size (32px).
+     */
+    readonly Md: "md";
+    /**
+     * Represents a large avatar size (40px).
+     */
+    readonly Lg: "lg";
+    /**
+     * Represents an extra large avatar size (48px).
+     */
+    readonly Xl: "xl";
+};
+export type AvatarBaseSize = (typeof AvatarBaseSize)[keyof typeof AvatarBaseSize];
+/**
+ * AvatarBase - shape
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const AvatarBaseShape: {
+    /**
+     * Represents a circular Avatar.
+     */
+    readonly Circle: "circle";
+    /**
+     * Represents a squared Avatar.
+     */
+    readonly Square: "square";
+};
+export type AvatarBaseShape = (typeof AvatarBaseShape)[keyof typeof AvatarBaseShape];
+/**
+ * AvatarBase component shared props (ADR-0004)
+ * Platform-independent properties shared across React and React Native.
+ */
+export type AvatarBasePropsShared = {
+    /**
+     * Optional content to be rendered within the AvatarBase.
+     * If fallbackText is provided, fallbackText takes precedence.
+     */
+    children?: ReactNode;
+    /**
+     * Optional text to display when no children are provided.
+     */
+    fallbackText?: string;
+    /**
+     * Optional prop to control the size of the AvatarBase.
+     *
+     * @default AvatarBaseSize.Md
+     */
+    size?: AvatarBaseSize;
+    /**
+     * Optional prop to control the shape of the AvatarBase.
+     *
+     * @default AvatarBaseShape.Circle
+     */
+    shape?: AvatarBaseShape;
+    /**
+     * Optional prop to include the border with the Avatar.
+     * For internal use only.
+     *
+     * @default false
+     */
+    hasBorder?: boolean;
+};
+//# sourceMappingURL=AvatarBase.types.d.mts.map

package/dist/types/AvatarBase/AvatarBase.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/types/AvatarBase/AvatarBase.types.mjs

@@ -0,0 +1,41 @@
+/**
+ * AvatarBase - size
+ * Convert from enum to const object (ADR-0003)
+ */
+export const AvatarBaseSize = {
+    /**
+     * Represents an extra small avatar size (16px).
+     */
+    Xs: 'xs',
+    /**
+     * Represents a small avatar size (24px).
+     */
+    Sm: 'sm',
+    /**
+     * Represents a medium avatar size (32px).
+     */
+    Md: 'md',
+    /**
+     * Represents a large avatar size (40px).
+     */
+    Lg: 'lg',
+    /**
+     * Represents an extra large avatar size (48px).
+     */
+    Xl: 'xl',
+};
+/**
+ * AvatarBase - shape
+ * Convert from enum to const object (ADR-0003)
+ */
+export const AvatarBaseShape = {
+    /**
+     * Represents a circular Avatar.
+     */
+    Circle: 'circle',
+    /**
+     * Represents a squared Avatar.
+     */
+    Square: 'square',
+};
+//# sourceMappingURL=AvatarBase.types.mjs.map

package/dist/types/AvatarBase/AvatarBase.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.mjs","sourceRoot":"","sources":["../../../src/types/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * AvatarBase - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const AvatarBaseSize = {\n  /**\n   * Represents an extra small avatar size (16px).\n   */\n  Xs: 'xs',\n  /**\n   * Represents a small avatar size (24px).\n   */\n  Sm: 'sm',\n  /**\n   * Represents a medium avatar size (32px).\n   */\n  Md: 'md',\n  /**\n   * Represents a large avatar size (40px).\n   */\n  Lg: 'lg',\n  /**\n   * Represents an extra large avatar size (48px).\n   */\n  Xl: 'xl',\n} as const;\nexport type AvatarBaseSize =\n  (typeof AvatarBaseSize)[keyof typeof AvatarBaseSize];\n\n/**\n * AvatarBase - shape\n * Convert from enum to const object (ADR-0003)\n */\nexport const AvatarBaseShape = {\n  /**\n   * Represents a circular Avatar.\n   */\n  Circle: 'circle',\n  /**\n   * Represents a squared Avatar.\n   */\n  Square: 'square',\n} as const;\nexport type AvatarBaseShape =\n  (typeof AvatarBaseShape)[keyof typeof AvatarBaseShape];\n\n/**\n * AvatarBase component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type AvatarBasePropsShared = {\n  /**\n   * Optional content to be rendered within the AvatarBase.\n   * If fallbackText is provided, fallbackText takes precedence.\n   */\n  children?: ReactNode;\n  /**\n   * Optional text to display when no children are provided.\n   */\n  fallbackText?: string;\n  /**\n   * Optional prop to control the size of the AvatarBase.\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: AvatarBaseSize;\n  /**\n   * Optional prop to control the shape of the AvatarBase.\n   *\n   * @default AvatarBaseShape.Circle\n   */\n  shape?: AvatarBaseShape;\n  /**\n   * Optional prop to include the border with the Avatar.\n   * For internal use only.\n   *\n   * @default false\n   */\n  hasBorder?: boolean;\n};\n"]}

package/dist/types/AvatarBase/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
+var AvatarBase_types_1 = require("./AvatarBase.types.cjs");
+Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return AvatarBase_types_1.AvatarBaseSize; } });
+Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return AvatarBase_types_1.AvatarBaseShape; } });
+//# sourceMappingURL=index.cjs.map

package/dist/types/AvatarBase/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/AvatarBase/index.ts"],"names":[],"mappings":";;;AAAA,2DAI4B;AAH1B,kHAAA,cAAc,OAAA;AACd,mHAAA,eAAe,OAAA","sourcesContent":["export {\n  AvatarBaseSize,\n  AvatarBaseShape,\n  type AvatarBasePropsShared,\n} from './AvatarBase.types';\n"]}

package/dist/types/AvatarBase/index.d.cts

@@ -0,0 +1,2 @@
+export { AvatarBaseSize, AvatarBaseShape, type AvatarBasePropsShared, } from "./AvatarBase.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/types/AvatarBase/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,+BAA2B"}

package/dist/types/AvatarBase/index.d.mts

@@ -0,0 +1,2 @@
+export { AvatarBaseSize, AvatarBaseShape, type AvatarBasePropsShared, } from "./AvatarBase.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/types/AvatarBase/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,qBAAqB,GAC3B,+BAA2B"}

package/dist/types/AvatarBase/index.mjs

@@ -0,0 +1,2 @@
+export { AvatarBaseSize, AvatarBaseShape } from "./AvatarBase.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/types/AvatarBase/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/AvatarBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAEhB,+BAA2B","sourcesContent":["export {\n  AvatarBaseSize,\n  AvatarBaseShape,\n  type AvatarBasePropsShared,\n} from './AvatarBase.types';\n"]}

package/dist/types/AvatarNetwork/AvatarNetwork.types.cjs

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

package/dist/types/AvatarNetwork/AvatarNetwork.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.cjs","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * AvatarNetwork component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n * Note: AvatarNetworkSize is not included here because it inherits from\n * AvatarBaseSize which will be migrated separately (DSYS-473).\n */\nexport type AvatarNetworkPropsShared = {\n  /**\n   * Optional name of the network.\n   * Used as alt text for the image, and the first letter is used as fallback\n   * text when no explicit fallbackText is provided.\n   */\n  name?: string;\n  /**\n   * Optional text to display when no image is provided or when the image\n   * fails to load. If not provided, the first letter of name is used.\n   */\n  fallbackText?: string;\n};\n"]}

package/dist/types/AvatarNetwork/AvatarNetwork.types.d.cts

@@ -0,0 +1,20 @@
+/**
+ * AvatarNetwork component shared props (ADR-0004)
+ * Platform-independent properties shared across React and React Native.
+ * Note: AvatarNetworkSize is not included here because it inherits from
+ * AvatarBaseSize which will be migrated separately (DSYS-473).
+ */
+export type AvatarNetworkPropsShared = {
+    /**
+     * Optional name of the network.
+     * Used as alt text for the image, and the first letter is used as fallback
+     * text when no explicit fallbackText is provided.
+     */
+    name?: string;
+    /**
+     * Optional text to display when no image is provided or when the image
+     * fails to load. If not provided, the first letter of name is used.
+     */
+    fallbackText?: string;
+};
+//# sourceMappingURL=AvatarNetwork.types.d.cts.map

package/dist/types/AvatarNetwork/AvatarNetwork.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/types/AvatarNetwork/AvatarNetwork.types.d.mts

@@ -0,0 +1,20 @@
+/**
+ * AvatarNetwork component shared props (ADR-0004)
+ * Platform-independent properties shared across React and React Native.
+ * Note: AvatarNetworkSize is not included here because it inherits from
+ * AvatarBaseSize which will be migrated separately (DSYS-473).
+ */
+export type AvatarNetworkPropsShared = {
+    /**
+     * Optional name of the network.
+     * Used as alt text for the image, and the first letter is used as fallback
+     * text when no explicit fallbackText is provided.
+     */
+    name?: string;
+    /**
+     * Optional text to display when no image is provided or when the image
+     * fails to load. If not provided, the first letter of name is used.
+     */
+    fallbackText?: string;
+};
+//# sourceMappingURL=AvatarNetwork.types.d.mts.map

package/dist/types/AvatarNetwork/AvatarNetwork.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/types/AvatarNetwork/AvatarNetwork.types.mjs

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

package/dist/types/AvatarNetwork/AvatarNetwork.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.mjs","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * AvatarNetwork component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n * Note: AvatarNetworkSize is not included here because it inherits from\n * AvatarBaseSize which will be migrated separately (DSYS-473).\n */\nexport type AvatarNetworkPropsShared = {\n  /**\n   * Optional name of the network.\n   * Used as alt text for the image, and the first letter is used as fallback\n   * text when no explicit fallbackText is provided.\n   */\n  name?: string;\n  /**\n   * Optional text to display when no image is provided or when the image\n   * fails to load. If not provided, the first letter of name is used.\n   */\n  fallbackText?: string;\n};\n"]}

package/dist/types/AvatarNetwork/index.cjs

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

package/dist/types/AvatarNetwork/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type AvatarNetworkPropsShared } from './AvatarNetwork.types';\n"]}

package/dist/types/AvatarNetwork/index.d.cts

@@ -0,0 +1,2 @@
+export { type AvatarNetworkPropsShared } from "./AvatarNetwork.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/types/AvatarNetwork/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,kCAA8B"}

package/dist/types/AvatarNetwork/index.d.mts

@@ -0,0 +1,2 @@
+export { type AvatarNetworkPropsShared } from "./AvatarNetwork.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/types/AvatarNetwork/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,kCAA8B"}

package/dist/types/AvatarNetwork/index.mjs

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

package/dist/types/AvatarNetwork/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/AvatarNetwork/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type AvatarNetworkPropsShared } from './AvatarNetwork.types';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-shared",
-  "version": "0.4.0-preview.645f8b0",
+  "version": "0.4.0-preview.96aaa54",
   "description": "Shared types for design system libraries",
   "keywords": [
     "MetaMask",
@@ -52,12 +52,14 @@
     "@metamask/auto-changelog": "^5.3.2",
     "@ts-bridge/cli": "^0.6.3",
     "@types/jest": "^27.4.1",
-    "@types/react": "^18.2.0",
     "deepmerge": "^4.2.2",
     "jest": "^29.7.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.2.2"
   },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
   "engines": {
     "node": "^18.18 || >=20"
   },