meticulous-ui 3.10.8 → 3.11.1

package/cjs/components/Pagination/Pagination.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),D=require("react"),y=require("styled-components"),L=require("../Icons/ChevronLeft.cjs"),b=require("../Icons/ChevronRight.cjs"),I=require("../Ripple/Ripple.cjs"),B=require("../../colors/colorMap.cjs"),P=require("../../colors/teal.cjs"),M=require("../../colors/grey.cjs"),q=require("../../colors/white.cjs"),O=require("../../colors/black.cjs"),o=require("./constants.cjs"),F=e=>e&&e.__esModule?e:{default:e},f=F(y),j=e=>({$shades:i})=>{if(["#FFFFFF"].includes(i))return O.black.m900;if(e===o.SELECTED_BG)return i.m600;if(e===o.NOT_SELECTED_BG)return i.m50;if(e===o.ACTIVE_NOT_SELECTED_BG)return i.m100},w=f.default.nav`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),D=require("react"),y=require("styled-components"),L=require("../Icons/ChevronLeft.cjs"),b=require("../Icons/ChevronRight.cjs"),I=require("../Ripple/Ripple.cjs"),B=require("../../colors/colorMap.cjs"),P=require("../../colors/teal.cjs"),M=require("../../colors/grey.cjs"),q=require("../../colors/white.cjs"),O=require("../../colors/black.cjs"),o=require("./constants.cjs"),F=e=>e&&e.__esModule?e:{default:e},a=F(y),j=e=>({$shades:i})=>{if(["#FFFFFF"].includes(i))return O.black.m900;if(e===o.SELECTED_BG)return i.m600;if(e===o.NOT_SELECTED_BG)return i.m50;if(e===o.ACTIVE_NOT_SELECTED_BG)return i.m100},p=a.default.nav`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -10,7 +10,7 @@
       pointer-events: none;
       opacity: 0.4;
     `};
-`,K=f.default.button`
+`,K=a.default.button`
   border: none;
   padding: 0;
   font-family: inherit;
@@ -36,6 +36,7 @@
         `:y.css`
           cursor: pointer;
           color: ${M.default.m500};
+          background-color: transparent;
 
           &:hover {
             background-color: ${j(o.NOT_SELECTED_BG)};
@@ -50,11 +51,11 @@
             outline: 1px solid ${j(o.NOT_SELECTED_BG)};
           }
         `}
-`,Z=f.default.span`
+`,Z=a.default.span`
   color: ${M.default.m700};
   font-size: 1.4rem;
   user-select: none;
-`,G=f.default.button`
+`,G=a.default.button`
   border: none;
   background: none;
   padding: 0;
@@ -68,13 +69,13 @@
   &:focus-visible {
     outline: 1px solid ${({$shades:e})=>e==null?void 0:e.m600};
   }
-`,z=f.default(L.default)`
+`,z=a.default(L.default)`
   cursor: pointer;
-`,U=f.default(b.default)`
+`,g=a.default(b.default)`
   cursor: pointer;
-`,p=f.default.div`
+`,w=a.default.div`
   min-width: ${({size:e})=>e};
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,h=({size:e,selected:i,shades:n,changePage:C})=>t=>{const _=o.SIZE_REM_MAPPING[e],$=o.FONT_SIZE_MAPPING[e],a=n,s=i===t,l=()=>{C(t)},x=u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l())};return r.jsx(K,{"data-testid":s?"current-page":`test-${t}`,$isSelected:s,onClick:l,onKeyDown:x,tabIndex:s?0:-1,"aria-label":`Page ${t}`,"aria-current":s?"page":void 0,$shades:a,$individualRemSize:_,$fontRemSize:$,children:t},`page_${t}`)},T=()=>r.jsx(Z,{"aria-hidden":"true",children:"…"}),A=({iconSize:e,shades:i,setPrevPage:n})=>r.jsx(G,{onClick:n,"aria-label":"Previous page",$shades:i,children:r.jsx(I.default,{rippleColor:i.m50,children:r.jsx(z,{size:e,"aria-hidden":"true"})})}),k=({iconSize:e,shades:i,setNextPage:n})=>r.jsx(G,{onClick:n,"aria-label":"Next page",$shades:i,children:r.jsx(I.default,{rippleColor:i.m50,children:r.jsx(U,{size:e,"aria-hidden":"true"})})}),V=({pageNumber:e,setPageNumber:i,totalPages:n,theme:C="lime",size:t=o.MEDIUM,isDisabled:_=!1,...$})=>{var R;const a=D.useRef(null),s=D.useRef(!1);D.useEffect(()=>{var d,v;s.current&&(s.current=!1,(v=(d=a.current)==null?void 0:d.querySelector('[aria-current="page"]'))==null||v.focus())},[e]);const l=d=>{d!==e&&i(d)},x=()=>{e>1&&l(e-1)},u=()=>{e<n&&l(e+1)},S=d=>{["ArrowLeft","ArrowUp"].includes(d.code)&&(s.current=!0,x()),["ArrowRight","ArrowDown"].includes(d.code)&&(s.current=!0,u())},c=(R=B.default[C])!=null?R:P.default,m=o.SIZE_REM_MAPPING[t],E=o.ICON_SIZE_MAPPING[t];return n<=7?r.jsxs(w,{ref:a,onKeyDown:S,"aria-label":"Pagination",$isDisabled:_,...$,children:[r.jsx(A,{iconSize:E,shades:c,setPrevPage:x}),r.jsx(p,{size:`${n*m}rem`,children:Array.from({length:n},(d,v)=>v+1).map(h({size:t,selected:e,shades:c,changePage:l}))}),r.jsx(k,{iconSize:E,shades:c,setNextPage:u})]}):n<10||e<4||e>n-3&&e<=n?r.jsxs(w,{ref:a,onKeyDown:S,"aria-label":"Pagination",$isDisabled:_,...$,children:[r.jsx(A,{iconSize:E,shades:c,setPrevPage:x}),r.jsxs(p,{size:`${9*m}rem`,children:[[1,2,3,4].map(h({size:t,selected:e,shades:c,changePage:l})),T(),[n-3,n-2,n-1,n].map(h({size:t,selected:e,shades:c,changePage:l}))]}),r.jsx(k,{iconSize:E,shades:c,setNextPage:u})]}):r.jsxs(w,{ref:a,onKeyDown:S,"aria-label":"Pagination",$isDisabled:_,children:[r.jsx(A,{iconSize:E,shades:c,setPrevPage:x}),r.jsxs(p,{size:`${9*m}rem`,children:[[1,2].map(h({size:t,selected:e,shades:c,changePage:l})),e>4&&T(),[e-1,e,e+1].map(h({size:t,selected:e,shades:c,changePage:l})),e<n-3&&T(),[n-1,n].map(h({size:t,selected:e,shades:c,changePage:l}))]}),r.jsx(k,{iconSize:E,shades:c,setNextPage:u})]})};exports.default=V;
+`,h=({size:e,selected:i,shades:n,changePage:C})=>t=>{const _=o.SIZE_REM_MAPPING[e],$=o.FONT_SIZE_MAPPING[e],f=n,s=i===t,l=()=>{C(t)},x=u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l())};return r.jsx(K,{"data-testid":s?"current-page":`test-${t}`,$isSelected:s,onClick:l,onKeyDown:x,tabIndex:s?0:-1,"aria-label":`Page ${t}`,"aria-current":s?"page":void 0,$shades:f,$individualRemSize:_,$fontRemSize:$,children:t},`page_${t}`)},T=()=>r.jsx(Z,{"aria-hidden":"true",children:"…"}),A=({iconSize:e,shades:i,setPrevPage:n})=>r.jsx(G,{onClick:n,"aria-label":"Previous page",$shades:i,children:r.jsx(I.default,{rippleColor:i.m50,children:r.jsx(z,{size:e,"aria-hidden":"true"})})}),k=({iconSize:e,shades:i,setNextPage:n})=>r.jsx(G,{onClick:n,"aria-label":"Next page",$shades:i,children:r.jsx(I.default,{rippleColor:i.m50,children:r.jsx(g,{size:e,"aria-hidden":"true"})})}),U=({pageNumber:e,setPageNumber:i,totalPages:n,theme:C="lime",size:t=o.MEDIUM,isDisabled:_=!1,...$})=>{var R;const f=D.useRef(null),s=D.useRef(!1);D.useEffect(()=>{var d,v;s.current&&(s.current=!1,(v=(d=f.current)==null?void 0:d.querySelector('[aria-current="page"]'))==null||v.focus())},[e]);const l=d=>{d!==e&&i(d)},x=()=>{e>1&&l(e-1)},u=()=>{e<n&&l(e+1)},S=d=>{["ArrowLeft","ArrowUp"].includes(d.code)&&(s.current=!0,x()),["ArrowRight","ArrowDown"].includes(d.code)&&(s.current=!0,u())},c=(R=B.default[C])!=null?R:P.default,m=o.SIZE_REM_MAPPING[t],E=o.ICON_SIZE_MAPPING[t];return n<=7?r.jsxs(p,{ref:f,onKeyDown:S,"aria-label":"Pagination",$isDisabled:_,...$,children:[r.jsx(A,{iconSize:E,shades:c,setPrevPage:x}),r.jsx(w,{size:`${n*m}rem`,children:Array.from({length:n},(d,v)=>v+1).map(h({size:t,selected:e,shades:c,changePage:l}))}),r.jsx(k,{iconSize:E,shades:c,setNextPage:u})]}):n<10||e<4||e>n-3&&e<=n?r.jsxs(p,{ref:f,onKeyDown:S,"aria-label":"Pagination",$isDisabled:_,...$,children:[r.jsx(A,{iconSize:E,shades:c,setPrevPage:x}),r.jsxs(w,{size:`${9*m}rem`,children:[[1,2,3,4].map(h({size:t,selected:e,shades:c,changePage:l})),T(),[n-3,n-2,n-1,n].map(h({size:t,selected:e,shades:c,changePage:l}))]}),r.jsx(k,{iconSize:E,shades:c,setNextPage:u})]}):r.jsxs(p,{ref:f,onKeyDown:S,"aria-label":"Pagination",$isDisabled:_,children:[r.jsx(A,{iconSize:E,shades:c,setPrevPage:x}),r.jsxs(w,{size:`${9*m}rem`,children:[[1,2].map(h({size:t,selected:e,shades:c,changePage:l})),e>4&&T(),[e-1,e,e+1].map(h({size:t,selected:e,shades:c,changePage:l})),e<n-3&&T(),[n-1,n].map(h({size:t,selected:e,shades:c,changePage:l}))]}),r.jsx(k,{iconSize:E,shades:c,setNextPage:u})]})};exports.default=U;

package/cjs/utils/getJsonContentAsQr.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I={L:0,M:1,Q:2,H:3},G=[1,0,3,2],N=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,48],[134,106,74,57],[154,122,86,69],[192,152,108,79],[230,180,130,97],[271,213,151,116],[321,251,177,135],[367,287,203,157],[425,331,241,185],[458,362,258,193],[520,402,292,215],[586,450,322,253],[644,504,364,283],[718,560,394,313],[792,624,442,341],[858,666,482,385],[929,711,509,406],[1003,779,565,442],[1091,857,611,464],[1171,911,661,514],[1273,997,715,538],[1367,1059,751,596],[1465,1125,805,628],[1528,1190,868,661],[1628,1264,908,701],[1732,1370,982,745],[1840,1452,1030,793],[1952,1538,1112,845],[2068,1628,1168,901],[2188,1722,1228,961],[2303,1809,1283,986],[2431,1911,1351,1054],[2563,1989,1423,1096],[2699,2099,1499,1142],[2809,2213,1579,1222],[2953,2331,1663,1276]],O=[[[7,1,19,0,0],[10,1,16,0,0],[13,1,13,0,0],[17,1,9,0,0]],[[10,1,34,0,0],[16,1,28,0,0],[22,1,22,0,0],[28,1,16,0,0]],[[15,1,55,0,0],[26,1,44,0,0],[18,2,17,0,0],[22,2,13,0,0]],[[20,1,80,0,0],[18,2,32,0,0],[26,2,24,0,0],[16,4,9,0,0]],[[26,1,108,0,0],[24,2,43,0,0],[18,2,15,2,16],[22,2,11,2,12]],[[18,2,68,0,0],[16,4,27,0,0],[24,4,19,0,0],[28,4,15,0,0]],[[20,2,78,0,0],[18,4,31,0,0],[18,2,14,4,15],[26,4,13,1,14]],[[24,2,97,0,0],[22,2,38,2,39],[22,4,18,2,19],[26,4,14,2,15]],[[30,2,116,0,0],[22,3,36,2,37],[20,4,16,4,17],[24,4,12,4,13]],[[18,2,68,2,69],[26,4,43,1,44],[24,6,19,2,20],[28,6,15,2,16]],[[20,4,81,0,0],[30,1,50,4,51],[28,4,22,4,23],[24,3,12,8,13]],[[24,2,92,2,93],[22,6,36,2,37],[26,4,20,6,21],[28,7,14,4,15]],[[26,4,107,0,0],[22,8,37,1,38],[24,8,20,4,21],[22,12,11,4,12]],[[30,3,115,1,116],[24,4,40,5,41],[20,11,16,5,17],[24,11,12,5,13]],[[22,5,87,1,88],[24,5,41,5,42],[30,5,24,7,25],[24,11,12,7,13]],[[24,5,98,1,99],[28,7,45,3,46],[24,15,19,2,20],[30,3,15,13,16]],[[28,1,107,5,108],[28,10,46,1,47],[28,1,22,15,23],[28,2,14,17,15]],[[30,5,120,1,121],[26,9,43,4,44],[28,17,22,1,23],[28,2,14,19,15]],[[28,3,113,4,114],[26,3,44,11,45],[26,17,21,4,22],[26,9,13,16,14]],[[28,3,107,5,108],[26,3,41,13,42],[30,15,24,5,25],[28,15,15,10,16]],[[28,4,116,4,117],[26,17,42,0,0],[28,17,22,6,23],[30,19,16,6,17]],[[28,2,111,7,112],[28,17,46,0,0],[30,7,24,16,25],[24,34,13,0,0]],[[30,4,121,5,122],[28,4,47,14,48],[30,11,24,14,25],[30,16,15,14,16]],[[30,6,117,4,118],[28,6,45,14,46],[30,11,24,16,25],[30,30,16,2,17]],[[26,8,106,4,107],[28,8,47,13,48],[30,7,24,22,25],[30,22,15,13,16]],[[28,10,114,2,115],[28,19,46,4,47],[28,28,22,6,23],[30,33,16,4,17]],[[30,8,122,4,123],[28,22,45,3,46],[30,8,23,26,24],[30,12,15,28,16]],[[30,3,117,10,118],[28,3,45,23,46],[30,4,24,31,25],[30,11,15,31,16]],[[30,7,116,7,117],[28,21,45,7,46],[30,1,23,37,24],[30,19,15,26,16]],[[30,5,115,10,116],[28,19,45,10,46],[30,15,24,25,25],[30,23,15,25,16]],[[30,13,115,3,116],[28,2,45,29,46],[30,42,24,1,25],[30,23,15,28,16]],[[30,17,115,0,0],[28,10,45,23,46],[30,10,24,35,25],[30,19,15,35,16]],[[30,17,115,1,116],[28,14,45,21,46],[30,29,24,19,25],[30,11,15,46,16]],[[30,13,115,6,116],[28,14,45,23,46],[30,44,24,7,25],[30,59,16,1,17]],[[30,12,121,7,122],[28,12,45,26,46],[30,39,24,14,25],[30,22,15,41,16]],[[30,6,121,14,122],[28,6,45,34,46],[30,46,24,10,25],[30,2,15,64,16]],[[30,17,122,4,123],[28,29,45,14,46],[30,49,24,10,25],[30,24,15,46,16]],[[30,4,122,18,123],[28,13,45,32,46],[30,48,24,14,25],[30,42,15,32,16]],[[30,20,117,4,118],[28,40,45,7,46],[30,43,24,22,25],[30,10,15,67,16]],[[30,19,118,6,119],[28,18,45,31,46],[30,34,24,34,25],[30,20,15,61,16]]],R=[[],[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]],U=new Uint8Array(512),S=new Uint8Array(256);(()=>{let e=1;for(let t=0;t<255;t++)U[t]=e,S[e]=t,e<<=1,e&256&&(e^=285);for(let t=255;t<512;t++)U[t]=U[t-255]})();const j=(e,t)=>e===0||t===0?0:U[S[e]+S[t]],T=(e,t)=>{const o=new Uint8Array(e.length+t.length-1);for(let r=0;r<e.length;r++)for(let c=0;c<t.length;c++)o[r+c]^=j(e[r],t[c]);return o},B=e=>{let t=new Uint8Array([1]);for(let o=0;o<e;o++)t=T(t,new Uint8Array([1,U[o]]));return t},J=(e,t)=>{const o=B(t),r=new Uint8Array(e.length+t);r.set(e);for(let c=0;c<e.length;c++){const a=r[c];if(a!==0)for(let i=1;i<o.length;i++)r[c+i]^=j(o[i],a)}return r.slice(e.length)},Q=(e,t,o)=>{const[r,c,a,i,g]=O[t-1][o],s=c*a+i*g,f=new TextEncoder().encode(e),h=[],l=(d,M)=>{for(let y=M-1;y>=0;y--)h.push(d>>y&1)};l(4,4),l(f.length,t<=9?8:16);for(const d of f)l(d,8);const n=s*8;for(let d=0;d<4&&h.length<n;d++)h.push(0);for(;h.length%8!==0;)h.push(0);const b=[236,17];let u=0;for(;h.length<n;)l(b[u++%2],8);const p=[];for(let d=0;d<h.length;d+=8){let M=0;for(let y=0;y<8;y++)M=M<<1|h[d+y];p.push(M)}return{codewords:p,ecPerBlock:r,nb1:c,db1:a,nb2:i,db2:g}},K=(e,t,o,r,c,a)=>{const i=[];let g=0;for(let l=0;l<o;l++)i.push(e.slice(g,g+r)),g+=r;for(let l=0;l<c;l++)i.push(e.slice(g,g+a)),g+=a;const s=i.map(l=>J(new Uint8Array(l),t)),f=[],h=Math.max(r,a||0);for(let l=0;l<h;l++)for(const n of i)l<n.length&&f.push(n[l]);for(let l=0;l<t;l++)for(const n of s)f.push(n[l]);return f},H=(e,t)=>{const o=4*e+17,r=new Uint8Array(o*o),c=new Uint8Array(o*o),a=(n,b,u)=>{r[n*o+b]=u?1:0,c[n*o+b]=1},i=(n,b)=>{c[n*o+b]=1},g=(n,b)=>{for(let u=-1;u<=7;u++)for(let p=-1;p<=7;p++){const d=n+u,M=b+p;if(d<0||d>=o||M<0||M>=o)continue;const y=u>=0&&u<=6&&p>=0&&p<=6;a(d,M,y&&(u===0||u===6||p===0||p===6||u>=2&&u<=4&&p>=2&&p<=4))}};g(0,0),g(0,o-7),g(o-7,0);for(let n=8;n<o-8;n++)a(6,n,n%2===0),a(n,6,n%2===0);a(4*e+9,8,!0);const s=R[e-1];for(let n=0;n<s.length;n++)for(let b=0;b<s.length;b++){const u=s[n],p=s[b];if(!c[u*o+p])for(let d=-2;d<=2;d++)for(let M=-2;M<=2;M++)a(u+d,p+M,Math.abs(d)===2||Math.abs(M)===2||d===0&&M===0)}for(let n=0;n<=8;n++)i(n,8),i(8,n);for(let n=0;n<8;n++)i(o-1-n,8),i(8,o-1-n);if(e>=7)for(let n=0;n<18;n++){const b=n%6,u=Math.floor(n/6);i(b,o-11+u),i(o-11+u,b)}const f=[];for(const n of t)for(let b=7;b>=0;b--)f.push(n>>b&1);let h=0,l=!0;for(let n=o-1;n>=1;n-=2){n===6&&n--;for(let b=0;b<o;b++){const u=l?o-1-b:b;for(let p=0;p<2;p++){const d=n-p;c[u*o+d]||(r[u*o+d]=h<f.length?f[h++]:0)}}l=!l}return{modules:r,reserved:c,size:o}},V=[(e,t)=>(e+t)%2===0,(e,t)=>e%2===0,(e,t)=>t%3===0,(e,t)=>(e+t)%3===0,(e,t)=>(Math.floor(e/2)+Math.floor(t/3))%2===0,(e,t)=>e*t%2+e*t%3===0,(e,t)=>(e*t%2+e*t%3)%2===0,(e,t)=>((e+t)%2+e*t%3)%2===0],E=(e,t,o,r)=>{const c=V[r],a=new Uint8Array(e);for(let i=0;i<o;i++)for(let g=0;g<o;g++)!t[i*o+g]&&c(i,g)&&(a[i*o+g]^=1);return a},W=(e,t)=>{let o=0;for(let s=0;s<t;s++)for(const f of[!0,!1]){let h=1,l=-1;for(let n=0;n<t;n++){const b=f?e[s*t+n]:e[n*t+s];b===l?(h++,h===5?o+=3:h>5&&o++):(h=1,l=b)}}for(let s=0;s<t-1;s++)for(let f=0;f<t-1;f++){const h=e[s*t+f];h===e[s*t+f+1]&&h===e[(s+1)*t+f]&&h===e[(s+1)*t+f+1]&&(o+=3)}const r=[1,0,1,1,1,0,1,0,0,0,0],c=[0,0,0,0,1,0,1,1,1,0,1];for(let s=0;s<t;s++)for(let f=0;f<=t-11;f++){let h=!0,l=!0,n=!0,b=!0;for(let u=0;u<11;u++)e[s*t+f+u]!==r[u]&&(h=!1),e[s*t+f+u]!==c[u]&&(l=!1),e[(f+u)*t+s]!==r[u]&&(n=!1),e[(f+u)*t+s]!==c[u]&&(b=!1);(h||l)&&(o+=40),(n||b)&&(o+=40)}const i=e.reduce((s,f)=>s+f,0)/(t*t)*100,g=Math.floor(i/5)*5;return o+=Math.min(Math.abs(g-50),Math.abs(g+5-50))*2,o},L=(e,t)=>{const o=G[e]<<3|t;let r=o<<10;for(let c=14;c>=10;c--)r&1<<c&&(r^=1335<<c-10);return(o<<10|r)^21522},X=[[8,0],[8,1],[8,2],[8,3],[8,4],[8,5],[8,7],[8,8],[7,8],[5,8],[4,8],[3,8],[2,8],[1,8],[0,8]],P=(e,t,o)=>{for(let r=0;r<15;r++){const c=o>>r&1,[a,i]=X[r];e[a*t+i]=c,r<7?e[(t-1-r)*t+8]=c:e[8*t+(t-15+r)]=c}e[(t-8)*t+8]=1},D=(e,t,o)=>{let r=o<<12;for(let a=17;a>=12;a--)r&1<<a&&(r^=7973<<a-12);const c=o<<12|r;for(let a=0;a<18;a++){const i=c>>a&1,g=a%6,s=Math.floor(a/6);e[g*t+(t-11+s)]=i,e[(t-11+s)*t+g]=i}},$=(e,t,o)=>{const{width:r=256,margin:c=2,darkColor:a="#000000",lightColor:i="#ffffff"}=o,g=Math.max(1,Math.floor(r/(t+2*c))),s=g*(t+2*c),f=document.createElement("canvas");f.width=f.height=s;const h=f.getContext("2d");h.fillStyle=i,h.fillRect(0,0,s,s),h.fillStyle=a;for(let l=0;l<t;l++)for(let n=0;n<t;n++)e[l*t+n]&&h.fillRect((c+n)*g,(c+l)*g,g,g);return f.toDataURL("image/png")},Y=(e,t={})=>{var o;try{const{width:r=256,errorCorrectionLevel:c="M",margin:a=2,darkColor:i="#000000",lightColor:g="#ffffff"}=t,s=JSON.stringify(e);if(!s||s==="undefined")return{success:!1,error:"Input is not JSON-serialisable."};const f=(o=I[c])!=null?o:I.M,h=new TextEncoder().encode(s).length;let l=null;for(let w=1;w<=40;w++)if(N[w-1][f]>=h){l=w;break}if(!l)return{success:!1,error:`Payload too large for QR (${h} bytes).`};const{codewords:n,ecPerBlock:b,nb1:u,db1:p,nb2:d,db2:M}=Q(s,l,f),y=K(n,b,u,p,d,M),{modules:C,reserved:v,size:x}=H(l,y);let A=0,F=1/0;for(let w=0;w<8;w++){const k=E(C,v,x,w);P(k,x,L(f,w)),l>=7&&D(k,x,l);const m=W(k,x);m<F&&(F=m,A=w)}const _=E(C,v,x,A);return P(_,x,L(f,A)),l>=7&&D(_,x,l),{success:!0,dataUrl:$(_,x,{width:r,margin:a,darkColor:i,lightColor:g}),text:s,byteSize:h,version:l}}catch(r){return{success:!1,error:r.message}}};exports.default=Y;
+"use strict";var m=Object.create;var c=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var R=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!L.call(t,r)&&r!==o&&c(t,r,{get:()=>e[r],enumerable:!(a=U(e,r))||a.enumerable});return t};var S=(t,e,o)=>(o=t!=null?m(C(t)):{},R(e||!t||!t.__esModule?c(o,"default",{value:t,enumerable:!0}):o,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let n=null;const b=()=>(n||(n=import("https://esm.sh/qrcode@1")),n),f=t=>/^#[0-9a-fA-F]{6}$/.test(t)?t+"ff":t,p=async(t,e={})=>{var o,a;try{const{width:r=256,errorCorrectionLevel:i="M",margin:u=2,darkColor:d="#000000ff",lightColor:g="#ffffffff"}=e,s=JSON.stringify(t);if(!s||s==="undefined")return{success:!1,error:"Input is not JSON-serialisable."};const l=await b();return{success:!0,dataUrl:await((a=(o=l.default)==null?void 0:o.toDataURL)!=null?a:l.toDataURL)(s,{width:r,margin:u,errorCorrectionLevel:i,color:{dark:f(d),light:f(g)}}),text:s,byteSize:new TextEncoder().encode(s).length}}catch(r){return{success:!1,error:r.message}}};exports.default=p;

package/cjs/utils/getQrAsJsonContent.cjs

@@ -0,0 +1 @@
+"use strict";var P=Object.create;var N=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var G=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of V(t))!Z.call(e,a)&&a!==s&&N(e,a,{get:()=>t[a],enumerable:!(o=W(t,a))||o.enumerable});return e};var F=(e,t,s)=>(s=e!=null?P(Y(e)):{},G(t||!e||!e.__esModule?N(s,"default",{value:e,enumerable:!0}):s,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let S=null;const K=()=>(S||(S=import("https://esm.sh/@zxing/library@0.21.3")),S);let b=null;const X=()=>(b||(b=import("https://esm.sh/jsqr@1")),b),ee=e=>new Promise((t,s)=>{if(typeof HTMLImageElement!="undefined"&&e instanceof HTMLImageElement&&e.complete&&e.naturalWidth>0)return t({img:e,revoke:!1});let o,a;if(typeof e=="string")o=e,a=!1;else if(typeof Blob!="undefined"&&e instanceof Blob)o=URL.createObjectURL(e),a=!0;else if(typeof HTMLCanvasElement!="undefined"&&e instanceof HTMLCanvasElement)o=e.toDataURL(),a=!1;else if(typeof ImageData!="undefined"&&e instanceof ImageData){const p=document.createElement("canvas");p.width=e.width,p.height=e.height,p.getContext("2d").putImageData(e,0,0),o=p.toDataURL(),a=!1}else if(typeof HTMLImageElement!="undefined"&&e instanceof HTMLImageElement)o=e.src,a=!1;else return s(new TypeError("Unsupported source type."));const i=new Image;i.onload=()=>t({img:i,revoke:a,objectUrl:o}),i.onerror=()=>{a&&URL.revokeObjectURL(o),s(new Error("Image failed to load."))},i.src=o}),J=(e,t=1)=>{const s=(e.naturalWidth||e.width)*t,o=(e.naturalHeight||e.height)*t,a=document.createElement("canvas");a.width=s,a.height=o;const i=a.getContext("2d");return i.imageSmoothingEnabled=!1,i.fillStyle="#ffffff",i.fillRect(0,0,s,o),i.drawImage(e,0,0,s,o),{canvas:a,ctx:i,w:s,h:o}},te=async e=>{var s,o,a,i,p,T,H,U;const t=[];try{if(e==null)return{success:!1,error:"No source provided."};let f,I,M;try{({img:f,revoke:I,objectUrl:M}=await ee(e))}catch(n){return{success:!1,error:`Could not load image: ${n.message}`}}const O=f.naturalWidth||f.width,_=f.naturalHeight||f.height;if(t.push(`img ${O}×${_}`),O===0||_===0)return I&&URL.revokeObjectURL(M),{success:!1,error:"Image has zero dimensions."};const{canvas:A,ctx:z,w:m,h:R}=J(f,1),{canvas:L,ctx:q}=J(f,4);I&&URL.revokeObjectURL(M);const B=z.getImageData(0,0,m,R).data,Q=(n,u)=>{const r=(u*m+n)*4;return`(${B[r]},${B[r+1]},${B[r+2]})`};t.push(`pixels tl=${Q(0,0)} center=${Q(Math.floor(m/2),Math.floor(R/2))} m10%=${Q(Math.round(m*.1),Math.round(R*.1))}`);{const n=Math.floor(R/2);let u=0,r=B[n*m*4]>127;for(let c=1;c<m;c++){const h=B[(n*m+c)*4]>127;h!==r&&(u++,r=h)}t.push(`mid-row transitions: ${u}`)}let l=null,D=null;if(typeof BarcodeDetector=="undefined")t.push("BarcodeDetector: not available");else try{if(!(await BarcodeDetector.getSupportedFormats()).includes("qr_code"))t.push("BarcodeDetector: qr_code not in supported formats");else{const u=new BarcodeDetector({formats:["qr_code"]});let r=await u.detect(f);if(r.length)l=r[0].rawValue,D="BarcodeDetector",t.push("BarcodeDetector: found via img");else{t.push("BarcodeDetector (img): 0 results");try{const c=await createImageBitmap(f);r=await u.detect(c),r.length?(l=r[0].rawValue,D="BarcodeDetector",t.push("BarcodeDetector: found via ImageBitmap(img)")):t.push("BarcodeDetector (ImageBitmap): 0 results")}catch(c){t.push(`BarcodeDetector ImageBitmap: threw "${(s=c==null?void 0:c.message)!=null?s:c}"`)}}}}catch(n){t.push(`BarcodeDetector: threw "${(o=n==null?void 0:n.message)!=null?o:n}"`)}if(l===null)try{const n=await K(),{MultiFormatReader:u,BinaryBitmap:r,HybridBinarizer:c,HTMLCanvasElementLuminanceSource:h,DecodeHintType:g,BarcodeFormat:w}=n,v=(j,E)=>{var k;if(typeof h!="function")return null;const x=new u;try{const d=new Map;g&&w&&(d.set(g.POSSIBLE_FORMATS,[w.QR_CODE]),d.set(g.TRY_HARDER,!0)),d.size&&x.setHints(d)}catch(d){}try{const d=new h(j),y=new r(new c(d)),$=x.decode(y);if($)return t.push(`@zxing ${E}: found QR`),$.getText()}catch(d){const y=(k=d==null?void 0:d.message)!=null?k:String(d),$=y.includes("Not Found")||y.includes("NotFoundException")||y.includes("No Multi");t.push(`@zxing ${E}: ${$?"no QR found":`threw "${y}"`}`)}return null};l=(a=v(A,"1×"))!=null?a:v(L,"4×"),l!==null&&(D="@zxing/library")}catch(n){t.push(`@zxing/library: load failed — "${(i=n==null?void 0:n.message)!=null?i:n}"`)}if(l===null)try{const n=await X(),u=(p=n.default)!=null?p:n;if(typeof u!="function")t.push(`jsQR: not a function (got ${typeof((T=n.default)!=null?T:n)})`);else{const r=(c,h,g,w)=>{const v=c.getImageData(0,0,h,g),j=(Math.floor(g/2)*h+Math.floor(h/2))*4;if(v.data[j]>200)return t.push(`jsQR ${w}: canvas appears blank (center pixel white), skipping`),null;const x=u(v.data,h,g,{inversionAttempts:"attemptBoth"});return x?(t.push(`jsQR ${w}: found QR`),x.data):(t.push(`jsQR ${w}: null`),null)};l=(H=r(z,m,R,"1×"))!=null?H:r(q,L.width,L.height,"4×"),l!==null&&(D="jsQR")}}catch(n){t.push(`jsQR: threw "${(U=n==null?void 0:n.message)!=null?U:String(n)}"`)}if(l===null)return{success:!1,error:`No QR code detected. Details: ${t.join(" | ")}`};let C;try{C=JSON.parse(l)}catch(n){return{success:!1,error:`QR decoded, but content is not valid JSON: ${l.slice(0,120)}`}}return{success:!0,json:C,text:l,source:D}}catch(f){return{success:!1,error:f.message}}};exports.default=te;

package/components/Pagination/Pagination.js

@@ -1,25 +1,25 @@
-import { jsxs as $, jsx as i } from "react/jsx-runtime";
-import { useRef as L, useEffect as B } from "react";
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
+import { useRef as F, useEffect as B } from "react";
 import f, { css as R } from "styled-components";
 import O from "../Icons/ChevronLeft.js";
 import z from "../Icons/ChevronRight.js";
-import b from "../Ripple/Ripple.js";
+import M from "../Ripple/Ripple.js";
 import Z from "../../colors/colorMap.js";
 import U from "../../colors/teal.js";
 import j from "../../colors/grey.js";
-import M from "../../colors/white.js";
+import L from "../../colors/white.js";
 import { black as q } from "../../colors/black.js";
-import { ICON_SIZE_MAPPING as H, MEDIUM as V, FONT_SIZE_MAPPING as J, SIZE_REM_MAPPING as G, SELECTED_BG as I, NOT_SELECTED_BG as T, ACTIVE_NOT_SELECTED_BG as K } from "./constants.js";
-const v = (e) => ({ $shades: o }) => {
-  if (["#FFFFFF"].includes(o))
+import { ICON_SIZE_MAPPING as H, MEDIUM as V, FONT_SIZE_MAPPING as g, SIZE_REM_MAPPING as G, SELECTED_BG as I, NOT_SELECTED_BG as T, ACTIVE_NOT_SELECTED_BG as K } from "./constants.js";
+const v = (e) => ({ $shades: i }) => {
+  if (["#FFFFFF"].includes(i))
     return q.m900;
   if (e === I)
-    return o.m600;
+    return i.m600;
   if (e === T)
-    return o.m50;
+    return i.m50;
   if (e === K)
-    return o.m100;
-}, A = f.nav`
+    return i.m100;
+}, k = f.nav`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -31,7 +31,7 @@ const v = (e) => ({ $shades: o }) => {
       pointer-events: none;
       opacity: 0.4;
     `};
-`, Q = f.button`
+`, J = f.button`
   border: none;
   padding: 0;
   font-family: inherit;
@@ -48,7 +48,7 @@ const v = (e) => ({ $shades: o }) => {
   font-size: ${({ $fontRemSize: e }) => e}rem;
   ${({ $isSelected: e }) => e ? R`
           cursor: auto;
-          color: ${M};
+          color: ${L};
           background-color: ${v(I)};
 
           &:focus-visible {
@@ -57,6 +57,7 @@ const v = (e) => ({ $shades: o }) => {
         ` : R`
           cursor: pointer;
           color: ${j.m500};
+          background-color: transparent;
 
           &:hover {
             background-color: ${v(T)};
@@ -64,14 +65,14 @@ const v = (e) => ({ $shades: o }) => {
 
           &:active {
             background-color: ${v(K)};
-            color: ${M};
+            color: ${L};
           }
 
           &:focus-visible {
             outline: 1px solid ${v(T)};
           }
         `}
-`, W = f.span`
+`, Q = f.span`
   color: ${j.m700};
   font-size: 1.4rem;
   user-select: none;
@@ -89,64 +90,64 @@ const v = (e) => ({ $shades: o }) => {
   &:focus-visible {
     outline: 1px solid ${({ $shades: e }) => e == null ? void 0 : e.m600};
   }
-`, X = f(O)`
+`, W = f(O)`
   cursor: pointer;
-`, Y = f(z)`
+`, X = f(z)`
   cursor: pointer;
-`, D = f.div`
+`, A = f.div`
   min-width: ${({ size: e }) => e};
   display: flex;
   align-items: center;
   justify-content: space-between;
-`, h = ({ size: e, selected: o, shades: n, changePage: x }) => (r) => {
-  const p = G[e], y = J[e], a = n, l = o === r, c = () => {
-    x(r);
+`, h = ({ size: e, selected: i, shades: r, changePage: x }) => (n) => {
+  const p = G[e], y = g[e], a = r, l = i === n, c = () => {
+    x(n);
   }, u = (d) => {
     (d.key === "Enter" || d.key === " ") && (d.preventDefault(), c());
   };
-  return /* @__PURE__ */ i(
-    Q,
+  return /* @__PURE__ */ o(
+    J,
     {
-      "data-testid": l ? "current-page" : `test-${r}`,
+      "data-testid": l ? "current-page" : `test-${n}`,
       $isSelected: l,
       onClick: c,
       onKeyDown: u,
       tabIndex: l ? 0 : -1,
-      "aria-label": `Page ${r}`,
+      "aria-label": `Page ${n}`,
       "aria-current": l ? "page" : void 0,
       $shades: a,
       $individualRemSize: p,
       $fontRemSize: y,
-      children: r
+      children: n
     },
-    `page_${r}`
+    `page_${n}`
   );
-}, S = () => /* @__PURE__ */ i(W, { "aria-hidden": "true", children: "…" }), _ = ({ iconSize: e, shades: o, setPrevPage: n }) => /* @__PURE__ */ i(P, { onClick: n, "aria-label": "Previous page", $shades: o, children: /* @__PURE__ */ i(b, { rippleColor: o.m50, children: /* @__PURE__ */ i(X, { size: e, "aria-hidden": "true" }) }) }), k = ({ iconSize: e, shades: o, setNextPage: n }) => /* @__PURE__ */ i(P, { onClick: n, "aria-label": "Next page", $shades: o, children: /* @__PURE__ */ i(b, { rippleColor: o.m50, children: /* @__PURE__ */ i(Y, { size: e, "aria-hidden": "true" }) }) }), fe = ({
+}, D = () => /* @__PURE__ */ o(Q, { "aria-hidden": "true", children: "…" }), S = ({ iconSize: e, shades: i, setPrevPage: r }) => /* @__PURE__ */ o(P, { onClick: r, "aria-label": "Previous page", $shades: i, children: /* @__PURE__ */ o(M, { rippleColor: i.m50, children: /* @__PURE__ */ o(W, { size: e, "aria-hidden": "true" }) }) }), _ = ({ iconSize: e, shades: i, setNextPage: r }) => /* @__PURE__ */ o(P, { onClick: r, "aria-label": "Next page", $shades: i, children: /* @__PURE__ */ o(M, { rippleColor: i.m50, children: /* @__PURE__ */ o(X, { size: e, "aria-hidden": "true" }) }) }), fe = ({
   pageNumber: e,
-  setPageNumber: o,
-  totalPages: n,
+  setPageNumber: i,
+  totalPages: r,
   theme: x = "lime",
-  size: r = V,
+  size: n = V,
   isDisabled: p = !1,
   ...y
 }) => {
-  var F;
-  const a = L(null), l = L(!1);
+  var b;
+  const a = F(null), l = F(!1);
   B(() => {
     var s, w;
     l.current && (l.current = !1, (w = (s = a.current) == null ? void 0 : s.querySelector('[aria-current="page"]')) == null || w.focus());
   }, [e]);
   const c = (s) => {
-    s !== e && o(s);
+    s !== e && i(s);
   }, u = () => {
     e > 1 && c(e - 1);
   }, d = () => {
-    e < n && c(e + 1);
+    e < r && c(e + 1);
   }, E = (s) => {
     ["ArrowLeft", "ArrowUp"].includes(s.code) && (l.current = !0, u()), ["ArrowRight", "ArrowDown"].includes(s.code) && (l.current = !0, d());
-  }, t = (F = Z[x]) != null ? F : U, C = G[r], m = H[r];
-  return n <= 7 ? /* @__PURE__ */ $(
-    A,
+  }, t = (b = Z[x]) != null ? b : U, C = G[n], m = H[n];
+  return r <= 7 ? /* @__PURE__ */ $(
+    k,
     {
       ref: a,
       onKeyDown: E,
@@ -154,15 +155,15 @@ const v = (e) => ({ $shades: o }) => {
       $isDisabled: p,
       ...y,
       children: [
-        /* @__PURE__ */ i(_, { iconSize: m, shades: t, setPrevPage: u }),
-        /* @__PURE__ */ i(D, { size: `${n * C}rem`, children: Array.from({ length: n }, (s, w) => w + 1).map(
-          h({ size: r, selected: e, shades: t, changePage: c })
+        /* @__PURE__ */ o(S, { iconSize: m, shades: t, setPrevPage: u }),
+        /* @__PURE__ */ o(A, { size: `${r * C}rem`, children: Array.from({ length: r }, (s, w) => w + 1).map(
+          h({ size: n, selected: e, shades: t, changePage: c })
         ) }),
-        /* @__PURE__ */ i(k, { iconSize: m, shades: t, setNextPage: d })
+        /* @__PURE__ */ o(_, { iconSize: m, shades: t, setNextPage: d })
       ]
     }
-  ) : n < 10 || e < 4 || e > n - 3 && e <= n ? /* @__PURE__ */ $(
-    A,
+  ) : r < 10 || e < 4 || e > r - 3 && e <= r ? /* @__PURE__ */ $(
+    k,
     {
       ref: a,
       onKeyDown: E,
@@ -170,38 +171,38 @@ const v = (e) => ({ $shades: o }) => {
       $isDisabled: p,
       ...y,
       children: [
-        /* @__PURE__ */ i(_, { iconSize: m, shades: t, setPrevPage: u }),
-        /* @__PURE__ */ $(D, { size: `${9 * C}rem`, children: [
-          [1, 2, 3, 4].map(h({ size: r, selected: e, shades: t, changePage: c })),
-          S(),
-          [n - 3, n - 2, n - 1, n].map(
-            h({ size: r, selected: e, shades: t, changePage: c })
+        /* @__PURE__ */ o(S, { iconSize: m, shades: t, setPrevPage: u }),
+        /* @__PURE__ */ $(A, { size: `${9 * C}rem`, children: [
+          [1, 2, 3, 4].map(h({ size: n, selected: e, shades: t, changePage: c })),
+          D(),
+          [r - 3, r - 2, r - 1, r].map(
+            h({ size: n, selected: e, shades: t, changePage: c })
           )
         ] }),
-        /* @__PURE__ */ i(k, { iconSize: m, shades: t, setNextPage: d })
+        /* @__PURE__ */ o(_, { iconSize: m, shades: t, setNextPage: d })
       ]
     }
   ) : /* @__PURE__ */ $(
-    A,
+    k,
     {
       ref: a,
       onKeyDown: E,
       "aria-label": "Pagination",
       $isDisabled: p,
       children: [
-        /* @__PURE__ */ i(_, { iconSize: m, shades: t, setPrevPage: u }),
-        /* @__PURE__ */ $(D, { size: `${9 * C}rem`, children: [
-          [1, 2].map(h({ size: r, selected: e, shades: t, changePage: c })),
-          e > 4 && S(),
+        /* @__PURE__ */ o(S, { iconSize: m, shades: t, setPrevPage: u }),
+        /* @__PURE__ */ $(A, { size: `${9 * C}rem`, children: [
+          [1, 2].map(h({ size: n, selected: e, shades: t, changePage: c })),
+          e > 4 && D(),
           [e - 1, e, e + 1].map(
-            h({ size: r, selected: e, shades: t, changePage: c })
+            h({ size: n, selected: e, shades: t, changePage: c })
           ),
-          e < n - 3 && S(),
-          [n - 1, n].map(
-            h({ size: r, selected: e, shades: t, changePage: c })
+          e < r - 3 && D(),
+          [r - 1, r].map(
+            h({ size: n, selected: e, shades: t, changePage: c })
           )
         ] }),
-        /* @__PURE__ */ i(k, { iconSize: m, shades: t, setNextPage: d })
+        /* @__PURE__ */ o(_, { iconSize: m, shades: t, setNextPage: d })
       ]
     }
   );

package/index.d.ts

@@ -1332,16 +1332,15 @@ export declare function waitForTransitionEnd(
 export declare function withTimeout<T>(promise: Promise<T>, ms: number): Promise<T>;
 
 // ---------------------------------------------------------------------------
-// Utility — QR code
+// Utility — QR code encoder
 // ---------------------------------------------------------------------------
 
 /** Options accepted by {@link getJsonContentAsQr}. */
 export interface JsonQrOptions {
-  /** Output image width in pixels (canvas square). Default: `256`. */
+  /** Output image width in pixels. Default: `256`. */
   width?: number;
   /**
    * Reed-Solomon error correction level.
-   * Higher levels survive more physical damage but produce denser codes.
    * - `'L'` ≈ 7 %   restored  (smallest code)
    * - `'M'` ≈ 15 %  restored  (default)
    * - `'Q'` ≈ 25 %  restored
@@ -1350,63 +1349,102 @@ export interface JsonQrOptions {
   errorCorrectionLevel?: 'L' | 'M' | 'Q' | 'H';
   /** Quiet-zone width in QR modules. Default: `2`. */
   margin?: number;
-  /** CSS colour string for dark modules. Default: `'#000000'`. */
+  /** Dark module colour as 6- or 8-char hex. Default: `'#000000ff'`. */
   darkColor?: string;
-  /** CSS colour string for light modules. Default: `'#ffffff'`. */
+  /** Light module colour as 6- or 8-char hex. Default: `'#ffffffff'`. */
   lightColor?: string;
 }
 
-/** Result returned by {@link getJsonContentAsQr}. */
-export interface JsonQrResult {
-  /** `true` when a QR code was successfully generated. */
-  success: boolean;
-  /**
-   * PNG data URL (`data:image/png;base64,…`) ready to use as `<img src>`.
-   * Present only when `success` is `true`.
-   */
-  dataUrl?: string;
-  /**
-   * The exact string that was encoded — `JSON.stringify(json)`.
-   * Present only when `success` is `true`.
-   */
-  text?: string;
-  /**
-   * UTF-8 byte length of the encoded string.
-   * Present only when `success` is `true`.
-   */
-  byteSize?: number;
-  /**
-   * QR version selected (1–40). Higher versions encode more data but produce
-   * larger, denser codes.
-   * Present only when `success` is `true`.
-   */
-  version?: number;
-  /** Human-readable error message. Present only when `success` is `false`. */
-  error?: string;
+/** Successful result from {@link getJsonContentAsQr}. */
+export interface JsonQrSuccess {
+  success: true;
+  /** PNG data URL (`data:image/png;base64,…`) ready for `<img src>` or download. */
+  dataUrl: string;
+  /** The exact string encoded — `JSON.stringify(json)`. */
+  text: string;
+  /** UTF-8 byte length of the encoded string. */
+  byteSize: number;
 }
 
+/** Failure result from {@link getJsonContentAsQr}. */
+export interface JsonQrFailure {
+  success: false;
+  error: string;
+}
+
+/** Result returned by {@link getJsonContentAsQr}. */
+export type JsonQrResult = JsonQrSuccess | JsonQrFailure;
+
 /**
- * Encodes a JSON-serialisable value into a standard 2D QR code (QR Code
- * Model 2, ISO/IEC 18004) and returns the result as a PNG data URL.
- *
- * **Pure JavaScript — zero dependencies.**
- * Implements GF(256) arithmetic, Reed-Solomon error correction, matrix
- * construction, masking, and Canvas rendering entirely in browser JS.
- * No CDN fetch, no npm package, no WASM.
+ * Encodes a JSON-serialisable value into a QR code and returns a PNG data URL.
  *
- * Requires a browser `Canvas` API (`document.createElement('canvas')`).
- * Synchronous — no `await` needed.
+ * Powered by the `qrcode` package loaded on demand from esm.sh.
+ * Requires a browser Canvas API.
  *
  * @example
  * ```ts
- * const result = getJsonContentAsQr({ userId: 42, role: 'admin' });
- * if (result.success) imgEl.src = result.dataUrl!;
+ * const result = await getJsonContentAsQr({ userId: 42, role: 'admin' });
+ * if (result.success) imgEl.src = result.dataUrl;
  * ```
  */
 export declare function getJsonContentAsQr(
   json: unknown,
-  options?: JsonQrOptions,
-): JsonQrResult;
+  options?: JsonQrOptions
+): Promise<JsonQrResult>;
+
+// ---------------------------------------------------------------------------
+// Utility — QR code decoder
+// ---------------------------------------------------------------------------
+
+/**
+ * Source types accepted by {@link getQrAsJsonContent}.
+ * - `string` — a data URL (`data:image/…`) or any URL fetchable by the browser
+ * - `HTMLImageElement` — an already-loaded `<img>` element
+ * - `HTMLCanvasElement` — a canvas whose pixels contain the QR image
+ * - `ImageData` — raw RGBA pixel data
+ * - `Blob` / `File` — image file (e.g. from `<input type="file">`)
+ */
+export type QrSource = string | HTMLImageElement | HTMLCanvasElement | ImageData | Blob | File;
+
+/** Decoder backend that successfully read the QR code. */
+export type QrDecodeSource = 'BarcodeDetector' | '@zxing/library' | 'jsQR';
+
+/** Successful result from {@link getQrAsJsonContent}. */
+export interface QrJsonSuccess {
+  success: true;
+  /** The parsed JavaScript object decoded from the QR. */
+  json: unknown;
+  /** Raw string decoded from the QR before JSON parsing. */
+  text: string;
+  /** Which decoder backend produced the result. */
+  source: QrDecodeSource;
+}
+
+/** Failure result from {@link getQrAsJsonContent}. */
+export interface QrJsonFailure {
+  success: false;
+  error: string;
+}
+
+/** Result returned by {@link getQrAsJsonContent}. */
+export type QrJsonResult = QrJsonSuccess | QrJsonFailure;
+
+/**
+ * Decodes a QR code image back to the JSON object that was originally encoded.
+ *
+ * Tries three decoders in priority order:
+ * 1. Native `BarcodeDetector` API (Chrome 83+, Edge 83+, Safari 17.4+)
+ * 2. `@zxing/library` — pure-JS ZXing port, loaded on demand from esm.sh
+ * 3. `jsQR` — pure-JS fallback, loaded on demand from esm.sh
+ *
+ * @example
+ * ```ts
+ * const [file] = event.target.files;
+ * const result = await getQrAsJsonContent(file);
+ * if (result.success) console.log(result.json);
+ * ```
+ */
+export declare function getQrAsJsonContent(source: QrSource): Promise<QrJsonResult>;
 
 // ---------------------------------------------------------------------------
 // Utility — OCR

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "3.10.8",
+  "version": "3.11.1",
   "license": "ISC",
   "description": "A comprehensive React UI component library with a wide range of customizable components, icons, colors, and utilities for building modern web applications.",
   "types": "./index.d.ts",

package/utils/getJsonContentAsQr.js

@@ -1,552 +1,32 @@
-const v = { L: 0, M: 1, Q: 2, H: 3 }, N = [1, 0, 3, 2], R = [
-  [17, 14, 11, 7],
-  [32, 26, 20, 14],
-  [53, 42, 32, 24],
-  [78, 62, 46, 34],
-  [106, 84, 60, 48],
-  [134, 106, 74, 57],
-  [154, 122, 86, 69],
-  [192, 152, 108, 79],
-  [230, 180, 130, 97],
-  [271, 213, 151, 116],
-  [321, 251, 177, 135],
-  [367, 287, 203, 157],
-  [425, 331, 241, 185],
-  [458, 362, 258, 193],
-  [520, 402, 292, 215],
-  [586, 450, 322, 253],
-  [644, 504, 364, 283],
-  [718, 560, 394, 313],
-  [792, 624, 442, 341],
-  [858, 666, 482, 385],
-  [929, 711, 509, 406],
-  [1003, 779, 565, 442],
-  [1091, 857, 611, 464],
-  [1171, 911, 661, 514],
-  [1273, 997, 715, 538],
-  [1367, 1059, 751, 596],
-  [1465, 1125, 805, 628],
-  [1528, 1190, 868, 661],
-  [1628, 1264, 908, 701],
-  [1732, 1370, 982, 745],
-  [1840, 1452, 1030, 793],
-  [1952, 1538, 1112, 845],
-  [2068, 1628, 1168, 901],
-  [2188, 1722, 1228, 961],
-  [2303, 1809, 1283, 986],
-  [2431, 1911, 1351, 1054],
-  [2563, 1989, 1423, 1096],
-  [2699, 2099, 1499, 1142],
-  [2809, 2213, 1579, 1222],
-  [2953, 2331, 1663, 1276]
-], j = [
-  [
-    [7, 1, 19, 0, 0],
-    [10, 1, 16, 0, 0],
-    [13, 1, 13, 0, 0],
-    [17, 1, 9, 0, 0]
-  ],
-  [
-    [10, 1, 34, 0, 0],
-    [16, 1, 28, 0, 0],
-    [22, 1, 22, 0, 0],
-    [28, 1, 16, 0, 0]
-  ],
-  [
-    [15, 1, 55, 0, 0],
-    [26, 1, 44, 0, 0],
-    [18, 2, 17, 0, 0],
-    [22, 2, 13, 0, 0]
-  ],
-  [
-    [20, 1, 80, 0, 0],
-    [18, 2, 32, 0, 0],
-    [26, 2, 24, 0, 0],
-    [16, 4, 9, 0, 0]
-  ],
-  [
-    [26, 1, 108, 0, 0],
-    [24, 2, 43, 0, 0],
-    [18, 2, 15, 2, 16],
-    [22, 2, 11, 2, 12]
-  ],
-  [
-    [18, 2, 68, 0, 0],
-    [16, 4, 27, 0, 0],
-    [24, 4, 19, 0, 0],
-    [28, 4, 15, 0, 0]
-  ],
-  [
-    [20, 2, 78, 0, 0],
-    [18, 4, 31, 0, 0],
-    [18, 2, 14, 4, 15],
-    [26, 4, 13, 1, 14]
-  ],
-  [
-    [24, 2, 97, 0, 0],
-    [22, 2, 38, 2, 39],
-    [22, 4, 18, 2, 19],
-    [26, 4, 14, 2, 15]
-  ],
-  [
-    [30, 2, 116, 0, 0],
-    [22, 3, 36, 2, 37],
-    [20, 4, 16, 4, 17],
-    [24, 4, 12, 4, 13]
-  ],
-  [
-    [18, 2, 68, 2, 69],
-    [26, 4, 43, 1, 44],
-    [24, 6, 19, 2, 20],
-    [28, 6, 15, 2, 16]
-  ],
-  [
-    [20, 4, 81, 0, 0],
-    [30, 1, 50, 4, 51],
-    [28, 4, 22, 4, 23],
-    [24, 3, 12, 8, 13]
-  ],
-  [
-    [24, 2, 92, 2, 93],
-    [22, 6, 36, 2, 37],
-    [26, 4, 20, 6, 21],
-    [28, 7, 14, 4, 15]
-  ],
-  [
-    [26, 4, 107, 0, 0],
-    [22, 8, 37, 1, 38],
-    [24, 8, 20, 4, 21],
-    [22, 12, 11, 4, 12]
-  ],
-  [
-    [30, 3, 115, 1, 116],
-    [24, 4, 40, 5, 41],
-    [20, 11, 16, 5, 17],
-    [24, 11, 12, 5, 13]
-  ],
-  [
-    [22, 5, 87, 1, 88],
-    [24, 5, 41, 5, 42],
-    [30, 5, 24, 7, 25],
-    [24, 11, 12, 7, 13]
-  ],
-  [
-    [24, 5, 98, 1, 99],
-    [28, 7, 45, 3, 46],
-    [24, 15, 19, 2, 20],
-    [30, 3, 15, 13, 16]
-  ],
-  [
-    [28, 1, 107, 5, 108],
-    [28, 10, 46, 1, 47],
-    [28, 1, 22, 15, 23],
-    [28, 2, 14, 17, 15]
-  ],
-  [
-    [30, 5, 120, 1, 121],
-    [26, 9, 43, 4, 44],
-    [28, 17, 22, 1, 23],
-    [28, 2, 14, 19, 15]
-  ],
-  [
-    [28, 3, 113, 4, 114],
-    [26, 3, 44, 11, 45],
-    [26, 17, 21, 4, 22],
-    [26, 9, 13, 16, 14]
-  ],
-  [
-    [28, 3, 107, 5, 108],
-    [26, 3, 41, 13, 42],
-    [30, 15, 24, 5, 25],
-    [28, 15, 15, 10, 16]
-  ],
-  [
-    [28, 4, 116, 4, 117],
-    [26, 17, 42, 0, 0],
-    [28, 17, 22, 6, 23],
-    [30, 19, 16, 6, 17]
-  ],
-  [
-    [28, 2, 111, 7, 112],
-    [28, 17, 46, 0, 0],
-    [30, 7, 24, 16, 25],
-    [24, 34, 13, 0, 0]
-  ],
-  [
-    [30, 4, 121, 5, 122],
-    [28, 4, 47, 14, 48],
-    [30, 11, 24, 14, 25],
-    [30, 16, 15, 14, 16]
-  ],
-  [
-    [30, 6, 117, 4, 118],
-    [28, 6, 45, 14, 46],
-    [30, 11, 24, 16, 25],
-    [30, 30, 16, 2, 17]
-  ],
-  [
-    [26, 8, 106, 4, 107],
-    [28, 8, 47, 13, 48],
-    [30, 7, 24, 22, 25],
-    [30, 22, 15, 13, 16]
-  ],
-  [
-    [28, 10, 114, 2, 115],
-    [28, 19, 46, 4, 47],
-    [28, 28, 22, 6, 23],
-    [30, 33, 16, 4, 17]
-  ],
-  [
-    [30, 8, 122, 4, 123],
-    [28, 22, 45, 3, 46],
-    [30, 8, 23, 26, 24],
-    [30, 12, 15, 28, 16]
-  ],
-  [
-    [30, 3, 117, 10, 118],
-    [28, 3, 45, 23, 46],
-    [30, 4, 24, 31, 25],
-    [30, 11, 15, 31, 16]
-  ],
-  [
-    [30, 7, 116, 7, 117],
-    [28, 21, 45, 7, 46],
-    [30, 1, 23, 37, 24],
-    [30, 19, 15, 26, 16]
-  ],
-  [
-    [30, 5, 115, 10, 116],
-    [28, 19, 45, 10, 46],
-    [30, 15, 24, 25, 25],
-    [30, 23, 15, 25, 16]
-  ],
-  [
-    [30, 13, 115, 3, 116],
-    [28, 2, 45, 29, 46],
-    [30, 42, 24, 1, 25],
-    [30, 23, 15, 28, 16]
-  ],
-  [
-    [30, 17, 115, 0, 0],
-    [28, 10, 45, 23, 46],
-    [30, 10, 24, 35, 25],
-    [30, 19, 15, 35, 16]
-  ],
-  [
-    [30, 17, 115, 1, 116],
-    [28, 14, 45, 21, 46],
-    [30, 29, 24, 19, 25],
-    [30, 11, 15, 46, 16]
-  ],
-  [
-    [30, 13, 115, 6, 116],
-    [28, 14, 45, 23, 46],
-    [30, 44, 24, 7, 25],
-    [30, 59, 16, 1, 17]
-  ],
-  [
-    [30, 12, 121, 7, 122],
-    [28, 12, 45, 26, 46],
-    [30, 39, 24, 14, 25],
-    [30, 22, 15, 41, 16]
-  ],
-  [
-    [30, 6, 121, 14, 122],
-    [28, 6, 45, 34, 46],
-    [30, 46, 24, 10, 25],
-    [30, 2, 15, 64, 16]
-  ],
-  [
-    [30, 17, 122, 4, 123],
-    [28, 29, 45, 14, 46],
-    [30, 49, 24, 10, 25],
-    [30, 24, 15, 46, 16]
-  ],
-  [
-    [30, 4, 122, 18, 123],
-    [28, 13, 45, 32, 46],
-    [30, 48, 24, 14, 25],
-    [30, 42, 15, 32, 16]
-  ],
-  [
-    [30, 20, 117, 4, 118],
-    [28, 40, 45, 7, 46],
-    [30, 43, 24, 22, 25],
-    [30, 10, 15, 67, 16]
-  ],
-  [
-    [30, 19, 118, 6, 119],
-    [28, 18, 45, 31, 46],
-    [30, 34, 24, 34, 25],
-    [30, 20, 15, 61, 16]
-  ]
-], B = [
-  [],
-  [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]
-], U = new Uint8Array(512), _ = new Uint8Array(256);
-(() => {
-  let o = 1;
-  for (let t = 0; t < 255; t++)
-    U[t] = o, _[o] = t, o <<= 1, o & 256 && (o ^= 285);
-  for (let t = 255; t < 512; t++) U[t] = U[t - 255];
-})();
-const G = (o, t) => o === 0 || t === 0 ? 0 : U[_[o] + _[t]], O = (o, t) => {
-  const e = new Uint8Array(o.length + t.length - 1);
-  for (let r = 0; r < o.length; r++)
-    for (let c = 0; c < t.length; c++) e[r + c] ^= G(o[r], t[c]);
-  return e;
-}, T = (o) => {
-  let t = new Uint8Array([1]);
-  for (let e = 0; e < o; e++) t = O(t, new Uint8Array([1, U[e]]));
-  return t;
-}, J = (o, t) => {
-  const e = T(t), r = new Uint8Array(o.length + t);
-  r.set(o);
-  for (let c = 0; c < o.length; c++) {
-    const a = r[c];
-    if (a !== 0) for (let i = 1; i < e.length; i++) r[c + i] ^= G(e[i], a);
-  }
-  return r.slice(o.length);
-}, Q = (o, t, e) => {
-  const [r, c, a, i, g] = j[t - 1][e], s = c * a + i * g, f = new TextEncoder().encode(o), h = [], l = (p, M) => {
-    for (let y = M - 1; y >= 0; y--) h.push(p >> y & 1);
-  };
-  l(4, 4), l(f.length, t <= 9 ? 8 : 16);
-  for (const p of f) l(p, 8);
-  const n = s * 8;
-  for (let p = 0; p < 4 && h.length < n; p++) h.push(0);
-  for (; h.length % 8 !== 0; ) h.push(0);
-  const b = [236, 17];
-  let u = 0;
-  for (; h.length < n; ) l(b[u++ % 2], 8);
-  const d = [];
-  for (let p = 0; p < h.length; p += 8) {
-    let M = 0;
-    for (let y = 0; y < 8; y++) M = M << 1 | h[p + y];
-    d.push(M);
-  }
-  return { codewords: d, ecPerBlock: r, nb1: c, db1: a, nb2: i, db2: g };
-}, K = (o, t, e, r, c, a) => {
-  const i = [];
-  let g = 0;
-  for (let l = 0; l < e; l++)
-    i.push(o.slice(g, g + r)), g += r;
-  for (let l = 0; l < c; l++)
-    i.push(o.slice(g, g + a)), g += a;
-  const s = i.map((l) => J(new Uint8Array(l), t)), f = [], h = Math.max(r, a || 0);
-  for (let l = 0; l < h; l++) for (const n of i) l < n.length && f.push(n[l]);
-  for (let l = 0; l < t; l++) for (const n of s) f.push(n[l]);
-  return f;
-}, H = (o, t) => {
-  const e = 4 * o + 17, r = new Uint8Array(e * e), c = new Uint8Array(e * e), a = (n, b, u) => {
-    r[n * e + b] = u ? 1 : 0, c[n * e + b] = 1;
-  }, i = (n, b) => {
-    c[n * e + b] = 1;
-  }, g = (n, b) => {
-    for (let u = -1; u <= 7; u++)
-      for (let d = -1; d <= 7; d++) {
-        const p = n + u, M = b + d;
-        if (p < 0 || p >= e || M < 0 || M >= e) continue;
-        const y = u >= 0 && u <= 6 && d >= 0 && d <= 6;
-        a(
-          p,
-          M,
-          y && (u === 0 || u === 6 || d === 0 || d === 6 || u >= 2 && u <= 4 && d >= 2 && d <= 4)
-        );
-      }
-  };
-  g(0, 0), g(0, e - 7), g(e - 7, 0);
-  for (let n = 8; n < e - 8; n++)
-    a(6, n, n % 2 === 0), a(n, 6, n % 2 === 0);
-  a(4 * o + 9, 8, !0);
-  const s = B[o - 1];
-  for (let n = 0; n < s.length; n++)
-    for (let b = 0; b < s.length; b++) {
-      const u = s[n], d = s[b];
-      if (!c[u * e + d])
-        for (let p = -2; p <= 2; p++)
-          for (let M = -2; M <= 2; M++)
-            a(u + p, d + M, Math.abs(p) === 2 || Math.abs(M) === 2 || p === 0 && M === 0);
-    }
-  for (let n = 0; n <= 8; n++)
-    i(n, 8), i(8, n);
-  for (let n = 0; n < 8; n++)
-    i(e - 1 - n, 8), i(8, e - 1 - n);
-  if (o >= 7)
-    for (let n = 0; n < 18; n++) {
-      const b = n % 6, u = Math.floor(n / 6);
-      i(b, e - 11 + u), i(e - 11 + u, b);
-    }
-  const f = [];
-  for (const n of t) for (let b = 7; b >= 0; b--) f.push(n >> b & 1);
-  let h = 0, l = !0;
-  for (let n = e - 1; n >= 1; n -= 2) {
-    n === 6 && n--;
-    for (let b = 0; b < e; b++) {
-      const u = l ? e - 1 - b : b;
-      for (let d = 0; d < 2; d++) {
-        const p = n - d;
-        c[u * e + p] || (r[u * e + p] = h < f.length ? f[h++] : 0);
-      }
-    }
-    l = !l;
-  }
-  return { modules: r, reserved: c, size: e };
-}, V = [
-  (o, t) => (o + t) % 2 === 0,
-  (o, t) => o % 2 === 0,
-  (o, t) => t % 3 === 0,
-  (o, t) => (o + t) % 3 === 0,
-  (o, t) => (Math.floor(o / 2) + Math.floor(t / 3)) % 2 === 0,
-  (o, t) => o * t % 2 + o * t % 3 === 0,
-  (o, t) => (o * t % 2 + o * t % 3) % 2 === 0,
-  (o, t) => ((o + t) % 2 + o * t % 3) % 2 === 0
-], E = (o, t, e, r) => {
-  const c = V[r], a = new Uint8Array(o);
-  for (let i = 0; i < e; i++)
-    for (let g = 0; g < e; g++) !t[i * e + g] && c(i, g) && (a[i * e + g] ^= 1);
-  return a;
-}, W = (o, t) => {
-  let e = 0;
-  for (let s = 0; s < t; s++)
-    for (const f of [!0, !1]) {
-      let h = 1, l = -1;
-      for (let n = 0; n < t; n++) {
-        const b = f ? o[s * t + n] : o[n * t + s];
-        b === l ? (h++, h === 5 ? e += 3 : h > 5 && e++) : (h = 1, l = b);
-      }
-    }
-  for (let s = 0; s < t - 1; s++)
-    for (let f = 0; f < t - 1; f++) {
-      const h = o[s * t + f];
-      h === o[s * t + f + 1] && h === o[(s + 1) * t + f] && h === o[(s + 1) * t + f + 1] && (e += 3);
-    }
-  const r = [1, 0, 1, 1, 1, 0, 1, 0, 0, 0, 0], c = [0, 0, 0, 0, 1, 0, 1, 1, 1, 0, 1];
-  for (let s = 0; s < t; s++)
-    for (let f = 0; f <= t - 11; f++) {
-      let h = !0, l = !0, n = !0, b = !0;
-      for (let u = 0; u < 11; u++)
-        o[s * t + f + u] !== r[u] && (h = !1), o[s * t + f + u] !== c[u] && (l = !1), o[(f + u) * t + s] !== r[u] && (n = !1), o[(f + u) * t + s] !== c[u] && (b = !1);
-      (h || l) && (e += 40), (n || b) && (e += 40);
-    }
-  const i = o.reduce((s, f) => s + f, 0) / (t * t) * 100, g = Math.floor(i / 5) * 5;
-  return e += Math.min(Math.abs(g - 50), Math.abs(g + 5 - 50)) * 2, e;
-}, L = (o, t) => {
-  const e = N[o] << 3 | t;
-  let r = e << 10;
-  for (let c = 14; c >= 10; c--) r & 1 << c && (r ^= 1335 << c - 10);
-  return (e << 10 | r) ^ 21522;
-}, X = [
-  [8, 0],
-  [8, 1],
-  [8, 2],
-  [8, 3],
-  [8, 4],
-  [8, 5],
-  [8, 7],
-  [8, 8],
-  [7, 8],
-  [5, 8],
-  [4, 8],
-  [3, 8],
-  [2, 8],
-  [1, 8],
-  [0, 8]
-], D = (o, t, e) => {
-  for (let r = 0; r < 15; r++) {
-    const c = e >> r & 1, [a, i] = X[r];
-    o[a * t + i] = c, r < 7 ? o[(t - 1 - r) * t + 8] = c : o[8 * t + (t - 15 + r)] = c;
-  }
-  o[(t - 8) * t + 8] = 1;
-}, P = (o, t, e) => {
-  let r = e << 12;
-  for (let a = 17; a >= 12; a--) r & 1 << a && (r ^= 7973 << a - 12);
-  const c = e << 12 | r;
-  for (let a = 0; a < 18; a++) {
-    const i = c >> a & 1, g = a % 6, s = Math.floor(a / 6);
-    o[g * t + (t - 11 + s)] = i, o[(t - 11 + s) * t + g] = i;
-  }
-}, $ = (o, t, e) => {
-  const { width: r = 256, margin: c = 2, darkColor: a = "#000000", lightColor: i = "#ffffff" } = e, g = Math.max(1, Math.floor(r / (t + 2 * c))), s = g * (t + 2 * c), f = document.createElement("canvas");
-  f.width = f.height = s;
-  const h = f.getContext("2d");
-  h.fillStyle = i, h.fillRect(0, 0, s, s), h.fillStyle = a;
-  for (let l = 0; l < t; l++)
-    for (let n = 0; n < t; n++)
-      o[l * t + n] && h.fillRect((c + n) * g, (c + l) * g, g, g);
-  return f.toDataURL("image/png");
-}, Z = (o, t = {}) => {
-  var e;
+let o = null;
+const g = () => (o || (o = import("https://esm.sh/qrcode@1")), o), c = (t) => /^#[0-9a-fA-F]{6}$/.test(t) ? t + "ff" : t, C = async (t, f = {}) => {
+  var a, s;
   try {
     const {
       width: r = 256,
-      errorCorrectionLevel: c = "M",
-      margin: a = 2,
-      darkColor: i = "#000000",
-      lightColor: g = "#ffffff"
-    } = t, s = JSON.stringify(o);
-    if (!s || s === "undefined")
+      errorCorrectionLevel: l = "M",
+      margin: i = 2,
+      darkColor: d = "#000000ff",
+      lightColor: u = "#ffffffff"
+    } = f, e = JSON.stringify(t);
+    if (!e || e === "undefined")
       return { success: !1, error: "Input is not JSON-serialisable." };
-    const f = (e = v[c]) != null ? e : v.M, h = new TextEncoder().encode(s).length;
-    let l = null;
-    for (let w = 1; w <= 40; w++)
-      if (R[w - 1][f] >= h) {
-        l = w;
-        break;
-      }
-    if (!l) return { success: !1, error: `Payload too large for QR (${h} bytes).` };
-    const { codewords: n, ecPerBlock: b, nb1: u, db1: d, nb2: p, db2: M } = Q(s, l, f), y = K(n, b, u, d, p, M), { modules: S, reserved: F, size: x } = H(l, y);
-    let A = 0, I = 1 / 0;
-    for (let w = 0; w < 8; w++) {
-      const C = E(S, F, x, w);
-      D(C, x, L(f, w)), l >= 7 && P(C, x, l);
-      const m = W(C, x);
-      m < I && (I = m, A = w);
-    }
-    const k = E(S, F, x, A);
-    return D(k, x, L(f, A)), l >= 7 && P(k, x, l), { success: !0, dataUrl: $(k, x, { width: r, margin: a, darkColor: i, lightColor: g }), text: s, byteSize: h, version: l };
+    const n = await g();
+    return {
+      success: !0,
+      dataUrl: await ((s = (a = n.default) == null ? void 0 : a.toDataURL) != null ? s : n.toDataURL)(e, {
+        width: r,
+        margin: i,
+        errorCorrectionLevel: l,
+        color: { dark: c(d), light: c(u) }
+      }),
+      text: e,
+      byteSize: new TextEncoder().encode(e).length
+    };
   } catch (r) {
     return { success: !1, error: r.message };
   }
 };
 export {
-  Z as default
+  C as default
 };

package/utils/getQrAsJsonContent.d.ts

@@ -0,0 +1 @@
+export { getQrAsJsonContent as default } from '../index';

package/utils/getQrAsJsonContent.js

@@ -0,0 +1,158 @@
+let H = null;
+const A = () => (H || (H = import("https://esm.sh/@zxing/library@0.21.3")), H);
+let S = null;
+const q = () => (S || (S = import("https://esm.sh/jsqr@1")), S), W = (n) => new Promise((t, f) => {
+  if (typeof HTMLImageElement != "undefined" && n instanceof HTMLImageElement && n.complete && n.naturalWidth > 0)
+    return t({ img: n, revoke: !1 });
+  let o, r;
+  if (typeof n == "string")
+    o = n, r = !1;
+  else if (typeof Blob != "undefined" && n instanceof Blob)
+    o = URL.createObjectURL(n), r = !0;
+  else if (typeof HTMLCanvasElement != "undefined" && n instanceof HTMLCanvasElement)
+    o = n.toDataURL(), r = !1;
+  else if (typeof ImageData != "undefined" && n instanceof ImageData) {
+    const p = document.createElement("canvas");
+    p.width = n.width, p.height = n.height, p.getContext("2d").putImageData(n, 0, 0), o = p.toDataURL(), r = !1;
+  } else if (typeof HTMLImageElement != "undefined" && n instanceof HTMLImageElement)
+    o = n.src, r = !1;
+  else
+    return f(new TypeError("Unsupported source type."));
+  const c = new Image();
+  c.onload = () => t({ img: c, revoke: r, objectUrl: o }), c.onerror = () => {
+    r && URL.revokeObjectURL(o), f(new Error("Image failed to load."));
+  }, c.src = o;
+}), _ = (n, t = 1) => {
+  const f = (n.naturalWidth || n.width) * t, o = (n.naturalHeight || n.height) * t, r = document.createElement("canvas");
+  r.width = f, r.height = o;
+  const c = r.getContext("2d");
+  return c.imageSmoothingEnabled = !1, c.fillStyle = "#ffffff", c.fillRect(0, 0, f, o), c.drawImage(n, 0, 0, f, o), { canvas: r, ctx: c, w: f, h: o };
+}, V = async (n) => {
+  var f, o, r, c, p, T, U, b;
+  const t = [];
+  try {
+    if (n == null) return { success: !1, error: "No source provided." };
+    let u, I, L;
+    try {
+      ({ img: u, revoke: I, objectUrl: L } = await W(n));
+    } catch (e) {
+      return { success: !1, error: `Could not load image: ${e.message}` };
+    }
+    const z = u.naturalWidth || u.width, C = u.naturalHeight || u.height;
+    if (t.push(`img ${z}×${C}`), z === 0 || C === 0)
+      return I && URL.revokeObjectURL(L), { success: !1, error: "Image has zero dimensions." };
+    const { canvas: F, ctx: O, w: m, h: R } = _(u, 1), { canvas: M, ctx: J } = _(u, 4);
+    I && URL.revokeObjectURL(L);
+    const B = O.getImageData(0, 0, m, R).data, Q = (e, l) => {
+      const a = (l * m + e) * 4;
+      return `(${B[a]},${B[a + 1]},${B[a + 2]})`;
+    };
+    t.push(
+      `pixels tl=${Q(0, 0)} center=${Q(Math.floor(m / 2), Math.floor(R / 2))} m10%=${Q(Math.round(m * 0.1), Math.round(R * 0.1))}`
+    );
+    {
+      const e = Math.floor(R / 2);
+      let l = 0, a = B[e * m * 4] > 127;
+      for (let s = 1; s < m; s++) {
+        const h = B[(e * m + s) * 4] > 127;
+        h !== a && (l++, a = h);
+      }
+      t.push(`mid-row transitions: ${l}`);
+    }
+    let i = null, x = null;
+    if (typeof BarcodeDetector == "undefined")
+      t.push("BarcodeDetector: not available");
+    else
+      try {
+        if (!(await BarcodeDetector.getSupportedFormats()).includes("qr_code"))
+          t.push("BarcodeDetector: qr_code not in supported formats");
+        else {
+          const l = new BarcodeDetector({ formats: ["qr_code"] });
+          let a = await l.detect(u);
+          if (a.length)
+            i = a[0].rawValue, x = "BarcodeDetector", t.push("BarcodeDetector: found via img");
+          else {
+            t.push("BarcodeDetector (img): 0 results");
+            try {
+              const s = await createImageBitmap(u);
+              a = await l.detect(s), a.length ? (i = a[0].rawValue, x = "BarcodeDetector", t.push("BarcodeDetector: found via ImageBitmap(img)")) : t.push("BarcodeDetector (ImageBitmap): 0 results");
+            } catch (s) {
+              t.push(`BarcodeDetector ImageBitmap: threw "${(f = s == null ? void 0 : s.message) != null ? f : s}"`);
+            }
+          }
+        }
+      } catch (e) {
+        t.push(`BarcodeDetector: threw "${(o = e == null ? void 0 : e.message) != null ? o : e}"`);
+      }
+    if (i === null)
+      try {
+        const e = await A(), {
+          MultiFormatReader: l,
+          BinaryBitmap: a,
+          HybridBinarizer: s,
+          HTMLCanvasElementLuminanceSource: h,
+          DecodeHintType: g,
+          BarcodeFormat: w
+        } = e, D = (j, E) => {
+          var N;
+          if (typeof h != "function") return null;
+          const $ = new l();
+          try {
+            const d = /* @__PURE__ */ new Map();
+            g && w && (d.set(g.POSSIBLE_FORMATS, [w.QR_CODE]), d.set(g.TRY_HARDER, !0)), d.size && $.setHints(d);
+          } catch (d) {
+          }
+          try {
+            const d = new h(j), y = new a(new s(d)), v = $.decode(y);
+            if (v)
+              return t.push(`@zxing ${E}: found QR`), v.getText();
+          } catch (d) {
+            const y = (N = d == null ? void 0 : d.message) != null ? N : String(d), v = y.includes("Not Found") || y.includes("NotFoundException") || y.includes("No Multi");
+            t.push(`@zxing ${E}: ${v ? "no QR found" : `threw "${y}"`}`);
+          }
+          return null;
+        };
+        i = (r = D(F, "1×")) != null ? r : D(M, "4×"), i !== null && (x = "@zxing/library");
+      } catch (e) {
+        t.push(`@zxing/library: load failed — "${(c = e == null ? void 0 : e.message) != null ? c : e}"`);
+      }
+    if (i === null)
+      try {
+        const e = await q(), l = (p = e.default) != null ? p : e;
+        if (typeof l != "function")
+          t.push(`jsQR: not a function (got ${typeof ((T = e.default) != null ? T : e)})`);
+        else {
+          const a = (s, h, g, w) => {
+            const D = s.getImageData(0, 0, h, g), j = (Math.floor(g / 2) * h + Math.floor(h / 2)) * 4;
+            if (D.data[j] > 200)
+              return t.push(`jsQR ${w}: canvas appears blank (center pixel white), skipping`), null;
+            const $ = l(D.data, h, g, { inversionAttempts: "attemptBoth" });
+            return $ ? (t.push(`jsQR ${w}: found QR`), $.data) : (t.push(`jsQR ${w}: null`), null);
+          };
+          i = (U = a(O, m, R, "1×")) != null ? U : a(J, M.width, M.height, "4×"), i !== null && (x = "jsQR");
+        }
+      } catch (e) {
+        t.push(`jsQR: threw "${(b = e == null ? void 0 : e.message) != null ? b : String(e)}"`);
+      }
+    if (i === null)
+      return {
+        success: !1,
+        error: `No QR code detected. Details: ${t.join(" | ")}`
+      };
+    let k;
+    try {
+      k = JSON.parse(i);
+    } catch (e) {
+      return {
+        success: !1,
+        error: `QR decoded, but content is not valid JSON: ${i.slice(0, 120)}`
+      };
+    }
+    return { success: !0, json: k, text: i, source: x };
+  } catch (u) {
+    return { success: !1, error: u.message };
+  }
+};
+export {
+  V as default
+};