@lglab/react-qr-code 1.2.0 → 1.2.1

package/README.md

@@ -1,6 +1,52 @@
+![React QR Code Header](https://github.com/LGLabGreg/react-qr-code/raw/main/media/repo-header.png)
+
 # @lglab/react-qr-code
 
 A highly customizable and lightweight QR code generator for React applications.
 
 🚀 **Live Demo:** [reactqrcode.com/demo](https://reactqrcode.com/demo)  
 📖 **Documentation:** [reactqrcode.com](https://reactqrcode.com/)
+
+## Quick Features
+
+- **Highly Customizable** - Style the finder patterns, modules, and colors exactly how you want.
+- **Performance Optimized** - Generates QR codes efficiently without sacrificing quality.
+- **SVG-Based Rendering** - Crisp and scalable output for web and print
+- **Developer-Friendly** - Style the finder patterns, modules, and colors exactly how you want.
+- **Highly Customizable** - Built with TypeScript, easy to use, and well-documented
+
+## Install
+
+```
+pnpm add @lglab/react-qr-code
+```
+
+or
+
+```
+npm i @lglab/react-qr-code
+```
+
+or
+
+```
+yarn add @lglab/react-qr-code
+```
+
+or
+
+```
+bun add @lglab/react-qr-code
+```
+
+## Quick Start
+
+```
+import { ReactQRCode } from '@lglab/react-qr-code'
+
+const Page = () => {
+  return (
+    <ReactQRCode value='https://reactqrcode.com' />
+  );
+}
+```

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { jsx as N, jsxs as Q, Fragment as tt } from "react/jsx-runtime";
-import { useMemo as L, useCallback as et, useRef as ot, useImperativeHandle as nt } from "react";
+import { jsx as C, jsxs as V, Fragment as nt } from "react/jsx-runtime";
+import { useMemo as L, useCallback as rt, useRef as st, useImperativeHandle as it } from "react";
 /**
  * @license QR Code generator library (TypeScript)
  * Copyright (c) Project Nayuki.
@@ -69,9 +69,9 @@ var O;
         throw new RangeError("Invalid value");
       let f, p;
       for (f = n; ; f++) {
-        const R = d.getNumDataCodewords(f, o) * 8, A = l.getTotalBits(e, f);
-        if (A <= R) {
-          p = A;
+        const R = d.getNumDataCodewords(f, o) * 8, w = c.getTotalBits(e, f);
+        if (w <= R) {
+          p = w;
           break;
         }
         if (f >= i)
@@ -81,19 +81,19 @@ var O;
         $ && p <= d.getNumDataCodewords(f, R) * 8 && (o = R);
       let M = [];
       for (const R of e) {
-        c(R.mode.modeBits, 4, M), c(R.numChars, R.mode.numCharCountBits(f), M);
-        for (const A of R.getData())
-          M.push(A);
+        l(R.mode.modeBits, 4, M), l(R.numChars, R.mode.numCharCountBits(f), M);
+        for (const w of R.getData())
+          M.push(w);
       }
       t(M.length == p);
       const E = d.getNumDataCodewords(f, o) * 8;
-      t(M.length <= E), c(0, Math.min(4, E - M.length), M), c(0, (8 - M.length % 8) % 8, M), t(M.length % 8 == 0);
+      t(M.length <= E), l(0, Math.min(4, E - M.length), M), l(0, (8 - M.length % 8) % 8, M), t(M.length % 8 == 0);
       for (let R = 236; M.length < E; R ^= 253)
-        c(R, 8, M);
+        l(R, 8, M);
       let m = [];
       for (; m.length * 8 < M.length; )
         m.push(0);
-      return M.forEach((R, A) => m[A >>> 3] |= R << 7 - (A & 7)), new d(f, o, m, h);
+      return M.forEach((R, w) => m[w >>> 3] |= R << 7 - (w & 7)), new d(f, o, m, h);
     }
     /*-- Accessor methods --*/
     // Returns the color of the module (pixel) at the given coordinates, which is false
@@ -184,16 +184,16 @@ var O;
       const i = d.NUM_ERROR_CORRECTION_BLOCKS[n.ordinal][o], h = d.ECC_CODEWORDS_PER_BLOCK[n.ordinal][o], $ = Math.floor(d.getNumRawDataModules(o) / 8), f = i - $ % i, p = Math.floor($ / i);
       let M = [];
       const E = d.reedSolomonComputeDivisor(h);
-      for (let R = 0, A = 0; R < i; R++) {
-        let w = e.slice(A, A + p - h + (R < f ? 0 : 1));
-        A += w.length;
-        const C = d.reedSolomonComputeRemainder(w, E);
-        R < f && w.push(0), M.push(w.concat(C));
+      for (let R = 0, w = 0; R < i; R++) {
+        let A = e.slice(w, w + p - h + (R < f ? 0 : 1));
+        w += A.length;
+        const N = d.reedSolomonComputeRemainder(A, E);
+        R < f && A.push(0), M.push(A.concat(N));
       }
       let m = [];
       for (let R = 0; R < M[0].length; R++)
-        M.forEach((A, w) => {
-          (R != p - h || w >= f) && m.push(A[R]);
+        M.forEach((w, A) => {
+          (R != p - h || A >= f) && m.push(w[R]);
         });
       return t(m.length == $), m;
     }
@@ -394,7 +394,7 @@ var O;
   ];
   let s = d;
   r.QrCode = s;
-  function c(g, e, o) {
+  function l(g, e, o) {
     if (e < 0 || e > 31 || g >>> e)
       throw new RangeError("Value out of range");
     for (let n = e - 1; n >= 0; n--)
@@ -424,7 +424,7 @@ var O;
     static makeBytes(e) {
       let o = [];
       for (const n of e)
-        c(n, 8, o);
+        l(n, 8, o);
       return new u(u.Mode.BYTE, e.length, o);
     }
     // Returns a segment representing the given string of decimal digits encoded in numeric mode.
@@ -434,7 +434,7 @@ var O;
       let o = [];
       for (let n = 0; n < e.length; ) {
         const i = Math.min(e.length - n, 3);
-        c(parseInt(e.substring(n, n + i), 10), i * 3 + 1, o), n += i;
+        l(parseInt(e.substring(n, n + i), 10), i * 3 + 1, o), n += i;
       }
       return new u(u.Mode.NUMERIC, e.length, o);
     }
@@ -447,9 +447,9 @@ var O;
       let o = [], n;
       for (n = 0; n + 2 <= e.length; n += 2) {
         let i = u.ALPHANUMERIC_CHARSET.indexOf(e.charAt(n)) * 45;
-        i += u.ALPHANUMERIC_CHARSET.indexOf(e.charAt(n + 1)), c(i, 11, o);
+        i += u.ALPHANUMERIC_CHARSET.indexOf(e.charAt(n + 1)), l(i, 11, o);
       }
-      return n < e.length && c(u.ALPHANUMERIC_CHARSET.indexOf(e.charAt(n)), 6, o), new u(u.Mode.ALPHANUMERIC, e.length, o);
+      return n < e.length && l(u.ALPHANUMERIC_CHARSET.indexOf(e.charAt(n)), 6, o), new u(u.Mode.ALPHANUMERIC, e.length, o);
     }
     // Returns a new mutable list of zero or more segments to represent the given Unicode text string.
     // The result may use various segment modes and switch modes to optimize the length of the bit stream.
@@ -463,11 +463,11 @@ var O;
       if (e < 0)
         throw new RangeError("ECI assignment value out of range");
       if (e < 128)
-        c(e, 8, o);
+        l(e, 8, o);
       else if (e < 16384)
-        c(2, 2, o), c(e, 14, o);
+        l(2, 2, o), l(e, 14, o);
       else if (e < 1e6)
-        c(6, 3, o), c(e, 21, o);
+        l(6, 3, o), l(e, 21, o);
       else
         throw new RangeError("ECI assignment value out of range");
       return new u(u.Mode.ECI, 0, o);
@@ -510,48 +510,48 @@ var O;
     }
   };
   u.NUMERIC_REGEX = /^[0-9]*$/, u.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, u.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
-  let l = u;
-  r.QrSegment = l;
+  let c = u;
+  r.QrSegment = c;
 })(O || (O = {}));
 ((r) => {
   ((s) => {
     const a = class a {
       // The QR Code can tolerate about 30% erroneous codewords
       /*-- Constructor and fields --*/
-      constructor(l, d) {
-        this.ordinal = l, this.formatBits = d;
+      constructor(c, d) {
+        this.ordinal = c, this.formatBits = d;
       }
     };
     a.LOW = new a(0, 1), a.MEDIUM = new a(1, 0), a.QUARTILE = new a(2, 3), a.HIGH = new a(3, 2);
-    let c = a;
-    s.Ecc = c;
+    let l = a;
+    s.Ecc = l;
   })(r.QrCode || (r.QrCode = {}));
 })(O || (O = {}));
 ((r) => {
   ((s) => {
     const a = class a {
       /*-- Constructor and fields --*/
-      constructor(l, d) {
-        this.modeBits = l, this.numBitsCharCount = d;
+      constructor(c, d) {
+        this.modeBits = c, this.numBitsCharCount = d;
       }
       /*-- Method --*/
       // (Package-private) Returns the bit width of the character count field for a segment in
       // this mode in a QR Code at the given version number. The result is in the range [0, 16].
-      numCharCountBits(l) {
-        return this.numBitsCharCount[Math.floor((l + 7) / 17)];
+      numCharCountBits(c) {
+        return this.numBitsCharCount[Math.floor((c + 7) / 17)];
       }
     };
     a.NUMERIC = new a(1, [10, 12, 14]), a.ALPHANUMERIC = new a(2, [9, 11, 13]), a.BYTE = new a(4, [8, 16, 16]), a.KANJI = new a(8, [8, 10, 12]), a.ECI = new a(7, [0, 0, 0]);
-    let c = a;
-    s.Mode = c;
+    let l = a;
+    s.Mode = l;
   })(r.QrSegment || (r.QrSegment = {}));
 })(O || (O = {}));
-const v = O, rt = {
-  L: v.QrCode.Ecc.LOW,
-  M: v.QrCode.Ecc.MEDIUM,
-  Q: v.QrCode.Ecc.QUARTILE,
-  H: v.QrCode.Ecc.HIGH
-}, st = 128, it = "M", at = "#FFFFFF", ct = 1, lt = 4, Z = 5, z = "#000000", ht = "square", ut = "square", dt = "square", ft = "react-qr-code", S = "react-qr-code-gradient", D = "react-qr-code-bg-gradient", $t = 0.1, I = 7, T = 3, b = [
+const y = O, at = {
+  L: y.QrCode.Ecc.LOW,
+  M: y.QrCode.Ecc.MEDIUM,
+  Q: y.QrCode.Ecc.QUARTILE,
+  H: y.QrCode.Ecc.HIGH
+}, lt = 128, ct = "M", ht = 1, ut = 4, W = 5, x = "#000000", dt = "square", ft = "square", $t = "square", pt = "react-qr-code", U = "react-qr-code-gradient", F = "react-qr-code-bg-gradient", mt = 0.1, I = 7, T = 3, B = [
   [1, 1, 1, 1, 1, 1, 1],
   [1, 0, 0, 0, 0, 0, 1],
   [1, 0, 0, 0, 0, 0, 1],
@@ -559,7 +559,7 @@ const v = O, rt = {
   [1, 0, 0, 0, 0, 0, 1],
   [1, 0, 0, 0, 0, 0, 1],
   [1, 1, 1, 1, 1, 1, 1]
-], K = {
+], J = {
   "inpoint-sm": [0, 90, -90],
   inpoint: [0, 90, -90],
   "inpoint-lg": [0, 90, -90],
@@ -582,7 +582,7 @@ const v = O, rt = {
   "outpoint-sm": 3,
   outpoint: 4,
   "outpoint-lg": 5
-}, k = {
+}, Y = {
   square: 0,
   diamond: 0,
   circle: 3,
@@ -598,7 +598,7 @@ const v = O, rt = {
   "outpoint-sm": 1.5,
   outpoint: 2,
   "outpoint-lg": 2.3
-}, B = [
+}, z = [
   [0, 0, 0, 0, 0, 0, 0],
   [0, 0, 0, 0, 0, 0, 0],
   [0, 0, 1, 1, 1, 0, 0],
@@ -606,27 +606,27 @@ const v = O, rt = {
   [0, 0, 1, 1, 1, 0, 0],
   [0, 0, 0, 0, 0, 0, 0],
   [0, 0, 0, 0, 0, 0, 0]
-], pt = /\.?0+$/;
-function mt(r) {
-  return r.toFixed(7).replace(pt, "");
+], Et = /\.?0+$/;
+function Mt(r) {
+  return r.toFixed(7).replace(Et, "");
 }
-const V = (r) => {
-  const s = r % 360 * (Math.PI / 180), c = Math.max(0, Math.min(100, 50 - 50 * Math.cos(s))), a = Math.max(0, Math.min(100, 50 - 50 * Math.sin(s))), t = Math.max(0, Math.min(100, 50 + 50 * Math.cos(s))), l = Math.max(0, Math.min(100, 50 + 50 * Math.sin(s)));
+const tt = (r) => {
+  const s = r % 360 * (Math.PI / 180), l = Math.max(0, Math.min(100, 50 - 50 * Math.cos(s))), a = Math.max(0, Math.min(100, 50 - 50 * Math.sin(s))), t = Math.max(0, Math.min(100, 50 + 50 * Math.cos(s))), c = Math.max(0, Math.min(100, 50 + 50 * Math.sin(s)));
   return {
-    x1: `${c}%`,
+    x1: `${l}%`,
     y1: `${a}%`,
     x2: `${t}%`,
-    y2: `${l}%`
+    y2: `${c}%`
   };
-}, W = (r, s, c, a) => {
-  const t = c / 2, l = t / 2, d = Math.PI / a;
+}, et = (r, s, l, a) => {
+  const t = l / 2, c = t / 2, d = Math.PI / a;
   let u = "";
   for (let g = 0; g < 2 * a; g++) {
-    const e = g * d - Math.PI / 2, o = g % 2 === 0 ? t : l, n = r + o * Math.cos(e), i = s + o * Math.sin(e);
+    const e = g * d - Math.PI / 2, o = g % 2 === 0 ? t : c, n = r + o * Math.cos(e), i = s + o * Math.sin(e);
     u += `${g === 0 ? "M" : "L"} ${n},${i} `;
   }
   return u + "Z";
-}, J = (r, s, c) => {
+}, ot = (r, s, l) => {
   let a = !1, t = 0;
   return [
     "M",
@@ -739,205 +739,220 @@ const V = (r) => {
     1,
     0.3262506,
     "z"
-  ].map((l) => typeof l == "string" ? (t = 0, a = l.toUpperCase() == l, l) : (t++, l = l * c, a && (l += t % 2 == 1 ? r : s), mt(l))).join(" ");
-}, Et = ({ background: r, numCells: s }) => {
+  ].map((c) => typeof c == "string" ? (t = 0, a = c.toUpperCase() == c, c) : (t++, c = c * l, a && (c += t % 2 == 1 ? r : s), Mt(c))).join(" ");
+}, G = {
+  "data-testid": "background"
+}, Rt = ({ background: r, numCells: s }) => {
   var a, t;
   if (!r)
-    return /* @__PURE__ */ N("path", { fill: at, d: `M0,0 h${s}v${s}H0z` });
+    return null;
   if (typeof r == "string")
-    return /* @__PURE__ */ N("path", { fill: r, d: `M0,0 h${s}v${s}H0z` });
-  const c = V((r == null ? void 0 : r.rotation) || 0);
-  return /* @__PURE__ */ Q(tt, { children: [
-    /* @__PURE__ */ N("defs", { children: r.type === "linear" ? /* @__PURE__ */ N("linearGradient", { id: D, gradientUnits: "userSpaceOnUse", ...c, children: (a = r.stops) == null ? void 0 : a.map((l, d) => /* @__PURE__ */ N("stop", { offset: l.offset, stopColor: l.color }, d)) }) : /* @__PURE__ */ N(
+    return /* @__PURE__ */ C("path", { fill: r, d: `M0,0 h${s}v${s}H0z`, ...G });
+  const l = tt((r == null ? void 0 : r.rotation) || 0);
+  return /* @__PURE__ */ V(nt, { children: [
+    /* @__PURE__ */ C("defs", { children: r.type === "linear" ? /* @__PURE__ */ C("linearGradient", { id: F, gradientUnits: "userSpaceOnUse", ...l, children: (a = r.stops) == null ? void 0 : a.map((c, d) => /* @__PURE__ */ C("stop", { offset: c.offset, stopColor: c.color }, d)) }) : /* @__PURE__ */ C(
       "radialGradient",
       {
-        id: D,
+        id: F,
         gradientUnits: "userSpaceOnUse",
         cx: "50%",
         cy: "50%",
         r: "50%",
-        children: (t = r.stops) == null ? void 0 : t.map((l, d) => /* @__PURE__ */ N("stop", { offset: l.offset, stopColor: l.color }, d))
+        children: (t = r.stops) == null ? void 0 : t.map((c, d) => /* @__PURE__ */ C("stop", { offset: c.offset, stopColor: c.color }, d))
       }
     ) }),
-    /* @__PURE__ */ N("path", { fill: `url(#${D})`, d: `M0,0 h${s}v${s}H0z` })
+    /* @__PURE__ */ C(
+      "path",
+      {
+        fill: `url(#${F})`,
+        d: `M0,0 h${s}v${s}H0z`,
+        ...G
+      }
+    )
   ] });
-}, Mt = (r) => r === "square" || r === "circle" || r === "star" || r === "heart" || r === "diamond", F = (r, s, c) => {
+}, gt = (r) => r === "square" || r === "circle" || r === "star" || r === "heart" || r === "diamond", wt = (r, s) => r === "square-sm" ? 0.75 : s ? Math.random() * (1 - 0.75) + 0.75 : 1, b = (r, s, l) => {
   const a = {
-    left: r === 0 ? 0 : c[s][r - 1],
-    right: r === c[s].length - 1 ? 0 : c[s][r + 1],
-    top: s === 0 ? 0 : c[s - 1][r],
-    bottom: s === c.length - 1 ? 0 : c[s + 1][r]
+    left: r === 0 ? !1 : l[s][r - 1],
+    right: r === l[s].length - 1 ? !1 : l[s][r + 1],
+    top: s === 0 ? !1 : l[s - 1][r],
+    bottom: s === l.length - 1 ? !1 : l[s + 1][r]
   };
   return {
     ...a,
     count: Object.values(a).filter(Boolean).length
   };
-}, y = (r, s, c) => `M${r},${s}h${c}v${c}h-${c}Z`, U = (r, s, c) => `M${r},${s + c / 2}a${c / 2},${c / 2} 0 1,0 ${c},0a${c / 2},${c / 2} 0 1,0 -${c},0Z`, Rt = (r, s, c) => `M${r},${s + c / 2}l${c / 2},-${c / 2}l${c / 2},${c / 2}l-${c / 2},${c / 2}Z`, gt = (r, s) => `M ${r} ${s} 
+}, v = (r, s, l) => `M${r},${s}h${l}v${l}h-${l}Z`, D = (r, s, l) => `M${r},${s + l / 2}a${l / 2},${l / 2} 0 1,0 ${l},0a${l / 2},${l / 2} 0 1,0 -${l},0Z`, At = (r, s, l) => `M${r},${s + l / 2}l${l / 2},-${l / 2}l${l / 2},${l / 2}l-${l / 2},${l / 2}Z`, Ct = (r, s) => `M ${r} ${s} 
    v 1 
    h 1 
    v -0.5 
-   a 0.5 0.5, 0, 0, 0, -0.5 -0.5`, G = (r, s) => `M ${r + 1} ${s} 
+   a 0.5 0.5, 0, 0, 0, -0.5 -0.5`, q = (r, s) => `M ${r + 1} ${s} 
    v 1 
    h -1 
    v -0.5 
-   a 0.5 0.5, 0, 0, 1, 0.5 -0.5`, Y = (r, s) => `M ${r} ${s} 
+   a 0.5 0.5, 0, 0, 1, 0.5 -0.5`, j = (r, s) => `M ${r} ${s} 
    v 1 
    h 0.5 
    a 0.5 0.5, 0, 0, 0, 0.5 -0.5
    v -0.5
-   h -1`, At = (r, s) => `M ${r + 1} ${s} 
+   h -1`, Nt = (r, s) => `M ${r + 1} ${s} 
    v 1 
    h -0.5 
    a 0.5 0.5, 0, 0, 1, -0.5 -0.5 
    v -0.5 
-   h 1`, q = (r, s) => `M ${r} ${s} 
+   h 1`, X = (r, s) => `M ${r} ${s} 
    v 1 
    h 0.5 
-   a 0.5 0.5, 0, 0, 0, 0 -1`, j = (r, s) => `M ${r + 1} ${s} 
+   a 0.5 0.5, 0, 0, 0, 0 -1`, Q = (r, s) => `M ${r + 1} ${s} 
    v 1 
    h -0.5 
-   a 0.5 0.5, 0, 0, 1, 0 -1`, X = (r, s) => `M ${r} ${s + 1} 
+   a 0.5 0.5, 0, 0, 1, 0 -1`, Z = (r, s) => `M ${r} ${s + 1} 
    h 1 
    v -0.5 
    a 0.5 0.5, 0, 0, 0, -1 0`, _ = (r, s) => `M ${r} ${s} 
    h 1 
    v 0.5 
-   a 0.5 0.5, 0, 0, 1, -1 0`, wt = (r, s, c) => `M ${r + 1} ${s}h -${c / 2}a ${c / 2.5} ${c / 2.5}, 0, 0, 0, ${-c / 2.5} ${c / 2.5}v ${c / 2}h ${c / 2}a ${c / 2.5} ${c / 2.5}, 0, 0, 0, ${c / 2.5} ${-c / 2.5}`, Nt = ({
+   a 0.5 0.5, 0, 0, 1, -1 0`, It = (r, s, l) => `M ${r + 1} ${s}h -${l / 2}a ${l / 2.5} ${l / 2.5}, 0, 0, 0, ${-l / 2.5} ${l / 2.5}v ${l / 2}h ${l / 2}a ${l / 2.5} ${l / 2.5}, 0, 0, 0, ${l / 2.5} ${-l / 2.5}`, Pt = ({
   x: r,
   y: s,
-  numCells: c
+  numCells: l
 }) => {
-  var a, t, l;
-  return !!((a = B[r]) != null && a[s] || (t = B[r - c + 7]) != null && t[s] || (l = B[r]) != null && l[s - c + 7]);
-}, Ct = ({
+  var a, t, c;
+  return !!((a = z[r]) != null && a[s] || (t = z[r - l + 7]) != null && t[s] || (c = z[r]) != null && c[s - l + 7]);
+}, Tt = ({
   x: r,
   y: s,
-  radius: c
+  radius: l
 }) => {
-  const a = T - c, t = c / 2, l = T - t;
-  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${l}v ${-l}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}H ${r}z`;
-}, It = ({
+  const a = T - l, t = l / 2, c = T - t;
+  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${c}v ${-c}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}H ${r}z`;
+}, Lt = ({
   x: r,
   y: s,
-  radius: c
+  radius: l
 }) => {
-  const a = T - c, t = c / 2, l = T - t;
-  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${l}v ${-l}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}a ${t} ${t}, 0, 0, 0, ${-t} ${t}`;
-}, Pt = ({
+  const a = T - l, t = l / 2, c = T - t;
+  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${c}v ${-c}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}a ${t} ${t}, 0, 0, 0, ${-t} ${t}`;
+}, Ot = ({
   x: r,
   y: s,
-  numCells: c
+  numCells: l
 }) => {
-  var a, t, l;
-  return !!((a = b[r]) != null && a[s] || (t = b[r - c + 7]) != null && t[s] || (l = b[r]) != null && l[s - c + 7]);
-}, Tt = ({
+  var a, t, c;
+  return !!((a = B[r]) != null && a[s] || (t = B[r - l + 7]) != null && t[s] || (c = B[r]) != null && c[s - l + 7]);
+}, yt = ({
   x: r,
   y: s,
-  radius: c
+  radius: l
 }) => {
-  const a = I - c, t = c / 2;
+  const a = I - l, t = l / 2;
   return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${a}a ${t} ${t}, 0, 0, 0, ${t} ${-t}v ${-a}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}a ${t} ${t}, 0, 0, 0, ${-t} ${t}M ${r + t} ${s + 1}h ${a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${t - 1}v ${a}a ${t - 1} ${t - 1}, 0, 0, 1, ${-(t - 1)} ${t - 1}h ${-a}a ${t - 1} ${t - 1}, 0, 0, 1, ${-(t - 1)} ${-(t - 1)}v ${-a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${-(t - 1)}`;
-}, Lt = ({
+}, vt = ({
   x: r,
   y: s,
-  radius: c
+  radius: l
 }) => {
-  const a = I - c, t = c / 2, l = I - t;
-  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${l}v ${-l}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}H ${r}zM ${r + t} ${s + 1}h ${a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${t - 1}v ${l - 1}h ${-(l - 1)}a ${t - 1} ${t - 1}, 0, 0, 1, ${-(t - 1)} ${-(t - 1)}v ${-(l - 1)}z`;
-}, Ot = ({
+  const a = I - l, t = l / 2, c = I - t;
+  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${c}v ${-c}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}H ${r}zM ${r + t} ${s + 1}h ${a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${t - 1}v ${c - 1}h ${-(c - 1)}a ${t - 1} ${t - 1}, 0, 0, 1, ${-(t - 1)} ${-(t - 1)}v ${-(c - 1)}z`;
+}, St = ({
   x: r,
   y: s,
-  radius: c
+  radius: l
 }) => {
-  const a = I - c, t = c / 2, l = I - t;
-  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${l}v ${-l}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}a ${t} ${t}, 0, 0, 0, ${-t} ${t}M ${r + t} ${s + 1}h ${a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${t - 1}v ${l - 1}h ${-(l - 1)}a ${t - 1} ${t - 1}, 0, 0, 1, ${-(t - 1)} ${-(t - 1)}v ${-a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${-(t - 1)}`;
-}, vt = (r) => ({
-  color: (r == null ? void 0 : r.color) || z,
-  style: (r == null ? void 0 : r.style) || dt,
+  const a = I - l, t = l / 2, c = I - t;
+  return `M ${r} ${s + t}v ${a}a ${t} ${t}, 0, 0, 0, ${t} ${t}h ${c}v ${-c}a ${t} ${t}, 0, 0, 0, ${-t} ${-t}h ${-a}a ${t} ${t}, 0, 0, 0, ${-t} ${t}M ${r + t} ${s + 1}h ${a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${t - 1}v ${c - 1}h ${-(c - 1)}a ${t - 1} ${t - 1}, 0, 0, 1, ${-(t - 1)} ${-(t - 1)}v ${-a}a ${t - 1} ${t - 1}, 0, 0, 1, ${t - 1} ${-(t - 1)}`;
+}, Ut = (r) => ({
+  color: (r == null ? void 0 : r.color) || x,
+  style: (r == null ? void 0 : r.style) || $t,
   randomSize: (r == null ? void 0 : r.randomSize) || !1
-}), yt = (r) => ({
-  color: (r == null ? void 0 : r.color) || z,
-  style: (r == null ? void 0 : r.style) || ht
-}), St = (r) => ({
-  color: (r == null ? void 0 : r.color) || z,
-  style: (r == null ? void 0 : r.style) || ut
+}), bt = (r) => ({
+  color: (r == null ? void 0 : r.color) || x,
+  style: (r == null ? void 0 : r.style) || dt
+}), Dt = (r) => ({
+  color: (r == null ? void 0 : r.color) || x,
+  style: (r == null ? void 0 : r.style) || ft
 }), Ft = ({
   modules: r,
   margin: s,
-  settings: c,
+  settings: l,
   gradient: a
 }) => {
-  const { color: t, style: l, randomSize: d } = L(
-    () => vt(c),
-    [c]
-  ), u = [], g = r.length, e = Mt(l) && d, o = et(() => l === "square-sm" ? 0.75 : e ? Math.random() * (1 - 0.75) + 0.75 : 1, [l, e]);
+  const { color: t, style: c, randomSize: d } = L(
+    () => Ut(l),
+    [l]
+  ), u = [], g = r.length, e = gt(c) && d, o = rt(
+    () => wt(c, e),
+    [c, e]
+  );
   return r.forEach((n, i) => {
     n.forEach((h, $) => {
-      if (Pt({ x: $, y: i, numCells: g }) || Nt({ x: $, y: i, numCells: g }))
+      if (Ot({ x: $, y: i, numCells: g }) || Pt({ x: $, y: i, numCells: g }))
         return;
       const f = o(), p = 1 * f, M = (1 - 1 * f) / 2, E = $ + s + M, m = i + s + M;
       if (h) {
-        if (l === "square" || l === "square-sm")
-          u.push(y(E, m, p));
-        else if (l === "circle")
-          u.push(U(E, m, p));
-        else if (l === "diamond")
-          u.push(Rt(E, m, p));
-        else if (l === "star")
+        if (c === "square" || c === "square-sm")
+          u.push(v(E, m, p));
+        else if (c === "circle")
+          u.push(D(E, m, p));
+        else if (c === "diamond")
+          u.push(At(E, m, p));
+        else if (c === "star")
           u.push(
-            W(E + p / 2, m + p / 2, p * 1.1, Z)
+            et(E + p / 2, m + p / 2, p * 1.1, W)
           );
-        else if (l === "heart")
-          u.push(J(E, m, p));
-        else if (l === "rounded") {
-          const { left: R, right: A, top: w, bottom: C, count: P } = F($, i, r);
-          P === 0 ? u.push(U(E, m, 1)) : P > 2 || R && A || w && C ? u.push(y(E, m, 1)) : P === 2 ? R && w ? u.push(Y(E, m)) : w && A ? u.push(At(E, m)) : A && C ? u.push(G(E, m)) : u.push(gt(E, m)) : w ? u.push(_(E, m)) : A ? u.push(j(E, m)) : C ? u.push(X(E, m)) : u.push(q(E, m));
-        } else if (l === "leaf") {
-          const { left: R, right: A, top: w, bottom: C, count: P } = F($, i, r);
+        else if (c === "heart")
+          u.push(ot(E, m, p));
+        else if (c === "rounded") {
+          const { left: R, right: w, top: A, bottom: N, count: P } = b($, i, r);
+          P === 0 ? u.push(D(E, m, 1)) : P > 2 || R && w || A && N ? u.push(v(E, m, 1)) : P === 2 ? R && A ? u.push(j(E, m)) : A && w ? u.push(Nt(E, m)) : w && N ? u.push(q(E, m)) : u.push(Ct(E, m)) : A ? u.push(_(E, m)) : w ? u.push(Q(E, m)) : N ? u.push(Z(E, m)) : u.push(X(E, m));
+        } else if (c === "leaf") {
+          const { left: R, right: w, top: A, bottom: N, count: P } = b($, i, r);
           if (P === 0)
-            u.push(wt(E, m, p));
-          else if (!R && !w) {
-            u.push(G(E, m));
+            u.push(It(E, m, p));
+          else if (!R && !A) {
+            u.push(q(E, m));
             return;
-          } else !A && !C ? u.push(Y(E, m)) : u.push(y(E, m, 1));
-        } else if (l === "vertical-line") {
-          const { left: R, right: A, top: w, bottom: C, count: P } = F($, i, r);
-          P === 0 || R && !(w || C) || A && !(w || C) ? u.push(U(E, m, 1)) : w && C ? u.push(y(E, m, 1)) : w && !C ? u.push(_(E, m)) : C && !w && u.push(X(E, m));
-        } else if (l === "horizontal-line") {
-          const { left: R, right: A, top: w, bottom: C, count: P } = F($, i, r);
-          P === 0 || w && !(R || A) || C && !(R || A) ? u.push(U(E, m, 1)) : R && A ? u.push(y(E, m, 1)) : R && !A ? u.push(q(E, m)) : A && !R && u.push(j(E, m));
+          } else !w && !N ? u.push(j(E, m)) : u.push(v(E, m, 1));
+        } else if (c === "vertical-line") {
+          const { left: R, right: w, top: A, bottom: N, count: P } = b($, i, r);
+          P === 0 || R && !(A || N) || w && !(A || N) ? u.push(D(E, m, 1)) : A && N ? u.push(v(E, m, 1)) : A && !N ? u.push(_(E, m)) : N && !A && u.push(Z(E, m));
+        } else if (c === "horizontal-line") {
+          const { left: R, right: w, top: A, bottom: N, count: P } = b($, i, r);
+          P === 0 || A && !(R || w) || N && !(R || w) ? u.push(D(E, m, 1)) : R && w ? u.push(v(E, m, 1)) : R && !w ? u.push(X(E, m)) : w && !R && u.push(Q(E, m));
         }
       }
     });
-  }), /* @__PURE__ */ N(
+  }), /* @__PURE__ */ C(
     "path",
     {
-      fill: a ? `url(#${S})` : t,
+      fill: a ? `url(#${U})` : t,
       d: u.join(""),
-      shapeRendering: l === "square" ? "crispEdges" : "geometricPrecision"
+      shapeRendering: c === "square" ? "crispEdges" : "geometricPrecision",
+      "data-testid": "data-modules"
     }
   );
-}, Ut = ({
+}, S = {
+  "data-testid": "finder-patterns-inner"
+}, Bt = ({
   modules: r,
   margin: s,
-  settings: c,
+  settings: l,
   gradient: a
 }) => {
-  const { color: t, style: l } = L(
-    () => St(c),
-    [c]
-  ), d = a ? `url(#${S})` : t, u = L(
+  const { color: t, style: c } = L(
+    () => Dt(l),
+    [l]
+  ), d = a ? `url(#${U})` : t, u = L(
     () => [
       { x: s + 2, y: s + 2 },
       { x: r.length + s - I + 2, y: s + 2 },
       { x: s + 2, y: r.length + s - I + 2 }
     ],
     [s, r.length]
-  ), g = (e, o) => `finder-patterns-inner-${l}-${e}-${o}`;
-  if (l === "rounded-sm" || l === "rounded" || l === "rounded-lg" || l === "circle" || l === "square")
+  ), g = (e, o) => `finder-patterns-inner-${c}-${e}-${o}`;
+  if (c === "rounded-sm" || c === "rounded" || c === "rounded-lg" || c === "circle" || c === "square")
     return u.map((e) => {
       const { x: o, y: n } = e;
-      return /* @__PURE__ */ N(
+      return /* @__PURE__ */ C(
         "rect",
         {
           x: o,
@@ -945,15 +960,16 @@ const V = (r) => {
           width: T,
           height: T,
           fill: d,
-          rx: k[l]
+          rx: Y[c],
+          ...S
         },
         g(o, n)
       );
     });
-  if (l === "diamond")
+  if (c === "diamond")
     return u.map((e) => {
       const { x: o, y: n } = e, i = Math.sqrt(1.5), h = T / i, $ = h - h / i;
-      return /* @__PURE__ */ N(
+      return /* @__PURE__ */ C(
         "rect",
         {
           x: o + $ / 2,
@@ -965,23 +981,24 @@ const V = (r) => {
             transform: "rotate(45deg)",
             transformOrigin: "center",
             transformBox: "fill-box"
-          }
+          },
+          ...S
         },
         g(o, n)
       );
     });
-  if (l === "inpoint-sm" || l === "inpoint" || l === "inpoint-lg" || l === "outpoint-sm" || l === "outpoint" || l === "outpoint-lg" || l === "leaf-sm" || l === "leaf" || l === "leaf-lg") {
-    const e = l === "leaf-sm" || l === "leaf" || l === "leaf-lg" ? Ct : It;
+  if (c === "inpoint-sm" || c === "inpoint" || c === "inpoint-lg" || c === "outpoint-sm" || c === "outpoint" || c === "outpoint-lg" || c === "leaf-sm" || c === "leaf" || c === "leaf-lg") {
+    const e = c === "leaf-sm" || c === "leaf" || c === "leaf-lg" ? Tt : Lt;
     return u.map((o, n) => ({
       ...o,
-      rotation: K[l][n]
+      rotation: J[c][n]
     })).map(({ x: o, y: n, rotation: i }) => {
       const h = e({
         x: o,
         y: n,
-        radius: k[l]
+        radius: Y[c]
       });
-      return /* @__PURE__ */ N(
+      return /* @__PURE__ */ C(
         "path",
         {
           fill: d,
@@ -990,26 +1007,40 @@ const V = (r) => {
             transform: `rotate(${i}deg)`,
             transformOrigin: "center",
             transformBox: "fill-box"
-          }
+          },
+          ...S
         },
         g(o, n)
       );
     });
   }
-  return l === "heart" ? u.map(({ x: e, y: o }) => /* @__PURE__ */ N("path", { fill: d, d: J(e, o, T) }, g(e, o))) : l === "star" ? u.map(({ x: e, y: o }) => {
-    const n = e + T / 2, i = o + T / 2, h = W(n, i, T * 1.2, Z);
-    return /* @__PURE__ */ N("path", { fill: d, d: h }, g(e, o));
-  }) : null;
-}, Dt = ({
+  if (c === "heart")
+    return u.map(({ x: e, y: o }) => /* @__PURE__ */ C(
+      "path",
+      {
+        fill: d,
+        d: ot(e, o, T),
+        ...S
+      },
+      g(e, o)
+    ));
+  if (c === "star")
+    return u.map(({ x: e, y: o }) => {
+      const n = e + T / 2, i = o + T / 2, h = et(n, i, T * 1.2, W);
+      return /* @__PURE__ */ C("path", { fill: d, d: h, ...S }, g(e, o));
+    });
+}, K = {
+  "data-testid": "finder-patterns-outer"
+}, zt = ({
   modules: r,
   margin: s,
-  settings: c,
+  settings: l,
   gradient: a
 }) => {
-  const { style: t, color: l } = L(
-    () => yt(c),
-    [c]
-  ), d = a ? `url(#${S})` : l, u = [], g = L(
+  const { style: t, color: c } = L(
+    () => bt(l),
+    [l]
+  ), d = a ? `url(#${U})` : c, u = [], g = L(
     () => [
       { x: s, y: s },
       { x: r.length + s - I, y: s },
@@ -1021,7 +1052,7 @@ const V = (r) => {
     for (const e of g) {
       const { x: o, y: n } = e;
       t === "rounded-sm" || t === "rounded" || t === "rounded-lg" ? u.push(
-        Tt({
+        yt({
           x: o,
           y: n,
           radius: H[t]
@@ -1032,20 +1063,20 @@ const V = (r) => {
         `M ${o} ${n}v ${I}h ${I}v -7zM ${o + 1} ${n + 1}h ${I - 2 * 1}v ${I - 2 * 1}h ${-7 + 2 * 1}z`
       );
     }
-    return /* @__PURE__ */ N("path", { fill: d, d: u.join("") });
+    return /* @__PURE__ */ C("path", { fill: d, d: u.join(""), ...K });
   }
   if (t === "inpoint-sm" || t === "inpoint" || t === "inpoint-lg" || t === "outpoint-sm" || t === "outpoint" || t === "outpoint-lg" || t === "leaf-sm" || t === "leaf" || t === "leaf-lg") {
-    const e = t === "leaf-sm" || t === "leaf" || t === "leaf-lg" ? Lt : Ot;
+    const e = t === "leaf-sm" || t === "leaf" || t === "leaf-lg" ? vt : St;
     return g.map((o, n) => ({
       ...o,
-      rotation: K[t][n]
+      rotation: J[t][n]
     })).map(({ x: o, y: n, rotation: i }) => {
       const h = e({
         x: o,
         y: n,
         radius: H[t]
       });
-      return /* @__PURE__ */ N(
+      return /* @__PURE__ */ C(
         "path",
         {
           fill: d,
@@ -1054,33 +1085,33 @@ const V = (r) => {
             transform: `rotate(${i}deg)`,
             transformOrigin: "center",
             transformBox: "fill-box"
-          }
+          },
+          ...K
         },
         `finder-patterns-outer-${t}-${o}-${n}`
       );
     });
   }
-  return null;
-}, bt = ({ gradient: r }) => {
-  var c, a;
+}, xt = ({ gradient: r }) => {
+  var l, a;
   if (!r)
     return null;
-  const s = V((r == null ? void 0 : r.rotation) || 0);
-  return /* @__PURE__ */ N("defs", { children: r.type === "linear" ? /* @__PURE__ */ N("linearGradient", { id: S, gradientUnits: "userSpaceOnUse", ...s, children: (c = r.stops) == null ? void 0 : c.map((t, l) => /* @__PURE__ */ N("stop", { offset: t.offset, stopColor: t.color }, l)) }) : /* @__PURE__ */ N(
+  const s = tt((r == null ? void 0 : r.rotation) || 0);
+  return /* @__PURE__ */ C("defs", { children: r.type === "linear" ? /* @__PURE__ */ C("linearGradient", { id: U, gradientUnits: "userSpaceOnUse", ...s, children: (l = r.stops) == null ? void 0 : l.map((t, c) => /* @__PURE__ */ C("stop", { offset: t.offset, stopColor: t.color }, c)) }) : /* @__PURE__ */ C(
     "radialGradient",
     {
-      id: S,
+      id: U,
       gradientUnits: "userSpaceOnUse",
       cx: "50%",
       cy: "50%",
       r: "50%",
-      children: (a = r.stops) == null ? void 0 : a.map((t, l) => /* @__PURE__ */ N("stop", { offset: t.offset, stopColor: t.color }, l))
+      children: (a = r.stops) == null ? void 0 : a.map((t, c) => /* @__PURE__ */ C("stop", { offset: t.offset, stopColor: t.color }, c))
     }
   ) });
-}, Bt = (r, s) => r.slice().map((c, a) => a < s.y || a >= s.y + s.h ? c : c.map((t, l) => l < s.x || l >= s.x + s.w ? t : !1)), zt = (r, s, c, a) => {
+}, kt = (r, s) => r.slice().map((l, a) => a < s.y || a >= s.y + s.h ? l : l.map((t, c) => c < s.x || c >= s.x + s.w ? t : !1)), Ht = (r, s, l, a) => {
   if (a == null)
     return null;
-  const t = r.length + c * 2, l = Math.floor(s * $t), d = t / s, u = (a.width || l) * d, g = (a.height || l) * d, e = a.x == null ? r.length / 2 - u / 2 : a.x * d, o = a.y == null ? r.length / 2 - g / 2 : a.y * d, n = a.opacity == null ? 1 : a.opacity;
+  const t = r.length + l * 2, c = Math.floor(s * mt), d = t / s, u = (a.width || c) * d, g = (a.height || c) * d, e = a.x == null ? r.length / 2 - u / 2 : a.x * d, o = a.y == null ? r.length / 2 - g / 2 : a.y * d, n = a.opacity == null ? 1 : a.opacity;
   let i = null;
   if (a.excavate) {
     const $ = Math.floor(e), f = Math.floor(o), p = Math.ceil(u + e - $), M = Math.ceil(g + o - f);
@@ -1088,34 +1119,34 @@ const V = (r) => {
   }
   const h = a.crossOrigin;
   return { x: e, y: o, h: g, w: u, excavation: i, opacity: n, crossOrigin: h };
-}, xt = (r) => r != null ? Math.max(Math.floor(r), 0) : lt, Ht = ({
+}, Yt = (r) => r != null ? Math.max(Math.floor(r), 0) : ut, Gt = ({
   value: r,
   level: s,
-  minVersion: c,
+  minVersion: l,
   marginSize: a,
   imageSettings: t,
-  size: l,
+  size: c,
   boostLevel: d
 }) => {
   const u = L(() => {
-    const h = (Array.isArray(r) ? r : [r]).reduce(($, f) => ($.push(...v.QrSegment.makeSegments(f)), $), []);
-    return v.QrCode.encodeSegments(
+    const h = (Array.isArray(r) ? r : [r]).reduce(($, f) => ($.push(...y.QrSegment.makeSegments(f)), $), []);
+    return y.QrCode.encodeSegments(
       h,
-      rt[s],
-      c,
+      at[s],
+      l,
       void 0,
       void 0,
       d
     );
-  }, [r, s, c, d]), { cells: g, margin: e, numCells: o, calculatedImageSettings: n } = L(() => {
-    const i = u.getModules(), h = xt(a), $ = i.length + h * 2, f = zt(i, l, h, t);
+  }, [r, s, l, d]), { cells: g, margin: e, numCells: o, calculatedImageSettings: n } = L(() => {
+    const i = u.getModules(), h = Yt(a), $ = i.length + h * 2, f = Ht(i, c, h, t);
     return {
       cells: i,
       margin: h,
       numCells: $,
       calculatedImageSettings: f
     };
-  }, [u, l, t, a]);
+  }, [u, c, t, a]);
   return {
     qrcode: u,
     margin: e,
@@ -1123,21 +1154,21 @@ const V = (r) => {
     numCells: o,
     calculatedImageSettings: n
   };
-}, kt = ({ svgRef: r, fileSize: s, fileName: c }) => {
+}, qt = ({ svgRef: r, fileSize: s, fileName: l }) => {
   if (!r.current) return;
   const a = r.current.cloneNode(!0);
   a.setAttribute("width", s.toString()), a.setAttribute("height", s.toString());
-  const t = new XMLSerializer(), l = new Blob([t.serializeToString(a)], {
+  const t = new XMLSerializer(), c = new Blob([t.serializeToString(a)], {
     type: "image/svg+xml"
-  }), d = URL.createObjectURL(l), u = document.createElement("a");
-  u.href = d, u.download = `${c}.svg`, document.body.appendChild(u), u.click(), document.body.removeChild(u), URL.revokeObjectURL(d);
-}, Gt = ({
+  }), d = URL.createObjectURL(c), u = document.createElement("a");
+  u.href = d, u.download = `${l}.svg`, document.body.appendChild(u), u.click(), document.body.removeChild(u), URL.revokeObjectURL(d);
+}, jt = ({
   svgRef: r,
   fileSize: s,
-  fileName: c,
+  fileName: l,
   fileFormat: a,
   imageSettings: t,
-  calculatedImageSettings: l,
+  calculatedImageSettings: c,
   size: d,
   numCells: u,
   margin: g
@@ -1148,28 +1179,28 @@ const V = (r) => {
   e.width = s, e.height = s;
   const n = new XMLSerializer().serializeToString(r.current), i = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), h = URL.createObjectURL(i), $ = new Image();
   $.crossOrigin = "anonymous", $.src = h, $.onload = () => {
-    if (o.drawImage($, 0, 0, s, s), URL.revokeObjectURL(h), t != null && t.src && l) {
+    if (o.drawImage($, 0, 0, s, s), URL.revokeObjectURL(h), t != null && t.src && c) {
       const f = new Image();
       f.crossOrigin = "anonymous", f.src = t.src, f.onload = () => {
-        const p = s / d, M = u / s, E = t.width * p, m = t.x ? (l.x + g) / M : (s - E) / 2, R = t.y ? (l.y + g) / M : (s - E) / 2;
+        const p = s / d, M = u / s, E = t.width * p, m = t.x ? (c.x + g) / M : (s - E) / 2, R = t.y ? (c.y + g) / M : (s - E) / 2;
         o.drawImage(f, m, R, E, E);
-        const A = a === "png" ? "image/png" : "image/jpeg", w = document.createElement("a");
-        w.href = e.toDataURL(A), w.download = `${c}.${a}`, document.body.appendChild(w), w.click(), document.body.removeChild(w);
+        const w = a === "png" ? "image/png" : "image/jpeg", A = document.createElement("a");
+        A.href = e.toDataURL(w), A.download = `${l}.${a}`, document.body.appendChild(A), A.click(), document.body.removeChild(A);
       }, f.onerror = (p) => console.error("Error loading logo:", p);
     } else {
       const f = a === "png" ? "image/png" : "image/jpeg", p = document.createElement("a");
-      p.href = e.toDataURL(f), p.download = `${c}.${a}`, document.body.appendChild(p), p.click(), document.body.removeChild(p);
+      p.href = e.toDataURL(f), p.download = `${l}.${a}`, document.body.appendChild(p), p.click(), document.body.removeChild(p);
     }
   }, $.onerror = (f) => console.error("Error loading QR code:", f);
-}, Yt = (r) => {
+}, Xt = (r) => {
   const {
     ref: s,
-    value: c,
-    size: a = st,
-    level: t = it,
-    background: l,
+    value: l,
+    size: a = lt,
+    level: t = ct,
+    background: c,
     gradient: d,
-    minVersion: u = ct,
+    minVersion: u = ht,
     boostLevel: g,
     marginSize: e,
     finderPatternOuterSettings: o,
@@ -1177,8 +1208,8 @@ const V = (r) => {
     dataModulesSettings: i,
     imageSettings: h,
     svgProps: $
-  } = r, f = ot(null), { margin: p, cells: M, numCells: E, calculatedImageSettings: m } = Ht({
-    value: c,
+  } = r, f = st(null), { margin: p, cells: M, numCells: E, calculatedImageSettings: m } = Gt({
+    value: l,
     level: t,
     minVersion: u,
     boostLevel: g,
@@ -1186,17 +1217,17 @@ const V = (r) => {
     imageSettings: h,
     size: a
   });
-  nt(s, () => ({
+  it(s, () => ({
     svg: f.current,
     download: ({
-      name: C = ft,
+      name: N = pt,
       format: P = "svg",
-      size: x = 500
+      size: k = 500
     }) => {
-      f.current && (P === "svg" ? kt({ svgRef: f, fileSize: x, fileName: C }) : Gt({
+      f.current && (P === "svg" ? qt({ svgRef: f, fileSize: k, fileName: N }) : jt({
         svgRef: f,
-        fileSize: x,
-        fileName: C,
+        fileSize: k,
+        fileName: N,
         fileFormat: P,
         imageSettings: h,
         calculatedImageSettings: m,
@@ -1206,8 +1237,8 @@ const V = (r) => {
       }));
     }
   }));
-  let R = M, A = null;
-  h != null && m != null && (m.excavation != null && (R = Bt(M, m.excavation)), A = /* @__PURE__ */ N(
+  let R = M, w = null;
+  h != null && m != null && (m.excavation != null && (R = kt(M, m.excavation)), w = /* @__PURE__ */ C(
     "image",
     {
       href: h.src,
@@ -1220,12 +1251,12 @@ const V = (r) => {
       crossOrigin: m.crossOrigin
     }
   ));
-  const w = {
+  const A = {
     modules: R,
     margin: p,
     gradient: d
   };
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ V(
     "svg",
     {
       height: a,
@@ -1236,17 +1267,17 @@ const V = (r) => {
       "aria-label": ($ == null ? void 0 : $["aria-label"]) || "QR Code",
       ...$,
       children: [
-        /* @__PURE__ */ N(bt, { gradient: d }),
-        /* @__PURE__ */ N(Et, { background: l, numCells: E }),
-        /* @__PURE__ */ N(Dt, { settings: o, ...w }),
-        /* @__PURE__ */ N(Ut, { settings: n, ...w }),
-        /* @__PURE__ */ N(Ft, { settings: i, ...w }),
-        A
+        /* @__PURE__ */ C(xt, { gradient: d }),
+        /* @__PURE__ */ C(Rt, { background: c, numCells: E }),
+        /* @__PURE__ */ C(zt, { settings: o, ...A }),
+        /* @__PURE__ */ C(Bt, { settings: n, ...A }),
+        /* @__PURE__ */ C(Ft, { settings: i, ...A }),
+        w
       ]
     }
   );
 };
-Yt.displayName = "ReactQRCode";
+Xt.displayName = "ReactQRCode";
 export {
-  Yt as ReactQRCode
+  Xt as ReactQRCode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/react-qr-code",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "React library to generate QR codes",
   "author": "LGLab",
   "license": "MIT",
@@ -10,6 +10,25 @@
     "directory": "packages/react-qr-code"
   },
   "homepage": "https://reactqrcode.com",
+  "keywords": [
+    "react",
+    "react-component",
+    "react-library",
+    "qr",
+    "code",
+    "qrcode",
+    "qr-code",
+    "qr-code-generator",
+    "qr-code-library",
+    "qr-code-react",
+    "customizable-qr-code",
+    "qr-code-with-logo",
+    "qr-code-svg",
+    "qr-code-image",
+    "qr-code-download",
+    "typescript",
+    "open-source"
+  ],
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.es.js",
@@ -27,7 +46,7 @@
     "react": "^18 || ^19"
   },
   "devDependencies": {
-    "@types/node": "^22.12.0",
+    "@types/node": "^22.13.1",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
@@ -36,7 +55,7 @@
     "react-dom": "^19.0.0",
     "typescript": "~5.7.3",
     "typescript-eslint": "^8.23.0",
-    "vite": "^6.0.5",
+    "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0"
   },
   "scripts": {