@lglab/react-qr-code 1.4.2 → 1.4.4

package/README.md

@@ -12,8 +12,7 @@ A highly customizable and lightweight QR code generator for React applications.
 - **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
+- **Developer-Friendly** - Built with TypeScript, easy to use, and well-documented.
 
 ## Install
 

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { JSX } from 'react/jsx-runtime';
+import { ForwardRefExoticComponent } from 'react';
+import { RefAttributes } from 'react';
 
 /**
  * ReactQRCode props.
@@ -218,10 +219,7 @@ declare namespace qrcodegen.QrSegment {
         {};
 }
 
-export declare const ReactQRCode: {
-    (props: ReactQRCodeProps): JSX.Element;
-    displayName: string;
-};
+export declare const ReactQRCode: ForwardRefExoticComponent<Omit<ReactQRCodeProps, "ref"> & RefAttributes<ReactQRCodeRef>>;
 
 export declare interface ReactQRCodeProps {
     ref?: React.Ref<ReactQRCodeRef>;

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as C, jsxs as K, Fragment as st } from "react/jsx-runtime";
-import { useMemo as v, useCallback as it, useId as at, useRef as ct, useImperativeHandle as lt } from "react";
-const ht = /\.?0+$/;
-function ut(o) {
-  return o.toFixed(7).replace(ht, "");
+import { useMemo as v, useCallback as it, useId as at, forwardRef as ct, useRef as lt, useImperativeHandle as ht } from "react";
+const ut = /\.?0+$/;
+function dt(o) {
+  return o.toFixed(7).replace(ut, "");
 }
 const W = (o) => {
   const a = o % 360 * (Math.PI / 180), c = Math.max(0, Math.min(100, 50 - 50 * Math.cos(a))), i = Math.max(0, Math.min(100, 50 - 50 * Math.sin(a))), r = Math.max(0, Math.min(100, 50 + 50 * Math.cos(a))), u = Math.max(0, Math.min(100, 50 + 50 * Math.sin(a)));
@@ -165,10 +165,10 @@ const W = (o) => {
     1,
     0.3262506,
     "z"
-  ].map((u) => typeof u == "string" ? (r = 0, i = u.toUpperCase() == u, u) : (r++, u = u * c, i && (u += r % 2 == 1 ? o : a), ut(u))).join(" ");
+  ].map((u) => typeof u == "string" ? (r = 0, i = u.toUpperCase() == u, u) : (r++, u = u * c, i && (u += r % 2 == 1 ? o : a), dt(u))).join(" ");
 }, Q = {
   "data-testid": "background"
-}, dt = ({ background: o, bgGradientId: a, numCells: c }) => {
+}, $t = ({ background: o, bgGradientId: a, numCells: c }) => {
   var r, u;
   if (!o)
     return null;
@@ -743,12 +743,12 @@ var S;
     a.Mode = c;
   })(o.QrSegment || (o.QrSegment = {}));
 })(S || (S = {}));
-const U = S, $t = {
+const U = S, ft = {
   L: U.QrCode.Ecc.LOW,
   M: U.QrCode.Ecc.MEDIUM,
   Q: U.QrCode.Ecc.QUARTILE,
   H: U.QrCode.Ecc.HIGH
-}, ft = 128, pt = "M", mt = 1, Et = 4, nt = 5, H = "#000000", Mt = "square", Rt = "square", gt = "square", Nt = "react-qr-code", It = "react-qr-code-gradient", Ct = "react-qr-code-bg-gradient", wt = 0.1, N = 7, T = 3, y = [
+}, pt = 128, mt = "M", Et = 1, Mt = 4, nt = 5, H = "#000000", Rt = "square", gt = "square", Nt = "square", It = "react-qr-code", Ct = "react-qr-code-gradient", wt = "react-qr-code-bg-gradient", At = 0.1, N = 7, T = 3, y = [
   [1, 1, 1, 1, 1, 1, 1],
   [1, 0, 0, 0, 0, 0, 1],
   [1, 0, 0, 0, 0, 0, 1],
@@ -803,7 +803,7 @@ const U = S, $t = {
   [0, 0, 1, 1, 1, 0, 0],
   [0, 0, 0, 0, 0, 0, 0],
   [0, 0, 0, 0, 0, 0, 0]
-], At = (o) => o === "square" || o === "pinched-square" || o === "circle" || o === "star" || o === "heart" || o === "diamond" || o === "hashtag", Pt = (o, a) => o === "square-sm" ? 0.75 : a ? Math.random() * (1 - 0.75) + 0.75 : 1, D = (o, a, c) => {
+], Pt = (o) => o === "square" || o === "pinched-square" || o === "circle" || o === "star" || o === "heart" || o === "diamond" || o === "hashtag", Ot = (o, a) => o === "square-sm" ? 0.75 : a ? Math.random() * (1 - 0.75) + 0.75 : 1, D = (o, a, c) => {
   const i = {
     left: o === 0 ? !1 : c[a][o - 1],
     right: o === c[a].length - 1 ? !1 : c[a][o + 1],
@@ -814,7 +814,7 @@ const U = S, $t = {
     ...i,
     count: Object.values(i).filter(Boolean).length
   };
-}, b = (o, a, c) => `M${o},${a}h${c}v${c}h-${c}Z`, F = (o, a, c) => `M${o},${a + c / 2}a${c / 2},${c / 2} 0 1,0 ${c},0a${c / 2},${c / 2} 0 1,0 -${c},0Z`, Ot = (o, a, c) => `M${o},${a + c / 2}l${c / 2},-${c / 2}l${c / 2},${c / 2}l-${c / 2},${c / 2}Z`, Tt = (o, a) => `M ${o} ${a} 
+}, b = (o, a, c) => `M${o},${a}h${c}v${c}h-${c}Z`, F = (o, a, c) => `M${o},${a + c / 2}a${c / 2},${c / 2} 0 1,0 ${c},0a${c / 2},${c / 2} 0 1,0 -${c},0Z`, Tt = (o, a, c) => `M${o},${a + c / 2}l${c / 2},-${c / 2}l${c / 2},${c / 2}l-${c / 2},${c / 2}Z`, Lt = (o, a) => `M ${o} ${a} 
    v 1 
    h 1 
    v -0.5 
@@ -827,7 +827,7 @@ const U = S, $t = {
    h 0.5 
    a 0.5 0.5, 0, 0, 0, 0.5 -0.5
    v -0.5
-   h -1`, Lt = (o, a) => `M ${o + 1} ${a} 
+   h -1`, vt = (o, a) => `M ${o + 1} ${a} 
    v 1 
    h -0.5 
    a 0.5 0.5, 0, 0, 1, -0.5 -0.5 
@@ -844,66 +844,66 @@ const U = S, $t = {
    a 0.5 0.5, 0, 0, 0, -1 0`, Z = (o, a) => `M ${o} ${a} 
    h 1 
    v 0.5 
-   a 0.5 0.5, 0, 0, 1, -1 0`, vt = (o, a, c) => `M ${o + 1} ${a}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}`, St = ({
+   a 0.5 0.5, 0, 0, 1, -1 0`, St = (o, a, c) => `M ${o + 1} ${a}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}`, Ut = ({
   x: o,
   y: a,
   numCells: c
 }) => {
   var i, r, u;
   return !!((i = B[o]) != null && i[a] || (r = B[o - c + 7]) != null && r[a] || (u = B[o]) != null && u[a - c + 7]);
-}, Ut = ({
+}, bt = ({
   x: o,
   y: a,
   radius: c
 }) => {
   const i = T - c, r = c / 2, u = T - r;
   return `M ${o} ${a + r}v ${i}a ${r} ${r}, 0, 0, 0, ${r} ${r}h ${u}v ${-u}a ${r} ${r}, 0, 0, 0, ${-r} ${-r}h ${-i}H ${o}z`;
-}, bt = ({
+}, Dt = ({
   x: o,
   y: a,
   radius: c
 }) => {
   const i = T - c, r = c / 2, u = T - r;
   return `M ${o} ${a + r}v ${i}a ${r} ${r}, 0, 0, 0, ${r} ${r}h ${u}v ${-u}a ${r} ${r}, 0, 0, 0, ${-r} ${-r}h ${-i}a ${r} ${r}, 0, 0, 0, ${-r} ${r}`;
-}, Dt = ({
+}, Ft = ({
   x: o,
   y: a,
   numCells: c
 }) => {
   var i, r, u;
   return !!((i = y[o]) != null && i[a] || (r = y[o - c + 7]) != null && r[a] || (u = y[o]) != null && u[a - c + 7]);
-}, Ft = ({
+}, yt = ({
   x: o,
   y: a,
   radius: c
 }) => {
   const i = N - c, r = c / 2;
   return `M ${o} ${a + r}v ${i}a ${r} ${r}, 0, 0, 0, ${r} ${r}h ${i}a ${r} ${r}, 0, 0, 0, ${r} ${-r}v ${-i}a ${r} ${r}, 0, 0, 0, ${-r} ${-r}h ${-i}a ${r} ${r}, 0, 0, 0, ${-r} ${r}M ${o + r} ${a + 1}h ${i}a ${r - 1} ${r - 1}, 0, 0, 1, ${r - 1} ${r - 1}v ${i}a ${r - 1} ${r - 1}, 0, 0, 1, ${-(r - 1)} ${r - 1}h ${-i}a ${r - 1} ${r - 1}, 0, 0, 1, ${-(r - 1)} ${-(r - 1)}v ${-i}a ${r - 1} ${r - 1}, 0, 0, 1, ${r - 1} ${-(r - 1)}`;
-}, yt = ({
+}, Bt = ({
   x: o,
   y: a,
   radius: c
 }) => {
   const i = N - c, r = c / 2, u = N - r;
   return `M ${o} ${a + r}v ${i}a ${r} ${r}, 0, 0, 0, ${r} ${r}h ${u}v ${-u}a ${r} ${r}, 0, 0, 0, ${-r} ${-r}h ${-i}H ${o}zM ${o + r} ${a + 1}h ${i}a ${r - 1} ${r - 1}, 0, 0, 1, ${r - 1} ${r - 1}v ${u - 1}h ${-(u - 1)}a ${r - 1} ${r - 1}, 0, 0, 1, ${-(r - 1)} ${-(r - 1)}v ${-(u - 1)}z`;
-}, Bt = ({
+}, Ht = ({
   x: o,
   y: a,
   radius: c
 }) => {
   const i = N - c, r = c / 2, u = N - r;
   return `M ${o} ${a + r}v ${i}a ${r} ${r}, 0, 0, 0, ${r} ${r}h ${u}v ${-u}a ${r} ${r}, 0, 0, 0, ${-r} ${-r}h ${-i}a ${r} ${r}, 0, 0, 0, ${-r} ${r}M ${o + r} ${a + 1}h ${i}a ${r - 1} ${r - 1}, 0, 0, 1, ${r - 1} ${r - 1}v ${u - 1}h ${-(u - 1)}a ${r - 1} ${r - 1}, 0, 0, 1, ${-(r - 1)} ${-(r - 1)}v ${-i}a ${r - 1} ${r - 1}, 0, 0, 1, ${r - 1} ${-(r - 1)}`;
-}, Ht = (o) => ({
+}, _t = (o) => ({
   color: (o == null ? void 0 : o.color) || H,
-  style: (o == null ? void 0 : o.style) || gt,
+  style: (o == null ? void 0 : o.style) || Nt,
   randomSize: (o == null ? void 0 : o.randomSize) || !1
-}), _t = (o) => ({
-  color: (o == null ? void 0 : o.color) || H,
-  style: (o == null ? void 0 : o.style) || Mt
 }), zt = (o) => ({
   color: (o == null ? void 0 : o.color) || H,
   style: (o == null ? void 0 : o.style) || Rt
-}), Qt = ({
+}), Qt = (o) => ({
+  color: (o == null ? void 0 : o.color) || H,
+  style: (o == null ? void 0 : o.style) || gt
+}), kt = ({
   modules: o,
   margin: a,
   settings: c,
@@ -911,15 +911,15 @@ const U = S, $t = {
   gradientId: r
 }) => {
   const { color: u, style: l, randomSize: p } = v(
-    () => Ht(c),
+    () => _t(c),
     [c]
-  ), f = [], e = o.length, n = At(l) && p, t = it(
-    () => Pt(l, n),
+  ), f = [], e = o.length, n = Pt(l) && p, t = it(
+    () => Ot(l, n),
     [l, n]
   );
   return o.forEach((s, h) => {
     s.forEach(($, d) => {
-      if (Dt({ x: d, y: h, numCells: e }) || St({ x: d, y: h, numCells: e }))
+      if (Ft({ x: d, y: h, numCells: e }) || Ut({ x: d, y: h, numCells: e }))
         return;
       const R = t(), E = 1 * R, A = (1 - 1 * R) / 2, M = d + a + A, m = h + a + A;
       if ($) {
@@ -930,7 +930,7 @@ const U = S, $t = {
         else if (l === "circle")
           f.push(F(M, m, E));
         else if (l === "diamond")
-          f.push(Ot(M, m, E));
+          f.push(Tt(M, m, E));
         else if (l === "star")
           f.push(
             J(M + E / 2, m + E / 2, E * 1.1, nt)
@@ -941,11 +941,11 @@ const U = S, $t = {
           f.push(et(M, m, E));
         else if (l === "rounded") {
           const { left: g, right: I, top: w, bottom: P, count: O } = D(d, h, o);
-          O === 0 ? f.push(F(M, m, 1)) : O > 2 || g && I || w && P ? f.push(b(M, m, 1)) : O === 2 ? g && w ? f.push(G(M, m)) : w && I ? f.push(Lt(M, m)) : I && P ? f.push(Y(M, m)) : f.push(Tt(M, m)) : w ? f.push(Z(M, m)) : I ? f.push(V(M, m)) : P ? f.push(X(M, m)) : f.push(j(M, m));
+          O === 0 ? f.push(F(M, m, 1)) : O > 2 || g && I || w && P ? f.push(b(M, m, 1)) : O === 2 ? g && w ? f.push(G(M, m)) : w && I ? f.push(vt(M, m)) : I && P ? f.push(Y(M, m)) : f.push(Lt(M, m)) : w ? f.push(Z(M, m)) : I ? f.push(V(M, m)) : P ? f.push(X(M, m)) : f.push(j(M, m));
         } else if (l === "leaf") {
           const { left: g, right: I, top: w, bottom: P, count: O } = D(d, h, o);
           if (O === 0)
-            f.push(vt(M, m, E));
+            f.push(St(M, m, E));
           else if (!g && !w) {
             f.push(Y(M, m));
             return;
@@ -970,7 +970,7 @@ const U = S, $t = {
   );
 }, L = {
   "data-testid": "finder-patterns-inner"
-}, kt = ({
+}, qt = ({
   modules: o,
   margin: a,
   settings: c,
@@ -978,7 +978,7 @@ const U = S, $t = {
   gradientId: r
 }) => {
   const { color: u, style: l } = v(
-    () => zt(c),
+    () => Qt(c),
     [c]
   ), p = i ? `url(#${r})` : u, f = v(
     () => [
@@ -1032,7 +1032,7 @@ const U = S, $t = {
       );
     });
   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 n = l === "leaf-sm" || l === "leaf" || l === "leaf-lg" ? Ut : bt;
+    const n = l === "leaf-sm" || l === "leaf" || l === "leaf-lg" ? bt : Dt;
     return f.map((t, s) => ({
       ...t,
       rotation: rt[l][s]
@@ -1080,7 +1080,7 @@ const U = S, $t = {
     });
 }, x = {
   "data-testid": "finder-patterns-outer"
-}, qt = ({
+}, Yt = ({
   modules: o,
   margin: a,
   settings: c,
@@ -1088,7 +1088,7 @@ const U = S, $t = {
   gradientId: r
 }) => {
   const { style: u, color: l } = v(
-    () => _t(c),
+    () => zt(c),
     [c]
   ), p = i ? `url(#${r})` : l, f = [], e = v(
     () => [
@@ -1109,7 +1109,7 @@ const U = S, $t = {
     for (const n of e) {
       const { x: t, y: s } = n;
       u === "rounded-sm" || u === "rounded" || u === "rounded-lg" ? f.push(
-        Ft({
+        yt({
           x: t,
           y: s,
           radius: k[u]
@@ -1125,7 +1125,7 @@ const U = S, $t = {
     return /* @__PURE__ */ C("path", { fill: p, d: f.join(""), ...x });
   }
   if (u === "inpoint-sm" || u === "inpoint" || u === "inpoint-lg" || u === "outpoint-sm" || u === "outpoint" || u === "outpoint-lg" || u === "leaf-sm" || u === "leaf" || u === "leaf-lg") {
-    const n = u === "leaf-sm" || u === "leaf" || u === "leaf-lg" ? yt : Bt;
+    const n = u === "leaf-sm" || u === "leaf" || u === "leaf-lg" ? Bt : Ht;
     return e.map((t, s) => ({
       ...t,
       rotation: rt[u][s]
@@ -1151,7 +1151,7 @@ const U = S, $t = {
       );
     });
   }
-}, Yt = ({ gradient: o, gradientId: a }) => {
+}, Gt = ({ gradient: o, gradientId: a }) => {
   var i, r;
   if (!o)
     return null;
@@ -1167,16 +1167,16 @@ const U = S, $t = {
       children: (r = o.stops) == null ? void 0 : r.map((u, l) => /* @__PURE__ */ C("stop", { offset: u.offset, stopColor: u.color }, l))
     }
   ) });
-}, Gt = () => {
+}, jt = () => {
   const o = at();
   return {
-    gradientId: `${It}-${o}`,
-    bgGradientId: `${Ct}-${o}`
+    gradientId: `${Ct}-${o}`,
+    bgGradientId: `${wt}-${o}`
   };
-}, jt = (o, a) => o.slice().map((c, i) => i < a.y || i >= a.y + a.h ? c : c.map((r, u) => u < a.x || u >= a.x + a.w ? r : !1)), Vt = (o, a, c, i) => {
+}, Vt = (o, a) => o.slice().map((c, i) => i < a.y || i >= a.y + a.h ? c : c.map((r, u) => u < a.x || u >= a.x + a.w ? r : !1)), Xt = (o, a, c, i) => {
   if (i == null)
     return null;
-  const r = o.length + c * 2, u = Math.floor(a * wt), l = r / a, p = (i.width || u) * l, f = (i.height || u) * l, e = i.x == null ? o.length / 2 - p / 2 : i.x * l, n = i.y == null ? o.length / 2 - f / 2 : i.y * l, t = i.opacity == null ? 1 : i.opacity;
+  const r = o.length + c * 2, u = Math.floor(a * At), l = r / a, p = (i.width || u) * l, f = (i.height || u) * l, e = i.x == null ? o.length / 2 - p / 2 : i.x * l, n = i.y == null ? o.length / 2 - f / 2 : i.y * l, t = i.opacity == null ? 1 : i.opacity;
   let s = null;
   if (i.excavate) {
     const $ = Math.floor(e), d = Math.floor(n), R = Math.ceil(p + e - $), E = Math.ceil(f + n - d);
@@ -1184,7 +1184,7 @@ const U = S, $t = {
   }
   const h = i.crossOrigin;
   return { x: e, y: n, h: f, w: p, excavation: s, opacity: t, crossOrigin: h };
-}, Xt = (o) => o != null ? Math.max(Math.floor(o), 0) : Et, Zt = ({
+}, Zt = (o) => o != null ? Math.max(Math.floor(o), 0) : Mt, xt = ({
   value: o,
   level: a,
   minVersion: c,
@@ -1197,14 +1197,14 @@ const U = S, $t = {
     const h = (Array.isArray(o) ? o : [o]).reduce(($, d) => ($.push(...U.QrSegment.makeSegments(d)), $), []);
     return U.QrCode.encodeSegments(
       h,
-      $t[a],
+      ft[a],
       c,
       void 0,
       void 0,
       l
     );
   }, [o, a, c, l]), { cells: f, margin: e, numCells: n, calculatedImageSettings: t } = v(() => {
-    const s = p.getModules(), h = Xt(i), $ = s.length + h * 2, d = Vt(s, u, h, r);
+    const s = p.getModules(), h = Zt(i), $ = s.length + h * 2, d = Xt(s, u, h, r);
     return {
       cells: s,
       margin: h,
@@ -1219,7 +1219,7 @@ const U = S, $t = {
     numCells: n,
     calculatedImageSettings: t
   };
-}, xt = ({ svgRef: o, fileSize: a, fileName: c }) => {
+}, Kt = ({ svgRef: o, fileSize: a, fileName: c }) => {
   if (!o.current) return;
   const i = o.current.cloneNode(!0);
   i.setAttribute("width", a.toString()), i.setAttribute("height", a.toString());
@@ -1227,7 +1227,7 @@ const U = S, $t = {
     type: "image/svg+xml"
   }), l = URL.createObjectURL(u), p = document.createElement("a");
   p.href = l, p.download = `${c}.svg`, document.body.appendChild(p), p.click(), document.body.removeChild(p), URL.revokeObjectURL(l);
-}, Kt = ({
+}, Wt = ({
   svgRef: o,
   fileSize: a,
   fileName: c,
@@ -1257,15 +1257,14 @@ const U = S, $t = {
       R.href = e.toDataURL(d), R.download = `${c}.${i}`, document.body.appendChild(R), R.click(), document.body.removeChild(R);
     }
   }, $.onerror = (d) => console.error("Error loading QR code:", d);
-}, Wt = (o) => {
+}, Jt = ct((o, a) => {
   const {
-    ref: a,
     value: c,
-    size: i = ft,
-    level: r = pt,
+    size: i = pt,
+    level: r = mt,
     background: u,
     gradient: l,
-    minVersion: p = mt,
+    minVersion: p = Et,
     boostLevel: f,
     marginSize: e,
     finderPatternOuterSettings: n,
@@ -1273,7 +1272,7 @@ const U = S, $t = {
     dataModulesSettings: s,
     imageSettings: h,
     svgProps: $
-  } = o, d = ct(null), { gradientId: R, bgGradientId: E } = Gt(), { margin: A, cells: M, numCells: m, calculatedImageSettings: g } = Zt({
+  } = o, d = lt(null), { gradientId: R, bgGradientId: E } = jt(), { margin: A, cells: M, numCells: m, calculatedImageSettings: g } = xt({
     value: c,
     level: r,
     minVersion: p,
@@ -1282,14 +1281,14 @@ const U = S, $t = {
     imageSettings: h,
     size: i
   });
-  lt(a, () => ({
+  ht(a, () => ({
     svg: d.current,
     download: ({
-      name: O = Nt,
+      name: O = It,
       format: _ = "svg",
       size: z = 500
     }) => {
-      d.current && (_ === "svg" ? xt({ svgRef: d, fileSize: z, fileName: O }) : Kt({
+      d.current && (_ === "svg" ? Kt({ svgRef: d, fileSize: z, fileName: O }) : Wt({
         svgRef: d,
         fileSize: z,
         fileName: O,
@@ -1303,7 +1302,7 @@ const U = S, $t = {
     }
   }));
   let I = M, w = null;
-  h != null && g != null && (g.excavation != null && (I = jt(M, g.excavation)), w = /* @__PURE__ */ C(
+  h != null && g != null && (g.excavation != null && (I = Vt(M, g.excavation)), w = /* @__PURE__ */ C(
     "image",
     {
       href: h.src,
@@ -1333,24 +1332,24 @@ const U = S, $t = {
       "aria-label": ($ == null ? void 0 : $["aria-label"]) || "QR Code",
       ...$,
       children: [
-        /* @__PURE__ */ C(Yt, { gradient: l, gradientId: R }),
+        /* @__PURE__ */ C(Gt, { gradient: l, gradientId: R }),
         /* @__PURE__ */ C(
-          dt,
+          $t,
           {
             background: u,
             bgGradientId: E,
             numCells: m
           }
         ),
-        /* @__PURE__ */ C(qt, { settings: n, ...P }),
-        /* @__PURE__ */ C(kt, { settings: t, ...P }),
-        /* @__PURE__ */ C(Qt, { settings: s, ...P }),
+        /* @__PURE__ */ C(Yt, { settings: n, ...P }),
+        /* @__PURE__ */ C(qt, { settings: t, ...P }),
+        /* @__PURE__ */ C(kt, { settings: s, ...P }),
         w
       ]
     }
   );
-};
-Wt.displayName = "ReactQRCode";
+});
+Jt.displayName = "ReactQRCode";
 export {
-  Wt as ReactQRCode
+  Jt as ReactQRCode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/react-qr-code",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "React library to generate QR codes",
   "author": "LGLab",
   "license": "MIT",
@@ -46,17 +46,17 @@
     "react": "^18 || ^19"
   },
   "devDependencies": {
-    "@types/node": "^22.13.4",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@types/node": "^22.13.9",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
-    "globals": "^15.15.0",
+    "globals": "^16.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "typescript": "~5.7.3",
-    "typescript-eslint": "^8.24.0",
-    "vite": "^6.1.0",
-    "vite-plugin-dts": "^4.5.0"
+    "typescript": "~5.8.2",
+    "typescript-eslint": "^8.26.0",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.3"
   },
   "scripts": {
     "build": "tsc -b && vite build"