@metamask-previews/design-system-react-native 0.0.0-preview.0c66fce → 0.0.0-preview.1701705

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

@@ -0,0 +1,490 @@
+(function (global, factory) {
+  exports && typeof exports === 'object' && typeof module !== 'undefined'
+    ? factory(exports)
+    : typeof define === 'function' && define.amd
+      ? define(['exports'], factory)
+      : factory((global.blockies = {}));
+})(this, (exports) => {
+  'use strict';
+
+  /**
+   * A handy class to calculate color values.
+   *
+   * @version 1.0
+   * @author Robert Eisele <robert@xarg.org>
+   * @copyright Copyright (c) 2010, Robert Eisele
+   * @link http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/
+   * @license http://www.opensource.org/licenses/bsd-license.php BSD License
+   */
+
+  // helper functions for that ctx
+  /**
+   *
+   * @param buffer
+   * @param offs
+   */
+  function write(buffer, offs) {
+    for (let i = 2; i < arguments.length; i++) {
+      for (let j = 0; j < arguments[i].length; j++) {
+        buffer[offs++] = arguments[i].charAt(j);
+      }
+    }
+  }
+
+  /**
+   *
+   * @param w
+   */
+  function byte2(w) {
+    return String.fromCharCode((w >> 8) & 255, w & 255);
+  }
+
+  /**
+   *
+   * @param w
+   */
+  function byte4(w) {
+    return String.fromCharCode(
+      (w >> 24) & 255,
+      (w >> 16) & 255,
+      (w >> 8) & 255,
+      w & 255,
+    );
+  }
+
+  /**
+   *
+   * @param w
+   */
+  function byte2lsb(w) {
+    return String.fromCharCode(w & 255, (w >> 8) & 255);
+  }
+
+  const PNG = function (width, height, depth) {
+    this.width = width;
+    this.height = height;
+    this.depth = depth;
+
+    // pixel data and row filter identifier size
+    this.pix_size = height * (width + 1);
+
+    // deflate header, pix_size, block headers, adler32 checksum
+    this.data_size =
+      2 + this.pix_size + 5 * Math.floor((0xfffe + this.pix_size) / 0xffff) + 4;
+
+    // offsets and sizes of Png chunks
+    this.ihdr_offs = 0; // IHDR offset and size
+    this.ihdr_size = 4 + 4 + 13 + 4;
+    this.plte_offs = this.ihdr_offs + this.ihdr_size; // PLTE offset and size
+    this.plte_size = 4 + 4 + 3 * depth + 4;
+    this.trns_offs = this.plte_offs + this.plte_size; // tRNS offset and size
+    this.trns_size = 4 + 4 + depth + 4;
+    this.idat_offs = this.trns_offs + this.trns_size; // IDAT offset and size
+    this.idat_size = 4 + 4 + this.data_size + 4;
+    this.iend_offs = this.idat_offs + this.idat_size; // IEND offset and size
+    this.iend_size = 4 + 4 + 4;
+    this.buffer_size = this.iend_offs + this.iend_size; // total PNG size
+
+    this.buffer = new Array();
+    this.palette = new Object();
+    this.pindex = 0;
+
+    const _crc32 = new Array();
+
+    // initialize buffer with zero bytes
+    for (var i = 0; i < this.buffer_size; i++) {
+      this.buffer[i] = '\x00';
+    }
+
+    // initialize non-zero elements
+    write(
+      this.buffer,
+      this.ihdr_offs,
+      byte4(this.ihdr_size - 12),
+      'IHDR',
+      byte4(width),
+      byte4(height),
+      '\x08\x03',
+    );
+    write(this.buffer, this.plte_offs, byte4(this.plte_size - 12), 'PLTE');
+    write(this.buffer, this.trns_offs, byte4(this.trns_size - 12), 'tRNS');
+    write(this.buffer, this.idat_offs, byte4(this.idat_size - 12), 'IDAT');
+    write(this.buffer, this.iend_offs, byte4(this.iend_size - 12), 'IEND');
+
+    // initialize deflate header
+    let header = ((8 + (7 << 4)) << 8) | (3 << 6);
+    header += 31 - (header % 31);
+
+    write(this.buffer, this.idat_offs + 8, byte2(header));
+
+    // initialize deflate block headers
+    for (var i = 0; (i << 16) - 1 < this.pix_size; i++) {
+      var size, bits;
+      if (i + 0xffff < this.pix_size) {
+        size = 0xffff;
+        bits = '\x00';
+      } else {
+        size = this.pix_size - (i << 16) - i;
+        bits = '\x01';
+      }
+      write(
+        this.buffer,
+        this.idat_offs + 8 + 2 + (i << 16) + (i << 2),
+        bits,
+        byte2lsb(size),
+        byte2lsb(~size),
+      );
+    }
+
+    /* Create crc32 lookup table */
+    for (var i = 0; i < 256; i++) {
+      let c = i;
+      for (let j = 0; j < 8; j++) {
+        if (c & 1) {
+          c = -306674912 ^ ((c >> 1) & 0x7fffffff);
+        } else {
+          c = (c >> 1) & 0x7fffffff;
+        }
+      }
+      _crc32[i] = c;
+    }
+
+    // compute the index into a png for a given pixel
+    this.index = function (x, y) {
+      const i = y * (this.width + 1) + x + 1;
+      const j = this.idat_offs + 8 + 2 + 5 * Math.floor(i / 0xffff + 1) + i;
+      return j;
+    };
+
+    // convert a color and build up the palette
+    this.color = function (red, green, blue, alpha) {
+      alpha = alpha >= 0 ? alpha : 255;
+      const color = (((((alpha << 8) | red) << 8) | green) << 8) | blue;
+
+      if (typeof this.palette[color] === 'undefined') {
+        if (this.pindex == this.depth) {
+          return '\x00';
+        }
+
+        const ndx = this.plte_offs + 8 + 3 * this.pindex;
+
+        this.buffer[ndx + 0] = String.fromCharCode(red);
+        this.buffer[ndx + 1] = String.fromCharCode(green);
+        this.buffer[ndx + 2] = String.fromCharCode(blue);
+        this.buffer[this.trns_offs + 8 + this.pindex] =
+          String.fromCharCode(alpha);
+
+        this.palette[color] = String.fromCharCode(this.pindex++);
+      }
+      return this.palette[color];
+    };
+
+    // output a PNG string, Base64 encoded
+    this.getBase64 = function () {
+      const s = this.getDump();
+
+      const ch =
+        'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+      let c1, c2, c3, e1, e2, e3, e4;
+      const l = s.length;
+      let i = 0;
+      let r = '';
+
+      do {
+        c1 = s.charCodeAt(i);
+        e1 = c1 >> 2;
+        c2 = s.charCodeAt(i + 1);
+        e2 = ((c1 & 3) << 4) | (c2 >> 4);
+        c3 = s.charCodeAt(i + 2);
+        if (l < i + 2) {
+          e3 = 64;
+        } else {
+          e3 = ((c2 & 0xf) << 2) | (c3 >> 6);
+        }
+        if (l < i + 3) {
+          e4 = 64;
+        } else {
+          e4 = c3 & 0x3f;
+        }
+        r += ch.charAt(e1) + ch.charAt(e2) + ch.charAt(e3) + ch.charAt(e4);
+      } while ((i += 3) < l);
+      return r;
+    };
+
+    // output a PNG string
+    this.getDump = function () {
+      // compute adler32 of output pixels + row filter bytes
+      const BASE = 65521; /* largest prime smaller than 65536 */
+      const NMAX = 5552; /* NMAX is the largest n such that 255n(n+1)/2 + (n+1)(BASE-1) <= 2^32-1 */
+      let s1 = 1;
+      let s2 = 0;
+      let n = NMAX;
+
+      for (let y = 0; y < this.height; y++) {
+        for (let x = -1; x < this.width; x++) {
+          s1 += this.buffer[this.index(x, y)].charCodeAt(0);
+          s2 += s1;
+          if ((n -= 1) == 0) {
+            s1 %= BASE;
+            s2 %= BASE;
+            n = NMAX;
+          }
+        }
+      }
+      s1 %= BASE;
+      s2 %= BASE;
+      write(
+        this.buffer,
+        this.idat_offs + this.idat_size - 8,
+        byte4((s2 << 16) | s1),
+      );
+
+      // compute crc32 of the PNG chunks
+      /**
+       *
+       * @param png
+       * @param offs
+       * @param size
+       */
+      function crc32(png, offs, size) {
+        let crc = -1;
+        for (let i = 4; i < size - 4; i += 1) {
+          crc =
+            _crc32[(crc ^ png[offs + i].charCodeAt(0)) & 0xff] ^
+            ((crc >> 8) & 0x00ffffff);
+        }
+        write(png, offs + size - 4, byte4(crc ^ -1));
+      }
+
+      crc32(this.buffer, this.ihdr_offs, this.ihdr_size);
+      crc32(this.buffer, this.plte_offs, this.plte_size);
+      crc32(this.buffer, this.trns_offs, this.trns_size);
+      crc32(this.buffer, this.idat_offs, this.idat_size);
+      crc32(this.buffer, this.iend_offs, this.iend_size);
+
+      // convert PNG to string
+      return `\x89PNG\r\n\x1A\n${this.buffer.join('')}`;
+    };
+
+    this.fillRect = function (x, y, w, h, color) {
+      for (let i = 0; i < w; i++) {
+        for (let j = 0; j < h; j++) {
+          this.buffer[this.index(x + i, y + j)] = color;
+        }
+      }
+    };
+  };
+
+  // https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+  /**
+   * Converts an HSL color value to RGB. Conversion formula
+   * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
+   * Assumes h, s, and l are contained in the set [0, 1] and
+   * returns r, g, and b in the set [0, 255].
+   *
+   * @param {number} h - The hue
+   * @param {number} s - The saturation
+   * @param {number} l - The lightness
+   * @returns {Array} The RGB representation
+   */
+
+  /**
+   *
+   * @param p
+   * @param q
+   * @param t
+   */
+  function hue2rgb(p, q, t) {
+    if (t < 0) {
+      t += 1;
+    }
+    if (t > 1) {
+      t -= 1;
+    }
+    if (t < 1 / 6) {
+      return p + (q - p) * 6 * t;
+    }
+    if (t < 1 / 2) {
+      return q;
+    }
+    if (t < 2 / 3) {
+      return p + (q - p) * (2 / 3 - t) * 6;
+    }
+    return p;
+  }
+
+  /**
+   *
+   * @param h
+   * @param s
+   * @param l
+   */
+  function hsl2rgb(h, s, l) {
+    let r, g, b;
+
+    if (s == 0) {
+      r = g = b = l; // achromatic
+    } else {
+      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      const p = 2 * l - q;
+      r = hue2rgb(p, q, h + 1 / 3);
+      g = hue2rgb(p, q, h);
+      b = hue2rgb(p, q, h - 1 / 3);
+    }
+
+    return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255), 255];
+  }
+
+  // The random number is a js implementation of the Xorshift PRNG
+  const randseed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values
+
+  /**
+   *
+   * @param seed
+   */
+  function seedrand(seed) {
+    for (var i = 0; i < randseed.length; i++) {
+      randseed[i] = 0;
+    }
+    for (var i = 0; i < seed.length; i++) {
+      randseed[i % 4] =
+        (randseed[i % 4] << 5) - randseed[i % 4] + seed.charCodeAt(i);
+    }
+  }
+
+  /**
+   *
+   */
+  function rand() {
+    // based on Java's String.hashCode(), expanded to 4 32bit values
+    const t = randseed[0] ^ (randseed[0] << 11);
+
+    randseed[0] = randseed[1];
+    randseed[1] = randseed[2];
+    randseed[2] = randseed[3];
+    randseed[3] = randseed[3] ^ (randseed[3] >> 19) ^ t ^ (t >> 8);
+
+    return (randseed[3] >>> 0) / ((1 << 31) >>> 0);
+  }
+
+  /**
+   *
+   */
+  function createColor() {
+    // saturation is the whole color spectrum
+    const h = Math.floor(rand() * 360);
+    // saturation goes from 40 to 100, it avoids greyish colors
+    const s = rand() * 60 + 40;
+    // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%
+    const l = (rand() + rand() + rand() + rand()) * 25;
+
+    return [h / 360, s / 100, l / 100];
+  }
+
+  /**
+   *
+   * @param size
+   */
+  function createImageData(size) {
+    const width = size; // Only support square icons for now
+    const height = size;
+
+    const dataWidth = Math.ceil(width / 2);
+    const mirrorWidth = width - dataWidth;
+
+    const data = [];
+    for (let y = 0; y < height; y++) {
+      let row = [];
+      for (let x = 0; x < dataWidth; x++) {
+        // this makes foreground and background color to have a 43% (1/2.3) probability
+        // spot color has 13% chance
+        row[x] = Math.floor(rand() * 2.3);
+      }
+      const r = row.slice(0, mirrorWidth);
+      r.reverse();
+      row = row.concat(r);
+
+      for (let i = 0; i < row.length; i++) {
+        data.push(row[i]);
+      }
+    }
+
+    return data;
+  }
+
+  /**
+   *
+   * @param opts
+   */
+  function buildOpts(opts) {
+    if (!opts.seed) {
+      throw new Error('No seed provided');
+    }
+
+    seedrand(opts.seed);
+
+    return Object.assign(
+      {
+        size: 8,
+        scale: 16,
+        color: createColor(),
+        bgcolor: createColor(),
+        spotcolor: createColor(),
+      },
+      opts,
+    );
+  }
+
+  /**
+   *
+   * @param address
+   */
+  function toDataUrl(address) {
+    const cache = Blockies.cache[address];
+    if (address && cache) {
+      return cache;
+    }
+
+    const opts = buildOpts({ seed: address.toLowerCase() });
+
+    const imageData = createImageData(opts.size);
+    const width = Math.sqrt(imageData.length);
+
+    const p = new PNG(opts.size * opts.scale, opts.size * opts.scale, 3);
+    const bgcolor = p.color(...hsl2rgb(...opts.bgcolor));
+    const color = p.color(...hsl2rgb(...opts.color));
+    const spotcolor = p.color(...hsl2rgb(...opts.spotcolor));
+
+    for (let i = 0; i < imageData.length; i++) {
+      const row = Math.floor(i / width);
+      const col = i % width;
+      // if data is 0, leave the background
+      if (imageData[i]) {
+        // if data is 2, choose spot color, if 1 choose foreground
+        const pngColor = imageData[i] == 1 ? color : spotcolor;
+        p.fillRect(
+          col * opts.scale,
+          row * opts.scale,
+          opts.scale,
+          opts.scale,
+          pngColor,
+        );
+      }
+    }
+    const ret = `data:image/png;base64,${p.getBase64()}`;
+    Blockies.cache[address] = ret;
+    return ret;
+  }
+
+  exports.toDataUrl = toDataUrl;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+});
+
+/**
+ * Utility class with the single responsibility
+ * of caching Blockies Data URIs
+ */
+class Blockies {
+  static cache = {};
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/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/Blockies/index.js

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonAnimatedProps } from './ButtonAnimated.types';
+export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, ...props }: ButtonAnimatedProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonAnimated.d.ts.map

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

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

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

@@ -0,0 +1,59 @@
+"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.ButtonAnimated = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
+    const animation = (0, react_native_reanimated_1.useSharedValue)(1);
+    const scaleStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        return {
+            transform: [{ scale: animation.value }],
+        };
+    });
+    const onPressInHandler = (event) => {
+        animation.value = (0, react_native_reanimated_1.withTiming)(0.97, {
+            duration: 100,
+            easing: react_native_reanimated_1.Easing.bezier(0.3, 0.8, 0.3, 1),
+        });
+        onPressIn?.(event);
+    };
+    const onPressOutHandler = (event) => {
+        animation.value = (0, react_native_reanimated_1.withTiming)(1, {
+            duration: 100,
+            easing: react_native_reanimated_1.Easing.bezier(0.3, 0.8, 0.3, 1),
+        });
+        onPressOut?.(event);
+    };
+    return (<react_native_reanimated_1.default.View style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}>
+      <react_native_1.Pressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} {...props}/>
+    </react_native_reanimated_1.default.View>);
+};
+exports.ButtonAnimated = ButtonAnimated;
+//# sourceMappingURL=ButtonAnimated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.js","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,+CAAyC;AACzC,mFAKiC;AAI1B,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE;QACvC,OAAO;YACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;SACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,SAAS,CAAC,KAAK,GAAG,IAAA,oCAAU,EAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,gCAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACzD,SAAS,CAAC,KAAK,GAAG,IAAA,oCAAU,EAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,gCAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,iCAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAExE;MAAA,CAAC,wBAAS,CACR,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,KAAK,CAAC,EAEd;IAAA,EAAE,iCAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,cAAc,kBAyCzB","sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Pressable } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { ButtonAnimatedProps } from './ButtonAnimated.types';\n\nexport const ButtonAnimated = ({\n  onPressIn,\n  onPressOut,\n  disabled,\n  ...props\n}: ButtonAnimatedProps) => {\n  const animation = useSharedValue(1);\n  const scaleStyle = useAnimatedStyle(() => {\n    return {\n      transform: [{ scale: animation.value }],\n    };\n  });\n\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    animation.value = withTiming(0.97, {\n      duration: 100,\n      easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n    });\n    onPressIn?.(event);\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    animation.value = withTiming(1, {\n      duration: 100,\n      easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n    });\n    onPressOut?.(event);\n  };\n\n  return (\n    <Animated.View\n      style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}\n    >\n      <Pressable\n        onPressIn={onPressInHandler}\n        onPressOut={onPressOutHandler}\n        disabled={disabled}\n        {...props}\n      />\n    </Animated.View>\n  );\n};\n"]}

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

@@ -0,0 +1,6 @@
+import type { PressableProps } from 'react-native';
+/**
+ * ButtonAnimated component props.
+ */
+export type ButtonAnimatedProps = PressableProps;
+//# sourceMappingURL=ButtonAnimated.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.js","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PressableProps } from 'react-native';\n\n/**\n * ButtonAnimated component props.\n */\nexport type ButtonAnimatedProps = PressableProps;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/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/ButtonAnimated/index.js

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ImageOrSvgProps } from './ImageOrSvg.types';
+export declare const ImageOrSvg: ({ src, width, height, onImageLoad, onImageError, onSvgError, style, imageProps, svgProps, }: ImageOrSvgProps) => React.JSX.Element;
+//# sourceMappingURL=ImageOrSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,gGAUpB,eAAe,sBAwEjB,CAAC"}