@pollar/react 0.5.2 → 0.6.0

package/dist/index.js

@@ -5,7 +5,999 @@ var core = require('@pollar/core');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/context.tsx
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/qr.js/lib/ErrorCorrectLevel.js
+var require_ErrorCorrectLevel = __commonJS({
+  "../../node_modules/qr.js/lib/ErrorCorrectLevel.js"(exports$1, module) {
+    module.exports = {
+      L: 1,
+      M: 0,
+      Q: 3,
+      H: 2
+    };
+  }
+});
+
+// ../../node_modules/qr.js/lib/mode.js
+var require_mode = __commonJS({
+  "../../node_modules/qr.js/lib/mode.js"(exports$1, module) {
+    module.exports = {
+      MODE_NUMBER: 1 << 0,
+      MODE_ALPHA_NUM: 1 << 1,
+      MODE_8BIT_BYTE: 1 << 2,
+      MODE_KANJI: 1 << 3
+    };
+  }
+});
+
+// ../../node_modules/qr.js/lib/8BitByte.js
+var require_BitByte = __commonJS({
+  "../../node_modules/qr.js/lib/8BitByte.js"(exports$1, module) {
+    var mode = require_mode();
+    function QR8bitByte(data) {
+      this.mode = mode.MODE_8BIT_BYTE;
+      this.data = data;
+    }
+    QR8bitByte.prototype = {
+      getLength: function(buffer) {
+        return this.data.length;
+      },
+      write: function(buffer) {
+        for (var i = 0; i < this.data.length; i++) {
+          buffer.put(this.data.charCodeAt(i), 8);
+        }
+      }
+    };
+    module.exports = QR8bitByte;
+  }
+});
+
+// ../../node_modules/qr.js/lib/RSBlock.js
+var require_RSBlock = __commonJS({
+  "../../node_modules/qr.js/lib/RSBlock.js"(exports$1, module) {
+    var ECL = require_ErrorCorrectLevel();
+    function QRRSBlock(totalCount, dataCount) {
+      this.totalCount = totalCount;
+      this.dataCount = dataCount;
+    }
+    QRRSBlock.RS_BLOCK_TABLE = [
+      // L
+      // M
+      // Q
+      // H
+      // 1
+      [1, 26, 19],
+      [1, 26, 16],
+      [1, 26, 13],
+      [1, 26, 9],
+      // 2
+      [1, 44, 34],
+      [1, 44, 28],
+      [1, 44, 22],
+      [1, 44, 16],
+      // 3
+      [1, 70, 55],
+      [1, 70, 44],
+      [2, 35, 17],
+      [2, 35, 13],
+      // 4		
+      [1, 100, 80],
+      [2, 50, 32],
+      [2, 50, 24],
+      [4, 25, 9],
+      // 5
+      [1, 134, 108],
+      [2, 67, 43],
+      [2, 33, 15, 2, 34, 16],
+      [2, 33, 11, 2, 34, 12],
+      // 6
+      [2, 86, 68],
+      [4, 43, 27],
+      [4, 43, 19],
+      [4, 43, 15],
+      // 7		
+      [2, 98, 78],
+      [4, 49, 31],
+      [2, 32, 14, 4, 33, 15],
+      [4, 39, 13, 1, 40, 14],
+      // 8
+      [2, 121, 97],
+      [2, 60, 38, 2, 61, 39],
+      [4, 40, 18, 2, 41, 19],
+      [4, 40, 14, 2, 41, 15],
+      // 9
+      [2, 146, 116],
+      [3, 58, 36, 2, 59, 37],
+      [4, 36, 16, 4, 37, 17],
+      [4, 36, 12, 4, 37, 13],
+      // 10		
+      [2, 86, 68, 2, 87, 69],
+      [4, 69, 43, 1, 70, 44],
+      [6, 43, 19, 2, 44, 20],
+      [6, 43, 15, 2, 44, 16],
+      // 11
+      [4, 101, 81],
+      [1, 80, 50, 4, 81, 51],
+      [4, 50, 22, 4, 51, 23],
+      [3, 36, 12, 8, 37, 13],
+      // 12
+      [2, 116, 92, 2, 117, 93],
+      [6, 58, 36, 2, 59, 37],
+      [4, 46, 20, 6, 47, 21],
+      [7, 42, 14, 4, 43, 15],
+      // 13
+      [4, 133, 107],
+      [8, 59, 37, 1, 60, 38],
+      [8, 44, 20, 4, 45, 21],
+      [12, 33, 11, 4, 34, 12],
+      // 14
+      [3, 145, 115, 1, 146, 116],
+      [4, 64, 40, 5, 65, 41],
+      [11, 36, 16, 5, 37, 17],
+      [11, 36, 12, 5, 37, 13],
+      // 15
+      [5, 109, 87, 1, 110, 88],
+      [5, 65, 41, 5, 66, 42],
+      [5, 54, 24, 7, 55, 25],
+      [11, 36, 12],
+      // 16
+      [5, 122, 98, 1, 123, 99],
+      [7, 73, 45, 3, 74, 46],
+      [15, 43, 19, 2, 44, 20],
+      [3, 45, 15, 13, 46, 16],
+      // 17
+      [1, 135, 107, 5, 136, 108],
+      [10, 74, 46, 1, 75, 47],
+      [1, 50, 22, 15, 51, 23],
+      [2, 42, 14, 17, 43, 15],
+      // 18
+      [5, 150, 120, 1, 151, 121],
+      [9, 69, 43, 4, 70, 44],
+      [17, 50, 22, 1, 51, 23],
+      [2, 42, 14, 19, 43, 15],
+      // 19
+      [3, 141, 113, 4, 142, 114],
+      [3, 70, 44, 11, 71, 45],
+      [17, 47, 21, 4, 48, 22],
+      [9, 39, 13, 16, 40, 14],
+      // 20
+      [3, 135, 107, 5, 136, 108],
+      [3, 67, 41, 13, 68, 42],
+      [15, 54, 24, 5, 55, 25],
+      [15, 43, 15, 10, 44, 16],
+      // 21
+      [4, 144, 116, 4, 145, 117],
+      [17, 68, 42],
+      [17, 50, 22, 6, 51, 23],
+      [19, 46, 16, 6, 47, 17],
+      // 22
+      [2, 139, 111, 7, 140, 112],
+      [17, 74, 46],
+      [7, 54, 24, 16, 55, 25],
+      [34, 37, 13],
+      // 23
+      [4, 151, 121, 5, 152, 122],
+      [4, 75, 47, 14, 76, 48],
+      [11, 54, 24, 14, 55, 25],
+      [16, 45, 15, 14, 46, 16],
+      // 24
+      [6, 147, 117, 4, 148, 118],
+      [6, 73, 45, 14, 74, 46],
+      [11, 54, 24, 16, 55, 25],
+      [30, 46, 16, 2, 47, 17],
+      // 25
+      [8, 132, 106, 4, 133, 107],
+      [8, 75, 47, 13, 76, 48],
+      [7, 54, 24, 22, 55, 25],
+      [22, 45, 15, 13, 46, 16],
+      // 26
+      [10, 142, 114, 2, 143, 115],
+      [19, 74, 46, 4, 75, 47],
+      [28, 50, 22, 6, 51, 23],
+      [33, 46, 16, 4, 47, 17],
+      // 27
+      [8, 152, 122, 4, 153, 123],
+      [22, 73, 45, 3, 74, 46],
+      [8, 53, 23, 26, 54, 24],
+      [12, 45, 15, 28, 46, 16],
+      // 28
+      [3, 147, 117, 10, 148, 118],
+      [3, 73, 45, 23, 74, 46],
+      [4, 54, 24, 31, 55, 25],
+      [11, 45, 15, 31, 46, 16],
+      // 29
+      [7, 146, 116, 7, 147, 117],
+      [21, 73, 45, 7, 74, 46],
+      [1, 53, 23, 37, 54, 24],
+      [19, 45, 15, 26, 46, 16],
+      // 30
+      [5, 145, 115, 10, 146, 116],
+      [19, 75, 47, 10, 76, 48],
+      [15, 54, 24, 25, 55, 25],
+      [23, 45, 15, 25, 46, 16],
+      // 31
+      [13, 145, 115, 3, 146, 116],
+      [2, 74, 46, 29, 75, 47],
+      [42, 54, 24, 1, 55, 25],
+      [23, 45, 15, 28, 46, 16],
+      // 32
+      [17, 145, 115],
+      [10, 74, 46, 23, 75, 47],
+      [10, 54, 24, 35, 55, 25],
+      [19, 45, 15, 35, 46, 16],
+      // 33
+      [17, 145, 115, 1, 146, 116],
+      [14, 74, 46, 21, 75, 47],
+      [29, 54, 24, 19, 55, 25],
+      [11, 45, 15, 46, 46, 16],
+      // 34
+      [13, 145, 115, 6, 146, 116],
+      [14, 74, 46, 23, 75, 47],
+      [44, 54, 24, 7, 55, 25],
+      [59, 46, 16, 1, 47, 17],
+      // 35
+      [12, 151, 121, 7, 152, 122],
+      [12, 75, 47, 26, 76, 48],
+      [39, 54, 24, 14, 55, 25],
+      [22, 45, 15, 41, 46, 16],
+      // 36
+      [6, 151, 121, 14, 152, 122],
+      [6, 75, 47, 34, 76, 48],
+      [46, 54, 24, 10, 55, 25],
+      [2, 45, 15, 64, 46, 16],
+      // 37
+      [17, 152, 122, 4, 153, 123],
+      [29, 74, 46, 14, 75, 47],
+      [49, 54, 24, 10, 55, 25],
+      [24, 45, 15, 46, 46, 16],
+      // 38
+      [4, 152, 122, 18, 153, 123],
+      [13, 74, 46, 32, 75, 47],
+      [48, 54, 24, 14, 55, 25],
+      [42, 45, 15, 32, 46, 16],
+      // 39
+      [20, 147, 117, 4, 148, 118],
+      [40, 75, 47, 7, 76, 48],
+      [43, 54, 24, 22, 55, 25],
+      [10, 45, 15, 67, 46, 16],
+      // 40
+      [19, 148, 118, 6, 149, 119],
+      [18, 75, 47, 31, 76, 48],
+      [34, 54, 24, 34, 55, 25],
+      [20, 45, 15, 61, 46, 16]
+    ];
+    QRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+      var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
+      if (rsBlock == void 0) {
+        throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
+      }
+      var length = rsBlock.length / 3;
+      var list = new Array();
+      for (var i = 0; i < length; i++) {
+        var count = rsBlock[i * 3 + 0];
+        var totalCount = rsBlock[i * 3 + 1];
+        var dataCount = rsBlock[i * 3 + 2];
+        for (var j = 0; j < count; j++) {
+          list.push(new QRRSBlock(totalCount, dataCount));
+        }
+      }
+      return list;
+    };
+    QRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+      switch (errorCorrectLevel) {
+        case ECL.L:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+        case ECL.M:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+        case ECL.Q:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+        case ECL.H:
+          return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+        default:
+          return void 0;
+      }
+    };
+    module.exports = QRRSBlock;
+  }
+});
+
+// ../../node_modules/qr.js/lib/BitBuffer.js
+var require_BitBuffer = __commonJS({
+  "../../node_modules/qr.js/lib/BitBuffer.js"(exports$1, module) {
+    function QRBitBuffer() {
+      this.buffer = new Array();
+      this.length = 0;
+    }
+    QRBitBuffer.prototype = {
+      get: function(index) {
+        var bufIndex = Math.floor(index / 8);
+        return (this.buffer[bufIndex] >>> 7 - index % 8 & 1) == 1;
+      },
+      put: function(num, length) {
+        for (var i = 0; i < length; i++) {
+          this.putBit((num >>> length - i - 1 & 1) == 1);
+        }
+      },
+      getLengthInBits: function() {
+        return this.length;
+      },
+      putBit: function(bit) {
+        var bufIndex = Math.floor(this.length / 8);
+        if (this.buffer.length <= bufIndex) {
+          this.buffer.push(0);
+        }
+        if (bit) {
+          this.buffer[bufIndex] |= 128 >>> this.length % 8;
+        }
+        this.length++;
+      }
+    };
+    module.exports = QRBitBuffer;
+  }
+});
+
+// ../../node_modules/qr.js/lib/math.js
+var require_math = __commonJS({
+  "../../node_modules/qr.js/lib/math.js"(exports$1, module) {
+    var QRMath = {
+      glog: function(n) {
+        if (n < 1) {
+          throw new Error("glog(" + n + ")");
+        }
+        return QRMath.LOG_TABLE[n];
+      },
+      gexp: function(n) {
+        while (n < 0) {
+          n += 255;
+        }
+        while (n >= 256) {
+          n -= 255;
+        }
+        return QRMath.EXP_TABLE[n];
+      },
+      EXP_TABLE: new Array(256),
+      LOG_TABLE: new Array(256)
+    };
+    for (i = 0; i < 8; i++) {
+      QRMath.EXP_TABLE[i] = 1 << i;
+    }
+    var i;
+    for (i = 8; i < 256; i++) {
+      QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
+    }
+    var i;
+    for (i = 0; i < 255; i++) {
+      QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
+    }
+    var i;
+    module.exports = QRMath;
+  }
+});
+
+// ../../node_modules/qr.js/lib/Polynomial.js
+var require_Polynomial = __commonJS({
+  "../../node_modules/qr.js/lib/Polynomial.js"(exports$1, module) {
+    var math = require_math();
+    function QRPolynomial(num, shift) {
+      if (num.length == void 0) {
+        throw new Error(num.length + "/" + shift);
+      }
+      var offset = 0;
+      while (offset < num.length && num[offset] == 0) {
+        offset++;
+      }
+      this.num = new Array(num.length - offset + shift);
+      for (var i = 0; i < num.length - offset; i++) {
+        this.num[i] = num[i + offset];
+      }
+    }
+    QRPolynomial.prototype = {
+      get: function(index) {
+        return this.num[index];
+      },
+      getLength: function() {
+        return this.num.length;
+      },
+      multiply: function(e) {
+        var num = new Array(this.getLength() + e.getLength() - 1);
+        for (var i = 0; i < this.getLength(); i++) {
+          for (var j = 0; j < e.getLength(); j++) {
+            num[i + j] ^= math.gexp(math.glog(this.get(i)) + math.glog(e.get(j)));
+          }
+        }
+        return new QRPolynomial(num, 0);
+      },
+      mod: function(e) {
+        if (this.getLength() - e.getLength() < 0) {
+          return this;
+        }
+        var ratio = math.glog(this.get(0)) - math.glog(e.get(0));
+        var num = new Array(this.getLength());
+        for (var i = 0; i < this.getLength(); i++) {
+          num[i] = this.get(i);
+        }
+        for (var i = 0; i < e.getLength(); i++) {
+          num[i] ^= math.gexp(math.glog(e.get(i)) + ratio);
+        }
+        return new QRPolynomial(num, 0).mod(e);
+      }
+    };
+    module.exports = QRPolynomial;
+  }
+});
+
+// ../../node_modules/qr.js/lib/util.js
+var require_util = __commonJS({
+  "../../node_modules/qr.js/lib/util.js"(exports$1, module) {
+    var Mode = require_mode();
+    var Polynomial = require_Polynomial();
+    var math = require_math();
+    var QRMaskPattern = {
+      PATTERN000: 0,
+      PATTERN001: 1,
+      PATTERN010: 2,
+      PATTERN011: 3,
+      PATTERN100: 4,
+      PATTERN101: 5,
+      PATTERN110: 6,
+      PATTERN111: 7
+    };
+    var QRUtil = {
+      PATTERN_POSITION_TABLE: [
+        [],
+        [6, 18],
+        [6, 22],
+        [6, 26],
+        [6, 30],
+        [6, 34],
+        [6, 22, 38],
+        [6, 24, 42],
+        [6, 26, 46],
+        [6, 28, 50],
+        [6, 30, 54],
+        [6, 32, 58],
+        [6, 34, 62],
+        [6, 26, 46, 66],
+        [6, 26, 48, 70],
+        [6, 26, 50, 74],
+        [6, 30, 54, 78],
+        [6, 30, 56, 82],
+        [6, 30, 58, 86],
+        [6, 34, 62, 90],
+        [6, 28, 50, 72, 94],
+        [6, 26, 50, 74, 98],
+        [6, 30, 54, 78, 102],
+        [6, 28, 54, 80, 106],
+        [6, 32, 58, 84, 110],
+        [6, 30, 58, 86, 114],
+        [6, 34, 62, 90, 118],
+        [6, 26, 50, 74, 98, 122],
+        [6, 30, 54, 78, 102, 126],
+        [6, 26, 52, 78, 104, 130],
+        [6, 30, 56, 82, 108, 134],
+        [6, 34, 60, 86, 112, 138],
+        [6, 30, 58, 86, 114, 142],
+        [6, 34, 62, 90, 118, 146],
+        [6, 30, 54, 78, 102, 126, 150],
+        [6, 24, 50, 76, 102, 128, 154],
+        [6, 28, 54, 80, 106, 132, 158],
+        [6, 32, 58, 84, 110, 136, 162],
+        [6, 26, 54, 82, 110, 138, 166],
+        [6, 30, 58, 86, 114, 142, 170]
+      ],
+      G15: 1 << 10 | 1 << 8 | 1 << 5 | 1 << 4 | 1 << 2 | 1 << 1 | 1 << 0,
+      G18: 1 << 12 | 1 << 11 | 1 << 10 | 1 << 9 | 1 << 8 | 1 << 5 | 1 << 2 | 1 << 0,
+      G15_MASK: 1 << 14 | 1 << 12 | 1 << 10 | 1 << 4 | 1 << 1,
+      getBCHTypeInfo: function(data) {
+        var d = data << 10;
+        while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+          d ^= QRUtil.G15 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15);
+        }
+        return (data << 10 | d) ^ QRUtil.G15_MASK;
+      },
+      getBCHTypeNumber: function(data) {
+        var d = data << 12;
+        while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+          d ^= QRUtil.G18 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18);
+        }
+        return data << 12 | d;
+      },
+      getBCHDigit: function(data) {
+        var digit = 0;
+        while (data != 0) {
+          digit++;
+          data >>>= 1;
+        }
+        return digit;
+      },
+      getPatternPosition: function(typeNumber) {
+        return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
+      },
+      getMask: function(maskPattern, i, j) {
+        switch (maskPattern) {
+          case QRMaskPattern.PATTERN000:
+            return (i + j) % 2 == 0;
+          case QRMaskPattern.PATTERN001:
+            return i % 2 == 0;
+          case QRMaskPattern.PATTERN010:
+            return j % 3 == 0;
+          case QRMaskPattern.PATTERN011:
+            return (i + j) % 3 == 0;
+          case QRMaskPattern.PATTERN100:
+            return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
+          case QRMaskPattern.PATTERN101:
+            return i * j % 2 + i * j % 3 == 0;
+          case QRMaskPattern.PATTERN110:
+            return (i * j % 2 + i * j % 3) % 2 == 0;
+          case QRMaskPattern.PATTERN111:
+            return (i * j % 3 + (i + j) % 2) % 2 == 0;
+          default:
+            throw new Error("bad maskPattern:" + maskPattern);
+        }
+      },
+      getErrorCorrectPolynomial: function(errorCorrectLength) {
+        var a = new Polynomial([1], 0);
+        for (var i = 0; i < errorCorrectLength; i++) {
+          a = a.multiply(new Polynomial([1, math.gexp(i)], 0));
+        }
+        return a;
+      },
+      getLengthInBits: function(mode, type) {
+        if (1 <= type && type < 10) {
+          switch (mode) {
+            case Mode.MODE_NUMBER:
+              return 10;
+            case Mode.MODE_ALPHA_NUM:
+              return 9;
+            case Mode.MODE_8BIT_BYTE:
+              return 8;
+            case Mode.MODE_KANJI:
+              return 8;
+            default:
+              throw new Error("mode:" + mode);
+          }
+        } else if (type < 27) {
+          switch (mode) {
+            case Mode.MODE_NUMBER:
+              return 12;
+            case Mode.MODE_ALPHA_NUM:
+              return 11;
+            case Mode.MODE_8BIT_BYTE:
+              return 16;
+            case Mode.MODE_KANJI:
+              return 10;
+            default:
+              throw new Error("mode:" + mode);
+          }
+        } else if (type < 41) {
+          switch (mode) {
+            case Mode.MODE_NUMBER:
+              return 14;
+            case Mode.MODE_ALPHA_NUM:
+              return 13;
+            case Mode.MODE_8BIT_BYTE:
+              return 16;
+            case Mode.MODE_KANJI:
+              return 12;
+            default:
+              throw new Error("mode:" + mode);
+          }
+        } else {
+          throw new Error("type:" + type);
+        }
+      },
+      getLostPoint: function(qrCode) {
+        var moduleCount = qrCode.getModuleCount();
+        var lostPoint = 0;
+        for (var row = 0; row < moduleCount; row++) {
+          for (var col = 0; col < moduleCount; col++) {
+            var sameCount = 0;
+            var dark = qrCode.isDark(row, col);
+            for (var r = -1; r <= 1; r++) {
+              if (row + r < 0 || moduleCount <= row + r) {
+                continue;
+              }
+              for (var c = -1; c <= 1; c++) {
+                if (col + c < 0 || moduleCount <= col + c) {
+                  continue;
+                }
+                if (r == 0 && c == 0) {
+                  continue;
+                }
+                if (dark == qrCode.isDark(row + r, col + c)) {
+                  sameCount++;
+                }
+              }
+            }
+            if (sameCount > 5) {
+              lostPoint += 3 + sameCount - 5;
+            }
+          }
+        }
+        for (var row = 0; row < moduleCount - 1; row++) {
+          for (var col = 0; col < moduleCount - 1; col++) {
+            var count = 0;
+            if (qrCode.isDark(row, col)) count++;
+            if (qrCode.isDark(row + 1, col)) count++;
+            if (qrCode.isDark(row, col + 1)) count++;
+            if (qrCode.isDark(row + 1, col + 1)) count++;
+            if (count == 0 || count == 4) {
+              lostPoint += 3;
+            }
+          }
+        }
+        for (var row = 0; row < moduleCount; row++) {
+          for (var col = 0; col < moduleCount - 6; col++) {
+            if (qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6)) {
+              lostPoint += 40;
+            }
+          }
+        }
+        for (var col = 0; col < moduleCount; col++) {
+          for (var row = 0; row < moduleCount - 6; row++) {
+            if (qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col)) {
+              lostPoint += 40;
+            }
+          }
+        }
+        var darkCount = 0;
+        for (var col = 0; col < moduleCount; col++) {
+          for (var row = 0; row < moduleCount; row++) {
+            if (qrCode.isDark(row, col)) {
+              darkCount++;
+            }
+          }
+        }
+        var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
+        lostPoint += ratio * 10;
+        return lostPoint;
+      }
+    };
+    module.exports = QRUtil;
+  }
+});
+
+// ../../node_modules/qr.js/lib/QRCode.js
+var require_QRCode = __commonJS({
+  "../../node_modules/qr.js/lib/QRCode.js"(exports$1, module) {
+    var BitByte = require_BitByte();
+    var RSBlock = require_RSBlock();
+    var BitBuffer = require_BitBuffer();
+    var util = require_util();
+    var Polynomial = require_Polynomial();
+    function QRCode3(typeNumber, errorCorrectLevel) {
+      this.typeNumber = typeNumber;
+      this.errorCorrectLevel = errorCorrectLevel;
+      this.modules = null;
+      this.moduleCount = 0;
+      this.dataCache = null;
+      this.dataList = [];
+    }
+    var proto = QRCode3.prototype;
+    proto.addData = function(data) {
+      var newData = new BitByte(data);
+      this.dataList.push(newData);
+      this.dataCache = null;
+    };
+    proto.isDark = function(row, col) {
+      if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {
+        throw new Error(row + "," + col);
+      }
+      return this.modules[row][col];
+    };
+    proto.getModuleCount = function() {
+      return this.moduleCount;
+    };
+    proto.make = function() {
+      if (this.typeNumber < 1) {
+        var typeNumber = 1;
+        for (typeNumber = 1; typeNumber < 40; typeNumber++) {
+          var rsBlocks = RSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel);
+          var buffer = new BitBuffer();
+          var totalDataCount = 0;
+          for (var i = 0; i < rsBlocks.length; i++) {
+            totalDataCount += rsBlocks[i].dataCount;
+          }
+          for (var i = 0; i < this.dataList.length; i++) {
+            var data = this.dataList[i];
+            buffer.put(data.mode, 4);
+            buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber));
+            data.write(buffer);
+          }
+          if (buffer.getLengthInBits() <= totalDataCount * 8)
+            break;
+        }
+        this.typeNumber = typeNumber;
+      }
+      this.makeImpl(false, this.getBestMaskPattern());
+    };
+    proto.makeImpl = function(test, maskPattern) {
+      this.moduleCount = this.typeNumber * 4 + 17;
+      this.modules = new Array(this.moduleCount);
+      for (var row = 0; row < this.moduleCount; row++) {
+        this.modules[row] = new Array(this.moduleCount);
+        for (var col = 0; col < this.moduleCount; col++) {
+          this.modules[row][col] = null;
+        }
+      }
+      this.setupPositionProbePattern(0, 0);
+      this.setupPositionProbePattern(this.moduleCount - 7, 0);
+      this.setupPositionProbePattern(0, this.moduleCount - 7);
+      this.setupPositionAdjustPattern();
+      this.setupTimingPattern();
+      this.setupTypeInfo(test, maskPattern);
+      if (this.typeNumber >= 7) {
+        this.setupTypeNumber(test);
+      }
+      if (this.dataCache == null) {
+        this.dataCache = QRCode3.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);
+      }
+      this.mapData(this.dataCache, maskPattern);
+    };
+    proto.setupPositionProbePattern = function(row, col) {
+      for (var r = -1; r <= 7; r++) {
+        if (row + r <= -1 || this.moduleCount <= row + r) continue;
+        for (var c = -1; c <= 7; c++) {
+          if (col + c <= -1 || this.moduleCount <= col + c) continue;
+          if (0 <= r && r <= 6 && (c == 0 || c == 6) || 0 <= c && c <= 6 && (r == 0 || r == 6) || 2 <= r && r <= 4 && 2 <= c && c <= 4) {
+            this.modules[row + r][col + c] = true;
+          } else {
+            this.modules[row + r][col + c] = false;
+          }
+        }
+      }
+    };
+    proto.getBestMaskPattern = function() {
+      var minLostPoint = 0;
+      var pattern = 0;
+      for (var i = 0; i < 8; i++) {
+        this.makeImpl(true, i);
+        var lostPoint = util.getLostPoint(this);
+        if (i == 0 || minLostPoint > lostPoint) {
+          minLostPoint = lostPoint;
+          pattern = i;
+        }
+      }
+      return pattern;
+    };
+    proto.createMovieClip = function(target_mc, instance_name, depth) {
+      var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth);
+      var cs = 1;
+      this.make();
+      for (var row = 0; row < this.modules.length; row++) {
+        var y = row * cs;
+        for (var col = 0; col < this.modules[row].length; col++) {
+          var x = col * cs;
+          var dark = this.modules[row][col];
+          if (dark) {
+            qr_mc.beginFill(0, 100);
+            qr_mc.moveTo(x, y);
+            qr_mc.lineTo(x + cs, y);
+            qr_mc.lineTo(x + cs, y + cs);
+            qr_mc.lineTo(x, y + cs);
+            qr_mc.endFill();
+          }
+        }
+      }
+      return qr_mc;
+    };
+    proto.setupTimingPattern = function() {
+      for (var r = 8; r < this.moduleCount - 8; r++) {
+        if (this.modules[r][6] != null) {
+          continue;
+        }
+        this.modules[r][6] = r % 2 == 0;
+      }
+      for (var c = 8; c < this.moduleCount - 8; c++) {
+        if (this.modules[6][c] != null) {
+          continue;
+        }
+        this.modules[6][c] = c % 2 == 0;
+      }
+    };
+    proto.setupPositionAdjustPattern = function() {
+      var pos = util.getPatternPosition(this.typeNumber);
+      for (var i = 0; i < pos.length; i++) {
+        for (var j = 0; j < pos.length; j++) {
+          var row = pos[i];
+          var col = pos[j];
+          if (this.modules[row][col] != null) {
+            continue;
+          }
+          for (var r = -2; r <= 2; r++) {
+            for (var c = -2; c <= 2; c++) {
+              if (r == -2 || r == 2 || c == -2 || c == 2 || r == 0 && c == 0) {
+                this.modules[row + r][col + c] = true;
+              } else {
+                this.modules[row + r][col + c] = false;
+              }
+            }
+          }
+        }
+      }
+    };
+    proto.setupTypeNumber = function(test) {
+      var bits = util.getBCHTypeNumber(this.typeNumber);
+      for (var i = 0; i < 18; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;
+      }
+      for (var i = 0; i < 18; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+      }
+    };
+    proto.setupTypeInfo = function(test, maskPattern) {
+      var data = this.errorCorrectLevel << 3 | maskPattern;
+      var bits = util.getBCHTypeInfo(data);
+      for (var i = 0; i < 15; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        if (i < 6) {
+          this.modules[i][8] = mod;
+        } else if (i < 8) {
+          this.modules[i + 1][8] = mod;
+        } else {
+          this.modules[this.moduleCount - 15 + i][8] = mod;
+        }
+      }
+      for (var i = 0; i < 15; i++) {
+        var mod = !test && (bits >> i & 1) == 1;
+        if (i < 8) {
+          this.modules[8][this.moduleCount - i - 1] = mod;
+        } else if (i < 9) {
+          this.modules[8][15 - i - 1 + 1] = mod;
+        } else {
+          this.modules[8][15 - i - 1] = mod;
+        }
+      }
+      this.modules[this.moduleCount - 8][8] = !test;
+    };
+    proto.mapData = function(data, maskPattern) {
+      var inc = -1;
+      var row = this.moduleCount - 1;
+      var bitIndex = 7;
+      var byteIndex = 0;
+      for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+        if (col == 6) col--;
+        while (true) {
+          for (var c = 0; c < 2; c++) {
+            if (this.modules[row][col - c] == null) {
+              var dark = false;
+              if (byteIndex < data.length) {
+                dark = (data[byteIndex] >>> bitIndex & 1) == 1;
+              }
+              var mask = util.getMask(maskPattern, row, col - c);
+              if (mask) {
+                dark = !dark;
+              }
+              this.modules[row][col - c] = dark;
+              bitIndex--;
+              if (bitIndex == -1) {
+                byteIndex++;
+                bitIndex = 7;
+              }
+            }
+          }
+          row += inc;
+          if (row < 0 || this.moduleCount <= row) {
+            row -= inc;
+            inc = -inc;
+            break;
+          }
+        }
+      }
+    };
+    QRCode3.PAD0 = 236;
+    QRCode3.PAD1 = 17;
+    QRCode3.createData = function(typeNumber, errorCorrectLevel, dataList) {
+      var rsBlocks = RSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+      var buffer = new BitBuffer();
+      for (var i = 0; i < dataList.length; i++) {
+        var data = dataList[i];
+        buffer.put(data.mode, 4);
+        buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber));
+        data.write(buffer);
+      }
+      var totalDataCount = 0;
+      for (var i = 0; i < rsBlocks.length; i++) {
+        totalDataCount += rsBlocks[i].dataCount;
+      }
+      if (buffer.getLengthInBits() > totalDataCount * 8) {
+        throw new Error("code length overflow. (" + buffer.getLengthInBits() + ">" + totalDataCount * 8 + ")");
+      }
+      if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+        buffer.put(0, 4);
+      }
+      while (buffer.getLengthInBits() % 8 != 0) {
+        buffer.putBit(false);
+      }
+      while (true) {
+        if (buffer.getLengthInBits() >= totalDataCount * 8) {
+          break;
+        }
+        buffer.put(QRCode3.PAD0, 8);
+        if (buffer.getLengthInBits() >= totalDataCount * 8) {
+          break;
+        }
+        buffer.put(QRCode3.PAD1, 8);
+      }
+      return QRCode3.createBytes(buffer, rsBlocks);
+    };
+    QRCode3.createBytes = function(buffer, rsBlocks) {
+      var offset = 0;
+      var maxDcCount = 0;
+      var maxEcCount = 0;
+      var dcdata = new Array(rsBlocks.length);
+      var ecdata = new Array(rsBlocks.length);
+      for (var r = 0; r < rsBlocks.length; r++) {
+        var dcCount = rsBlocks[r].dataCount;
+        var ecCount = rsBlocks[r].totalCount - dcCount;
+        maxDcCount = Math.max(maxDcCount, dcCount);
+        maxEcCount = Math.max(maxEcCount, ecCount);
+        dcdata[r] = new Array(dcCount);
+        for (var i = 0; i < dcdata[r].length; i++) {
+          dcdata[r][i] = 255 & buffer.buffer[i + offset];
+        }
+        offset += dcCount;
+        var rsPoly = util.getErrorCorrectPolynomial(ecCount);
+        var rawPoly = new Polynomial(dcdata[r], rsPoly.getLength() - 1);
+        var modPoly = rawPoly.mod(rsPoly);
+        ecdata[r] = new Array(rsPoly.getLength() - 1);
+        for (var i = 0; i < ecdata[r].length; i++) {
+          var modIndex = i + modPoly.getLength() - ecdata[r].length;
+          ecdata[r][i] = modIndex >= 0 ? modPoly.get(modIndex) : 0;
+        }
+      }
+      var totalCodeCount = 0;
+      for (var i = 0; i < rsBlocks.length; i++) {
+        totalCodeCount += rsBlocks[i].totalCount;
+      }
+      var data = new Array(totalCodeCount);
+      var index = 0;
+      for (var i = 0; i < maxDcCount; i++) {
+        for (var r = 0; r < rsBlocks.length; r++) {
+          if (i < dcdata[r].length) {
+            data[index++] = dcdata[r][i];
+          }
+        }
+      }
+      for (var i = 0; i < maxEcCount; i++) {
+        for (var r = 0; r < rsBlocks.length; r++) {
+          if (i < ecdata[r].length) {
+            data[index++] = ecdata[r][i];
+          }
+        }
+      }
+      return data;
+    };
+    module.exports = QRCode3;
+  }
+});
 
 // src/constants.ts
 var LOGO_POLLAR = "https://pollar.xyz/assets/logo_pollar.png";
@@ -38,7 +1030,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.5.2"
+        "0.6.0"
       ] })
     ] })
   ] });
@@ -98,15 +1090,25 @@ function KycModalTemplate({
   const isDark = theme === "dark";
   const cssVars = {
     "--pollar-accent": accentColor,
-    "--pollar-buttons-border-radius": "6px",
-    "--pollar-buttons-height": "44px",
     "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
     "--pollar-border": isDark ? "#374151" : "#e5e7eb",
     "--pollar-text": isDark ? "#ffffff" : "#111827",
     "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb"
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px",
+    "--pollar-modal-padding": "2rem",
+    "--pollar-modal-heading-size": "1.375rem",
+    "--pollar-modal-subtitle-size": "0.9rem"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-kyc-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-kyc-title", children: "Identity verification" }),
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-kyc-subtitle", children: [
@@ -161,8 +1163,8 @@ function KycModal({ onClose, country = "MX", level = "basic", onApproved }) {
   const { theme = "light", accentColor = "#005DB4" } = styles;
   react.useEffect(() => {
     setIsLoading(true);
-    client.getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
-  }, [country]);
+    getClient().getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
+  }, [getClient, country]);
   async function handleSelectProvider(provider) {
     setSelectedProvider(provider);
     setIsLoading(true);
@@ -376,16 +1378,23 @@ function LoginModalTemplate({
   const enabledSocial = Object.entries(providers).filter(([, enabled]) => enabled);
   const cssVars = {
     "--pollar-accent": accentColor,
-    "--pollar-buttons-border-radius": "6px",
-    "--pollar-buttons-height": "44px",
     "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
     "--pollar-border": isDark ? "#374151" : "#e5e7eb",
     "--pollar-text": isDark ? "#ffffff" : "#111827",
     "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "#ffffff",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
     "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
     "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
-    "--pollar-error-text": isDark ? "#f87171" : "#dc2626"
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px",
+    "--pollar-modal-padding": "2rem",
+    "--pollar-modal-heading-size": "1.375rem",
+    "--pollar-modal-subtitle-size": "0.9rem"
   };
   const status = authStateToStatus(authState.step);
   const isLoading = status === "LOADING";
@@ -393,7 +1402,7 @@ function LoginModalTemplate({
   const awaitingEmailCode = authState.step === "entering_code" || authState.step === "verifying_email_code" || isEmailCodeError;
   const statusMessage = authState.step === "error" ? authState.message : AUTH_STATE_MESSAGES[authState.step];
   const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19l-7-7 7-7" }) }) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
@@ -448,7 +1457,7 @@ function LoginModalTemplate({
             onKeyDown: (e) => e.key === "Enter" && onEmailSubmit?.()
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: isLoading || !email, className: "pollar-submit-btn", onClick: onEmailSubmit, children: "Submit" })
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: isLoading || !email, className: "pollar-btn-primary", style: { marginTop: "0.75rem", width: "100%" }, onClick: onEmailSubmit, children: "Submit" })
       ] }),
       emailEnabled && enabledSocial.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-divider", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-divider-line" }),
@@ -486,10 +1495,12 @@ function LoginModalTemplate({
 }
 function LoginModal({ onClose }) {
   const [email, setEmail] = react.useState("");
-  const { getClient, styles, config } = usePollar();
+  const { getClient, styles, appConfig: config } = usePollar();
   const [authState, setAuthState] = react.useState(() => getClient().getAuthState());
   const [codeInputKey, setCodeInputKey] = react.useState(0);
   const pendingEmail = react.useRef(null);
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
   react.useEffect(() => {
     return getClient().onAuthStateChange((next) => {
       setAuthState(next);
@@ -501,10 +1512,10 @@ function LoginModal({ onClose }) {
         setCodeInputKey((k) => k + 1);
       }
       if (next.step === "authenticated") {
-        setTimeout(onClose, 1e3);
+        setTimeout(onCloseRef.current, 1e3);
       }
     });
-  }, []);
+  }, [getClient]);
   const { theme = "light", accentColor = "#005DB4", logoUrl, emailEnabled, embeddedWallets, providers } = styles;
   function handleClose() {
     setEmail("");
@@ -566,67 +1577,227 @@ function LoginModal({ onClose }) {
     }
   ) });
 }
-var RAIL_LABELS = {
-  SPEI: "SPEI (Mexico)",
-  PIX: "PIX (Brazil)",
-  PSE: "PSE (Colombia)",
-  ACH: "ACH (US)"
-};
-function RouteDisplay({ quote, onSelect }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+
+// src/lib/qr-code/index.tsx
+var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
+var import_QRCode = __toESM(require_QRCode());
+var QRCodeSvg = react.forwardRef(function QRCodeSvg2({
+  bgColor,
+  bgD,
+  fgD,
+  fgColor,
+  size,
+  title,
+  viewBoxSize,
+  xmlns = "http://www.w3.org/2000/svg",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bgD, fill: bgColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: fgD, fill: fgColor })
+  ] });
+});
+QRCodeSvg.displayName = "QRCodeSvg";
+function bytesToBinaryString(bytes) {
+  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
+}
+function encodeStringToUtf8Bytes(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+var QRCode = react.forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
+  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
+  const utf8Bytes = encodeStringToUtf8Bytes(value);
+  const binaryString = bytesToBinaryString(utf8Bytes);
+  qrcode.addData(binaryString, "Byte");
+  qrcode.make();
+  const cells = qrcode.modules;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    QRCodeSvg,
     {
-      className: "pollar-ramp-route-card",
-      "data-recommended": quote.recommended,
-      role: "button",
-      tabIndex: 0,
-      onClick: () => onSelect(quote),
-      onKeyDown: (e) => e.key === "Enter" && onSelect(quote),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-route-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-route-meta", children: [
-            RAIL_LABELS[quote.rail] ?? quote.rail,
-            " \xB7 ",
-            quote.protocol,
-            " \xB7 ",
-            quote.estimatedTime
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-route-right", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-route-fee", children: [
-            quote.fee,
-            "% fee"
-          ] }),
-          quote.recommended && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
-        ] })
-      ]
+      ...props,
+      bgColor,
+      bgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      fgColor,
+      fgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      ref,
+      size,
+      viewBoxSize: cells.length
     }
   );
-}
-var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
-var COUNTRY_CURRENCIES = {
-  MX: "MXN",
-  BR: "BRL",
-  CO: "COP",
-  CL: "CLP",
-  PE: "PEN",
-  AR: "ARS"
-};
-function RampWidgetTemplate({
+});
+function ReceiveModalTemplate({
   theme,
   accentColor,
-  step,
-  direction,
-  amount,
-  currency,
-  country,
-  quotes,
-  paymentInstructions,
-  isLoading,
-  onDirectionChange,
-  onAmountChange,
-  onCurrencyChange,
+  walletAddress,
+  copied,
+  onCopy,
+  onClose
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-receive-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+        ] }),
+        walletAddress ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsxRuntime.jsx(
+            QRCode,
+            {
+              value: walletAddress,
+              size: 180,
+              fgColor: isDark ? "#ffffff" : "#111827",
+              bgColor: "transparent"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-address-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-receive-address", children: walletAddress }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3.5 7l2.5 2.5 4.5-5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ] }),
+              "Copied!"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                )
+              ] }),
+              "Copy address"
+            ] }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function ReceiveModal({ onClose }) {
+  const { walletAddress, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [copied, setCopied] = react.useState(false);
+  function handleCopy() {
+    if (!walletAddress) return;
+    navigator.clipboard.writeText(walletAddress).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReceiveModalTemplate,
+    {
+      theme,
+      accentColor,
+      walletAddress,
+      copied,
+      onCopy: handleCopy,
+      onClose
+    }
+  ) });
+}
+var RAIL_LABELS = {
+  SPEI: "SPEI (Mexico)",
+  PIX: "PIX (Brazil)",
+  PSE: "PSE (Colombia)",
+  ACH: "ACH (US)"
+};
+function RouteDisplay({ quote, onSelect }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-ramp-route-card",
+      "data-recommended": quote.recommended,
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onSelect(quote),
+      onKeyDown: (e) => e.key === "Enter" && onSelect(quote),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-route-left", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-route-meta", children: [
+            RAIL_LABELS[quote.rail] ?? quote.rail,
+            " \xB7 ",
+            quote.protocol,
+            " \xB7 ",
+            quote.estimatedTime
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-route-right", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-route-fee", children: [
+            quote.fee,
+            "% fee"
+          ] }),
+          quote.recommended && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
+        ] })
+      ]
+    }
+  );
+}
+var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
+var COUNTRY_CURRENCIES = {
+  MX: "MXN",
+  BR: "BRL",
+  CO: "COP",
+  CL: "CLP",
+  PE: "PEN",
+  AR: "ARS"
+};
+function RampWidgetTemplate({
+  theme,
+  accentColor,
+  step,
+  direction,
+  amount,
+  currency,
+  country,
+  quotes,
+  paymentInstructions,
+  isLoading,
+  onDirectionChange,
+  onAmountChange,
+  onCurrencyChange,
   onCountryChange,
   onFindRoute,
   onSelectQuote,
@@ -636,13 +1807,23 @@ function RampWidgetTemplate({
   const isDark = theme === "dark";
   const cssVars = {
     "--pollar-accent": accentColor,
-    "--pollar-buttons-border-radius": "6px",
-    "--pollar-buttons-height": "44px",
     "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
     "--pollar-border": isDark ? "#374151" : "#e5e7eb",
     "--pollar-text": isDark ? "#ffffff" : "#111827",
     "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb"
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px",
+    "--pollar-modal-padding": "2rem",
+    "--pollar-modal-heading-size": "1.375rem",
+    "--pollar-modal-subtitle-size": "0.9rem"
   };
   const stepTitle = {
     input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
@@ -656,7 +1837,7 @@ function RampWidgetTemplate({
     select_route: "All prices include fees",
     payment_instructions: "Send the exact amount to complete your transaction"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-ramp-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-ramp-title", children: stepTitle[step] }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-subtitle", children: stepSubtitle[step] })
@@ -878,33 +2059,18 @@ var STATUS_MESSAGES = {
   success: "Transaction sent successfully",
   error: "Transaction failed"
 };
-function TransactionModalTemplate({
-  theme,
-  accentColor,
+function TxStatusView({
   transaction,
   showXdr,
   copied,
   explorerUrl,
   walletType,
-  onClose,
   onSignAndSend,
   onToggleXdr,
   onCopyHash,
-  onRetry
+  onRetry,
+  onDone
 }) {
-  const isDark = theme === "dark";
-  const cssVars = {
-    "--pollar-accent": accentColor,
-    "--pollar-buttons-border-radius": "8px",
-    "--pollar-buttons-height": "44px",
-    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
-    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
-    "--pollar-text": isDark ? "#ffffff" : "#111827",
-    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "rgba(0,0,0,0.04)",
-    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
-    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a"
-  };
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const hash = transaction.step === "success" ? transaction.hash : null;
   const errorDetails = transaction.step === "error" ? transaction.details ?? null : null;
@@ -913,23 +2079,9 @@ function TransactionModalTemplate({
   const isSuccess = transaction.step === "success";
   const isError = transaction.step === "error";
   const showDetails = buildData !== null && (isBuilt || isSigning || isSuccess);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Transaction" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        width: "18",
-        height: "18",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": true,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
-      }
-    ) }),
+  const walletImg = walletType === core.WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === core.WalletType.ALBEDO ? LOGO_ALBEDO : LOGO_POLLAR;
+  const walletAlt = walletType === core.WalletType.FREIGHTER ? "Freighter" : walletType === core.WalletType.ALBEDO ? "Albedo" : "Pollar";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     showDetails && buildData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-summary", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-tx-summary-title", children: "Details" }),
@@ -999,14 +2151,7 @@ function TransactionModalTemplate({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-tx-wallet-icon", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: walletType === core.WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === core.WalletType.ALBEDO ? LOGO_ALBEDO : LOGO_POLLAR,
-            alt: walletType === core.WalletType.FREIGHTER ? "Freighter" : walletType === core.WalletType.ALBEDO ? "Albedo" : "Pollar",
-            className: "pollar-tx-wallet-img"
-          }
-        ) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-tx-wallet-icon", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: walletImg, alt: walletAlt, className: "pollar-tx-wallet-img" }) })
       ] }),
       isSigning && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-tx-spinner-label", children: walletType === core.WalletType.FREIGHTER ? "Waiting for Freighter\u2026" : walletType === core.WalletType.ALBEDO ? "Waiting for Albedo\u2026" : "Signing and sending\u2026" }),
       isError && onRetry && "buildData" in transaction && transaction.buildData && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-secondary pollar-tx-retry-btn", onClick: onRetry, children: "Try again" })
@@ -1071,25 +2216,375 @@ function TransactionModalTemplate({
         ] })
       ] })
     ] }),
-    isSuccess && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onClose, children: "Done" }),
+    isSuccess && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onDone, children: "Done" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ModalStatusBanner,
       {
         message: STATUS_MESSAGES[transaction.step],
         status: isError ? "ERROR" : isSigning || transaction.step === "building" ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+    )
   ] });
 }
+function formatBalance(balance) {
+  const n = parseFloat(balance);
+  return isNaN(n) ? balance : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+function assetKey(record) {
+  return `${record.code}:${record.issuer ?? "native"}`;
+}
+function SendModalTemplate({
+  theme,
+  accentColor,
+  step,
+  txTitle,
+  assets,
+  selectedAsset,
+  amount,
+  destination,
+  formError,
+  isLoadingBalance,
+  transaction,
+  showXdr,
+  copied,
+  explorerUrl,
+  walletType,
+  showBack,
+  isInProgress,
+  onClose,
+  onBack,
+  onSelectAsset,
+  onAmountChange,
+  onDestinationChange,
+  onSubmit,
+  onSignAndSend,
+  onToggleXdr,
+  onCopyHash,
+  onRetry,
+  onDone
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  const enabledAssets = assets.filter((a) => a.enabledInApp);
+  const otherAssets = assets.filter((a) => !a.enabledInApp);
+  const selectedKey = selectedAsset ? assetKey(selectedAsset) : "";
+  const canSubmit = !!selectedAsset && !!amount && !!destination.trim() && !isLoadingBalance;
+  const title = step === "form" ? "Send" : txTitle;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-send-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-header-left", children: [
+            showBack && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: title })
+          ] }),
+          !isInProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+        ] }),
+        step === "form" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Asset" }),
+            isLoadingBalance ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                className: "pollar-input pollar-send-select",
+                value: selectedKey,
+                onChange: (e) => {
+                  const all = [...enabledAssets, ...otherAssets];
+                  const found = all.find((a) => assetKey(a) === e.target.value);
+                  if (found) onSelectAsset(found);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset" }),
+                  enabledAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: "App assets", children: enabledAssets.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetKey(a), children: [
+                    a.code,
+                    " \u2014 ",
+                    formatBalance(a.available),
+                    " available"
+                  ] }, assetKey(a))) }),
+                  otherAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: "Other assets", children: otherAssets.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetKey(a), children: [
+                    a.code,
+                    " \u2014 ",
+                    formatBalance(a.available),
+                    " available"
+                  ] }, assetKey(a))) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Amount" }),
+              selectedAsset && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-send-hint", children: [
+                "Available: ",
+                formatBalance(selectedAsset.available),
+                " ",
+                selectedAsset.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "0.00",
+                value: amount,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Destination wallet" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                placeholder: "G\u2026",
+                value: destination,
+                onChange: (e) => onDestinationChange(e.target.value)
+              }
+            )
+          ] }),
+          formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: onSubmit, disabled: !canSubmit, children: "Continue" }) })
+        ] }),
+        step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
+          TxStatusView,
+          {
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend,
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function assetParam(record) {
+  if (record.type === "native") return { type: "native" };
+  if (record.type === "credit_alphanum4") {
+    return { type: "credit_alphanum4", code: record.code, issuer: record.issuer };
+  }
+  return { type: "credit_alphanum12", code: record.code, issuer: record.issuer };
+}
+function SendModal({ onClose }) {
+  const { walletBalance, refreshWalletBalance, buildTx, signAndSubmitTx, tx: transaction, walletType, network, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [step, setStep] = react.useState("form");
+  const [amount, setAmount] = react.useState("");
+  const [destination, setDestination] = react.useState("");
+  const [selectedAsset, setSelectedAsset] = react.useState(null);
+  const [showXdr, setShowXdr] = react.useState(false);
+  const [copied, setCopied] = react.useState(false);
+  const [formError, setFormError] = react.useState("");
+  react.useEffect(() => {
+    void refreshWalletBalance();
+  }, [refreshWalletBalance]);
+  const balanceData = walletBalance.step === "loaded" ? walletBalance.data : null;
+  const allAssets = balanceData?.balances ?? [];
+  const sortedAssets = [
+    ...allAssets.filter((b) => b.enabledInApp),
+    ...allAssets.filter((b) => !b.enabledInApp && parseFloat(b.balance) > 0)
+  ];
+  const hash = transaction.step === "success" ? transaction.hash : null;
+  const buildData = "buildData" in transaction ? transaction.buildData : null;
+  const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
+  const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
+  const isInProgress = transaction.step === "building" || transaction.step === "signing";
+  const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
+  const txTitle = transaction.step === "signing" ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
+  async function handleSubmit() {
+    setFormError("");
+    if (!selectedAsset) {
+      setFormError("Select an asset");
+      return;
+    }
+    const parsed = parseFloat(amount);
+    if (!amount || isNaN(parsed) || parsed <= 0) {
+      setFormError("Enter a valid amount");
+      return;
+    }
+    if (parsed > parseFloat(selectedAsset.available)) {
+      setFormError("Insufficient balance");
+      return;
+    }
+    if (!destination.trim()) {
+      setFormError("Enter a destination address");
+      return;
+    }
+    setStep("tx");
+    await buildTx("payment", { destination: destination.trim(), amount, asset: assetParam(selectedAsset) });
+  }
+  function handleSignAndSend() {
+    if (transaction.step === "built") {
+      void signAndSubmitTx(transaction.buildData.unsignedXdr);
+    }
+  }
+  function handleCopyHash() {
+    if (!hash) return;
+    navigator.clipboard.writeText(hash).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  async function handleRetry() {
+    if (transaction.step === "error" && transaction.buildData) {
+      await signAndSubmitTx(transaction.buildData.unsignedXdr);
+    }
+  }
+  function handleBack() {
+    setStep("form");
+    setShowXdr(false);
+    setCopied(false);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: !isInProgress ? onClose : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+    SendModalTemplate,
+    {
+      theme,
+      accentColor,
+      step,
+      txTitle,
+      assets: sortedAssets,
+      selectedAsset,
+      amount,
+      destination,
+      formError,
+      isLoadingBalance: walletBalance.step === "loading",
+      transaction,
+      showXdr,
+      copied,
+      explorerUrl,
+      walletType,
+      showBack,
+      isInProgress,
+      onClose,
+      onBack: handleBack,
+      onSelectAsset: setSelectedAsset,
+      onAmountChange: setAmount,
+      onDestinationChange: setDestination,
+      onSubmit: () => void handleSubmit(),
+      onSignAndSend: handleSignAndSend,
+      onToggleXdr: () => setShowXdr((v) => !v),
+      onCopyHash: handleCopyHash,
+      onRetry: () => void handleRetry(),
+      onDone: onClose
+    }
+  ) });
+}
+function TransactionModalTemplate({
+  theme,
+  accentColor,
+  transaction,
+  showXdr,
+  copied,
+  explorerUrl,
+  walletType,
+  onClose,
+  onSignAndSend,
+  onToggleXdr,
+  onCopyHash,
+  onRetry
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-tx-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Transaction" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TxStatusView,
+          {
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend,
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone: onClose
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
 function TransactionModal({ onClose }) {
-  const { getClient, styles, transaction, network, walletType } = usePollar();
+  const { getClient, styles, tx: transaction, network, walletType } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [showXdr, setShowXdr] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
   const hash = transaction.step === "success" ? transaction.hash : null;
   const buildData = "buildData" in transaction ? transaction.buildData : null;
-  const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : "public";
+  const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
   const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
   function handleSignAndSend() {
     if (transaction.step === "built") {
@@ -1146,15 +2641,20 @@ function TxHistoryModalTemplate({
   const isDark = theme === "dark";
   const cssVars = {
     "--pollar-accent": accentColor,
-    "--pollar-buttons-border-radius": "8px",
-    "--pollar-buttons-height": "44px",
     "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
     "--pollar-border": isDark ? "#374151" : "#e5e7eb",
     "--pollar-text": isDark ? "#ffffff" : "#111827",
     "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "rgba(0,0,0,0.04)",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
     "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
-    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a"
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
   };
   const isLoading = txHistory.step === "loading";
   const records = txHistory.step === "loaded" ? txHistory.data.records : [];
@@ -1162,7 +2662,7 @@ function TxHistoryModalTemplate({
   const hasPrev = offset > 0;
   const hasNext = offset + PAGE_SIZE < total;
   const showPagination = txHistory.step === "loaded" && total > PAGE_SIZE;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-hist-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Transaction History" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
@@ -1200,22 +2700,33 @@ function TxHistoryModalTemplate({
       isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
       txHistory.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: txHistory.message }),
       txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
-      records.map((record) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
-          record.feeXlm && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "\xB7 ",
-            record.feeXlm,
-            " XLM"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "\xB7 ",
-            formatDate(record.createdAt)
+      records.map((record) => {
+        const explorerUrl = `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${record.hash}`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
+          /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
+            record.feeXlm && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              "\xB7 ",
+              record.feeXlm,
+              " XLM"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              "\xB7 ",
+              formatDate(record.createdAt)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "pollar-hist-item-explorer", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "View on Stellar Explorer", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 2H2a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 1h4m0 0v4m0-4L6 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+              ] }),
+              "Explorer"
+            ] })
           ] })
-        ] })
-      ] }, record.id))
+        ] }, record.id);
+      })
     ] }),
     showPagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-pagination", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-pagination-info", children: [
@@ -1238,10 +2749,13 @@ function TxHistoryModal({ onClose }) {
   const { getClient, styles, txHistory } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [offset, setOffset] = react.useState(0);
-  function load(nextOffset) {
+  const load = react.useCallback((nextOffset) => {
     setOffset(nextOffset);
     void getClient().fetchTxHistory({ limit: PAGE_SIZE2, offset: nextOffset });
-  }
+  }, [getClient]);
+  react.useEffect(() => {
+    load(0);
+  }, [load]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
     TxHistoryModalTemplate,
     {
@@ -1256,7 +2770,7 @@ function TxHistoryModal({ onClose }) {
     }
   ) });
 }
-function formatBalance(balance) {
+function formatBalance2(balance) {
   const n = parseFloat(balance);
   return isNaN(n) ? balance : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
@@ -1269,9 +2783,9 @@ function BalanceItem({ record }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-item", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-asset", children: record.code }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-amounts", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-amount", children: formatBalance(record.balance) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-amount", children: formatBalance2(record.balance) }),
       balanceDiffers && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-bal-available", children: [
-        formatBalance(record.available),
+        formatBalance2(record.available),
         " available"
       ] })
     ] })
@@ -1292,12 +2806,20 @@ function WalletBalanceModalTemplate({
     "--pollar-border": isDark ? "#374151" : "#e5e7eb",
     "--pollar-text": isDark ? "#ffffff" : "#111827",
     "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "rgba(0,0,0,0.04)",
-    "--pollar-error-text": isDark ? "#f87171" : "#dc2626"
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
   };
   const isLoading = walletBalance.step === "loading";
   const data = walletBalance.step === "loaded" ? walletBalance.data : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-bal-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Wallet Balance" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
@@ -1336,11 +2858,11 @@ function WalletBalanceModalTemplate({
   ] });
 }
 function WalletBalanceModal({ onClose }) {
-  const { walletBalance, refreshBalance, walletAddress, styles } = usePollar();
+  const { walletBalance, refreshWalletBalance, walletAddress, styles } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   react.useEffect(() => {
-    void refreshBalance();
-  }, []);
+    void refreshWalletBalance();
+  }, [refreshWalletBalance]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
     WalletBalanceModalTemplate,
     {
@@ -1348,7 +2870,7 @@ function WalletBalanceModal({ onClose }) {
       accentColor,
       walletBalance,
       walletAddress,
-      onRefresh: () => refreshBalance(),
+      onRefresh: () => refreshWalletBalance(),
       onClose
     }
   ) });
@@ -1364,7 +2886,7 @@ async function fetchRemoteConfig(client) {
   return content ?? emptyResponse;
 }
 var PollarContext = react.createContext(null);
-function PollarProvider({ config, styles: propStyles, children }) {
+function PollarProvider({ config, styles: propStyles, adapters, children }) {
   const [pollarClient] = react.useState(() => new core.PollarClient(config));
   const [networkState, setNetworkState] = react.useState(() => pollarClient.getNetworkState());
   const [sessionState, setSessionState] = react.useState(null);
@@ -1373,6 +2895,8 @@ function PollarProvider({ config, styles: propStyles, children }) {
   const [walletBalance, setWalletBalance] = react.useState({ step: "idle" });
   const [remoteConfig, setRemoteConfig] = react.useState(emptyResponse);
   const [styles, setStyles] = react.useState(propStyles ?? {});
+  const propStylesRef = react.useRef(propStyles);
+  propStylesRef.current = propStyles;
   react.useEffect(() => {
     return pollarClient.onTransactionStateChange(setTransaction);
   }, [pollarClient]);
@@ -1397,58 +2921,75 @@ function PollarProvider({ config, styles: propStyles, children }) {
     });
   }, [pollarClient]);
   react.useEffect(() => {
+    const propStyles2 = propStylesRef.current;
     fetchRemoteConfig(pollarClient).then((fetched) => {
       setRemoteConfig(fetched);
       setStyles({
         ...fetched.styles,
-        ...propStyles,
-        providers: { ...fetched.styles?.providers, ...propStyles?.providers }
+        ...propStyles2,
+        providers: { ...fetched.styles?.providers, ...propStyles2?.providers }
       });
     }).catch(() => {
-      setStyles(propStyles ?? {});
+      setStyles(propStyles2 ?? {});
     });
   }, [pollarClient]);
-  react.useEffect(() => {
-    if (transaction.step !== "idle") {
-      setTransactionModalOpen(true);
-    }
-  }, [transaction.step]);
   const [loginModalOpen, setLoginModalOpen] = react.useState(false);
   const [transactionModalOpen, setTransactionModalOpen] = react.useState(false);
   const [kycModalOpen, setKycModalOpen] = react.useState(false);
   const [kycModalOptions, setKycModalOptions] = react.useState({});
-  const [rampWidgetOpen, setRampWidgetOpen] = react.useState(false);
+  const [rampModalOpen, setRampModalOpen] = react.useState(false);
   const [txHistoryModalOpen, setTxHistoryModalOpen] = react.useState(false);
   const [walletBalanceModalOpen, setWalletBalanceModalOpen] = react.useState(false);
+  const [sendModalOpen, setSendModalOpen] = react.useState(false);
+  const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
+  const adaptersRef = react.useRef(adapters);
+  adaptersRef.current = adapters;
+  const walletAddress = sessionState?.data?.providers?.wallet?.address || sessionState?.wallet?.publicKey || "";
+  const getClient = react.useCallback(() => pollarClient, [pollarClient]);
+  const refreshWalletBalance = react.useCallback(() => pollarClient.refreshBalance(walletAddress), [pollarClient, walletAddress]);
   const contextValue = react.useMemo(
     () => ({
-      walletAddress: sessionState?.data?.providers?.wallet?.address || sessionState?.wallet?.publicKey || "",
-      getClient: () => pollarClient,
-      transaction,
+      // session
+      walletAddress,
+      isAuthenticated: !!walletAddress,
+      walletType: pollarClient.getWalletType(),
+      // client
+      getClient,
+      // auth
       login: (options) => pollarClient.login(options),
       logout: () => pollarClient.logout(),
-      isAuthenticated: !!sessionState?.wallet?.publicKey,
+      openLoginModal: () => setLoginModalOpen(true),
+      // transactions
+      tx: transaction,
       buildTx: (operation, params, options) => pollarClient.buildTx(operation, params, options),
       signAndSubmitTx: (unsignedXdr) => pollarClient.signAndSubmitTx(unsignedXdr),
-      walletType: pollarClient.getWalletType(),
-      openTransactionModal: () => setTransactionModalOpen(true),
-      openLoginModal: () => setLoginModalOpen(true),
-      openKycModal: (options = {}) => {
-        setKycModalOptions(options);
-        setKycModalOpen(true);
-      },
-      openRampWidget: () => setRampWidgetOpen(true),
+      openTxModal: () => setTransactionModalOpen(true),
+      // tx history
       txHistory,
       openTxHistoryModal: () => setTxHistoryModalOpen(true),
-      openWalletBalanceModal: () => setWalletBalanceModalOpen(true),
+      // wallet balance
       walletBalance,
-      refreshBalance: (publicKey) => pollarClient.refreshBalance(publicKey),
+      refreshWalletBalance,
+      openWalletBalanceModal: () => setWalletBalanceModalOpen(true),
+      // send / receive
+      openSendModal: () => setSendModalOpen(true),
+      openReceiveModal: () => setReceiveModalOpen(true),
+      // network
       network: networkState.step === "connected" ? networkState.network : "testnet",
       setNetwork: (network) => pollarClient.setNetwork(network),
-      config: remoteConfig,
-      styles
+      // kyc
+      openKycModal: (options = {}) => {
+        setKycModalOptions(options);
+        setKycModalOpen(true);
+      },
+      // ramp
+      openRampModal: () => setRampModalOpen(true),
+      // config
+      appConfig: remoteConfig,
+      styles,
+      adapters: adaptersRef.current
     }),
-    [sessionState, remoteConfig, styles, pollarClient, transaction, txHistory, networkState, walletBalance]
+    [walletAddress, pollarClient, getClient, transaction, txHistory, walletBalance, refreshWalletBalance, networkState, remoteConfig, styles]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,
@@ -1463,9 +3004,11 @@ function PollarProvider({ config, styles: propStyles, children }) {
         ...kycModalOptions.onApproved !== void 0 && { onApproved: kycModalOptions.onApproved }
       }
     ) }),
-    rampWidgetOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setRampWidgetOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(RampWidget, { onClose: () => setRampWidgetOpen(false) }) }),
+    rampModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setRampModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(RampWidget, { onClose: () => setRampModalOpen(false) }) }),
     txHistoryModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setTxHistoryModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(TxHistoryModal, { onClose: () => setTxHistoryModalOpen(false) }) }),
-    walletBalanceModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setWalletBalanceModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(WalletBalanceModal, { onClose: () => setWalletBalanceModalOpen(false) }) })
+    walletBalanceModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setWalletBalanceModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(WalletBalanceModal, { onClose: () => setWalletBalanceModalOpen(false) }) }),
+    sendModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
+    receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) })
   ] });
 }
 function usePollar() {
@@ -1475,6 +3018,26 @@ function usePollar() {
   }
   return ctx;
 }
+
+// src/usePollarAdapter.ts
+function createPollarAdapterHook(key) {
+  return function usePollarAdapter() {
+    const { adapters, signAndSubmitTx } = usePollar();
+    const adapter = adapters?.[key];
+    if (!adapter) {
+      throw new Error(`No adapter "${key}" provided to PollarProvider`);
+    }
+    return Object.fromEntries(
+      Object.entries(adapter).map(([name, fn]) => [
+        name,
+        async (params) => {
+          const { unsignedTransaction } = await fn(params);
+          await signAndSubmitTx(unsignedTransaction);
+        }
+      ])
+    );
+  };
+}
 function ButtonLogo() {
   return /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR, alt: "Pollar", width: 22, height: 22, className: "wallet-btn-logo" });
 }
@@ -1491,10 +3054,13 @@ function WalletButtonTemplate({
   dropdownBorder,
   itemColor,
   wrapperRef,
+  isInProgress,
   onToggleOpen,
   onCopy,
   onWalletBalance,
   onTxHistory,
+  onSend,
+  onReceive,
   onLogout,
   onLogin
 }) {
@@ -1505,132 +3071,129 @@ function WalletButtonTemplate({
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "wallet-wrapper", ref: wrapperRef, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-btn", style: { backgroundColor: accentColor }, onClick: onToggleOpen, children: [
-      cropWallet(walletAddress),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          className: `wallet-chevron${open ? " open" : ""}`,
-          viewBox: "0 0 12 12",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "2,4 6,8 10,4" })
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        className: "wallet-btn",
+        style: { backgroundColor: accentColor },
+        onClick: isInProgress ? void 0 : onToggleOpen,
+        disabled: isInProgress,
+        "aria-busy": isInProgress,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wallet-btn-label", children: cropWallet(walletAddress) }),
+          isInProgress ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: "wallet-btn-spinner",
+              viewBox: "0 0 12 12",
+              width: "12",
+              height: "12",
+              fill: "none",
+              "aria-hidden": true,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "4.5", stroke: "rgba(255,255,255,0.35)", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "circle",
+                  {
+                    cx: "6",
+                    cy: "6",
+                    r: "4.5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeDasharray: "14 9",
+                    transform: "rotate(-90 6 6)"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: `wallet-chevron${open ? " open" : ""}`,
+              viewBox: "0 0 12 12",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "2,4 6,8 10,4" })
+            }
+          )
+        ]
+      }
+    ),
     open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+          /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+        ] }),
+        "Send"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onReceive, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "8 17 12 21 16 17" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" })
+        ] }),
+        "Receive"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onCopy, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+        ] }),
         copied ? "Copied!" : "Copy address"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          className: "wallet-dropdown-item",
-          style: { color: itemColor },
-          onClick: onWalletBalance,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "12", r: "2" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 8H12" })
-                ]
-              }
-            ),
-            "Wallet balance"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          className: "wallet-dropdown-item",
-          style: { color: itemColor },
-          onClick: onTxHistory,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14,2 14,8 20,8" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "10,9 9,9 8,9" })
-                ]
-              }
-            ),
-            "Transaction history"
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onWalletBalance, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "12", r: "2" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 8H12" })
+        ] }),
+        "Wallet balance"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onTxHistory, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14,2 14,8 20,8" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "10,9 9,9 8,9" })
+        ] }),
+        "Transaction history"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item danger", onClick: onLogout, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16,17 21,12 16,7" }),
-              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16,17 21,12 16,7" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+        ] }),
         "Log out"
       ] })
     ] })
   ] });
 }
 function WalletButton() {
-  const { getClient, walletAddress, styles, openLoginModal, openTxHistoryModal, openWalletBalanceModal } = usePollar();
+  const {
+    getClient,
+    walletAddress,
+    styles,
+    openLoginModal,
+    openTxHistoryModal,
+    openWalletBalanceModal,
+    openSendModal,
+    openReceiveModal,
+    tx: transaction,
+    walletType
+  } = usePollar();
   const [open, setOpen] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
   const wrapperRef = react.useRef(null);
+  const isInProgress = transaction.step === "building" || transaction.step === "signing";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const isDark = theme === "dark";
   const dropdownBg = isDark ? "#18181b" : "#fff";
@@ -1663,6 +3226,14 @@ function WalletButton() {
     setOpen(false);
     openTxHistoryModal();
   }
+  function handleSend() {
+    setOpen(false);
+    openSendModal();
+  }
+  function handleReceive() {
+    setOpen(false);
+    openReceiveModal();
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     WalletButtonTemplate,
     {
@@ -1674,10 +3245,14 @@ function WalletButton() {
       dropdownBorder,
       itemColor,
       wrapperRef,
+      isInProgress,
+      walletType,
       onToggleOpen: () => setOpen((v) => !v),
       onCopy: handleCopy,
       onWalletBalance: handleWalletBalance,
       onTxHistory: handleTxHistory,
+      onSend: handleSend,
+      onReceive: handleReceive,
       onLogout: handleLogout,
       onLogin: openLoginModal
     }
@@ -1691,12 +3266,18 @@ exports.LoginModalTemplate = LoginModalTemplate;
 exports.PollarProvider = PollarProvider;
 exports.RampWidget = RampWidget;
 exports.RampWidgetTemplate = RampWidgetTemplate;
+exports.ReceiveModal = ReceiveModal;
+exports.ReceiveModalTemplate = ReceiveModalTemplate;
 exports.RouteDisplay = RouteDisplay;
+exports.SendModal = SendModal;
+exports.SendModalTemplate = SendModalTemplate;
 exports.TransactionModalTemplate = TransactionModalTemplate;
 exports.TxHistoryModalTemplate = TxHistoryModalTemplate;
+exports.TxStatusView = TxStatusView;
 exports.WalletBalanceModal = WalletBalanceModal;
 exports.WalletBalanceModalTemplate = WalletBalanceModalTemplate;
 exports.WalletButton = WalletButton;
+exports.createPollarAdapterHook = createPollarAdapterHook;
 exports.usePollar = usePollar;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map