@metamask-previews/design-system-react-native 0.0.0-preview.52473ea → 0.0.0-preview.58198a0

package/dist/components/temp-components/Maskicon/Maskicon.utilities.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMaskiconSVG = exports.createMaskiconSVG = exports.seedToString = exports.sdbmHash = exports.getCaipNamespaceFromAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = void 0;
+const utils_1 = require("@metamask/utils");
+const addresses_1 = require("@solana/addresses");
+// /////////////////////////////////////////////////////
+// Address validation
+// /////////////////////////////////////////////////////
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address The Ethereum address to generate a seed from
+ * @returns A numeric seed derived from the address
+ */
+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.).
+ *
+ * @param address The non-Ethereum address to generate a seed from
+ * @returns An array of numbers representing the byte-array seed
+ */
+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 defaults to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * In this update, if the address starts with "0x", we'll assume it's Ethereum (Eip155)
+ * and avoid the dynamic import that can cause the "Requiring unknown module '2021'" error.
+ *
+ * @param address The address to check and determine its namespace
+ * @returns A promise that resolves to the detected CAIP-2 namespace
+ */
+async function getCaipNamespaceFromAddress(address) {
+    // If the address starts with '0x', assume Ethereum.
+    if (address.startsWith('0x')) {
+        return utils_1.KnownCaipNamespace.Eip155;
+    }
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        const nsLower = namespace.toLowerCase();
+        if (nsLower === 'bip122') {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+        if (nsLower === 'solana') {
+            return utils_1.KnownCaipNamespace.Solana;
+        }
+    }
+    // Attempt to use bitcoin-address-validation if available.
+    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, fall through.
+    }
+    // Fallback: if it looks like a Solana address, return Solana.
+    if ((0, addresses_1.isAddress)(address)) {
+        return utils_1.KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum.
+    return utils_1.KnownCaipNamespace.Eip155;
+}
+exports.getCaipNamespaceFromAddress = getCaipNamespaceFromAddress;
+// /////////////////////////////////////////////////////
+// Maskicon SVG Creation
+// /////////////////////////////////////////////////////
+// Color Palettes
+const neutralPairs = [
+    ['#FF5C16', '#FCFCFC'],
+    ['#FF5C16', '#131416'],
+    ['#D075FF', '#FCFCFC'],
+    ['#D075FF', '#131416'],
+    ['#BAF24A', '#FCFCFC'],
+    ['#BAF24A', '#131416'],
+    ['#89B0FF', '#FCFCFC'],
+    ['#89B0FF', '#131416'],
+    ['#FCFCFC', '#FF5C16'],
+    ['#131416', '#FF5C16'],
+    ['#FCFCFC', '#D075FF'],
+    ['#131416', '#D075FF'],
+    ['#FCFCFC', '#BAF24A'],
+    ['#131416', '#BAF24A'],
+    ['#FCFCFC', '#89B0FF'],
+    ['#131416', '#89B0FF'],
+];
+const tonalPairs = [
+    ['#FFA680', '#FF5C16'],
+    ['#661800', '#FF5C16'],
+    ['#EAC2FF', '#D075FF'],
+    ['#3D065F', '#D075FF'],
+    ['#E5FFC3', '#BAF24A'],
+    ['#013330', '#BAF24A'],
+    ['#CCE7FF', '#89B0FF'],
+    ['#190066', '#89B0FF'],
+    ['#FF5C16', '#FFA680'],
+    ['#FF5C16', '#661800'],
+    ['#D075FF', '#EAC2FF'],
+    ['#D075FF', '#3D065F'],
+    ['#BAF24A', '#E5FFC3'],
+    ['#BAF24A', '#013330'],
+    ['#89B0FF', '#CCE7FF'],
+    ['#89B0FF', '#190066'],
+    ['#661800', '#FFA680'],
+    ['#FFA680', '#661800'],
+    ['#3D065F', '#EAC2FF'],
+    ['#EAC2FF', '#3D065F'],
+    ['#013330', '#E5FFC3'],
+    ['#E5FFC3', '#013330'],
+    ['#190066', '#CCE7FF'],
+    ['#CCE7FF', '#190066'],
+];
+const complementaryPairs = [
+    ['#EAC2FF', '#013330'],
+    ['#013330', '#EAC2FF'],
+    ['#CCE7FF', '#661800'],
+    ['#661800', '#CCE7FF'],
+    ['#E5FFC3', '#3D065F'],
+    ['#3D065F', '#E5FFC3'],
+    ['#FFA680', '#190066'],
+    ['#190066', '#FFA680'],
+    ['#CCE7FF', '#013330'],
+    ['#013330', '#CCE7FF'],
+];
+const colorPairs = neutralPairs.concat(tonalPairs).concat(complementaryPairs);
+/**
+ * SDBM hash function
+ *
+ * @param str The string to hash
+ * @returns A numeric hash value
+ */
+function sdbmHash(str) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        // eslint-disable-next-line no-bitwise
+        hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash;
+    }
+    return hash;
+}
+exports.sdbmHash = sdbmHash;
+/**
+ * Convert numeric/byte-array seed to a 6+ length string
+ *
+ * @param seed The seed value to convert (either a number or array of numbers)
+ * @returns A string representation of the seed (minimum 6 characters)
+ */
+function seedToString(seed) {
+    if (typeof seed === 'number') {
+        let hex = seed.toString(16);
+        if (hex.length < 6) {
+            hex = hex.padEnd(6, '0');
+        }
+        return hex;
+    }
+    if (Array.isArray(seed)) {
+        let hex = seed.map((b) => b.toString(16).padStart(2, '0')).join('');
+        if (hex.length < 6) {
+            hex = hex.padEnd(6, '0');
+        }
+        return hex;
+    }
+    return 'seed000';
+}
+exports.seedToString = seedToString;
+/**
+ * Builds a full <svg> string containing the Maskicon shapes.
+ *
+ * @param seed The seed value used to generate the icon
+ * @param size The size of the SVG icon in pixels
+ * @returns An SVG string representing the Maskicon
+ */
+function createMaskiconSVG(seed, size = 100) {
+    // 1) Convert seed to string, then hash
+    const str = seedToString(seed);
+    const hashVal = sdbmHash(str);
+    // 2) Pick color pair based on the hash
+    const colorPairIndex = Math.abs(hashVal) % colorPairs.length;
+    const [bgColor, fgColor] = colorPairs[colorPairIndex];
+    // 3) Geometry setup
+    const grid = 2;
+    const margin = size * 0.25;
+    const innerSize = size - 2 * margin;
+    const cellSize = innerSize / grid;
+    let pathData = '';
+    const filledGrid = Array.from({ length: grid }, () => Array(grid).fill(false));
+    const startX = Math.floor(grid / 2);
+    const startY = Math.floor(grid / 2);
+    const stack = [[startX, startY]];
+    filledGrid[startX][startY] = true;
+    while (stack.length > 0) {
+        // Using destructuring assignment with a non-null assertion is safe here because we've verified stack.length > 0
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const [x, y] = stack.pop();
+        // eslint-disable-next-line no-bitwise
+        const cellHash = Math.abs(hashVal >> (x * 3 + y * 5)) & 15;
+        const neighbors = [];
+        const directions = [
+            [0, 1],
+            [1, 0],
+            [0, -1],
+            [-1, 0],
+        ];
+        for (const [dx, dy] of directions) {
+            const nx = x + dx;
+            const ny = y + dy;
+            if (nx >= 0 && nx < grid && ny >= 0 && ny < grid && !filledGrid[nx][ny]) {
+                neighbors.push([nx, ny]);
+            }
+        }
+        while (neighbors.length > 0) {
+            const idx = Math.abs(cellHash + neighbors.length) % neighbors.length;
+            const [nx, ny] = neighbors.splice(idx, 1)[0];
+            stack.push([nx, ny]);
+            filledGrid[nx][ny] = true;
+        }
+        // Determine shape: square or right triangle (with rotation)
+        const rotation = (cellHash % 4) * 90;
+        const isSquare = cellHash % 5 === 0; // ~20% chance
+        const cx = margin + x * cellSize;
+        const cy = margin + y * cellSize;
+        if (isSquare) {
+            pathData += `M${cx},${cy} h${cellSize} v${cellSize} h-${cellSize}z `;
+        }
+        else if (rotation === 0) {
+            pathData += `M${cx},${cy} h${cellSize} v${cellSize}z `;
+        }
+        else if (rotation === 90) {
+            pathData += `M${cx + cellSize},${cy} v${cellSize} h-${cellSize}z `;
+        }
+        else if (rotation === 180) {
+            pathData += `M${cx + cellSize},${cy + cellSize} h-${cellSize} v-${cellSize}z `;
+        }
+        else {
+            pathData += `M${cx},${cy + cellSize} v-${cellSize} h${cellSize}z `;
+        }
+    }
+    // 4) Construct final SVG string (always rectangular)
+    let svgString = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}" xmlns="http://www.w3.org/2000/svg">`;
+    svgString += `<rect width="${size}" height="${size}" fill="${bgColor}" />`;
+    svgString += `<path d="${pathData}" fill="${fgColor}" />`;
+    svgString += `</svg>`;
+    return svgString;
+}
+exports.createMaskiconSVG = createMaskiconSVG;
+const svgCache = {};
+/**
+ * Returns a Promise that resolves to the final <svg> string for the given address.
+ *
+ * @param address The address to generate the Maskicon for
+ * @param size The size of the icon in pixels
+ * @returns A promise that resolves to an SVG string
+ */
+async function getMaskiconSVG(address, size) {
+    const cacheKey = `${address.toLowerCase()}:${size}`;
+    if (svgCache[cacheKey]) {
+        return svgCache[cacheKey];
+    }
+    const namespace = await getCaipNamespaceFromAddress(address);
+    let seed;
+    if (namespace === utils_1.KnownCaipNamespace.Eip155) {
+        seed = generateSeedEthereum(address);
+    }
+    else {
+        seed = generateSeedNonEthereum(address);
+    }
+    const svgString = createMaskiconSVG(seed, size);
+    svgCache[cacheKey] = svgString;
+    return svgString;
+}
+exports.getMaskiconSVG = getMaskiconSVG;
+//# sourceMappingURL=Maskicon.utilities.js.map

package/dist/components/temp-components/Maskicon/Maskicon.utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Maskicon.utilities.js","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"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","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n// /////////////////////////////////////////////////////\n// Address validation\n// /////////////////////////////////////////////////////\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n *\n * @param address The Ethereum address to generate a seed from\n * @returns A numeric seed derived from the address\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 *\n * @param address The non-Ethereum address to generate a seed from\n * @returns An array of numbers representing the byte-array seed\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 defaults to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n *\n * In this update, if the address starts with \"0x\", we'll assume it's Ethereum (Eip155)\n * and avoid the dynamic import that can cause the \"Requiring unknown module '2021'\" error.\n *\n * @param address The address to check and determine its namespace\n * @returns A promise that resolves to the detected CAIP-2 namespace\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // If the address starts with '0x', assume Ethereum.\n  if (address.startsWith('0x')) {\n    return KnownCaipNamespace.Eip155;\n  }\n\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    const nsLower = namespace.toLowerCase();\n    if (nsLower === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (nsLower === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n  }\n\n  // Attempt to use bitcoin-address-validation if available.\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, fall through.\n  }\n\n  // Fallback: if it looks like a Solana address, return Solana.\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum.\n  return KnownCaipNamespace.Eip155;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation\n// /////////////////////////////////////////////////////\n// Color Palettes\nconst neutralPairs = [\n  ['#FF5C16', '#FCFCFC'],\n  ['#FF5C16', '#131416'],\n  ['#D075FF', '#FCFCFC'],\n  ['#D075FF', '#131416'],\n  ['#BAF24A', '#FCFCFC'],\n  ['#BAF24A', '#131416'],\n  ['#89B0FF', '#FCFCFC'],\n  ['#89B0FF', '#131416'],\n  ['#FCFCFC', '#FF5C16'],\n  ['#131416', '#FF5C16'],\n  ['#FCFCFC', '#D075FF'],\n  ['#131416', '#D075FF'],\n  ['#FCFCFC', '#BAF24A'],\n  ['#131416', '#BAF24A'],\n  ['#FCFCFC', '#89B0FF'],\n  ['#131416', '#89B0FF'],\n];\n\nconst tonalPairs = [\n  ['#FFA680', '#FF5C16'],\n  ['#661800', '#FF5C16'],\n  ['#EAC2FF', '#D075FF'],\n  ['#3D065F', '#D075FF'],\n  ['#E5FFC3', '#BAF24A'],\n  ['#013330', '#BAF24A'],\n  ['#CCE7FF', '#89B0FF'],\n  ['#190066', '#89B0FF'],\n  ['#FF5C16', '#FFA680'],\n  ['#FF5C16', '#661800'],\n  ['#D075FF', '#EAC2FF'],\n  ['#D075FF', '#3D065F'],\n  ['#BAF24A', '#E5FFC3'],\n  ['#BAF24A', '#013330'],\n  ['#89B0FF', '#CCE7FF'],\n  ['#89B0FF', '#190066'],\n  ['#661800', '#FFA680'],\n  ['#FFA680', '#661800'],\n  ['#3D065F', '#EAC2FF'],\n  ['#EAC2FF', '#3D065F'],\n  ['#013330', '#E5FFC3'],\n  ['#E5FFC3', '#013330'],\n  ['#190066', '#CCE7FF'],\n  ['#CCE7FF', '#190066'],\n];\n\nconst complementaryPairs = [\n  ['#EAC2FF', '#013330'],\n  ['#013330', '#EAC2FF'],\n  ['#CCE7FF', '#661800'],\n  ['#661800', '#CCE7FF'],\n  ['#E5FFC3', '#3D065F'],\n  ['#3D065F', '#E5FFC3'],\n  ['#FFA680', '#190066'],\n  ['#190066', '#FFA680'],\n  ['#CCE7FF', '#013330'],\n  ['#013330', '#CCE7FF'],\n];\n\nconst colorPairs = neutralPairs.concat(tonalPairs).concat(complementaryPairs);\n\n/**\n * SDBM hash function\n *\n * @param str The string to hash\n * @returns A numeric hash value\n */\nexport function sdbmHash(str: string): number {\n  let hash = 0;\n\n  for (let i = 0; i < str.length; i++) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash;\n  }\n  return hash;\n}\n\n/**\n * Convert numeric/byte-array seed to a 6+ length string\n *\n * @param seed The seed value to convert (either a number or array of numbers)\n * @returns A string representation of the seed (minimum 6 characters)\n */\nexport function seedToString(seed: number | number[]): string {\n  if (typeof seed === 'number') {\n    let hex = seed.toString(16);\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  if (Array.isArray(seed)) {\n    let hex = seed.map((b) => b.toString(16).padStart(2, '0')).join('');\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  return 'seed000';\n}\n\n/**\n * Builds a full <svg> string containing the Maskicon shapes.\n *\n * @param seed The seed value used to generate the icon\n * @param size The size of the SVG icon in pixels\n * @returns An SVG string representing the Maskicon\n */\nexport function createMaskiconSVG(seed: number | number[], size = 100): string {\n  // 1) Convert seed to string, then hash\n  const str = seedToString(seed);\n  const hashVal = sdbmHash(str);\n\n  // 2) Pick color pair based on the hash\n  const colorPairIndex = Math.abs(hashVal) % colorPairs.length;\n  const [bgColor, fgColor] = colorPairs[colorPairIndex];\n\n  // 3) Geometry setup\n  const grid = 2;\n  const margin = size * 0.25;\n  const innerSize = size - 2 * margin;\n  const cellSize = innerSize / grid;\n\n  let pathData = '';\n  const filledGrid: boolean[][] = Array.from({ length: grid }, () =>\n    Array(grid).fill(false),\n  );\n\n  const startX = Math.floor(grid / 2);\n  const startY = Math.floor(grid / 2);\n  const stack = [[startX, startY]];\n  filledGrid[startX][startY] = true;\n\n  while (stack.length > 0) {\n    // Using destructuring assignment with a non-null assertion is safe here because we've verified stack.length > 0\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const [x, y] = stack.pop()!;\n    // eslint-disable-next-line no-bitwise\n    const cellHash = Math.abs(hashVal >> (x * 3 + y * 5)) & 15;\n\n    const neighbors: [number, number][] = [];\n    const directions: [number, number][] = [\n      [0, 1],\n      [1, 0],\n      [0, -1],\n      [-1, 0],\n    ];\n    for (const [dx, dy] of directions) {\n      const nx = x + dx;\n      const ny = y + dy;\n      if (nx >= 0 && nx < grid && ny >= 0 && ny < grid && !filledGrid[nx][ny]) {\n        neighbors.push([nx, ny]);\n      }\n    }\n    while (neighbors.length > 0) {\n      const idx = Math.abs(cellHash + neighbors.length) % neighbors.length;\n      const [nx, ny] = neighbors.splice(idx, 1)[0];\n      stack.push([nx, ny]);\n      filledGrid[nx][ny] = true;\n    }\n\n    // Determine shape: square or right triangle (with rotation)\n    const rotation = (cellHash % 4) * 90;\n    const isSquare = cellHash % 5 === 0; // ~20% chance\n    const cx = margin + x * cellSize;\n    const cy = margin + y * cellSize;\n\n    if (isSquare) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 0) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize}z `;\n    } else if (rotation === 90) {\n      pathData += `M${cx + cellSize},${cy} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 180) {\n      pathData += `M${cx + cellSize},${cy + cellSize} h-${cellSize} v-${cellSize}z `;\n    } else {\n      pathData += `M${cx},${cy + cellSize} v-${cellSize} h${cellSize}z `;\n    }\n  }\n\n  // 4) Construct final SVG string (always rectangular)\n  let svgString = `<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">`;\n  svgString += `<rect width=\"${size}\" height=\"${size}\" fill=\"${bgColor}\" />`;\n  svgString += `<path d=\"${pathData}\" fill=\"${fgColor}\" />`;\n  svgString += `</svg>`;\n  return svgString;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation and Caching\n// /////////////////////////////////////////////////////\ntype CacheKey = string;\nconst svgCache: Record<CacheKey, string> = {};\n\n/**\n * Returns a Promise that resolves to the final <svg> string for the given address.\n *\n * @param address The address to generate the Maskicon for\n * @param size The size of the icon in pixels\n * @returns A promise that resolves to an SVG string\n */\nexport async function getMaskiconSVG(\n  address: string,\n  size: number,\n): Promise<string> {\n  const cacheKey = `${address.toLowerCase()}:${size}`;\n  if (svgCache[cacheKey]) {\n    return svgCache[cacheKey];\n  }\n\n  const namespace = await getCaipNamespaceFromAddress(address);\n  let seed: number | number[];\n\n  if (namespace === KnownCaipNamespace.Eip155) {\n    seed = generateSeedEthereum(address);\n  } else {\n    seed = generateSeedNonEthereum(address);\n  }\n\n  const svgString = createMaskiconSVG(seed, size);\n  svgCache[cacheKey] = svgString;\n  return svgString;\n}\n"]}

package/dist/components/temp-components/Maskicon/index.d.ts

@@ -0,0 +1,3 @@
+export { Maskicon } from './Maskicon';
+export type { MaskiconProps } from './Maskicon.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/temp-components/Maskicon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/temp-components/Maskicon/index.js

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

package/dist/components/temp-components/Maskicon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/index.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { Maskicon } from './Maskicon';\nexport type { MaskiconProps } from './Maskicon.types';\n"]}

package/dist/components/temp-components/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SpinnerProps } from './Spinner.types';
+export declare const Spinner: ({ color, spinnerIconProps, loadingText, loadingTextProps, twClassName, style, ...props }: SpinnerProps) => React.JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/temp-components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,OAAO,6FAQjB,YAAY,sBA+Cd,CAAC"}

package/dist/components/temp-components/Spinner/Spinner.js

@@ -0,0 +1,68 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const Icon_1 = require("../../Icon");
+const Text_1 = require("../../Text");
+const Spinner = ({ color = Icon_1.IconColor.IconDefault, spinnerIconProps, loadingText, loadingTextProps, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    // Create a shared value for rotation
+    const rotation = (0, react_native_reanimated_1.useSharedValue)(0);
+    // Start the animation when the component mounts
+    (0, react_1.useEffect)(() => {
+        rotation.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(360, { duration: 1000, easing: react_native_reanimated_1.Easing.linear }), // Complete a full spin in 1 second
+        -1, // Infinite repetitions
+        false);
+    }, []);
+    // Define the animated style
+    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
+        transform: [{ rotate: `${rotation.value % 360}deg` }],
+    }));
+    const finalSpinnerIconProps = {
+        size: Icon_1.IconSize.Md,
+        name: Icon_1.IconName.Loading,
+        testID: 'spinner-icon',
+        color,
+        ...spinnerIconProps,
+    };
+    const finalLoadingTextProps = {
+        variant: Text_1.TextVariant.BodyMd,
+        color: Text_1.TextColor.TextDefault,
+        testID: 'spinner-text',
+        ...loadingTextProps,
+    };
+    return (<react_native_1.View style={[tw `flex-row items-center gap-x-2 ${twClassName}`, style]} testID="spinner" {...props}>
+      <react_native_reanimated_1.default.View style={[animatedStyle]} testID="spinner-animated-view">
+        <Icon_1.Icon {...finalSpinnerIconProps}/>
+      </react_native_reanimated_1.default.View>
+      {loadingText && <Text_1.Text {...finalLoadingTextProps}>{loadingText}</Text_1.Text>}
+    </react_native_1.View>);
+};
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/components/temp-components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,+CAAoC;AACpC,mFAMiC;AAGjC,qCAAiE;AAEjE,qCAA0D;AAInD,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,gBAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,iCAAiC,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC,CACjE,MAAM,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,WAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,OAAO,WAuDlB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n  color = IconColor.IconDefault,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName = '',\n  style,\n  ...props\n}: SpinnerProps) => {\n  const tw = useTailwind();\n\n  // Create a shared value for rotation\n  const rotation = useSharedValue(0);\n\n  // Start the animation when the component mounts\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n      -1, // Infinite repetitions\n      false, // Do not reverse the animation\n    );\n  }, []);\n\n  // Define the animated style\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${rotation.value % 360}deg` }],\n  }));\n\n  const finalSpinnerIconProps: IconProps = {\n    size: IconSize.Md,\n    name: IconName.Loading,\n    testID: 'spinner-icon',\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    variant: TextVariant.BodyMd,\n    color: TextColor.TextDefault,\n    testID: 'spinner-text',\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      style={[tw`flex-row items-center gap-x-2 ${twClassName}`, style]}\n      testID=\"spinner\"\n      {...props}\n    >\n      <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n        <Icon {...finalSpinnerIconProps} />\n      </Animated.View>\n      {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n    </View>\n  );\n};\n"]}

package/dist/components/temp-components/Spinner/Spinner.types.d.ts

@@ -0,0 +1,31 @@
+import type { ViewProps } from 'react-native';
+import type { IconProps, IconColor } from '../../Icon';
+import type { TextProps } from '../../Text';
+/**
+ * Spinner component props.
+ */
+export type SpinnerProps = {
+    /**
+     * Optional prop that sets the color of the spinner icon using predefined theme colors
+     *
+     * @default IconColor.IconDefault
+     */
+    color?: IconColor;
+    /**
+     * Optional props to be passed to the loadingText element
+     */
+    spinnerIconProps?: Partial<IconProps>;
+    /**
+     * Optional text to display on the right of the spinner, providing additional context or information about the loading state.
+     */
+    loadingText?: string;
+    /**
+     * Optional props to be passed to the loadingText element
+     */
+    loadingTextProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+} & ViewProps;
+//# sourceMappingURL=Spinner.types.d.ts.map

package/dist/components/temp-components/Spinner/Spinner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/components/temp-components/Spinner/Spinner.types.js

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

package/dist/components/temp-components/Spinner/Spinner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.js","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { IconProps, IconColor } from '../../Icon';\nimport type { TextProps } from '../../Text';\n\n/**\n * Spinner component props.\n */\nexport type SpinnerProps = {\n  /**\n   * Optional prop that sets the color of the spinner icon using predefined theme colors\n   *\n   * @default IconColor.IconDefault\n   */\n  color?: IconColor;\n  /**\n   * Optional props to be passed to the loadingText element\n   */\n  spinnerIconProps?: Partial<IconProps>;\n  /**\n   * Optional text to display on the right of the spinner, providing additional context or information about the loading state.\n   */\n  loadingText?: string;\n  /**\n   * Optional props to be passed to the loadingText element\n   */\n  loadingTextProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/temp-components/Spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/temp-components/Spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/temp-components/Spinner/index.js

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

package/dist/components/temp-components/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA","sourcesContent":["export { Spinner } from './Spinner';\nexport type { SpinnerProps } from './Spinner.types';\n"]}

package/dist/components/temp-components/TextOrChildren/TextOrChildren.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextOrChildrenProps } from './TextOrChildren.types';
+export declare const TextOrChildren: ({ children, textProps, }: TextOrChildrenProps) => React.JSX.Element;
+//# sourceMappingURL=TextOrChildren.d.ts.map

package/dist/components/temp-components/TextOrChildren/TextOrChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOrChildren.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/TextOrChildren/TextOrChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,cAAc,6BAGxB,mBAAmB,sBAKrB,CAAC"}

package/dist/components/temp-components/TextOrChildren/TextOrChildren.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextOrChildren = void 0;
+const react_1 = __importDefault(require("react"));
+const Text_1 = require("../../Text");
+const TextOrChildren = ({ children, textProps, }) => {
+    if (typeof children === 'string') {
+        return <Text_1.Text {...textProps}>{children}</Text_1.Text>;
+    }
+    return <>{children}</>;
+};
+exports.TextOrChildren = TextOrChildren;
+//# sourceMappingURL=TextOrChildren.js.map

package/dist/components/temp-components/TextOrChildren/TextOrChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOrChildren.js","sourceRoot":"","sources":["../../../../src/components/temp-components/TextOrChildren/TextOrChildren.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAI3B,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,GACW,EAAE,EAAE;IACxB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,OAAO,CAAC,WAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CAAC;KAC/C;IACD,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB","sourcesContent":["import React from 'react';\n\nimport { Text } from '../../Text';\n\nimport type { TextOrChildrenProps } from './TextOrChildren.types';\n\nexport const TextOrChildren = ({\n  children,\n  textProps,\n}: TextOrChildrenProps) => {\n  if (typeof children === 'string') {\n    return <Text {...textProps}>{children}</Text>;\n  }\n  return <>{children}</>;\n};\n"]}

package/dist/components/temp-components/TextOrChildren/TextOrChildren.types.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { TextProps } from '../../Text';
+/**
+ * TextOrChildren component props.
+ */
+export type TextOrChildrenProps = {
+    /**
+     * Required prop for the content to be rendered
+     */
+    children: React.ReactNode | string;
+    /**
+     * Optional props to be passed to the Text component when children is a string
+     */
+    textProps?: Omit<Partial<TextProps>, 'children'>;
+};
+//# sourceMappingURL=TextOrChildren.types.d.ts.map

package/dist/components/temp-components/TextOrChildren/TextOrChildren.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOrChildren.types.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/TextOrChildren/TextOrChildren.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;CAClD,CAAC"}

package/dist/components/temp-components/TextOrChildren/TextOrChildren.types.js

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

package/dist/components/temp-components/TextOrChildren/TextOrChildren.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOrChildren.types.js","sourceRoot":"","sources":["../../../../src/components/temp-components/TextOrChildren/TextOrChildren.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextProps } from '../../Text';\n\n/**\n * TextOrChildren component props.\n */\nexport type TextOrChildrenProps = {\n  /**\n   * Required prop for the content to be rendered\n   */\n  children: React.ReactNode | string;\n  /**\n   * Optional props to be passed to the Text component when children is a string\n   */\n  textProps?: Omit<Partial<TextProps>, 'children'>;\n};\n"]}

package/dist/components/temp-components/TextOrChildren/index.d.ts

@@ -0,0 +1,3 @@
+export { TextOrChildren } from './TextOrChildren';
+export type { TextOrChildrenProps } from './TextOrChildren.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/temp-components/TextOrChildren/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/TextOrChildren/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/temp-components/TextOrChildren/index.js

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

package/dist/components/temp-components/TextOrChildren/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/temp-components/TextOrChildren/index.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAAzC,gHAAA,cAAc,OAAA","sourcesContent":["export { TextOrChildren } from './TextOrChildren';\nexport type { TextOrChildrenProps } from './TextOrChildren.types';\n"]}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B","sourcesContent":["export * from './components';\n"]}