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

package/dist/components/jazzicon/Jazzicon.cjs

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Jazzicon = void 0;
+const react_1 = __importStar(require("react"));
+const jazzicon_1 = __importDefault(require("@metamask/jazzicon"));
+const utils_1 = require("@metamask/utils");
+const Jazzicon_types_1 = require("./Jazzicon.types.cjs");
+const Jazzicon_utilities_1 = require("./Jazzicon.utilities.cjs");
+/**
+ * Cache for storing generated SVG elements by `address:diameter` so
+ * we don't regenerate them repeatedly.
+ */
+const iconCache = {};
+const Jazzicon = ({ address, size = 32, ...props }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        let isCancelled = false;
+        (async () => {
+            if (!containerRef.current) {
+                return;
+            }
+            // Clear any existing content
+            while (containerRef.current.firstChild) {
+                containerRef.current.removeChild(containerRef.current.firstChild);
+            }
+            // Check the cache
+            const cacheKey = `${address.toLowerCase()}:${size}`;
+            if (iconCache[cacheKey]) {
+                // If cached, just append a clone
+                if (!isCancelled) {
+                    const clone = iconCache[cacheKey].cloneNode(true);
+                    containerRef.current.appendChild(clone);
+                }
+                return;
+            }
+            // Determine the CAIP namespace
+            const namespace = await (0, Jazzicon_utilities_1.getCaipNamespaceFromAddress)(address);
+            if (isCancelled) {
+                return;
+            }
+            // Pick seeding strategy based on namespace
+            let seed;
+            if (namespace === utils_1.KnownCaipNamespace.Eip155) {
+                seed = (0, Jazzicon_utilities_1.generateSeedEthereum)(address);
+            }
+            else {
+                seed = (0, Jazzicon_utilities_1.generateSeedNonEthereum)(address);
+            }
+            // Create Jazzicon
+            const newIcon = (0, jazzicon_1.default)(size, seed);
+            // Cache it
+            iconCache[cacheKey] = newIcon;
+            // Append a fresh clone
+            if (!isCancelled && containerRef.current) {
+                containerRef.current.appendChild(newIcon.cloneNode(true));
+            }
+        })();
+        // Cleanup
+        return () => {
+            isCancelled = true;
+            if (containerRef.current) {
+                while (containerRef.current.firstChild) {
+                    containerRef.current.removeChild(containerRef.current.firstChild);
+                }
+            }
+        };
+    }, [address, size]);
+    return react_1.default.createElement("div", { ref: containerRef, ...props });
+};
+exports.Jazzicon = Jazzicon;
+exports.Jazzicon.displayName = 'Jazzicon';
+//# sourceMappingURL=Jazzicon.cjs.map

package/dist/components/jazzicon/Jazzicon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,kEAA0C;AAC1C,2CAAqD;AAErD,yDAAiD;AACjD,iEAI8B;AAE9B;;;GAGG;AACH,MAAM,SAAS,GAAmC,EAAE,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,GAAG,KAAK,CAAC;QAExB,CAAC,KAAK,IAAI,EAAE;YACV,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBACzB,OAAO;aACR;YACD,6BAA6B;YAC7B,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;gBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;aACnE;YAED,kBAAkB;YAClB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;YACpD,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACvB,iCAAiC;gBACjC,IAAI,CAAC,WAAW,EAAE;oBAChB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAmB,CAAC;oBACpE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;iBACzC;gBACD,OAAO;aACR;YAED,+BAA+B;YAC/B,MAAM,SAAS,GAAG,MAAM,IAAA,gDAA2B,EAAC,OAAO,CAAC,CAAC;YAC7D,IAAI,WAAW,EAAE;gBACf,OAAO;aACR;YAED,2CAA2C;YAC3C,IAAI,IAAuB,CAAC;YAC5B,IAAI,SAAS,KAAK,0BAAkB,CAAC,MAAM,EAAE;gBAC3C,IAAI,GAAG,IAAA,yCAAoB,EAAC,OAAO,CAAC,CAAC;aACtC;iBAAM;gBACL,IAAI,GAAG,IAAA,4CAAuB,EAAC,OAAO,CAAC,CAAC;aACzC;YAED,kBAAkB;YAClB,MAAM,OAAO,GAAG,IAAA,kBAAQ,EAAC,IAAI,EAAE,IAAI,CAAmB,CAAC;YAEvD,WAAW;YACX,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAyB,CAAC;YAEhD,uBAAuB;YACvB,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;aAC3D;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,UAAU;QACV,OAAO,GAAG,EAAE;YACV,WAAW,GAAG,IAAI,CAAC;YACnB,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;oBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;iBACnE;aACF;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,uCAAK,GAAG,EAAE,YAAY,KAAM,KAAK,GAAI,CAAC;AAC/C,CAAC,CAAC;AAhEW,QAAA,QAAQ,YAgEnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport jazzicon from '@metamask/jazzicon';\nimport { KnownCaipNamespace } from '@metamask/utils';\n\nimport { JazziconProps } from './Jazzicon.types';\nimport {\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  getCaipNamespaceFromAddress,\n} from './Jazzicon.utilities';\n\n/**\n * Cache for storing generated SVG elements by `address:diameter` so\n * we don't regenerate them repeatedly.\n */\nconst iconCache: Record<string, HTMLDivElement> = {};\n\nexport const Jazzicon = ({ address, size = 32, ...props }: JazziconProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    (async () => {\n      if (!containerRef.current) {\n        return;\n      }\n      // Clear any existing content\n      while (containerRef.current.firstChild) {\n        containerRef.current.removeChild(containerRef.current.firstChild);\n      }\n\n      // Check the cache\n      const cacheKey = `${address.toLowerCase()}:${size}`;\n      if (iconCache[cacheKey]) {\n        // If cached, just append a clone\n        if (!isCancelled) {\n          const clone = iconCache[cacheKey].cloneNode(true) as HTMLDivElement;\n          containerRef.current.appendChild(clone);\n        }\n        return;\n      }\n\n      // Determine the CAIP namespace\n      const namespace = await getCaipNamespaceFromAddress(address);\n      if (isCancelled) {\n        return;\n      }\n\n      // Pick seeding strategy based on namespace\n      let seed: number | number[];\n      if (namespace === KnownCaipNamespace.Eip155) {\n        seed = generateSeedEthereum(address);\n      } else {\n        seed = generateSeedNonEthereum(address);\n      }\n\n      // Create Jazzicon\n      const newIcon = jazzicon(size, seed) as HTMLDivElement;\n\n      // Cache it\n      iconCache[cacheKey] = newIcon as HTMLDivElement;\n\n      // Append a fresh clone\n      if (!isCancelled && containerRef.current) {\n        containerRef.current.appendChild(newIcon.cloneNode(true));\n      }\n    })();\n\n    // Cleanup\n    return () => {\n      isCancelled = true;\n      if (containerRef.current) {\n        while (containerRef.current.firstChild) {\n          containerRef.current.removeChild(containerRef.current.firstChild);\n        }\n      }\n    };\n  }, [address, size]);\n\n  return <div ref={containerRef} {...props} />;\n};\n\nJazzicon.displayName = 'Jazzicon';\n"]}

package/dist/components/jazzicon/Jazzicon.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import { JazziconProps } from "./Jazzicon.types.cjs";
+export declare const Jazzicon: {
+    ({ address, size, ...props }: JazziconProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Jazzicon.d.cts.map

package/dist/components/jazzicon/Jazzicon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.d.cts","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,cAAc;AAIjD,OAAO,EAAE,aAAa,EAAE,6BAAyB;AAajD,eAAO,MAAM,QAAQ;kCAAsC,aAAa;;CAgEvE,CAAC"}

package/dist/components/jazzicon/Jazzicon.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import { JazziconProps } from "./Jazzicon.types.mjs";
+export declare const Jazzicon: {
+    ({ address, size, ...props }: JazziconProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Jazzicon.d.mts.map

package/dist/components/jazzicon/Jazzicon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.d.mts","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,cAAc;AAIjD,OAAO,EAAE,aAAa,EAAE,6BAAyB;AAajD,eAAO,MAAM,QAAQ;kCAAsC,aAAa;;CAgEvE,CAAC"}

package/dist/components/jazzicon/Jazzicon.mjs

@@ -0,0 +1,77 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const { useEffect, useRef } = $React;
+const React = $importDefault($React);
+import $jazzicon from "@metamask/jazzicon";
+const jazzicon = $importDefault($jazzicon);
+import { KnownCaipNamespace } from "@metamask/utils";
+import { JazziconProps } from "./Jazzicon.types.mjs";
+import { generateSeedEthereum, generateSeedNonEthereum, getCaipNamespaceFromAddress } from "./Jazzicon.utilities.mjs";
+/**
+ * Cache for storing generated SVG elements by `address:diameter` so
+ * we don't regenerate them repeatedly.
+ */
+const iconCache = {};
+export const Jazzicon = ({ address, size = 32, ...props }) => {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        let isCancelled = false;
+        (async () => {
+            if (!containerRef.current) {
+                return;
+            }
+            // Clear any existing content
+            while (containerRef.current.firstChild) {
+                containerRef.current.removeChild(containerRef.current.firstChild);
+            }
+            // Check the cache
+            const cacheKey = `${address.toLowerCase()}:${size}`;
+            if (iconCache[cacheKey]) {
+                // If cached, just append a clone
+                if (!isCancelled) {
+                    const clone = iconCache[cacheKey].cloneNode(true);
+                    containerRef.current.appendChild(clone);
+                }
+                return;
+            }
+            // Determine the CAIP namespace
+            const namespace = await getCaipNamespaceFromAddress(address);
+            if (isCancelled) {
+                return;
+            }
+            // Pick seeding strategy based on namespace
+            let seed;
+            if (namespace === KnownCaipNamespace.Eip155) {
+                seed = generateSeedEthereum(address);
+            }
+            else {
+                seed = generateSeedNonEthereum(address);
+            }
+            // Create Jazzicon
+            const newIcon = jazzicon(size, seed);
+            // Cache it
+            iconCache[cacheKey] = newIcon;
+            // Append a fresh clone
+            if (!isCancelled && containerRef.current) {
+                containerRef.current.appendChild(newIcon.cloneNode(true));
+            }
+        })();
+        // Cleanup
+        return () => {
+            isCancelled = true;
+            if (containerRef.current) {
+                while (containerRef.current.firstChild) {
+                    containerRef.current.removeChild(containerRef.current.firstChild);
+                }
+            }
+        };
+    }, [address, size]);
+    return React.createElement("div", { ref: containerRef, ...props });
+};
+Jazzicon.displayName = 'Jazzicon';
+//# sourceMappingURL=Jazzicon.mjs.map

package/dist/components/jazzicon/Jazzicon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.mjs","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,SAAQ,2BAA2B;;AAC1C,OAAO,EAAE,kBAAkB,EAAE,wBAAwB;AAErD,OAAO,EAAE,aAAa,EAAE,6BAAyB;AACjD,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,2BAA2B,EAC5B,iCAA6B;AAE9B;;;GAGG;AACH,MAAM,SAAS,GAAmC,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,GAAG,KAAK,CAAC;QAExB,CAAC,KAAK,IAAI,EAAE;YACV,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBACzB,OAAO;aACR;YACD,6BAA6B;YAC7B,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;gBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;aACnE;YAED,kBAAkB;YAClB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;YACpD,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACvB,iCAAiC;gBACjC,IAAI,CAAC,WAAW,EAAE;oBAChB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAmB,CAAC;oBACpE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;iBACzC;gBACD,OAAO;aACR;YAED,+BAA+B;YAC/B,MAAM,SAAS,GAAG,MAAM,2BAA2B,CAAC,OAAO,CAAC,CAAC;YAC7D,IAAI,WAAW,EAAE;gBACf,OAAO;aACR;YAED,2CAA2C;YAC3C,IAAI,IAAuB,CAAC;YAC5B,IAAI,SAAS,KAAK,kBAAkB,CAAC,MAAM,EAAE;gBAC3C,IAAI,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;aACtC;iBAAM;gBACL,IAAI,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;aACzC;YAED,kBAAkB;YAClB,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAmB,CAAC;YAEvD,WAAW;YACX,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAyB,CAAC;YAEhD,uBAAuB;YACvB,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;aAC3D;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,UAAU;QACV,OAAO,GAAG,EAAE;YACV,WAAW,GAAG,IAAI,CAAC;YACnB,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;oBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;iBACnE;aACF;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,6BAAK,GAAG,EAAE,YAAY,KAAM,KAAK,GAAI,CAAC;AAC/C,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport jazzicon from '@metamask/jazzicon';\nimport { KnownCaipNamespace } from '@metamask/utils';\n\nimport { JazziconProps } from './Jazzicon.types';\nimport {\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  getCaipNamespaceFromAddress,\n} from './Jazzicon.utilities';\n\n/**\n * Cache for storing generated SVG elements by `address:diameter` so\n * we don't regenerate them repeatedly.\n */\nconst iconCache: Record<string, HTMLDivElement> = {};\n\nexport const Jazzicon = ({ address, size = 32, ...props }: JazziconProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    (async () => {\n      if (!containerRef.current) {\n        return;\n      }\n      // Clear any existing content\n      while (containerRef.current.firstChild) {\n        containerRef.current.removeChild(containerRef.current.firstChild);\n      }\n\n      // Check the cache\n      const cacheKey = `${address.toLowerCase()}:${size}`;\n      if (iconCache[cacheKey]) {\n        // If cached, just append a clone\n        if (!isCancelled) {\n          const clone = iconCache[cacheKey].cloneNode(true) as HTMLDivElement;\n          containerRef.current.appendChild(clone);\n        }\n        return;\n      }\n\n      // Determine the CAIP namespace\n      const namespace = await getCaipNamespaceFromAddress(address);\n      if (isCancelled) {\n        return;\n      }\n\n      // Pick seeding strategy based on namespace\n      let seed: number | number[];\n      if (namespace === KnownCaipNamespace.Eip155) {\n        seed = generateSeedEthereum(address);\n      } else {\n        seed = generateSeedNonEthereum(address);\n      }\n\n      // Create Jazzicon\n      const newIcon = jazzicon(size, seed) as HTMLDivElement;\n\n      // Cache it\n      iconCache[cacheKey] = newIcon as HTMLDivElement;\n\n      // Append a fresh clone\n      if (!isCancelled && containerRef.current) {\n        containerRef.current.appendChild(newIcon.cloneNode(true));\n      }\n    })();\n\n    // Cleanup\n    return () => {\n      isCancelled = true;\n      if (containerRef.current) {\n        while (containerRef.current.firstChild) {\n          containerRef.current.removeChild(containerRef.current.firstChild);\n        }\n      }\n    };\n  }, [address, size]);\n\n  return <div ref={containerRef} {...props} />;\n};\n\nJazzicon.displayName = 'Jazzicon';\n"]}

package/dist/components/jazzicon/Jazzicon.types.cjs

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

package/dist/components/jazzicon/Jazzicon.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.types.cjs","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type JazziconProps = ComponentProps<'div'> & {\n  /**\n   * Required address used as a unique identifier to generate the Jazzicon.\n   */\n  address: string;\n  /**\n   * Optional prop to control the size of the Jazzicon.\n   */\n  size?: number;\n  /**\n   * Optional prop to add a test id to the icon\n   */\n  'data-testid'?: string;\n};\n"]}

package/dist/components/jazzicon/Jazzicon.types.d.cts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from "react";
+export type JazziconProps = ComponentProps<'div'> & {
+    /**
+     * Required address used as a unique identifier to generate the Jazzicon.
+     */
+    address: string;
+    /**
+     * Optional prop to control the size of the Jazzicon.
+     */
+    size?: number;
+    /**
+     * Optional prop to add a test id to the icon
+     */
+    'data-testid'?: string;
+};
+//# sourceMappingURL=Jazzicon.types.d.cts.map

package/dist/components/jazzicon/Jazzicon.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.types.d.cts","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAClD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/jazzicon/Jazzicon.types.d.mts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from "react";
+export type JazziconProps = ComponentProps<'div'> & {
+    /**
+     * Required address used as a unique identifier to generate the Jazzicon.
+     */
+    address: string;
+    /**
+     * Optional prop to control the size of the Jazzicon.
+     */
+    size?: number;
+    /**
+     * Optional prop to add a test id to the icon
+     */
+    'data-testid'?: string;
+};
+//# sourceMappingURL=Jazzicon.types.d.mts.map

package/dist/components/jazzicon/Jazzicon.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.types.d.mts","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAClD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/jazzicon/Jazzicon.types.mjs

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

package/dist/components/jazzicon/Jazzicon.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.types.mjs","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type JazziconProps = ComponentProps<'div'> & {\n  /**\n   * Required address used as a unique identifier to generate the Jazzicon.\n   */\n  address: string;\n  /**\n   * Optional prop to control the size of the Jazzicon.\n   */\n  size?: number;\n  /**\n   * Optional prop to add a test id to the icon\n   */\n  'data-testid'?: string;\n};\n"]}

package/dist/components/jazzicon/Jazzicon.utilities.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCaipNamespaceFromAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = void 0;
+const utils_1 = require("@metamask/utils");
+const addresses_1 = require("@solana/addresses");
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ */
+function generateSeedEthereum(address) {
+    // Example: parse the first 8 chars of the address after '0x'
+    const addr = address.slice(2, 10);
+    return parseInt(addr, 16);
+}
+exports.generateSeedEthereum = generateSeedEthereum;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ */
+function generateSeedNonEthereum(address) {
+    return Array.from((0, utils_1.stringToBytes)(address.normalize('NFKC').toLowerCase()));
+}
+exports.generateSeedNonEthereum = generateSeedNonEthereum;
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ */
+async function getCaipNamespaceFromAddress(address) {
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        if (namespace.toLowerCase() === 'bip122') {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+        if (namespace.toLowerCase() === 'solana') {
+            return utils_1.KnownCaipNamespace.Solana;
+        }
+        if (namespace.toLowerCase() === 'eip155') {
+            return utils_1.KnownCaipNamespace.Eip155;
+        }
+        // Add other namespaces as needed.
+    }
+    try {
+        const { validate, Network } = await import("bitcoin-address-validation");
+        if (validate(address, Network.mainnet) ||
+            validate(address, Network.testnet)) {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+    }
+    catch {
+        // If the import fails or 'validate' is not available, fall through
+    }
+    if ((0, addresses_1.isAddress)(address)) {
+        return utils_1.KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum
+    return utils_1.KnownCaipNamespace.Eip155;
+}
+exports.getCaipNamespaceFromAddress = getCaipNamespaceFromAddress;
+//# sourceMappingURL=Jazzicon.utilities.cjs.map

package/dist/components/jazzicon/Jazzicon.utilities.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.cjs","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":";;;AAAA,2CAAoE;AACpE,iDAAiE;AAEjE;;GAEG;AACH,SAAgB,oBAAoB,CAAC,OAAe;IAClD,6DAA6D;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClC,OAAO,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5B,CAAC;AAJD,oDAIC;AAED;;GAEG;AACH,SAAgB,uBAAuB,CAAC,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAA,qBAAa,EAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5E,CAAC;AAFD,0DAEC;AAED;;;GAGG;AACI,KAAK,UAAU,2BAA2B,CAC/C,OAAe;IAEf,wCAAwC;IACxC,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACzB,MAAM,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;QACD,kCAAkC;KACnC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,8BAA8B,CAAC;QACzE,IACE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;YAClC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EAClC;YACA,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;KACF;IAAC,MAAM;QACN,mEAAmE;KACpE;IAED,IAAI,IAAA,qBAAe,EAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,0BAAkB,CAAC,MAAM,CAAC;KAClC;IAED,sBAAsB;IACtB,OAAO,0BAAkB,CAAC,MAAM,CAAC;AACnC,CAAC;AApCD,kEAoCC","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n */\nexport function generateSeedEthereum(address: string): number {\n  // Example: parse the first 8 chars of the address after '0x'\n  const addr = address.slice(2, 10);\n  return parseInt(addr, 16);\n}\n\n/**\n * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).\n */\nexport function generateSeedNonEthereum(address: string): number[] {\n  return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));\n}\n\n/**\n * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    if (namespace.toLowerCase() === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (namespace.toLowerCase() === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n    if (namespace.toLowerCase() === 'eip155') {\n      return KnownCaipNamespace.Eip155;\n    }\n    // Add other namespaces as needed.\n  }\n\n  try {\n    const { validate, Network } = await import('bitcoin-address-validation');\n    if (\n      validate(address, Network.mainnet) ||\n      validate(address, Network.testnet)\n    ) {\n      return KnownCaipNamespace.Bip122;\n    }\n  } catch {\n    // If the import fails or 'validate' is not available, fall through\n  }\n\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum\n  return KnownCaipNamespace.Eip155;\n}\n"]}

package/dist/components/jazzicon/Jazzicon.utilities.d.cts

@@ -0,0 +1,15 @@
+import { KnownCaipNamespace } from "@metamask/utils";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ */
+export declare function generateSeedEthereum(address: string): number;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ */
+export declare function generateSeedNonEthereum(address: string): number[];
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ */
+export declare function getCaipNamespaceFromAddress(address: string): Promise<KnownCaipNamespace>;
+//# sourceMappingURL=Jazzicon.utilities.d.cts.map

package/dist/components/jazzicon/Jazzicon.utilities.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.d.cts","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,wBAAwB;AAGpE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjE;AAED;;;GAGG;AACH,wBAAsB,2BAA2B,CAC/C,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,kBAAkB,CAAC,CAkC7B"}

package/dist/components/jazzicon/Jazzicon.utilities.d.mts

@@ -0,0 +1,15 @@
+import { KnownCaipNamespace } from "@metamask/utils";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ */
+export declare function generateSeedEthereum(address: string): number;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ */
+export declare function generateSeedNonEthereum(address: string): number[];
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ */
+export declare function getCaipNamespaceFromAddress(address: string): Promise<KnownCaipNamespace>;
+//# sourceMappingURL=Jazzicon.utilities.d.mts.map

package/dist/components/jazzicon/Jazzicon.utilities.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.d.mts","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,wBAAwB;AAGpE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjE;AAED;;;GAGG;AACH,wBAAsB,2BAA2B,CAC/C,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,kBAAkB,CAAC,CAkC7B"}

package/dist/components/jazzicon/Jazzicon.utilities.mjs

@@ -0,0 +1,52 @@
+import { stringToBytes, KnownCaipNamespace } from "@metamask/utils";
+import { isAddress as isSolanaAddress } from "@solana/addresses";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ */
+export function generateSeedEthereum(address) {
+    // Example: parse the first 8 chars of the address after '0x'
+    const addr = address.slice(2, 10);
+    return parseInt(addr, 16);
+}
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ */
+export function generateSeedNonEthereum(address) {
+    return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));
+}
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ */
+export async function getCaipNamespaceFromAddress(address) {
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        if (namespace.toLowerCase() === 'bip122') {
+            return KnownCaipNamespace.Bip122;
+        }
+        if (namespace.toLowerCase() === 'solana') {
+            return KnownCaipNamespace.Solana;
+        }
+        if (namespace.toLowerCase() === 'eip155') {
+            return KnownCaipNamespace.Eip155;
+        }
+        // Add other namespaces as needed.
+    }
+    try {
+        const { validate, Network } = await import("bitcoin-address-validation");
+        if (validate(address, Network.mainnet) ||
+            validate(address, Network.testnet)) {
+            return KnownCaipNamespace.Bip122;
+        }
+    }
+    catch {
+        // If the import fails or 'validate' is not available, fall through
+    }
+    if (isSolanaAddress(address)) {
+        return KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum
+    return KnownCaipNamespace.Eip155;
+}
+//# sourceMappingURL=Jazzicon.utilities.mjs.map

package/dist/components/jazzicon/Jazzicon.utilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.mjs","sourceRoot":"","sources":["../../../src/components/jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,wBAAwB;AACpE,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,0BAA0B;AAEjE;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAe;IAClD,6DAA6D;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClC,OAAO,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5E,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,2BAA2B,CAC/C,OAAe;IAEf,wCAAwC;IACxC,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACzB,MAAM,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;QACD,kCAAkC;KACnC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,8BAA8B,CAAC;QACzE,IACE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;YAClC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EAClC;YACA,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;KACF;IAAC,MAAM;QACN,mEAAmE;KACpE;IAED,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,kBAAkB,CAAC,MAAM,CAAC;KAClC;IAED,sBAAsB;IACtB,OAAO,kBAAkB,CAAC,MAAM,CAAC;AACnC,CAAC","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n */\nexport function generateSeedEthereum(address: string): number {\n  // Example: parse the first 8 chars of the address after '0x'\n  const addr = address.slice(2, 10);\n  return parseInt(addr, 16);\n}\n\n/**\n * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).\n */\nexport function generateSeedNonEthereum(address: string): number[] {\n  return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));\n}\n\n/**\n * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    if (namespace.toLowerCase() === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (namespace.toLowerCase() === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n    if (namespace.toLowerCase() === 'eip155') {\n      return KnownCaipNamespace.Eip155;\n    }\n    // Add other namespaces as needed.\n  }\n\n  try {\n    const { validate, Network } = await import('bitcoin-address-validation');\n    if (\n      validate(address, Network.mainnet) ||\n      validate(address, Network.testnet)\n    ) {\n      return KnownCaipNamespace.Bip122;\n    }\n  } catch {\n    // If the import fails or 'validate' is not available, fall through\n  }\n\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum\n  return KnownCaipNamespace.Eip155;\n}\n"]}

package/dist/components/jazzicon/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/jazzicon/index.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { Jazzicon } from './Jazzicon';\nexport type { JazziconProps } from './Jazzicon.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/jazzicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/jazzicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/jazzicon/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/jazzicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB","sourcesContent":["export { Jazzicon } from './Jazzicon';\nexport type { JazziconProps } from './Jazzicon.types';\n"]}

package/dist/components/text/Text.cjs

@@ -9,12 +9,12 @@ const react_1 = __importDefault(require("react"));
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Text_constants_1 = require("./Text.constants.cjs");
 const Text_types_1 = require("./Text.types.cjs");
-const Text = ({ variant = Text_types_1.TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = Text_types_1.TextColor.TextDefault, style, }) => {
+const Text = ({ variant = Text_types_1.TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = Text_types_1.TextColor.TextDefault, style, ...props }) => {
     // When asChild is true, use Radix Slot to merge props onto the child component.
     // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
     const Component = asChild ? react_slot_1.Slot : Text_constants_1.TEXT_DEFAULT_TAG_MAP[variant];
     const mergedClassName = (0, tw_merge_1.twMerge)(color, Text_constants_1.TEXT_CLASS_MAP[variant], fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className);
-    return (react_1.default.createElement(Component, { className: mergedClassName, style: style }, children));
+    return (react_1.default.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
 };
 exports.Text = Text;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAC/C,yDAAwE;AAExE,iDAAsD;AAE/C,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,wBAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,sBAAS,CAAC,WAAW,EAC7B,KAAK,GACN,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,KAAK,EACL,+BAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,IAChD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,IAAI,QAmCf","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];\n\n  const mergedClassName = twMerge(\n    color,\n    TEXT_CLASS_MAP[variant],\n    fontWeight,\n    fontStyle,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  );\n\n  return (\n    <Component className={mergedClassName} style={style}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAC/C,yDAAwE;AAExE,iDAAsD;AAE/C,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,wBAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,sBAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,KAAK,EACL,+BAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,IAAI,QAoCf","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];\n\n  const mergedClassName = twMerge(\n    color,\n    TEXT_CLASS_MAP[variant],\n    fontWeight,\n    fontStyle,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  );\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}

package/dist/components/text/Text.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmCpC,CAAC"}
+{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpC,CAAC"}

package/dist/components/text/Text.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmCpC,CAAC"}
+{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpC,CAAC"}

package/dist/components/text/Text.mjs

@@ -10,11 +10,11 @@ const React = $importDefault($React);
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from "./Text.constants.mjs";
 import { TextVariant, TextColor } from "./Text.types.mjs";
-export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, }) => {
+export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, ...props }) => {
     // When asChild is true, use Radix Slot to merge props onto the child component.
     // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
     const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];
     const mergedClassName = twMerge(color, TEXT_CLASS_MAP[variant], fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className);
-    return (React.createElement(Component, { className: mergedClassName, style: style }, children));
+    return (React.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
 };
 //# sourceMappingURL=Text.mjs.map

package/dist/components/text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,6BAAyB;AAExE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,yBAAqB;AAEtD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,GACN,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,OAAO,CAC7B,KAAK,EACL,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,IAChD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];\n\n  const mergedClassName = twMerge(\n    color,\n    TEXT_CLASS_MAP[variant],\n    fontWeight,\n    fontStyle,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  );\n\n  return (\n    <Component className={mergedClassName} style={style}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,6BAAyB;AAExE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,yBAAqB;AAEtD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,OAAO,CAC7B,KAAK,EACL,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];\n\n  const mergedClassName = twMerge(\n    color,\n    TEXT_CLASS_MAP[variant],\n    fontWeight,\n    fontStyle,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  );\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}

package/dist/components/text/Text.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";;;AAgEA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Normal: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n};\n\nexport enum TextVariant {\n  // Display Sizes\n  DisplayLg = 'display-lg',\n  DisplayMd = 'display-md',\n\n  // Heading Sizes\n  HeadingLg = 'heading-lg',\n  HeadingMd = 'heading-md',\n  HeadingSm = 'heading-sm',\n\n  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n  /** For default neutral text. */\n  TextDefault = 'text-default',\n  /** For softer contrast neutral text */\n  TextAlternative = 'text-alternative',\n  /** For the softest contrast neutral text (not accessible) */\n  TextMuted = 'text-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon or border */\n  OverlayInverse = 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n  PrimaryDefault = 'text-primary-default',\n  /** For elements used on top of primary/default. Used for text, icon or border */\n  PrimaryInverse = 'text-primary-inverse',\n  /** For the critical alert semantic elements. Used for text, background, icon or border */\n  ErrorDefault = 'text-error-default',\n  /** For the stronger contrast error semantic elements. */\n  ErrorAlternative = 'text-error-alternative',\n  /** For elements used on top of error/default. Used for text, icon or border */\n  ErrorInverse = 'text-error-inverse',\n  /** For the positive semantic elements. Used for text, background, icon or border */\n  SuccessDefault = 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon or border */\n  SuccessInverse = 'text-success-inverse',\n  /** For the caution alert semantic elements. Used for text, background, icon or border */\n  WarningDefault = 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon or border */\n  WarningInverse = 'text-warning-inverse',\n  /** For informational read-only elements. Used for text, background, icon or border */\n  InfoDefault = 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon or border */\n  InfoInverse = 'text-info-inverse',\n  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";;;AAoEA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Normal: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n\nexport enum TextVariant {\n  // Display Sizes\n  DisplayLg = 'display-lg',\n  DisplayMd = 'display-md',\n\n  // Heading Sizes\n  HeadingLg = 'heading-lg',\n  HeadingMd = 'heading-md',\n  HeadingSm = 'heading-sm',\n\n  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n  /** For default neutral text. */\n  TextDefault = 'text-default',\n  /** For softer contrast neutral text */\n  TextAlternative = 'text-alternative',\n  /** For the softest contrast neutral text (not accessible) */\n  TextMuted = 'text-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon or border */\n  OverlayInverse = 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n  PrimaryDefault = 'text-primary-default',\n  /** For elements used on top of primary/default. Used for text, icon or border */\n  PrimaryInverse = 'text-primary-inverse',\n  /** For the critical alert semantic elements. Used for text, background, icon or border */\n  ErrorDefault = 'text-error-default',\n  /** For the stronger contrast error semantic elements. */\n  ErrorAlternative = 'text-error-alternative',\n  /** For elements used on top of error/default. Used for text, icon or border */\n  ErrorInverse = 'text-error-inverse',\n  /** For the positive semantic elements. Used for text, background, icon or border */\n  SuccessDefault = 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon or border */\n  SuccessInverse = 'text-success-inverse',\n  /** For the caution alert semantic elements. Used for text, background, icon or border */\n  WarningDefault = 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon or border */\n  WarningInverse = 'text-warning-inverse',\n  /** For informational read-only elements. Used for text, background, icon or border */\n  InfoDefault = 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon or border */\n  InfoInverse = 'text-info-inverse',\n  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n"]}

package/dist/components/text/Text.types.d.cts

@@ -61,6 +61,10 @@ export type TextProps = {
      * @default TextColor.TextDefault
      */
     color?: TextColor;
+    /**
+     * Optional prop for testing purposes
+     */
+    'data-testid'?: string;
 };
 export declare enum TextVariant {
     DisplayLg = "display-lg",