@skdx/react 0.27.0 → 0.29.0

package/dist/qr-code/QrCode.js

@@ -1 +1,2 @@
-import*as x from"react";import{createSafeContext as be}from"../utils/createContext.js";import{skdxPart as pe}from"../utils/part.js";import{Primitive as Ce}from"../utils/primitive.js";import{useCallbackRef as ye}from"../utils/useCallbackRef.js";import{VisuallyHidden as he}from"../utils/visuallyHidden.js";var Y={L:1,M:0,Q:3,H:2},G={L:0,M:1,Q:2,H:3},z=[[-1,7,10,15,20,26,18,20,24,30,18,20,24,26,30,22,24,28,30,28,28,28,28,30,30,26,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,10,16,26,18,24,16,18,22,22,26,30,22,22,24,24,28,28,26,26,26,26,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28],[-1,13,22,18,26,18,24,18,22,20,24,28,26,24,20,30,24,28,28,26,30,28,30,30,30,30,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,17,28,22,16,22,28,26,26,24,28,24,28,22,24,24,30,28,28,26,28,30,24,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30]],F=[[-1,1,1,1,1,1,2,2,2,2,4,4,4,4,4,6,6,6,6,7,8,8,9,9,10,12,12,12,13,14,15,16,17,18,19,19,20,21,22,24,25],[-1,1,1,1,2,2,4,4,4,5,5,5,8,9,9,10,10,11,13,14,16,17,17,18,20,21,23,25,26,28,29,31,33,35,37,38,40,43,45,47,49],[-1,1,1,2,2,4,4,6,6,8,8,8,10,12,16,12,17,16,18,21,20,23,23,25,27,29,34,34,35,38,40,43,45,48,51,53,56,59,62,65,68],[-1,1,1,2,4,4,4,5,6,8,8,11,11,16,16,18,16,19,21,25,25,25,34,30,32,35,37,40,42,45,48,51,54,57,60,63,66,70,74,77,81]],U=1,_=40,K=3,X=3,J=40,Z=10;function B(e){return e*4+17}function j(e){let r=(16*e+128)*e+64;if(e>=2){let t=Math.floor(e/7)+2;r-=(25*t-10)*t-55,e>=7&&(r-=36)}return r}function V(e){return Math.floor(j(e)/8)}function S(e,r){let t=G[r],n=z[t][e]*F[t][e];return(V(e)-n)*8}function ee(e){if(e===1)return[];let r=Math.floor(e/7)+2,t=e===32?26:Math.ceil((e*4+4)/(r*2-2))*2,n=[6];for(let o=B(e)-7;n.length<r;o-=t)n.splice(1,0,o);return n}var w=new Uint8Array(512),R=new Uint8Array(256);{let e=1;for(let r=0;r<255;r++)w[r]=e,R[e]=r,e<<=1,e&256&&(e^=285);for(let r=255;r<512;r++)w[r]=w[r-255]}function A(e,r){return e===0||r===0?0:w[R[e]+R[r]]}function re(e){let r=new Uint8Array(e);r[e-1]=1;let t=1;for(let n=0;n<e;n++){for(let o=0;o<e;o++){let a=A(r[o]??0,t);r[o]=o+1<e?a^(r[o+1]??0):a}t=A(t,2)}return r}function te(e,r){let t=new Uint8Array(r.length);for(let n of e){let o=n^(t[0]??0);t.copyWithin(0,1),t[t.length-1]=0;for(let a=0;a<t.length;a++)t[a]=(t[a]??0)^A(r[a]??0,o)}return t}function O(e,r,t){let n=e;for(let o=0;o<t;o++)n=n<<1^(n>>>t-1)*r;return n}function oe(e,r){let t=Y[e]<<3|r;return((t<<10|O(t,1335,10))^21522)&32767}function ne(e){return(e<<12|O(e,7973,12))&262143}function N(e){return e<=9?8:16}function h(e,r,t){for(let n=t-1;n>=0;n--)e.push(r>>>n&1)}function ae(e,r,t){let n=S(r,t),o=[];h(o,4,4),h(o,e.length,N(r));for(let s of e)h(o,s,8);h(o,0,Math.min(4,n-o.length)),h(o,0,(8-o.length%8)%8);for(let s=236;o.length<n;s^=253)h(o,s,8);let a=new Uint8Array(o.length/8);for(let s=0;s<o.length;s++){let i=s>>>3;a[i]=(a[i]??0)|o[s]<<7-(s&7)}return a}function se(e,r,t){let n=G[t],o=F[n][r],a=z[n][r],s=V(r),i=o-s%o,c=Math.floor(s/o)-a,l=re(a),p=[];for(let f=0,b=0;f<o;f++){let y=c+(f<i?0:1),Q=e.subarray(b,b+y);b+=y,p.push({data:Q,ecc:te(Q,l)})}let d=new Uint8Array(s),u=0;for(let f=0;f<=c;f++)for(let b of p)f<b.data.length&&(d[u++]=b.data[f]);for(let f=0;f<a;f++)for(let b of p)d[u++]=b.ecc[f];return d}var v=[(e,r)=>(e+r)%2===0,(e,r)=>r%2===0,e=>e%3===0,(e,r)=>(e+r)%3===0,(e,r)=>(Math.floor(r/2)+Math.floor(e/3))%2===0,(e,r)=>e*r%2+e*r%3===0,(e,r)=>(e*r%2+e*r%3)%2===0,(e,r)=>((e+r)%2+e*r%3)%2===0];function ie(e){let r=B(e),t=()=>Array.from({length:r},()=>new Array(r).fill(!1));return{size:r,modules:t(),isFunction:t()}}function m(e,r,t,n){e.modules[t][r]=n,e.isFunction[t][r]=!0}var C=(e,r)=>(e>>>r&1)!==0;function M(e,r,t){for(let n=-4;n<=4;n++)for(let o=-4;o<=4;o++){let a=r+o,s=t+n;if(a<0||a>=e.size||s<0||s>=e.size)continue;let i=Math.max(Math.abs(o),Math.abs(n));m(e,a,s,i!==2&&i!==4)}}function ce(e,r,t){for(let n=-2;n<=2;n++)for(let o=-2;o<=2;o++)m(e,r+o,t+n,Math.max(Math.abs(o),Math.abs(n))!==1)}function k(e,r,t){let n=oe(r,t),{size:o}=e;for(let a=0;a<=5;a++)m(e,8,a,C(n,a));m(e,8,7,C(n,6)),m(e,8,8,C(n,7)),m(e,7,8,C(n,8));for(let a=9;a<15;a++)m(e,14-a,8,C(n,a));for(let a=0;a<8;a++)m(e,o-1-a,8,C(n,a));for(let a=8;a<15;a++)m(e,8,o-15+a,C(n,a));m(e,8,o-8,!0)}function le(e,r){if(r<7)return;let t=ne(r);for(let n=0;n<18;n++){let o=C(t,n),a=e.size-11+n%3,s=Math.floor(n/3);m(e,a,s,o),m(e,s,a,o)}}function fe(e,r,t){let{size:n}=e;for(let s=0;s<n;s++)m(e,6,s,s%2===0),m(e,s,6,s%2===0);M(e,3,3),M(e,n-4,3),M(e,3,n-4);let o=ee(r),a=o.length-1;for(let s=0;s<=a;s++)for(let i=0;i<=a;i++)s===0&&i===0||s===0&&i===a||s===a&&i===0||ce(e,o[s],o[i]);k(e,t,0),le(e,r)}function ue(e,r){let{size:t}=e,n=0;for(let o=t-1;o>=1;o-=2){o===6&&(o=5);for(let a=0;a<t;a++)for(let s=0;s<2;s++){let i=o-s,l=(o+1&2)===0?t-1-a:a;e.isFunction[l][i]||n>=r.length*8||(e.modules[l][i]=C(r[n>>>3],7-(n&7)),n++)}}}function L(e,r){let t=v[r];for(let n=0;n<e.size;n++)for(let o=0;o<e.size;o++)!e.isFunction[n][o]&&t(o,n)&&(e.modules[n][o]=!e.modules[n][o])}function me(e){let{size:r,modules:t}=e,n=0;for(let i of[!0,!1])for(let c=0;c<r;c++){let l=u=>i?t[c][u]:t[u][c],p=l(0),d=1;for(let u=1;u<r;u++)l(u)===p?(d++,d===5?n+=K:d>5&&(n+=1)):(p=l(u),d=1);for(let u=0;u+10<r;u++){let f=0,b=0;for(let y=0;y<11;y++){let Q=l(u+y)?1:0;f=f<<1|Q,b|=Q<<y}(f===1488||b===1488)&&(n+=J)}}for(let i=0;i+1<r;i++)for(let c=0;c+1<r;c++){let l=t[i][c];l===t[i][c+1]&&l===t[i+1][c]&&l===t[i+1][c+1]&&(n+=X)}let o=0;for(let i of t)for(let c of i)c&&o++;let a=r*r,s=Math.floor(Math.abs(o*2-a)*10/a);return n+s*Z}function de(e,r){for(let t=U;t<=_;t++)if(4+N(t)+e*8<=S(t,r))return t;return null}function g(e,r,t){let n=new TextEncoder().encode(e),o;if(t===void 0?o=de(n.length,r):!Number.isInteger(t)||t<U||t>_?o=null:o=4+N(t)+n.length*8<=S(t,r)?t:null,o===null)return null;let a=ie(o);fe(a,o,r),ue(a,se(ae(n,o,r),o,r));let s=0,i=1/0;for(let c=0;c<v.length;c++){L(a,c),k(a,r,c);let l=me(a);l<i&&(i=l,s=c),L(a,c)}return L(a,s),k(a,r,s),a.modules}import{jsx as $,jsxs as Pe}from"react/jsx-runtime";var[xe,P]=be("QrCode"),q=x.forwardRef(({value:e,errorCorrection:r="M",version:t,encoding:n="byte",onEncodeError:o,hiddenLabel:a=!0,children:s,...i},c)=>{let l=x.useMemo(()=>g(e,r,t),[e,r,t]),p=ye(o);if(x.useEffect(()=>{l===null&&p(new Error(`[skandadx] QrCode cannot encode a ${e.length}-character value at error correction "${r}"`+(t===void 0?" within version 40.":` at version ${t}.`)))},[l,e,r,t,p]),l===null)return null;let d=l.length;return $(xe,{matrix:l,size:d,value:e,children:Pe(Ce.div,{"data-skdx-qr-code":"",...i,...pe("qr-code","root",i.className),ref:c,style:{"--skdx-qr-code-size":d,...i.style},children:[s,a?$(he,{children:e}):null]})})});q.displayName="QrCode";import*as I from"react";import{skdxPart as Qe}from"../utils/part.js";import{Primitive as we}from"../utils/primitive.js";import{jsx as Ee}from"react/jsx-runtime";var D=I.forwardRef((e,r)=>{let{size:t}=P("QrCodeFrame"),n=e["aria-label"]!==void 0||e["aria-labelledby"]!==void 0;return Ee(we.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${t} ${t}`,shapeRendering:"crispEdges",role:n?"img":void 0,"aria-hidden":n?void 0:!0,"data-skdx-qr-code-frame":"",...e,...Qe("qr-code","frame",e.className),ref:r})});D.displayName="QrCodeFrame";import*as T from"react";import{skdxPart as Me}from"../utils/part.js";import{jsx as Le}from"react/jsx-runtime";var H=T.forwardRef(({size:e=7,...r},t)=>{let{size:n}=P("QrCodeOverlay"),o=(n-e)/2;return Le("g",{transform:`translate(${o} ${o})`,"data-skdx-qr-code-overlay":"",...r,...Me("qr-code","overlay",r.className),ref:t})});H.displayName="QrCodeOverlay";import*as E from"react";import{skdxPart as Re}from"../utils/part.js";import{jsx as Ae}from"react/jsx-runtime";var W=E.forwardRef((e,r)=>{let{matrix:t}=P("QrCodePattern"),n=E.useMemo(()=>{let o="";for(let a=0;a<t.length;a++){let s=t[a];for(let i=0;i<s.length;i++)s[i]&&(o+=`M${i} ${a}h1v1h-1z`)}return o},[t]);return Ae("path",{d:n,"data-skdx-qr-code-pattern":"",...e,...Re("qr-code","pattern",e.className),ref:r})});W.displayName="QrCodePattern";export{q as QrCode,D as QrCodeFrame,H as QrCodeOverlay,W as QrCodePattern};
+'use client';
+import*as m from"react";import{createSafeContext as z}from"../utils/createContext.js";import{skdxPart as H}from"../utils/part.js";import{Primitive as V}from"../utils/primitive.js";import{encodeQr as q}from"../utils/qr-encoder.js";import{useCallbackRef as M}from"../utils/useCallbackRef.js";import{VisuallyHidden as A}from"../utils/visuallyHidden.js";import{skdxPart as b}from"../utils/part.js";import{Primitive as h}from"../utils/primitive.js";import{jsx as g}from"react/jsx-runtime";var f=({children:e,ref:o,...r})=>{let{size:a}=d("QrCodeFrame"),t=r["aria-label"]!==void 0||r["aria-labelledby"]!==void 0;return g(h.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a} ${a}`,shapeRendering:"crispEdges",role:t?"img":void 0,"aria-hidden":t?void 0:!0,...r,...b("qr-code","frame",r.className),ref:o,children:e})};f.displayName="QrCodeFrame";import{isDevMode as N}from"../utils/dev-mode.js";import{skdxPart as w}from"../utils/part.js";import{jsx as E}from"react/jsx-runtime";function $(e){N()&&e!=="H"&&(u||(u=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${e}". Only "H" carries enough redundancy (~30%) to reconstruct them \u2014 set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var u=!1,c=({extent:e=7,children:o,ref:r,...a})=>{let{size:t,errorCorrection:l}=d("QrCodeOverlay"),s=(t-e)/2;return $(l),E("g",{transform:`translate(${s} ${s})`,...a,...w("qr-code","overlay",a.className),ref:r,children:o})};c.displayName="QrCodeOverlay";import{skdxPart as S}from"../utils/part.js";import{jsx as O}from"react/jsx-runtime";function k(e){let o="";for(let r=0;r<e.length;r++){let a=e[r];for(let t=0;t<a.length;t++)a[t]&&(o+=`M${t} ${r}h1v1h-1z`)}return o}var p=({ref:e,...o})=>{let{matrix:r}=d("QrCodePattern");return O("path",{d:k(r),...o,...S("qr-code","pattern",o.className),ref:e})};p.displayName="QrCodePattern";import{jsx as P,jsxs as F}from"react/jsx-runtime";var x=({overlay:e,"aria-label":o,"aria-labelledby":r})=>F(f,{"aria-label":o,"aria-labelledby":r,children:[P(p,{fill:"currentColor"}),e?P(c,{children:e}):null]});import{jsx as C,jsxs as W}from"react/jsx-runtime";var[D,d]=z("QrCode"),v=({value:e,errorCorrection:o="M",version:r,onEncodeError:a,hiddenLabel:t=!0,overlay:l,children:s,ref:R,...i})=>{let n=m.useMemo(()=>q(e,o,r),[e,o,r]),y=M(a);if(m.useEffect(()=>{n===null&&y(new Error(`[skandadx] QrCode cannot encode a ${e.length}-character value at error correction "${o}"`+(r===void 0?" within version 40.":` at version ${r}.`)))},[n,e,o,r,y]),n===null)return null;let Q=n.length;return C(D,{matrix:n,size:Q,value:e,errorCorrection:o,children:W(V.div,{...i,...H("qr-code","root",i.className),ref:R,style:{"--skdx-qr-code-size":Q,...i.style},children:[s??C(x,{overlay:l,"aria-label":i["aria-label"],"aria-labelledby":i["aria-labelledby"]}),t===!1?null:C(A,{children:t===!0?e:t})]})})};v.displayName="QrCode";export{v as QrCode,f as QrCodeFrame,c as QrCodeOverlay,p as QrCodePattern,D as QrCodeProvider,d as useQrCodeContext};

package/dist/qr-code/QrCodeAnatomy.d.cts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+/**
+ * Default anatomy drawn by {@link QrCode} when given no children.
+ *
+ * @internal
+ */
+export declare const QrCodeAnatomy: ({ overlay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: {
+    overlay?: React.ReactNode | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+}) => React.JSX.Element;

package/dist/qr-code/QrCodeAnatomy.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+/**
+ * Default anatomy drawn by {@link QrCode} when given no children.
+ *
+ * @internal
+ */
+export declare const QrCodeAnatomy: ({ overlay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: {
+    overlay?: React.ReactNode | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+}) => React.JSX.Element;

package/dist/qr-code/QrCodeFrame.d.cts

@@ -1,19 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodeFrameProps } from './types.cjs';
 /**
- * The `<svg>` host for a QR code. Its `viewBox` is `0 0 size size` where `size`
- * is the module count, so **one user unit is one module** — `QrCodePattern` and
- * `QrCodeOverlay` both work in whole modules and never need a scale factor.
- * The element itself carries no width or height; size it from CSS, optionally
- * via the root's `--skdx-qr-code-size`.
- *
- * ARIA follows what you name it. Pass `aria-label` or `aria-labelledby` and it
- * becomes `role="img"` with that name — worth doing when the symbol is the only
- * copy of the destination on screen. Pass neither and it is `aria-hidden`,
- * because an unnamed `<svg>` full of squares is decoration, and the root's
- * `hiddenLabel` text already carries the payload.
- *
- * Must be used inside a `QrCode`.
+ * SVG host for the QR code, sized in modules via its `viewBox` and given `role="img"` when named.
  *
  * @example
  * ```tsx
@@ -22,4 +10,7 @@ import type { QrCodeFrameProps } from './types.cjs';
  * </QrCodeFrame>
  * ```
  */
-export declare const QrCodeFrame: React.ForwardRefExoticComponent<Omit<QrCodeFrameProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const QrCodeFrame: {
+    ({ children, ref: forwardedRef, ...props }: QrCodeFrameProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/QrCodeFrame.d.ts

@@ -1,19 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodeFrameProps } from './types.js';
 /**
- * The `<svg>` host for a QR code. Its `viewBox` is `0 0 size size` where `size`
- * is the module count, so **one user unit is one module** — `QrCodePattern` and
- * `QrCodeOverlay` both work in whole modules and never need a scale factor.
- * The element itself carries no width or height; size it from CSS, optionally
- * via the root's `--skdx-qr-code-size`.
- *
- * ARIA follows what you name it. Pass `aria-label` or `aria-labelledby` and it
- * becomes `role="img"` with that name — worth doing when the symbol is the only
- * copy of the destination on screen. Pass neither and it is `aria-hidden`,
- * because an unnamed `<svg>` full of squares is decoration, and the root's
- * `hiddenLabel` text already carries the payload.
- *
- * Must be used inside a `QrCode`.
+ * SVG host for the QR code, sized in modules via its `viewBox` and given `role="img"` when named.
  *
  * @example
  * ```tsx
@@ -22,4 +10,7 @@ import type { QrCodeFrameProps } from './types.js';
  * </QrCodeFrame>
  * ```
  */
-export declare const QrCodeFrame: React.ForwardRefExoticComponent<Omit<QrCodeFrameProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const QrCodeFrame: {
+    ({ children, ref: forwardedRef, ...props }: QrCodeFrameProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/QrCodeOverlay.d.cts

@@ -1,32 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodeOverlayProps } from './types.cjs';
 /**
- * A centred slot for a logo, sitting on top of the pattern.
- *
- * Implemented as a `<g transform="translate(…)">` rather than a
- * `<foreignObject>`: it is one attribute against a nested HTML document with
- * its own namespace, sizing rules and inconsistent serialization, and an SVG
- * `<image>` or `<path>` is what a logo in an SVG wants to be anyway. Children
- * draw into a `size` × `size` box whose own origin is `(0, 0)`, so they never
- * have to know where the centre of the symbol is.
- *
- * Nothing is drawn for you — no backing plate, no padding, no clip. A logo
- * usually wants an opaque `<rect>` behind it so the modules do not show
- * through; that is a consumer decision, and this library ships no paint.
- *
- * **Use `errorCorrection="H"` on the root whenever this is present.** The
- * overlay destroys every module underneath it; only level `'H'` has the
- * redundancy (~30%) to reconstruct them, and this component cannot raise the
- * level on your behalf without silently changing the symbol you asked for.
- *
- * Must be used inside a `QrCode`.
+ * Centred logo slot drawn on top of the pattern, sized to an `extent` × `extent` box.
  *
  * @example
  * ```tsx
- * <QrCodeOverlay size={7}>
+ * <QrCodeOverlay extent={7}>
  *   <rect width={7} height={7} fill="white" />
  *   <image href={logo} width={7} height={7} />
  * </QrCodeOverlay>
  * ```
  */
-export declare const QrCodeOverlay: React.ForwardRefExoticComponent<Omit<QrCodeOverlayProps, "ref"> & React.RefAttributes<SVGGElement>>;
+export declare const QrCodeOverlay: {
+    ({ extent, children, ref: forwardedRef, ...props }: QrCodeOverlayProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/QrCodeOverlay.d.ts

@@ -1,32 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodeOverlayProps } from './types.js';
 /**
- * A centred slot for a logo, sitting on top of the pattern.
- *
- * Implemented as a `<g transform="translate(…)">` rather than a
- * `<foreignObject>`: it is one attribute against a nested HTML document with
- * its own namespace, sizing rules and inconsistent serialization, and an SVG
- * `<image>` or `<path>` is what a logo in an SVG wants to be anyway. Children
- * draw into a `size` × `size` box whose own origin is `(0, 0)`, so they never
- * have to know where the centre of the symbol is.
- *
- * Nothing is drawn for you — no backing plate, no padding, no clip. A logo
- * usually wants an opaque `<rect>` behind it so the modules do not show
- * through; that is a consumer decision, and this library ships no paint.
- *
- * **Use `errorCorrection="H"` on the root whenever this is present.** The
- * overlay destroys every module underneath it; only level `'H'` has the
- * redundancy (~30%) to reconstruct them, and this component cannot raise the
- * level on your behalf without silently changing the symbol you asked for.
- *
- * Must be used inside a `QrCode`.
+ * Centred logo slot drawn on top of the pattern, sized to an `extent` × `extent` box.
  *
  * @example
  * ```tsx
- * <QrCodeOverlay size={7}>
+ * <QrCodeOverlay extent={7}>
  *   <rect width={7} height={7} fill="white" />
  *   <image href={logo} width={7} height={7} />
  * </QrCodeOverlay>
  * ```
  */
-export declare const QrCodeOverlay: React.ForwardRefExoticComponent<Omit<QrCodeOverlayProps, "ref"> & React.RefAttributes<SVGGElement>>;
+export declare const QrCodeOverlay: {
+    ({ extent, children, ref: forwardedRef, ...props }: QrCodeOverlayProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/QrCodePattern.d.cts

@@ -1,22 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodePatternProps } from './types.cjs';
 /**
- * Every dark module of the symbol, as **one `<path>`**.
- *
- * The obvious implementation — one `<rect>` per module — puts 31,329 elements
- * in the DOM for a version 40 code and makes the browser lay out and paint
- * each of them. A single path with one `M x y h1 v1 h-1 z` subpath per module
- * is one element and one paint, and the `d` string is memoized on the matrix so
- * it survives re-renders that do not re-encode.
- *
- * It has no fill of its own: set `fill` (or a `className`) yourself. Adjacent
- * subpaths share edges, so `fill-rule` never matters here.
- *
- * Must be used inside a `QrCode`.
+ * Renders every dark module of the symbol as one `<path>` with no fill of its own.
  *
  * @example
  * ```tsx
  * <QrCodePattern fill="currentColor" />
  * ```
  */
-export declare const QrCodePattern: React.ForwardRefExoticComponent<Omit<QrCodePatternProps, "ref"> & React.RefAttributes<SVGPathElement>>;
+export declare const QrCodePattern: {
+    ({ ref: forwardedRef, ...props }: QrCodePatternProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/QrCodePattern.d.ts

@@ -1,22 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodePatternProps } from './types.js';
 /**
- * Every dark module of the symbol, as **one `<path>`**.
- *
- * The obvious implementation — one `<rect>` per module — puts 31,329 elements
- * in the DOM for a version 40 code and makes the browser lay out and paint
- * each of them. A single path with one `M x y h1 v1 h-1 z` subpath per module
- * is one element and one paint, and the `d` string is memoized on the matrix so
- * it survives re-renders that do not re-encode.
- *
- * It has no fill of its own: set `fill` (or a `className`) yourself. Adjacent
- * subpaths share edges, so `fill-rule` never matters here.
- *
- * Must be used inside a `QrCode`.
+ * Renders every dark module of the symbol as one `<path>` with no fill of its own.
  *
  * @example
  * ```tsx
  * <QrCodePattern fill="currentColor" />
  * ```
  */
-export declare const QrCodePattern: React.ForwardRefExoticComponent<Omit<QrCodePatternProps, "ref"> & React.RefAttributes<SVGPathElement>>;
+export declare const QrCodePattern: {
+    ({ ref: forwardedRef, ...props }: QrCodePatternProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/index.d.cts

@@ -1,5 +1,2 @@
 export { QrCode } from './QrCode.cjs';
-export { QrCodeFrame } from './QrCodeFrame.cjs';
-export { QrCodeOverlay } from './QrCodeOverlay.cjs';
-export { QrCodePattern } from './QrCodePattern.cjs';
-export type { QrCodeErrorCorrection, QrCodeFrameProps, QrCodeOverlayProps, QrCodePatternProps, QrCodeProps, } from './types.cjs';
+export type { QrCodeErrorCorrection, QrCodeProps } from './types.cjs';

package/dist/qr-code/index.d.ts

@@ -1,5 +1,2 @@
 export { QrCode } from './QrCode.js';
-export { QrCodeFrame } from './QrCodeFrame.js';
-export { QrCodeOverlay } from './QrCodeOverlay.js';
-export { QrCodePattern } from './QrCodePattern.js';
-export type { QrCodeErrorCorrection, QrCodeFrameProps, QrCodeOverlayProps, QrCodePatternProps, QrCodeProps, } from './types.js';
+export type { QrCodeErrorCorrection, QrCodeProps } from './types.js';

package/dist/qr-code/primitives.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `QrCode` — the parts the recipe composes. Use
+ * for full manual composition.
+ *
+ * @example
+ * ```tsx
+ * import { QrCode, QrCodeFrame, QrCodeOverlay, QrCodePattern } from '@skdx/react/primitives/qr-code';
+ *
+ * <QrCode value="https://example.com" errorCorrection="H">
+ *   <QrCodeFrame aria-label="Link to example.com">
+ *     <QrCodePattern fill="currentColor" />
+ *     <QrCodeOverlay extent={7}>
+ *       <image href={logo} width={7} height={7} />
+ *     </QrCodeOverlay>
+ *   </QrCodeFrame>
+ * </QrCode>
+ * ```
+ */
+export { QrCode } from './QrCode.cjs';
+export { QrCodeFrame } from './QrCodeFrame.cjs';
+export { QrCodeOverlay } from './QrCodeOverlay.cjs';
+export { QrCodePattern } from './QrCodePattern.cjs';
+export type { QrCodeProps, QrCodeFrameProps, QrCodeOverlayProps, QrCodePatternProps, } from './types.cjs';

package/dist/qr-code/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `QrCode` — the parts the recipe composes. Use
+ * for full manual composition.
+ *
+ * @example
+ * ```tsx
+ * import { QrCode, QrCodeFrame, QrCodeOverlay, QrCodePattern } from '@skdx/react/primitives/qr-code';
+ *
+ * <QrCode value="https://example.com" errorCorrection="H">
+ *   <QrCodeFrame aria-label="Link to example.com">
+ *     <QrCodePattern fill="currentColor" />
+ *     <QrCodeOverlay extent={7}>
+ *       <image href={logo} width={7} height={7} />
+ *     </QrCodeOverlay>
+ *   </QrCodeFrame>
+ * </QrCode>
+ * ```
+ */
+export { QrCode } from './QrCode.js';
+export { QrCodeFrame } from './QrCodeFrame.js';
+export { QrCodeOverlay } from './QrCodeOverlay.js';
+export { QrCodePattern } from './QrCodePattern.js';
+export type { QrCodeProps, QrCodeFrameProps, QrCodeOverlayProps, QrCodePatternProps, } from './types.js';

package/dist/qr-code/types.d.cts

@@ -1,12 +1,9 @@
 import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { ErrorCorrectionLevel } from './encoder.cjs';
-/**
- * Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% of the
- * symbol recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%.
- */
+import type { ErrorCorrectionLevel } from '../utils/qr-encoder.cjs';
+/** Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%. */
 export type QrCodeErrorCorrection = ErrorCorrectionLevel;
-/** @internal Encoded matrix distributed from {@link QrCode} to its parts via context. Not part of the public API. */
+/** @internal Encoded matrix distributed from {@link QrCode} to its parts via context. */
 export interface QrCodeContextValue {
     /** The encoded symbol, indexed `[row][column]`; `true` is a dark module. */
     matrix: boolean[][];
@@ -14,61 +11,40 @@ export interface QrCodeContextValue {
     size: number;
     /** The encoded payload, so parts can label themselves without re-threading the prop. */
     value: string;
+    /** The level the symbol was encoded at, so the Overlay can warn when it is not `'H'`. */
+    errorCorrection: QrCodeErrorCorrection;
 }
 /** Props for the {@link QrCode} root. */
 export interface QrCodeProps extends PrimitivePropsWithRef<'div'> {
-    /**
-     * The payload to encode — a URL, a phone number, a Wi-Fi credential string.
-     * Encoded as UTF-8 bytes, so any string is valid input; only its *length*
-     * can push the symbol past capacity.
-     */
+    /** The payload to encode as UTF-8 bytes — a URL, phone number, or Wi-Fi credential string. */
     value: string;
     /**
-     * Error-correction level. Higher levels survive more damage, at the cost of
-     * a denser symbol for the same payload.
-     *
-     * **A logo overlay requires `'H'`, or the code stops scanning.** Anything
-     * painted over the centre destroys the modules underneath it, and only `'H'`
-     * carries enough redundancy (~30%) to reconstruct them. `QrCodeOverlay` does
-     * not raise the level for you — covering an `'M'` symbol produces a code that
-     * looks right and scans in your hand, then fails on a customer's older phone
-     * in poor light.
+     * Error-correction level; higher levels survive more damage at the cost of a denser symbol.
      * @default 'M'
      */
-    errorCorrection?: QrCodeErrorCorrection;
+    errorCorrection?: QrCodeErrorCorrection | undefined;
     /**
      * Force a symbol version (1–40), fixing the module count at `4 × version + 17`.
-     * Useful when a set of codes must all render at the same density.
-     *
-     * A version too small for `value` is an encode failure, not a silent upgrade —
-     * see `onEncodeError`.
      * @default undefined — the smallest version whose capacity fits `value`.
+     * @min 1
+     * @max 40
      */
-    version?: number;
-    /**
-     * Encoding mode. `'byte'` is the only value today; the prop exists so numeric,
-     * alphanumeric and Kanji modes can be added later without a breaking change.
-     * @default 'byte'
-     */
-    encoding?: 'byte';
+    version?: number | undefined;
     /**
-     * Fires when `value` cannot be encoded — it exceeds the capacity of version 40
-     * at the chosen level, or of the `version` you pinned, or `version` is outside
-     * 1–40. The root renders nothing in that case rather than showing a broken
-     * symbol, so this callback is the only signal that anything went wrong.
+     * Fires when `value` cannot be encoded at the chosen level or pinned `version`.
      * @default undefined — the failure is silent.
      */
-    onEncodeError?: (error: Error) => void;
+    onEncodeError?: ((error: Error) => void) | undefined;
     /**
-     * Render `value` as visually hidden text inside the root, so a screen-reader
-     * user reaches the destination without a camera. A QR code is otherwise a
-     * dead end to anyone who cannot point a phone at it.
-     *
-     * Set to `false` only when you already render the value (or an equivalent
-     * link) yourself — otherwise it is announced twice.
+     * Visually hidden text rendered inside the root: `true` renders `value`, a string renders that text instead, `false` renders none.
      * @default true
      */
-    hiddenLabel?: boolean;
+    hiddenLabel?: boolean | string | undefined;
+    /**
+     * Content centred over the pattern in a derived `QrCodeOverlay`, ignored when `children` is given.
+     * @default undefined
+     */
+    overlay?: React.ReactNode | undefined;
 }
 /** Props for {@link QrCodeFrame}, the `<svg>` host. */
 export interface QrCodeFrameProps extends PrimitivePropsWithRef<'svg'> {
@@ -79,14 +55,8 @@ export interface QrCodePatternProps extends React.ComponentPropsWithRef<'path'>
 /** Props for {@link QrCodeOverlay}, the centred slot for a logo. */
 export interface QrCodeOverlayProps extends React.ComponentPropsWithRef<'g'> {
     /**
-     * Edge length of the overlay box, **in module units** — the same coordinate
-     * space as the `viewBox`, so `8` is eight modules wide however large the
-     * symbol renders. Children draw into a `size` × `size` box with its own
-     * origin at `(0, 0)`.
-     *
-     * Keep it under roughly a fifth of the symbol's edge: a larger patch damages
-     * more modules than even `'H'` error correction can reconstruct.
-     * @default 7 — the width of a finder pattern, which reads as deliberate at any version.
+     * Edge length of the overlay box in module units.
+     * @default 7
      */
-    size?: number;
+    extent?: number | undefined;
 }

package/dist/qr-code/types.d.ts

@@ -1,12 +1,9 @@
 import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { ErrorCorrectionLevel } from './encoder.js';
-/**
- * Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% of the
- * symbol recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%.
- */
+import type { ErrorCorrectionLevel } from '../utils/qr-encoder.js';
+/** Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%. */
 export type QrCodeErrorCorrection = ErrorCorrectionLevel;
-/** @internal Encoded matrix distributed from {@link QrCode} to its parts via context. Not part of the public API. */
+/** @internal Encoded matrix distributed from {@link QrCode} to its parts via context. */
 export interface QrCodeContextValue {
     /** The encoded symbol, indexed `[row][column]`; `true` is a dark module. */
     matrix: boolean[][];
@@ -14,61 +11,40 @@ export interface QrCodeContextValue {
     size: number;
     /** The encoded payload, so parts can label themselves without re-threading the prop. */
     value: string;
+    /** The level the symbol was encoded at, so the Overlay can warn when it is not `'H'`. */
+    errorCorrection: QrCodeErrorCorrection;
 }
 /** Props for the {@link QrCode} root. */
 export interface QrCodeProps extends PrimitivePropsWithRef<'div'> {
-    /**
-     * The payload to encode — a URL, a phone number, a Wi-Fi credential string.
-     * Encoded as UTF-8 bytes, so any string is valid input; only its *length*
-     * can push the symbol past capacity.
-     */
+    /** The payload to encode as UTF-8 bytes — a URL, phone number, or Wi-Fi credential string. */
     value: string;
     /**
-     * Error-correction level. Higher levels survive more damage, at the cost of
-     * a denser symbol for the same payload.
-     *
-     * **A logo overlay requires `'H'`, or the code stops scanning.** Anything
-     * painted over the centre destroys the modules underneath it, and only `'H'`
-     * carries enough redundancy (~30%) to reconstruct them. `QrCodeOverlay` does
-     * not raise the level for you — covering an `'M'` symbol produces a code that
-     * looks right and scans in your hand, then fails on a customer's older phone
-     * in poor light.
+     * Error-correction level; higher levels survive more damage at the cost of a denser symbol.
      * @default 'M'
      */
-    errorCorrection?: QrCodeErrorCorrection;
+    errorCorrection?: QrCodeErrorCorrection | undefined;
     /**
      * Force a symbol version (1–40), fixing the module count at `4 × version + 17`.
-     * Useful when a set of codes must all render at the same density.
-     *
-     * A version too small for `value` is an encode failure, not a silent upgrade —
-     * see `onEncodeError`.
      * @default undefined — the smallest version whose capacity fits `value`.
+     * @min 1
+     * @max 40
      */
-    version?: number;
-    /**
-     * Encoding mode. `'byte'` is the only value today; the prop exists so numeric,
-     * alphanumeric and Kanji modes can be added later without a breaking change.
-     * @default 'byte'
-     */
-    encoding?: 'byte';
+    version?: number | undefined;
     /**
-     * Fires when `value` cannot be encoded — it exceeds the capacity of version 40
-     * at the chosen level, or of the `version` you pinned, or `version` is outside
-     * 1–40. The root renders nothing in that case rather than showing a broken
-     * symbol, so this callback is the only signal that anything went wrong.
+     * Fires when `value` cannot be encoded at the chosen level or pinned `version`.
      * @default undefined — the failure is silent.
      */
-    onEncodeError?: (error: Error) => void;
+    onEncodeError?: ((error: Error) => void) | undefined;
     /**
-     * Render `value` as visually hidden text inside the root, so a screen-reader
-     * user reaches the destination without a camera. A QR code is otherwise a
-     * dead end to anyone who cannot point a phone at it.
-     *
-     * Set to `false` only when you already render the value (or an equivalent
-     * link) yourself — otherwise it is announced twice.
+     * Visually hidden text rendered inside the root: `true` renders `value`, a string renders that text instead, `false` renders none.
      * @default true
      */
-    hiddenLabel?: boolean;
+    hiddenLabel?: boolean | string | undefined;
+    /**
+     * Content centred over the pattern in a derived `QrCodeOverlay`, ignored when `children` is given.
+     * @default undefined
+     */
+    overlay?: React.ReactNode | undefined;
 }
 /** Props for {@link QrCodeFrame}, the `<svg>` host. */
 export interface QrCodeFrameProps extends PrimitivePropsWithRef<'svg'> {
@@ -79,14 +55,8 @@ export interface QrCodePatternProps extends React.ComponentPropsWithRef<'path'>
 /** Props for {@link QrCodeOverlay}, the centred slot for a logo. */
 export interface QrCodeOverlayProps extends React.ComponentPropsWithRef<'g'> {
     /**
-     * Edge length of the overlay box, **in module units** — the same coordinate
-     * space as the `viewBox`, so `8` is eight modules wide however large the
-     * symbol renders. Children draw into a `size` × `size` box with its own
-     * origin at `(0, 0)`.
-     *
-     * Keep it under roughly a fifth of the symbol's edge: a larger patch damages
-     * more modules than even `'H'` error correction can reconstruct.
-     * @default 7 — the width of a finder pattern, which reads as deliberate at any version.
+     * Edge length of the overlay box in module units.
+     * @default 7
      */
-    size?: number;
+    extent?: number | undefined;
 }

package/dist/radio-card/RadioCard.cjs

@@ -1 +1,2 @@
-"use strict";var Y=Object.create;var f=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var ae=(a,o)=>{for(var e in o)f(a,e,{get:o[e],enumerable:!0})},I=(a,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of _(o))!ee.call(a,r)&&r!==e&&f(a,r,{get:()=>o[r],enumerable:!(t=Z(o,r))||t.enumerable});return a};var c=(a,o,e)=>(e=a!=null?Y(j(a)):{},I(o||!a||!a.__esModule?f(e,"default",{value:a,enumerable:!0}):e,a)),oe=a=>I(f({},"__esModule",{value:!0}),a);var re={};ae(re,{RadioCard:()=>E,RadioCardControl:()=>P,RadioCardDescription:()=>y,RadioCardIndicator:()=>x,RadioCardLabel:()=>h,RadioCardProvider:()=>S,useRadioCardContext:()=>i});module.exports=oe(re);var d=c(require("react"),1),D=require("../radio-group/RadioGroup.cjs"),H=require("../utils/createContext.cjs"),v=require("../utils/part.cjs"),s=require("../utils/primitive.cjs"),u=require("react/jsx-runtime"),[S,i]=(0,H.createSafeContext)("RadioCard"),E=d.forwardRef(({value:a,disabled:o=!1,...e},t)=>{let r=(0,D.useRadioGroupContext)("RadioCard"),n=r.value===a,p=r.disabled||o,J=n||r.value===void 0&&r.firstEnabledValue===a,L=d.useId(),[K,O]=d.useState(!1),[Q,U]=d.useState(!1),[W,k]=d.useState(!1),m=d.useRef(!1),X=d.useCallback(()=>{p||n||r.onValueChange(a)},[p,n,r,a]);return(0,u.jsx)(S,{value:a,checked:n,disabled:p,tabStop:J,required:r.required,name:r.name,labelId:`${L}-label`,descriptionId:`${L}-description`,hasLabel:K,hasDescription:Q,setHasLabel:O,setHasDescription:U,onSelect:X,children:(0,u.jsx)(s.Primitive.label,{"data-state":n?"checked":"unchecked","data-disabled":p?"":void 0,"data-focus-visible":W?"":void 0,...e,...(0,v.skdxPart)("radio-card","root",e.className),ref:t,onPointerDown:(0,s.composeEventHandlers)(e.onPointerDown,()=>{m.current=!0}),onFocus:(0,s.composeEventHandlers)(e.onFocus,()=>{k(!m.current),m.current=!1}),onBlur:(0,s.composeEventHandlers)(e.onBlur,()=>{k(!1),m.current=!1})})})});E.displayName="RadioCard";var N=c(require("react"),1),V=require("../utils/part.cjs"),l=require("../utils/primitive.cjs"),w=require("../utils/visuallyHidden.cjs");var b=require("react/jsx-runtime"),P=N.forwardRef((a,o)=>{let e=i("RadioCardControl");return(0,b.jsx)(w.VisuallyHidden,{asChild:!0,children:(0,b.jsx)(l.Primitive.input,{type:"radio",role:"radio",name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,tabIndex:e.tabStop?0:-1,"aria-labelledby":e.hasLabel?e.labelId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,"data-value":e.value,"data-state":e.checked?"checked":"unchecked",...a,...(0,V.skdxPart)("radio-card","control",a.className),ref:o,onChange:(0,l.composeEventHandlers)(a.onChange,e.onSelect),onFocus:(0,l.composeEventHandlers)(a.onFocus,e.onSelect)})})});P.displayName="RadioCardControl";var F=c(require("react"),1),M=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var g=require("react/jsx-runtime"),x=F.forwardRef((a,o)=>{let e=i("RadioCardIndicator");return(0,g.jsx)(T.Primitive.span,{"aria-hidden":!0,"data-state":e.checked?"checked":"unchecked","data-disabled":e.disabled?"":void 0,...a,...(0,M.skdxPart)("radio-card","indicator",a.className),ref:o})});x.displayName="RadioCardIndicator";var R=c(require("react"),1),q=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),h=R.forwardRef((a,o)=>{let e=i("RadioCardLabel"),{setHasLabel:t}=e;return R.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,$.jsx)(B.Primitive.span,{id:e.labelId,"data-disabled":e.disabled?"":void 0,...a,...(0,q.skdxPart)("radio-card","label",a.className),ref:o})});h.displayName="RadioCardLabel";var C=c(require("react"),1),G=require("../utils/part.cjs"),z=require("../utils/primitive.cjs");var A=require("react/jsx-runtime"),y=C.forwardRef((a,o)=>{let e=i("RadioCardDescription"),{setHasDescription:t}=e;return C.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,A.jsx)(z.Primitive.span,{id:e.descriptionId,"data-disabled":e.disabled?"":void 0,...a,...(0,G.skdxPart)("radio-card","description",a.className),ref:o})});y.displayName="RadioCardDescription";0&&(module.exports={RadioCard,RadioCardControl,RadioCardDescription,RadioCardIndicator,RadioCardLabel,RadioCardProvider,useRadioCardContext});
+'use client';
+"use strict";var le=Object.create;var R=Object.defineProperty;var me=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var ue=(o,a)=>{for(var e in a)R(o,e,{get:a[e],enumerable:!0})},S=(o,a,e,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of pe(a))!Re.call(o,r)&&r!==e&&R(o,r,{get:()=>a[r],enumerable:!(t=me(a,r))||t.enumerable});return o};var u=(o,a,e)=>(e=o!=null?le(fe(o)):{},S(a||!o||!o.__esModule?R(e,"default",{value:o,enumerable:!0}):e,o)),Ce=o=>S(R({},"__esModule",{value:!0}),o);var be={};ue(be,{RadioCard:()=>N,RadioCardControl:()=>C,RadioCardDescription:()=>b,RadioCardIndicator:()=>y,RadioCardLabel:()=>h,RadioCardProvider:()=>Z,RadioCardRoot:()=>g,useRadioCardContext:()=>s});module.exports=Ce(be);var i=u(require("react"),1),W=require("../radio-group/RadioGroup.cjs"),X=require("../utils/appearance.cjs"),z=require("../utils/cardNesting.cjs"),Q=require("../utils/composeRefs.cjs"),U=require("../utils/createContext.cjs"),k=require("../utils/declaredChildren.cjs"),Y=require("../utils/part.cjs"),m=require("../utils/primitive.cjs");var I=u(require("react"),1),H=require("../utils/part.cjs"),l=require("../utils/primitive.cjs"),E=require("../utils/useRovingFocus.cjs"),V=require("../utils/visuallyHidden.cjs");var P=require("react/jsx-runtime"),C=({ref:o,...a})=>{let e=s("RadioCardControl"),t=I.useRef(!1);return(0,P.jsx)(V.VisuallyHidden,{asChild:!0,children:(0,P.jsx)(l.Primitive.input,{type:"radio",role:"radio",name:e.name,value:e.value,form:e.form,checked:e.checked,required:e.required,disabled:e.disabled,tabIndex:(0,E.rovingTabIndex)(e.tabStopResolved,e.tabStop,e.disabled),"aria-labelledby":e.hasLabel?e.labelId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,"data-value":e.value,"data-state":e.checked?"checked":"unchecked",...a,...(0,H.skdxPart)("radio-card","control",a.className),ref:o,onKeyDown:(0,l.useComposedEventHandlers)(a.onKeyDown,r=>{r.key===" "&&(t.current=!0)}),onChange:(0,l.useComposedEventHandlers)(a.onChange,()=>{let r=t.current?"keyboard":"pointer";t.current=!1,e.onSelect(r)}),onFocus:(0,l.useComposedEventHandlers)(a.onFocus,r=>{t.current=!1;let d=r.relatedTarget;d?.getAttribute("role")==="radio"&&d.closest('[role="radiogroup"]')===r.currentTarget.closest('[role="radiogroup"]')&&e.onSelect("keyboard")})})})};C.displayName="RadioCardControl";var F=u(require("react"),1),T=require("../utils/part.cjs"),q=require("../utils/primitive.cjs");var w=require("react/jsx-runtime"),b=({ref:o,...a})=>{let e=s("RadioCardDescription"),{setHasDescription:t}=e;return F.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,w.jsx)(q.Primitive.span,{id:e.descriptionId,"data-disabled":e.disabled?"":void 0,...a,...(0,T.skdxPart)("radio-card","description",a.className),ref:o})};b.displayName="RadioCardDescription";var A=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var O=require("react/jsx-runtime"),y=({ref:o,...a})=>{let e=s("RadioCardIndicator");return(0,O.jsx)(G.Primitive.span,{"aria-hidden":!0,"data-state":e.checked?"checked":"unchecked","data-disabled":e.disabled?"":void 0,...a,...(0,A.skdxPart)("radio-card","indicator",a.className),ref:o})};y.displayName="RadioCardIndicator";var B=u(require("react"),1),K=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),h=({ref:o,...a})=>{let e=s("RadioCardLabel"),{setHasLabel:t}=e;return B.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,$.jsx)(M.Primitive.span,{id:e.labelId,"data-disabled":e.disabled?"":void 0,...a,...(0,K.skdxPart)("radio-card","label",a.className),ref:o})};h.displayName="RadioCardLabel";var n=require("react/jsx-runtime"),J=({label:o,description:a})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(C,{}),(0,n.jsx)(y,{}),o===void 0?null:(0,n.jsx)(h,{children:o}),a===void 0?null:(0,n.jsx)(b,{children:a})]});var x=require("react/jsx-runtime"),[Z,s]=(0,U.createSafeContext)("RadioCard"),g=({value:o,disabled:a=!1,ref:e,size:t,...r})=>{let d=(0,W.useRadioGroupContext)("RadioCard"),c=d.value===o,p=d.disabled||a,_=c||d.value==null&&d.firstEnabledValue===o,j=d.value!=null||d.firstEnabledValue!==null,D=i.useId(),[ee,oe]=i.useState(!1),[ae,re]=i.useState(!1),te=ee||(0,k.hasDeclaredChild)(r.children,"RadioCardLabel"),de=ae||(0,k.hasDeclaredChild)(r.children,"RadioCardDescription"),[ie,v]=i.useState(!1),f=i.useRef(!1),se=i.useCallback(ce=>{p||c||d.readOnly||d.onValueChange(o,ce)},[p,c,d,o]),L=i.useRef(null),ne=(0,Q.useComposedRefs)(e,L);return(0,z.useCardNestingWarning)("RadioCard",L),(0,x.jsx)(Z,{value:o,checked:c,disabled:p,readOnly:d.readOnly,tabStop:_,tabStopResolved:j,required:d.required,name:d.name,form:d.form,labelId:`${D}-label`,descriptionId:`${D}-description`,hasLabel:te,hasDescription:de,setHasLabel:oe,setHasDescription:re,onSelect:se,children:(0,x.jsx)(m.Primitive.label,{"data-state":c?"checked":"unchecked","data-disabled":p?"":void 0,"data-focus-visible":ie?"":void 0,"data-value":o,...r,...(0,X.appearanceAttrs)({size:t},r),...(0,Y.skdxPart)("radio-card","root",r.className),ref:ne,onPointerDown:(0,m.useComposedEventHandlers)(r.onPointerDown,()=>{f.current=!0}),onFocus:(0,m.useComposedEventHandlers)(r.onFocus,()=>{v(!f.current),f.current=!1}),onBlur:(0,m.useComposedEventHandlers)(r.onBlur,()=>{v(!1),f.current=!1})})})};g.displayName="RadioCardRoot";var N=({label:o,description:a,children:e,ref:t,...r})=>(0,x.jsx)(g,{...r,ref:t,children:e??J({label:o,description:a})});N.displayName="RadioCard";0&&(module.exports={RadioCard,RadioCardControl,RadioCardDescription,RadioCardIndicator,RadioCardLabel,RadioCardProvider,RadioCardRoot,useRadioCardContext});