@skdx/react 0.26.0 → 0.28.0

package/dist/progress/ProgressValue.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { ProgressValueProps } from './types.js';
+/**
+ * The visible readout — hidden from accessibility to avoid duplicate
+ * announcements of `aria-valuetext`. Renders `getValueLabel(value, min, max)`
+ * by default, or nothing while indeterminate.
+ *
+ * @example
+ * ```tsx
+ * <Progress value={66}>
+ *   <ProgressLabel>Uploading report</ProgressLabel>
+ *   <ProgressValue />
+ * </Progress>
+ * ```
+ */
+export declare const ProgressValue: React.ForwardRefExoticComponent<Omit<ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/progress/index.d.cts

@@ -1,5 +1,2 @@
-export * from './Progress.cjs';
-export { ProgressIndicator } from './ProgressIndicator.cjs';
-export { ProgressCircle } from './ProgressCircle.cjs';
-export { ProgressCircleIndicator } from './ProgressCircleIndicator.cjs';
-export type { ProgressProps, ProgressIndicatorProps, ProgressCircleProps, ProgressCircleIndicatorProps, } from './types.cjs';
+export { Progress } from './Progress.cjs';
+export type { ProgressProps } from './types.cjs';

package/dist/progress/index.d.ts

@@ -1,5 +1,2 @@
-export * from './Progress.js';
-export { ProgressIndicator } from './ProgressIndicator.js';
-export { ProgressCircle } from './ProgressCircle.js';
-export { ProgressCircleIndicator } from './ProgressCircleIndicator.js';
-export type { ProgressProps, ProgressIndicatorProps, ProgressCircleProps, ProgressCircleIndicatorProps, } from './types.js';
+export { Progress } from './Progress.js';
+export type { ProgressProps } from './types.js';

package/dist/progress/primitives.d.cts

@@ -0,0 +1,21 @@
+/**
+ * Primitives for composing a Progress bar: parts the recipe uses.
+ *
+ * @example
+ * ```tsx
+ * import { Progress, ProgressIndicator, ProgressLabel, ProgressValue } from '@skdx/react/primitives/progress';
+ *
+ * <Progress value={66}>
+ *   <ProgressLabel>Uploading report</ProgressLabel>
+ *   <ProgressValue />
+ *   <ProgressIndicator />
+ * </Progress>
+ * ```
+ */
+export { Progress } from './Progress.cjs';
+export { ProgressLabel } from './ProgressLabel.cjs';
+export { ProgressValue } from './ProgressValue.cjs';
+export { ProgressIndicator } from './ProgressIndicator.cjs';
+export { ProgressCircle } from './ProgressCircle.cjs';
+export { ProgressCircleIndicator } from './ProgressCircleIndicator.cjs';
+export type { ProgressProps, ProgressLabelProps, ProgressValueProps, ProgressIndicatorProps, ProgressCircleProps, ProgressCircleIndicatorProps, } from './types.cjs';

package/dist/progress/primitives.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Primitives for composing a Progress bar: parts the recipe uses.
+ *
+ * @example
+ * ```tsx
+ * import { Progress, ProgressIndicator, ProgressLabel, ProgressValue } from '@skdx/react/primitives/progress';
+ *
+ * <Progress value={66}>
+ *   <ProgressLabel>Uploading report</ProgressLabel>
+ *   <ProgressValue />
+ *   <ProgressIndicator />
+ * </Progress>
+ * ```
+ */
+export { Progress } from './Progress.js';
+export { ProgressLabel } from './ProgressLabel.js';
+export { ProgressValue } from './ProgressValue.js';
+export { ProgressIndicator } from './ProgressIndicator.js';
+export { ProgressCircle } from './ProgressCircle.js';
+export { ProgressCircleIndicator } from './ProgressCircleIndicator.js';
+export type { ProgressProps, ProgressLabelProps, ProgressValueProps, ProgressIndicatorProps, ProgressCircleProps, ProgressCircleIndicatorProps, } from './types.js';

package/dist/progress/types.d.cts

@@ -1,8 +1,16 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** @internal Shared value/max distributed from {@link Progress} to {@link ProgressIndicator} via context. Not part of the public API. */
+/** @internal Shared value/range distributed from {@link Progress} to its parts via context. Not part of the public API. */
 export interface ProgressContextValue {
     value: number | null;
+    min: number;
     max: number;
+    buffer: number | null;
+    /** The id the {@link ProgressLabel} takes, and the root points `aria-labelledby` at while one is mounted. */
+    labelId: string;
+    /** Registers the presence of a {@link ProgressLabel}, so the root only wires `aria-labelledby` when one exists. */
+    setHasLabel: (hasLabel: boolean) => void;
+    /** The formatted readout, shared with {@link ProgressValue} so the visible string and `aria-valuetext` cannot drift. */
+    valueLabel: string | undefined;
 }
 /** Props for the {@link Progress} root. */
 export interface ProgressProps extends PrimitivePropsWithRef<'div'> {
@@ -12,23 +20,100 @@ export interface ProgressProps extends PrimitivePropsWithRef<'div'> {
      */
     value?: number | null;
     /**
-     * Maximum value that `value` is measured against.
+     * Lower bound of the range, reflected as `aria-valuemin`.
+     * @default 0 — where the range started before this prop existed, so an existing Progress is unaffected.
+     */
+    min?: number;
+    /**
+     * Upper bound of the range that `value` is measured against.
      * @default 100
      */
     max?: number;
     /**
-     * Formats the `aria-valuetext`. Defaults to a percentage.
-     * @default undefined — falls back to a rounded percentage of value/max.
+     * A second, further-along value — bytes fetched ahead of bytes played —
+     * clamped into `[min, max]` like `value` and published by
+     * {@link ProgressIndicator} as `--skdx-progress-buffer`. Changes no ARIA:
+     * `aria-valuenow` keeps reporting `value`, because a buffer is not progress
+     * the user has made.
+     * @default null — no buffer, and no `--skdx-progress-buffer` property at all.
+     */
+    buffer?: number | null;
+    /**
+     * Formats the `aria-valuetext` and the {@link ProgressValue} readout. Takes
+     * `min` as well as `max` because a progress range does not have to start at
+     * zero — the same signature `Meter` uses.
+     * @default undefined — falls back to a rounded percentage of the position within `[min, max]`.
+     */
+    getValueLabel?: (value: number, min: number, max: number) => string;
+    /**
+     * `Intl.NumberFormat` options the value is formatted with for
+     * `aria-valuetext` and the {@link ProgressValue} readout — the canonical
+     * formatting route. Formats the raw value, exactly as `NumberField` does, so
+     * with `{ style: 'percent' }` the value is the fraction and `0.5` reads
+     * `"50%"`. {@link ProgressProps.getValueLabel | getValueLabel} stays the
+     * escape hatch for a string `Intl` cannot produce, and wins when both are
+     * supplied.
+     * @default undefined — falls back to a rounded percentage of the position within [min, max].
+     */
+    formatOptions?: Intl.NumberFormatOptions;
+    /**
+     * BCP-47 locale the formatting uses, so a server render and a browser render
+     * agree on separators rather than each picking up their own runtime locale.
+     * @default undefined — the runtime locale.
+     */
+    locale?: string;
+    /**
+     * Renders the derived circular ring anatomy instead of the linear bar. Only
+     * meaningful when `children` is not given — manual composition reaches the
+     * ring by using `ProgressCircle` directly.
+     * @default false
+     */
+    circular?: boolean;
+    /**
+     * Visible caption, rendered into a derived `ProgressLabel` and wired to
+     * `aria-labelledby`.
+     * @default undefined — no label element is rendered.
+     */
+    label?: string;
+    /**
+     * Renders a derived `ProgressValue` readout alongside the bar or ring.
+     * @default false
      */
-    getValueLabel?: (value: number, max: number) => string;
+    showValue?: boolean;
+    /**
+     * Forces the indeterminate state regardless of `value` — equivalent to
+     * passing `value={null}`, spelled out for a consumer that has no number yet
+     * rather than one that has to null it out itself.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Outer diameter of the derived ring, in unitless SVG user units. Applies
+     * only when `circular` is set; forwarded to the derived `ProgressCircle`.
+     * @default 48
+     */
+    diameter?: number;
+    /**
+     * Stroke width of the derived ring, in the same units as `diameter`.
+     * Applies only when `circular` is set; forwarded to the derived
+     * `ProgressCircle`.
+     * @default 4
+     */
+    strokeWidth?: number;
 }
 /** Props for {@link ProgressIndicator}, the fill/bar element inside `Progress`. */
 export interface ProgressIndicatorProps extends PrimitivePropsWithRef<'div'> {
 }
+/** Props for {@link ProgressLabel}, the bar's visible name. */
+export interface ProgressLabelProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Props for {@link ProgressValue}, the visible readout inside `Progress`. */
+export interface ProgressValueProps extends PrimitivePropsWithRef<'span'> {
+}
 /** @internal Ring geometry distributed from {@link ProgressCircle} to {@link ProgressCircleIndicator} via context. Not part of the public API. */
 export interface ProgressCircleContextValue {
-    size: number;
-    thickness: number;
+    diameter: number;
+    strokeWidth: number;
     radius: number;
     circumference: number;
 }
@@ -36,18 +121,18 @@ export interface ProgressCircleContextValue {
 export interface ProgressCircleProps extends PrimitivePropsWithRef<'div'> {
     /**
      * Outer diameter of the ring, in unitless SVG user units — the number you
-     * also put in your own `viewBox="0 0 size size"`. Unitless rather than a CSS
-     * length because it feeds `stroke-dasharray`/`stroke-dashoffset`, which are
-     * path lengths, not lengths CSS can convert.
-     * @default 48 — a ring that reads at body-text scale, so the default renders visibly with no config.
+     * also put in your own `viewBox="0 0 diameter diameter"`. Unitless rather
+     * than a CSS length because it feeds `stroke-dasharray`/`stroke-dashoffset`,
+     * which are path lengths, not lengths CSS can convert.
+     * @default 48 — a ring that reads at body-text scale, renders visibly with no config.
      */
-    size?: number;
+    diameter?: number;
     /**
-     * Stroke width of the ring, in the same unitless units as `size`. Insets the
-     * radius by half its value so the stroke stays inside the `size` box.
-     * @default 4 — about a twelfth of the default `size`, thick enough to see and thin enough not to close the hole.
+     * Stroke width of the ring, in the same unitless units as `diameter`. Insets
+     * the radius by half its value so the stroke stays inside the `diameter` box.
+     * @default 4 — about a twelfth of the default `diameter`, thick enough to see and thin enough not to close the hole.
      */
-    thickness?: number;
+    strokeWidth?: number;
 }
 /** Props for {@link ProgressCircleIndicator}, the swept arc inside `ProgressCircle`. */
 export interface ProgressCircleIndicatorProps extends PrimitivePropsWithRef<'div'> {

package/dist/progress/types.d.ts

@@ -1,8 +1,16 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** @internal Shared value/max distributed from {@link Progress} to {@link ProgressIndicator} via context. Not part of the public API. */
+/** @internal Shared value/range distributed from {@link Progress} to its parts via context. Not part of the public API. */
 export interface ProgressContextValue {
     value: number | null;
+    min: number;
     max: number;
+    buffer: number | null;
+    /** The id the {@link ProgressLabel} takes, and the root points `aria-labelledby` at while one is mounted. */
+    labelId: string;
+    /** Registers the presence of a {@link ProgressLabel}, so the root only wires `aria-labelledby` when one exists. */
+    setHasLabel: (hasLabel: boolean) => void;
+    /** The formatted readout, shared with {@link ProgressValue} so the visible string and `aria-valuetext` cannot drift. */
+    valueLabel: string | undefined;
 }
 /** Props for the {@link Progress} root. */
 export interface ProgressProps extends PrimitivePropsWithRef<'div'> {
@@ -12,23 +20,100 @@ export interface ProgressProps extends PrimitivePropsWithRef<'div'> {
      */
     value?: number | null;
     /**
-     * Maximum value that `value` is measured against.
+     * Lower bound of the range, reflected as `aria-valuemin`.
+     * @default 0 — where the range started before this prop existed, so an existing Progress is unaffected.
+     */
+    min?: number;
+    /**
+     * Upper bound of the range that `value` is measured against.
      * @default 100
      */
     max?: number;
     /**
-     * Formats the `aria-valuetext`. Defaults to a percentage.
-     * @default undefined — falls back to a rounded percentage of value/max.
+     * A second, further-along value — bytes fetched ahead of bytes played —
+     * clamped into `[min, max]` like `value` and published by
+     * {@link ProgressIndicator} as `--skdx-progress-buffer`. Changes no ARIA:
+     * `aria-valuenow` keeps reporting `value`, because a buffer is not progress
+     * the user has made.
+     * @default null — no buffer, and no `--skdx-progress-buffer` property at all.
+     */
+    buffer?: number | null;
+    /**
+     * Formats the `aria-valuetext` and the {@link ProgressValue} readout. Takes
+     * `min` as well as `max` because a progress range does not have to start at
+     * zero — the same signature `Meter` uses.
+     * @default undefined — falls back to a rounded percentage of the position within `[min, max]`.
+     */
+    getValueLabel?: (value: number, min: number, max: number) => string;
+    /**
+     * `Intl.NumberFormat` options the value is formatted with for
+     * `aria-valuetext` and the {@link ProgressValue} readout — the canonical
+     * formatting route. Formats the raw value, exactly as `NumberField` does, so
+     * with `{ style: 'percent' }` the value is the fraction and `0.5` reads
+     * `"50%"`. {@link ProgressProps.getValueLabel | getValueLabel} stays the
+     * escape hatch for a string `Intl` cannot produce, and wins when both are
+     * supplied.
+     * @default undefined — falls back to a rounded percentage of the position within [min, max].
+     */
+    formatOptions?: Intl.NumberFormatOptions;
+    /**
+     * BCP-47 locale the formatting uses, so a server render and a browser render
+     * agree on separators rather than each picking up their own runtime locale.
+     * @default undefined — the runtime locale.
+     */
+    locale?: string;
+    /**
+     * Renders the derived circular ring anatomy instead of the linear bar. Only
+     * meaningful when `children` is not given — manual composition reaches the
+     * ring by using `ProgressCircle` directly.
+     * @default false
+     */
+    circular?: boolean;
+    /**
+     * Visible caption, rendered into a derived `ProgressLabel` and wired to
+     * `aria-labelledby`.
+     * @default undefined — no label element is rendered.
+     */
+    label?: string;
+    /**
+     * Renders a derived `ProgressValue` readout alongside the bar or ring.
+     * @default false
      */
-    getValueLabel?: (value: number, max: number) => string;
+    showValue?: boolean;
+    /**
+     * Forces the indeterminate state regardless of `value` — equivalent to
+     * passing `value={null}`, spelled out for a consumer that has no number yet
+     * rather than one that has to null it out itself.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Outer diameter of the derived ring, in unitless SVG user units. Applies
+     * only when `circular` is set; forwarded to the derived `ProgressCircle`.
+     * @default 48
+     */
+    diameter?: number;
+    /**
+     * Stroke width of the derived ring, in the same units as `diameter`.
+     * Applies only when `circular` is set; forwarded to the derived
+     * `ProgressCircle`.
+     * @default 4
+     */
+    strokeWidth?: number;
 }
 /** Props for {@link ProgressIndicator}, the fill/bar element inside `Progress`. */
 export interface ProgressIndicatorProps extends PrimitivePropsWithRef<'div'> {
 }
+/** Props for {@link ProgressLabel}, the bar's visible name. */
+export interface ProgressLabelProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Props for {@link ProgressValue}, the visible readout inside `Progress`. */
+export interface ProgressValueProps extends PrimitivePropsWithRef<'span'> {
+}
 /** @internal Ring geometry distributed from {@link ProgressCircle} to {@link ProgressCircleIndicator} via context. Not part of the public API. */
 export interface ProgressCircleContextValue {
-    size: number;
-    thickness: number;
+    diameter: number;
+    strokeWidth: number;
     radius: number;
     circumference: number;
 }
@@ -36,18 +121,18 @@ export interface ProgressCircleContextValue {
 export interface ProgressCircleProps extends PrimitivePropsWithRef<'div'> {
     /**
      * Outer diameter of the ring, in unitless SVG user units — the number you
-     * also put in your own `viewBox="0 0 size size"`. Unitless rather than a CSS
-     * length because it feeds `stroke-dasharray`/`stroke-dashoffset`, which are
-     * path lengths, not lengths CSS can convert.
-     * @default 48 — a ring that reads at body-text scale, so the default renders visibly with no config.
+     * also put in your own `viewBox="0 0 diameter diameter"`. Unitless rather
+     * than a CSS length because it feeds `stroke-dasharray`/`stroke-dashoffset`,
+     * which are path lengths, not lengths CSS can convert.
+     * @default 48 — a ring that reads at body-text scale, renders visibly with no config.
      */
-    size?: number;
+    diameter?: number;
     /**
-     * Stroke width of the ring, in the same unitless units as `size`. Insets the
-     * radius by half its value so the stroke stays inside the `size` box.
-     * @default 4 — about a twelfth of the default `size`, thick enough to see and thin enough not to close the hole.
+     * Stroke width of the ring, in the same unitless units as `diameter`. Insets
+     * the radius by half its value so the stroke stays inside the `diameter` box.
+     * @default 4 — about a twelfth of the default `diameter`, thick enough to see and thin enough not to close the hole.
      */
-    thickness?: number;
+    strokeWidth?: number;
 }
 /** Props for {@link ProgressCircleIndicator}, the swept arc inside `ProgressCircle`. */
 export interface ProgressCircleIndicatorProps extends PrimitivePropsWithRef<'div'> {

package/dist/qr-code/QrCode.cjs

@@ -1 +1 @@
-"use strict";var le=Object.create;var E=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var be=(e,r)=>{for(var t in r)E(e,t,{get:r[t],enumerable:!0})},O=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of ue(r))!de.call(e,o)&&o!==t&&E(e,o,{get:()=>r[o],enumerable:!(n=fe(r,o))||n.enumerable});return e};var M=(e,r,t)=>(t=e!=null?le(me(e)):{},O(r||!e||!e.__esModule?E(t,"default",{value:e,enumerable:!0}):t,e)),pe=e=>O(E({},"__esModule",{value:!0}),e);var Ve={};be(Ve,{QrCode:()=>U,QrCodeFrame:()=>_,QrCodeOverlay:()=>B,QrCodePattern:()=>V});module.exports=pe(Ve);var x=M(require("react"),1),K=require("../utils/createContext.cjs"),X=require("../utils/part.cjs"),J=require("../utils/primitive.cjs"),Z=require("../utils/useCallbackRef.cjs"),j=require("../utils/visuallyHidden.cjs");var Ce={L:1,M:0,Q:3,H:2},v={L:0,M:1,Q:2,H:3},g=[[-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]],$=[[-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]],q=1,I=40,ye=3,he=3,xe=40,Pe=10;function D(e){return e*4+17}function Qe(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 T(e){return Math.floor(Qe(e)/8)}function z(e,r){let t=v[r],n=g[t][e]*$[t][e];return(T(e)-n)*8}function we(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=D(e)-7;n.length<r;o-=t)n.splice(1,0,o);return n}var L=new Uint8Array(512),S=new Uint8Array(256);{let e=1;for(let r=0;r<255;r++)L[r]=e,S[e]=r,e<<=1,e&256&&(e^=285);for(let r=255;r<512;r++)L[r]=L[r-255]}function N(e,r){return e===0||r===0?0:L[S[e]+S[r]]}function Ee(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=N(r[o]??0,t);r[o]=o+1<e?a^(r[o+1]??0):a}t=N(t,2)}return r}function Me(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)^N(r[a]??0,o)}return t}function H(e,r,t){let n=e;for(let o=0;o<t;o++)n=n<<1^(n>>>t-1)*r;return n}function Le(e,r){let t=Ce[e]<<3|r;return((t<<10|H(t,1335,10))^21522)&32767}function Re(e){return(e<<12|H(e,7973,12))&262143}function F(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=z(r,t),o=[];h(o,4,4),h(o,e.length,F(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 ke(e,r,t){let n=v[t],o=$[n][r],a=g[n][r],s=T(r),i=o-s%o,c=Math.floor(s/o)-a,l=Ee(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:Me(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 W=[(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 Se(e){let r=D(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 A(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 Ne(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 G(e,r,t){let n=Le(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 Ge(e,r){if(r<7)return;let t=Re(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 ze(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);A(e,3,3),A(e,n-4,3),A(e,3,n-4);let o=we(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||Ne(e,o[s],o[i]);G(e,t,0),Ge(e,r)}function Fe(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 k(e,r){let t=W[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 Ue(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+=ye: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+=xe)}}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+=he)}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*Pe}function _e(e,r){for(let t=q;t<=I;t++)if(4+F(t)+e*8<=z(t,r))return t;return null}function Y(e,r,t){let n=new TextEncoder().encode(e),o;if(t===void 0?o=_e(n.length,r):!Number.isInteger(t)||t<q||t>I?o=null:o=4+F(t)+n.length*8<=z(t,r)?t:null,o===null)return null;let a=Se(o);ze(a,o,r),Fe(a,ke(Ae(n,o,r),o,r));let s=0,i=1/0;for(let c=0;c<W.length;c++){k(a,c),G(a,r,c);let l=Ue(a);l<i&&(i=l,s=c),k(a,c)}return k(a,s),G(a,r,s),a.modules}var w=require("react/jsx-runtime"),[Be,P]=(0,K.createSafeContext)("QrCode"),U=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(()=>Y(e,r,t),[e,r,t]),p=(0,Z.useCallbackRef)(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(0,w.jsx)(Be,{matrix:l,size:d,value:e,children:(0,w.jsxs)(J.Primitive.div,{"data-skdx-qr-code":"",...i,...(0,X.skdxPart)("qr-code","root",i.className),ref:c,style:{"--skdx-qr-code-size":d,...i.style},children:[s,a?(0,w.jsx)(j.VisuallyHidden,{children:e}):null]})})});U.displayName="QrCode";var ee=M(require("react"),1),re=require("../utils/part.cjs"),te=require("../utils/primitive.cjs");var oe=require("react/jsx-runtime"),_=ee.forwardRef((e,r)=>{let{size:t}=P("QrCodeFrame"),n=e["aria-label"]!==void 0||e["aria-labelledby"]!==void 0;return(0,oe.jsx)(te.Primitive.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,...(0,re.skdxPart)("qr-code","frame",e.className),ref:r})});_.displayName="QrCodeFrame";var ne=M(require("react"),1),ae=require("../utils/part.cjs");var se=require("react/jsx-runtime"),B=ne.forwardRef(({size:e=7,...r},t)=>{let{size:n}=P("QrCodeOverlay"),o=(n-e)/2;return(0,se.jsx)("g",{transform:`translate(${o} ${o})`,"data-skdx-qr-code-overlay":"",...r,...(0,ae.skdxPart)("qr-code","overlay",r.className),ref:t})});B.displayName="QrCodeOverlay";var R=M(require("react"),1),ie=require("../utils/part.cjs");var ce=require("react/jsx-runtime"),V=R.forwardRef((e,r)=>{let{matrix:t}=P("QrCodePattern"),n=R.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(0,ce.jsx)("path",{d:n,"data-skdx-qr-code-pattern":"",...e,...(0,ie.skdxPart)("qr-code","pattern",e.className),ref:r})});V.displayName="QrCodePattern";0&&(module.exports={QrCode,QrCodeFrame,QrCodeOverlay,QrCodePattern});
+"use strict";var br=Object.create;var M=Object.defineProperty;var pr=Object.getOwnPropertyDescriptor;var Cr=Object.getOwnPropertyNames;var yr=Object.getPrototypeOf,hr=Object.prototype.hasOwnProperty;var xr=(r,e)=>{for(var t in e)M(r,t,{get:e[t],enumerable:!0})},_=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Cr(e))!hr.call(r,o)&&o!==t&&M(r,o,{get:()=>e[o],enumerable:!(n=pr(e,o))||n.enumerable});return r};var R=(r,e,t)=>(t=r!=null?br(yr(r)):{},_(e||!r||!r.__esModule?M(t,"default",{value:r,enumerable:!0}):t,r)),Qr=r=>_(M({},"__esModule",{value:!0}),r);var Hr={};xr(Hr,{QrCode:()=>V,QrCodeFrame:()=>L,QrCodeOverlay:()=>S,QrCodePattern:()=>N,QrCodeProvider:()=>dr,useQrCodeContext:()=>h});module.exports=Qr(Hr);var w=R(require("react"),1),cr=require("../utils/createContext.cjs"),lr=require("../utils/part.cjs"),fr=require("../utils/primitive.cjs"),ur=require("../utils/useCallbackRef.cjs"),mr=require("../utils/visuallyHidden.cjs");var wr={L:1,M:0,Q:3,H:2},g={L:0,M:1,Q:2,H:3},$=[[-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]],H=[[-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]],I=1,D=40,Er=3,Pr=3,Mr=40,Rr=10;function T(r){return r*4+17}function Ar(r){let e=(16*r+128)*r+64;if(r>=2){let t=Math.floor(r/7)+2;e-=(25*t-10)*t-55,r>=7&&(e-=36)}return e}function q(r){return Math.floor(Ar(r)/8)}function B(r,e){let t=g[e],n=$[t][r]*H[t][r];return(q(r)-n)*8}function Lr(r){if(r===1)return[];let e=Math.floor(r/7)+2,t=r===32?26:Math.ceil((r*4+4)/(e*2-2))*2,n=[6];for(let o=T(r)-7;n.length<e;o-=t)n.splice(1,0,o);return n}var A=new Uint8Array(512),U=new Uint8Array(256);{let r=1;for(let e=0;e<255;e++)A[e]=r,U[r]=e,r<<=1,r&256&&(r^=285);for(let e=255;e<512;e++)A[e]=A[e-255]}function F(r,e){return r===0||e===0?0:A[U[r]+U[e]]}function Sr(r){let e=new Uint8Array(r);e[r-1]=1;let t=1;for(let n=0;n<r;n++){for(let o=0;o<r;o++){let a=F(e[o]??0,t);e[o]=o+1<r?a^(e[o+1]??0):a}t=F(t,2)}return e}function kr(r,e){let t=new Uint8Array(e.length);for(let n of r){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)^F(e[a]??0,o)}return t}function W(r,e,t){let n=r;for(let o=0;o<t;o++)n=n<<1^(n>>>t-1)*e;return n}function Nr(r,e){let t=wr[r]<<3|e;return((t<<10|W(t,1335,10))^21522)&32767}function vr(r){return(r<<12|W(r,7973,12))&262143}function O(r){return r<=9?8:16}function x(r,e,t){for(let n=t-1;n>=0;n--)r.push(e>>>n&1)}function Gr(r,e,t){let n=B(e,t),o=[];x(o,4,4),x(o,r.length,O(e));for(let i of r)x(o,i,8);x(o,0,Math.min(4,n-o.length)),x(o,0,(8-o.length%8)%8);for(let i=236;o.length<n;i^=253)x(o,i,8);let a=new Uint8Array(o.length/8);for(let i=0;i<o.length;i++){let s=i>>>3;a[s]=(a[s]??0)|o[i]<<7-(i&7)}return a}function Ur(r,e,t){let n=g[t],o=H[n][e],a=$[n][e],i=q(e),s=o-i%o,c=Math.floor(i/o)-a,l=Sr(a),p=[];for(let f=0,b=0;f<o;f++){let y=c+(f<s?0:1),E=r.subarray(b,b+y);b+=y,p.push({data:E,ecc:kr(E,l)})}let d=new Uint8Array(i),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 Y=[(r,e)=>(r+e)%2===0,(r,e)=>e%2===0,r=>r%3===0,(r,e)=>(r+e)%3===0,(r,e)=>(Math.floor(e/2)+Math.floor(r/3))%2===0,(r,e)=>r*e%2+r*e%3===0,(r,e)=>(r*e%2+r*e%3)%2===0,(r,e)=>((r+e)%2+r*e%3)%2===0];function Fr(r){let e=T(r),t=()=>Array.from({length:e},()=>new Array(e).fill(!1));return{size:e,modules:t(),isFunction:t()}}function m(r,e,t,n){r.modules[t][e]=n,r.isFunction[t][e]=!0}var C=(r,e)=>(r>>>e&1)!==0;function v(r,e,t){for(let n=-4;n<=4;n++)for(let o=-4;o<=4;o++){let a=e+o,i=t+n;if(a<0||a>=r.size||i<0||i>=r.size)continue;let s=Math.max(Math.abs(o),Math.abs(n));m(r,a,i,s!==2&&s!==4)}}function zr(r,e,t){for(let n=-2;n<=2;n++)for(let o=-2;o<=2;o++)m(r,e+o,t+n,Math.max(Math.abs(o),Math.abs(n))!==1)}function z(r,e,t){let n=Nr(e,t),{size:o}=r;for(let a=0;a<=5;a++)m(r,8,a,C(n,a));m(r,8,7,C(n,6)),m(r,8,8,C(n,7)),m(r,7,8,C(n,8));for(let a=9;a<15;a++)m(r,14-a,8,C(n,a));for(let a=0;a<8;a++)m(r,o-1-a,8,C(n,a));for(let a=8;a<15;a++)m(r,8,o-15+a,C(n,a));m(r,8,o-8,!0)}function Br(r,e){if(e<7)return;let t=vr(e);for(let n=0;n<18;n++){let o=C(t,n),a=r.size-11+n%3,i=Math.floor(n/3);m(r,a,i,o),m(r,i,a,o)}}function Or(r,e,t){let{size:n}=r;for(let i=0;i<n;i++)m(r,6,i,i%2===0),m(r,i,6,i%2===0);v(r,3,3),v(r,n-4,3),v(r,3,n-4);let o=Lr(e),a=o.length-1;for(let i=0;i<=a;i++)for(let s=0;s<=a;s++)i===0&&s===0||i===0&&s===a||i===a&&s===0||zr(r,o[i],o[s]);z(r,t,0),Br(r,e)}function Vr(r,e){let{size:t}=r,n=0;for(let o=t-1;o>=1;o-=2){o===6&&(o=5);for(let a=0;a<t;a++)for(let i=0;i<2;i++){let s=o-i,l=(o+1&2)===0?t-1-a:a;r.isFunction[l][s]||n>=e.length*8||(r.modules[l][s]=C(e[n>>>3],7-(n&7)),n++)}}}function G(r,e){let t=Y[e];for(let n=0;n<r.size;n++)for(let o=0;o<r.size;o++)!r.isFunction[n][o]&&t(o,n)&&(r.modules[n][o]=!r.modules[n][o])}function _r(r){let{size:e,modules:t}=r,n=0;for(let s of[!0,!1])for(let c=0;c<e;c++){let l=u=>s?t[c][u]:t[u][c],p=l(0),d=1;for(let u=1;u<e;u++)l(u)===p?(d++,d===5?n+=Er:d>5&&(n+=1)):(p=l(u),d=1);for(let u=0;u+10<e;u++){let f=0,b=0;for(let y=0;y<11;y++){let E=l(u+y)?1:0;f=f<<1|E,b|=E<<y}(f===1488||b===1488)&&(n+=Mr)}}for(let s=0;s+1<e;s++)for(let c=0;c+1<e;c++){let l=t[s][c];l===t[s][c+1]&&l===t[s+1][c]&&l===t[s+1][c+1]&&(n+=Pr)}let o=0;for(let s of t)for(let c of s)c&&o++;let a=e*e,i=Math.floor(Math.abs(o*2-a)*10/a);return n+i*Rr}function gr(r,e){for(let t=I;t<=D;t++)if(4+O(t)+r*8<=B(t,e))return t;return null}function K(r,e,t){let n=new TextEncoder().encode(r),o;if(t===void 0?o=gr(n.length,e):!Number.isInteger(t)||t<I||t>D?o=null:o=4+O(t)+n.length*8<=B(t,e)?t:null,o===null)return null;let a=Fr(o);Or(a,o,e),Vr(a,Ur(Gr(n,o,e),o,e));let i=0,s=1/0;for(let c=0;c<Y.length;c++){G(a,c),z(a,e,c);let l=_r(a);l<s&&(s=l,i=c),G(a,c)}return G(a,i),z(a,e,i),a.modules}var X=R(require("react"),1),J=require("../utils/part.cjs"),Z=require("../utils/primitive.cjs");var j=require("react/jsx-runtime"),L=X.forwardRef(({children:r,...e},t)=>{let{size:n}=h("QrCodeFrame"),o=e["aria-label"]!==void 0||e["aria-labelledby"]!==void 0;return(0,j.jsx)(Z.Primitive.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${n} ${n}`,shapeRendering:"crispEdges",role:o?"img":void 0,"aria-hidden":o?void 0:!0,...e,...(0,J.skdxPart)("qr-code","frame",e.className),ref:t,children:r})});L.displayName="QrCodeFrame";var er=R(require("react"),1),tr=require("../utils/is-dev-mode.cjs"),or=require("../utils/part.cjs");var nr=require("react/jsx-runtime");function $r(r){(0,tr.isDevMode)()&&r!=="H"&&(rr||(rr=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${r}". Only "H" carries enough redundancy (~30%) to reconstruct them \u2014 set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var rr=!1,S=er.forwardRef(({extent:r=7,children:e,...t},n)=>{let{size:o,errorCorrection:a}=h("QrCodeOverlay"),i=(o-r)/2;return $r(a),(0,nr.jsx)("g",{transform:`translate(${i} ${i})`,...t,...(0,or.skdxPart)("qr-code","overlay",t.className),ref:n,children:e})});S.displayName="QrCodeOverlay";var k=R(require("react"),1),ar=require("../utils/part.cjs");var ir=require("react/jsx-runtime"),N=k.forwardRef((r,e)=>{let{matrix:t}=h("QrCodePattern"),n=k.useMemo(()=>{let o="";for(let a=0;a<t.length;a++){let i=t[a];for(let s=0;s<i.length;s++)i[s]&&(o+=`M${s} ${a}h1v1h-1z`)}return o},[t]);return(0,ir.jsx)("path",{d:n,...r,...(0,ar.skdxPart)("qr-code","pattern",r.className),ref:e})});N.displayName="QrCodePattern";var P=require("react/jsx-runtime"),sr=({overlay:r})=>(0,P.jsxs)(L,{children:[(0,P.jsx)(N,{fill:"currentColor"}),r?(0,P.jsx)(S,{children:r}):null]});var Q=require("react/jsx-runtime"),[dr,h]=(0,cr.createSafeContext)("QrCode"),V=w.forwardRef(({value:r,errorCorrection:e="M",version:t,onEncodeError:n,hiddenLabel:o=!0,overlay:a,children:i,...s},c)=>{let l=w.useMemo(()=>K(r,e,t),[r,e,t]),p=(0,ur.useCallbackRef)(n);if(w.useEffect(()=>{l===null&&p(new Error(`[skandadx] QrCode cannot encode a ${r.length}-character value at error correction "${e}"`+(t===void 0?" within version 40.":` at version ${t}.`)))},[l,r,e,t,p]),l===null)return null;let d=l.length;return(0,Q.jsx)(dr,{matrix:l,size:d,value:r,errorCorrection:e,children:(0,Q.jsxs)(fr.Primitive.div,{...s,...(0,lr.skdxPart)("qr-code","root",s.className),ref:c,style:{"--skdx-qr-code-size":d,...s.style},children:[i??(0,Q.jsx)(sr,{overlay:a}),o===!1?null:(0,Q.jsx)(mr.VisuallyHidden,{children:o===!0?r:o})]})})});V.displayName="QrCode";0&&(module.exports={QrCode,QrCodeFrame,QrCodeOverlay,QrCodePattern,QrCodeProvider,useQrCodeContext});

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

@@ -7,35 +7,19 @@ export declare const QrCodeProvider: {
     displayName: string;
 }, useQrCodeContext: (consumerName: string) => QrCodeContextValue;
 /**
- * Root of a QR code: encodes `value` once and hands the resulting module
- * matrix to `QrCodeFrame` / `QrCodePattern` / `QrCodeOverlay` via context.
- * Renders a `Primitive.div` carrying `--skdx-qr-code-size` — the module count,
- * e.g. `29` — as an inline custom property, so a consumer can size the symbol
- * from CSS (`width: calc(var(--skdx-qr-code-size) * 4px)`) without reading the
- * version back out in JavaScript.
+ * Root of a QR code: encodes `value` and hands the matrix to parts via context.
+ * Renders `Primitive.div` with `--skdx-qr-code-size` (module count) so CSS can
+ * size it (`width: calc(var(--skdx-qr-code-size) * 4px)`).
  *
- * **The encode is memoized on `value` + `errorCorrection` + `version`.** A QR
- * encode is ~8 full passes over up to 177² modules for mask selection; doing it
- * on every render is the bug this component ships with everywhere.
+ * Encode is memoized on `value` + `errorCorrection` + `version`. Renders
+ * `value` as visually hidden text by default (pass string to change or false to
+ * skip). Renders nothing on encode error (partial QR codes scan wrong).
  *
- * By default the root also renders `value` as visually hidden text: a QR code
- * is a dead end for anyone without a camera, and the payload is usually a URL
- * they would otherwise never reach. See {@link QrCodeProps.hiddenLabel}.
- *
- * When `value` will not fit — over capacity, or a pinned `version` too small —
- * `onEncodeError` fires and the root renders **nothing**. A partial or clipped
- * symbol would scan to the wrong destination, which is worse than no symbol.
+ * Given no `children` draws derived anatomy. Given children, renders verbatim.
  *
  * @example
  * ```tsx
- * <QrCode value="https://example.com" errorCorrection="H">
- *   <QrCodeFrame aria-label="Link to example.com">
- *     <QrCodePattern fill="currentColor" />
- *     <QrCodeOverlay size={7}>
- *       <image href={logo} width={7} height={7} />
- *     </QrCodeOverlay>
- *   </QrCodeFrame>
- * </QrCode>
+ * <QrCode value="https://example.com" errorCorrection="H" overlay={<image href={logo} width={7} height={7} />} />
  * ```
  */
 export declare const QrCode: React.ForwardRefExoticComponent<Omit<QrCodeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -7,35 +7,19 @@ export declare const QrCodeProvider: {
     displayName: string;
 }, useQrCodeContext: (consumerName: string) => QrCodeContextValue;
 /**
- * Root of a QR code: encodes `value` once and hands the resulting module
- * matrix to `QrCodeFrame` / `QrCodePattern` / `QrCodeOverlay` via context.
- * Renders a `Primitive.div` carrying `--skdx-qr-code-size` — the module count,
- * e.g. `29` — as an inline custom property, so a consumer can size the symbol
- * from CSS (`width: calc(var(--skdx-qr-code-size) * 4px)`) without reading the
- * version back out in JavaScript.
+ * Root of a QR code: encodes `value` and hands the matrix to parts via context.
+ * Renders `Primitive.div` with `--skdx-qr-code-size` (module count) so CSS can
+ * size it (`width: calc(var(--skdx-qr-code-size) * 4px)`).
  *
- * **The encode is memoized on `value` + `errorCorrection` + `version`.** A QR
- * encode is ~8 full passes over up to 177² modules for mask selection; doing it
- * on every render is the bug this component ships with everywhere.
+ * Encode is memoized on `value` + `errorCorrection` + `version`. Renders
+ * `value` as visually hidden text by default (pass string to change or false to
+ * skip). Renders nothing on encode error (partial QR codes scan wrong).
  *
- * By default the root also renders `value` as visually hidden text: a QR code
- * is a dead end for anyone without a camera, and the payload is usually a URL
- * they would otherwise never reach. See {@link QrCodeProps.hiddenLabel}.
- *
- * When `value` will not fit — over capacity, or a pinned `version` too small —
- * `onEncodeError` fires and the root renders **nothing**. A partial or clipped
- * symbol would scan to the wrong destination, which is worse than no symbol.
+ * Given no `children` draws derived anatomy. Given children, renders verbatim.
  *
  * @example
  * ```tsx
- * <QrCode value="https://example.com" errorCorrection="H">
- *   <QrCodeFrame aria-label="Link to example.com">
- *     <QrCodePattern fill="currentColor" />
- *     <QrCodeOverlay size={7}>
- *       <image href={logo} width={7} height={7} />
- *     </QrCodeOverlay>
- *   </QrCodeFrame>
- * </QrCode>
+ * <QrCode value="https://example.com" errorCorrection="H" overlay={<image href={logo} width={7} height={7} />} />
  * ```
  */
 export declare const QrCode: React.ForwardRefExoticComponent<Omit<QrCodeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/qr-code/QrCode.js

@@ -1 +1 @@
-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};
+import*as Q from"react";import{createSafeContext as Lr}from"../utils/createContext.js";import{skdxPart as Sr}from"../utils/part.js";import{Primitive as kr}from"../utils/primitive.js";import{useCallbackRef as Nr}from"../utils/useCallbackRef.js";import{VisuallyHidden as vr}from"../utils/visuallyHidden.js";var J={L:1,M:0,Q:3,H:2},z={L:0,M:1,Q:2,H:3},B=[[-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]],O=[[-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]],V=1,_=40,Z=3,j=3,rr=40,er=10;function g(r){return r*4+17}function tr(r){let e=(16*r+128)*r+64;if(r>=2){let t=Math.floor(r/7)+2;e-=(25*t-10)*t-55,r>=7&&(e-=36)}return e}function $(r){return Math.floor(tr(r)/8)}function k(r,e){let t=z[e],n=B[t][r]*O[t][r];return($(r)-n)*8}function or(r){if(r===1)return[];let e=Math.floor(r/7)+2,t=r===32?26:Math.ceil((r*4+4)/(e*2-2))*2,n=[6];for(let o=g(r)-7;n.length<e;o-=t)n.splice(1,0,o);return n}var E=new Uint8Array(512),A=new Uint8Array(256);{let r=1;for(let e=0;e<255;e++)E[e]=r,A[r]=e,r<<=1,r&256&&(r^=285);for(let e=255;e<512;e++)E[e]=E[e-255]}function L(r,e){return r===0||e===0?0:E[A[r]+A[e]]}function nr(r){let e=new Uint8Array(r);e[r-1]=1;let t=1;for(let n=0;n<r;n++){for(let o=0;o<r;o++){let a=L(e[o]??0,t);e[o]=o+1<r?a^(e[o+1]??0):a}t=L(t,2)}return e}function ar(r,e){let t=new Uint8Array(e.length);for(let n of r){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)^L(e[a]??0,o)}return t}function H(r,e,t){let n=r;for(let o=0;o<t;o++)n=n<<1^(n>>>t-1)*e;return n}function ir(r,e){let t=J[r]<<3|e;return((t<<10|H(t,1335,10))^21522)&32767}function sr(r){return(r<<12|H(r,7973,12))&262143}function N(r){return r<=9?8:16}function h(r,e,t){for(let n=t-1;n>=0;n--)r.push(e>>>n&1)}function cr(r,e,t){let n=k(e,t),o=[];h(o,4,4),h(o,r.length,N(e));for(let i of r)h(o,i,8);h(o,0,Math.min(4,n-o.length)),h(o,0,(8-o.length%8)%8);for(let i=236;o.length<n;i^=253)h(o,i,8);let a=new Uint8Array(o.length/8);for(let i=0;i<o.length;i++){let s=i>>>3;a[s]=(a[s]??0)|o[i]<<7-(i&7)}return a}function lr(r,e,t){let n=z[t],o=O[n][e],a=B[n][e],i=$(e),s=o-i%o,c=Math.floor(i/o)-a,l=nr(a),p=[];for(let f=0,b=0;f<o;f++){let y=c+(f<s?0:1),w=r.subarray(b,b+y);b+=y,p.push({data:w,ecc:ar(w,l)})}let d=new Uint8Array(i),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 I=[(r,e)=>(r+e)%2===0,(r,e)=>e%2===0,r=>r%3===0,(r,e)=>(r+e)%3===0,(r,e)=>(Math.floor(e/2)+Math.floor(r/3))%2===0,(r,e)=>r*e%2+r*e%3===0,(r,e)=>(r*e%2+r*e%3)%2===0,(r,e)=>((r+e)%2+r*e%3)%2===0];function fr(r){let e=g(r),t=()=>Array.from({length:e},()=>new Array(e).fill(!1));return{size:e,modules:t(),isFunction:t()}}function m(r,e,t,n){r.modules[t][e]=n,r.isFunction[t][e]=!0}var C=(r,e)=>(r>>>e&1)!==0;function M(r,e,t){for(let n=-4;n<=4;n++)for(let o=-4;o<=4;o++){let a=e+o,i=t+n;if(a<0||a>=r.size||i<0||i>=r.size)continue;let s=Math.max(Math.abs(o),Math.abs(n));m(r,a,i,s!==2&&s!==4)}}function ur(r,e,t){for(let n=-2;n<=2;n++)for(let o=-2;o<=2;o++)m(r,e+o,t+n,Math.max(Math.abs(o),Math.abs(n))!==1)}function S(r,e,t){let n=ir(e,t),{size:o}=r;for(let a=0;a<=5;a++)m(r,8,a,C(n,a));m(r,8,7,C(n,6)),m(r,8,8,C(n,7)),m(r,7,8,C(n,8));for(let a=9;a<15;a++)m(r,14-a,8,C(n,a));for(let a=0;a<8;a++)m(r,o-1-a,8,C(n,a));for(let a=8;a<15;a++)m(r,8,o-15+a,C(n,a));m(r,8,o-8,!0)}function mr(r,e){if(e<7)return;let t=sr(e);for(let n=0;n<18;n++){let o=C(t,n),a=r.size-11+n%3,i=Math.floor(n/3);m(r,a,i,o),m(r,i,a,o)}}function dr(r,e,t){let{size:n}=r;for(let i=0;i<n;i++)m(r,6,i,i%2===0),m(r,i,6,i%2===0);M(r,3,3),M(r,n-4,3),M(r,3,n-4);let o=or(e),a=o.length-1;for(let i=0;i<=a;i++)for(let s=0;s<=a;s++)i===0&&s===0||i===0&&s===a||i===a&&s===0||ur(r,o[i],o[s]);S(r,t,0),mr(r,e)}function br(r,e){let{size:t}=r,n=0;for(let o=t-1;o>=1;o-=2){o===6&&(o=5);for(let a=0;a<t;a++)for(let i=0;i<2;i++){let s=o-i,l=(o+1&2)===0?t-1-a:a;r.isFunction[l][s]||n>=e.length*8||(r.modules[l][s]=C(e[n>>>3],7-(n&7)),n++)}}}function R(r,e){let t=I[e];for(let n=0;n<r.size;n++)for(let o=0;o<r.size;o++)!r.isFunction[n][o]&&t(o,n)&&(r.modules[n][o]=!r.modules[n][o])}function pr(r){let{size:e,modules:t}=r,n=0;for(let s of[!0,!1])for(let c=0;c<e;c++){let l=u=>s?t[c][u]:t[u][c],p=l(0),d=1;for(let u=1;u<e;u++)l(u)===p?(d++,d===5?n+=Z:d>5&&(n+=1)):(p=l(u),d=1);for(let u=0;u+10<e;u++){let f=0,b=0;for(let y=0;y<11;y++){let w=l(u+y)?1:0;f=f<<1|w,b|=w<<y}(f===1488||b===1488)&&(n+=rr)}}for(let s=0;s+1<e;s++)for(let c=0;c+1<e;c++){let l=t[s][c];l===t[s][c+1]&&l===t[s+1][c]&&l===t[s+1][c+1]&&(n+=j)}let o=0;for(let s of t)for(let c of s)c&&o++;let a=e*e,i=Math.floor(Math.abs(o*2-a)*10/a);return n+i*er}function Cr(r,e){for(let t=V;t<=_;t++)if(4+N(t)+r*8<=k(t,e))return t;return null}function D(r,e,t){let n=new TextEncoder().encode(r),o;if(t===void 0?o=Cr(n.length,e):!Number.isInteger(t)||t<V||t>_?o=null:o=4+N(t)+n.length*8<=k(t,e)?t:null,o===null)return null;let a=fr(o);dr(a,o,e),br(a,lr(cr(n,o,e),o,e));let i=0,s=1/0;for(let c=0;c<I.length;c++){R(a,c),S(a,e,c);let l=pr(a);l<s&&(s=l,i=c),R(a,c)}return R(a,i),S(a,e,i),a.modules}import*as T from"react";import{skdxPart as yr}from"../utils/part.js";import{Primitive as hr}from"../utils/primitive.js";import{jsx as xr}from"react/jsx-runtime";var v=T.forwardRef(({children:r,...e},t)=>{let{size:n}=x("QrCodeFrame"),o=e["aria-label"]!==void 0||e["aria-labelledby"]!==void 0;return xr(hr.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${n} ${n}`,shapeRendering:"crispEdges",role:o?"img":void 0,"aria-hidden":o?void 0:!0,...e,...yr("qr-code","frame",e.className),ref:t,children:r})});v.displayName="QrCodeFrame";import*as W from"react";import{isDevMode as Qr}from"../utils/is-dev-mode.js";import{skdxPart as wr}from"../utils/part.js";import{jsx as Pr}from"react/jsx-runtime";function Er(r){Qr()&&r!=="H"&&(q||(q=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${r}". Only "H" carries enough redundancy (~30%) to reconstruct them \u2014 set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var q=!1,G=W.forwardRef(({extent:r=7,children:e,...t},n)=>{let{size:o,errorCorrection:a}=x("QrCodeOverlay"),i=(o-r)/2;return Er(a),Pr("g",{transform:`translate(${i} ${i})`,...t,...wr("qr-code","overlay",t.className),ref:n,children:e})});G.displayName="QrCodeOverlay";import*as P from"react";import{skdxPart as Mr}from"../utils/part.js";import{jsx as Rr}from"react/jsx-runtime";var U=P.forwardRef((r,e)=>{let{matrix:t}=x("QrCodePattern"),n=P.useMemo(()=>{let o="";for(let a=0;a<t.length;a++){let i=t[a];for(let s=0;s<i.length;s++)i[s]&&(o+=`M${s} ${a}h1v1h-1z`)}return o},[t]);return Rr("path",{d:n,...r,...Mr("qr-code","pattern",r.className),ref:e})});U.displayName="QrCodePattern";import{jsx as Y,jsxs as Ar}from"react/jsx-runtime";var K=({overlay:r})=>Ar(v,{children:[Y(U,{fill:"currentColor"}),r?Y(G,{children:r}):null]});import{jsx as F,jsxs as Ur}from"react/jsx-runtime";var[Gr,x]=Lr("QrCode"),X=Q.forwardRef(({value:r,errorCorrection:e="M",version:t,onEncodeError:n,hiddenLabel:o=!0,overlay:a,children:i,...s},c)=>{let l=Q.useMemo(()=>D(r,e,t),[r,e,t]),p=Nr(n);if(Q.useEffect(()=>{l===null&&p(new Error(`[skandadx] QrCode cannot encode a ${r.length}-character value at error correction "${e}"`+(t===void 0?" within version 40.":` at version ${t}.`)))},[l,r,e,t,p]),l===null)return null;let d=l.length;return F(Gr,{matrix:l,size:d,value:r,errorCorrection:e,children:Ur(kr.div,{...s,...Sr("qr-code","root",s.className),ref:c,style:{"--skdx-qr-code-size":d,...s.style},children:[i??F(K,{overlay:a}),o===!1?null:F(vr,{children:o===!0?r:o})]})})});X.displayName="QrCode";export{X as QrCode,v as QrCodeFrame,G as QrCodeOverlay,U as QrCodePattern,Gr as QrCodeProvider,x as useQrCodeContext};