@skdx/react 0.28.0 → 0.30.0

package/dist/progress/types.d.cts

@@ -1,10 +1,18 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** @internal Shared value/range distributed from {@link Progress} to its parts via context. Not part of the public API. */
+/** What the element is: a task's progress, or a static scalar within a known range. */
+export type ProgressRole = 'progressbar' | 'meter';
+/** Which band of the range the value falls in under `role="meter"`, once `low`/`high`/`optimum` are supplied. */
+export type ProgressRange = 'optimum' | 'suboptimal' | 'poor';
+/** @internal Shared value/range distributed from {@link Progress} to its parts via context. */
 export interface ProgressContextValue {
     value: number | null;
     min: number;
     max: number;
     buffer: number | null;
+    /** What the root renders as, which decides whether the parts publish a band. */
+    role: ProgressRole;
+    /** The band the value falls in under `role="meter"`; `undefined` without a threshold, and always under `progressbar`. */
+    range: ProgressRange | undefined;
     /** 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. */
@@ -12,94 +20,99 @@ export interface ProgressContextValue {
     /** 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'> {
+/** Props for the {@link Progress} root; `role` is the component's own axis, not the free-form ARIA attribute. */
+export interface ProgressProps extends Omit<PrimitivePropsWithRef<'div'>, 'role'> {
     /**
-     * Current value. `null` renders an indeterminate progress bar.
+     * Current value. `null` renders an indeterminate progress bar, and reads as `min` under `role="meter"`.
      * @default null
      */
-    value?: number | null;
+    value?: number | null | undefined;
+    /**
+     * What the element is: a task in flight (`progressbar`), or a static scalar within a known range (`meter`).
+     * @default 'progressbar'
+     */
+    role?: ProgressRole | undefined;
+    /**
+     * Upper edge of the low band; with `high` and `optimum` it decides `data-range`. Read only under `role="meter"`.
+     * @default undefined — no band is derived unless one threshold is supplied.
+     */
+    low?: number | undefined;
+    /**
+     * Lower edge of the high band, the counterpart to `low`. Read only under `role="meter"`.
+     * @default undefined — no band is derived unless one threshold is supplied.
+     */
+    high?: number | undefined;
+    /**
+     * Where in the range the ideal value sits, deciding which side of `low`/`high` counts as optimum. Read only under `role="meter"`.
+     * @default undefined — the midpoint of the range.
+     */
+    optimum?: number | undefined;
     /**
      * 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.
+     * @default 0
      */
-    min?: number;
+    min?: number | undefined;
     /**
      * Upper bound of the range that `value` is measured against.
      * @default 100
      */
-    max?: number;
+    max?: number | undefined;
     /**
      * 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.
+     * published by {@link ProgressIndicator} as `--skdx-progress-buffer`. Ignored under `role="meter"`.
+     * @default null
      */
-    buffer?: number | null;
+    buffer?: number | null | undefined;
     /**
-     * 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.
+     * Formats the `aria-valuetext` and the {@link ProgressValue} readout.
      * @default undefined — falls back to a rounded percentage of the position within `[min, max]`.
      */
-    getValueLabel?: (value: number, min: number, max: number) => string;
+    getValueLabel?: ((value: number, min: number, max: number) => string) | undefined;
     /**
      * `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.
+     * `aria-valuetext` and the {@link ProgressValue} readout.
      * @default undefined — falls back to a rounded percentage of the position within [min, max].
      */
-    formatOptions?: Intl.NumberFormatOptions;
+    formatOptions?: Intl.NumberFormatOptions | undefined;
     /**
-     * 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.
+     * BCP-47 locale used for formatting the value, keeping server and browser renders consistent.
      * @default undefined — the runtime locale.
      */
-    locale?: string;
+    locale?: string | undefined;
     /**
-     * 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.
+     * Renders the derived circular ring anatomy instead of the linear bar.
      * @default false
      */
-    circular?: boolean;
+    circular?: boolean | undefined;
     /**
      * Visible caption, rendered into a derived `ProgressLabel` and wired to
      * `aria-labelledby`.
      * @default undefined — no label element is rendered.
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * Renders a derived `ProgressValue` readout alongside the bar or ring.
      * @default false
      */
-    showValue?: boolean;
+    showValue?: boolean | undefined;
     /**
      * 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.
+     * passing `value={null}`. Ignored under `role="meter"`, which always has a value.
      * @default false
      */
-    indeterminate?: boolean;
+    indeterminate?: boolean | undefined;
     /**
-     * Outer diameter of the derived ring, in unitless SVG user units. Applies
-     * only when `circular` is set; forwarded to the derived `ProgressCircle`.
+     * Outer diameter of the derived ring, in unitless SVG user units; applies
+     * only when `circular` is set.
      * @default 48
      */
-    diameter?: number;
+    diameter?: number | undefined;
     /**
-     * Stroke width of the derived ring, in the same units as `diameter`.
-     * Applies only when `circular` is set; forwarded to the derived
-     * `ProgressCircle`.
+     * Stroke width of the derived ring, in the same units as `diameter`;
+     * applies only when `circular` is set.
      * @default 4
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
 }
 /** Props for {@link ProgressIndicator}, the fill/bar element inside `Progress`. */
 export interface ProgressIndicatorProps extends PrimitivePropsWithRef<'div'> {
@@ -110,7 +123,7 @@ 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. */
+/** @internal Ring geometry distributed from {@link ProgressCircle} to {@link ProgressCircleIndicator} via context. */
 export interface ProgressCircleContextValue {
     diameter: number;
     strokeWidth: number;
@@ -121,18 +134,16 @@ 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 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.
+     * also put in your own `viewBox="0 0 diameter diameter"`.
+     * @default 48
      */
-    diameter?: number;
+    diameter?: number | undefined;
     /**
-     * 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.
+     * 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 box.
+     * @default 4
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
 }
 /** Props for {@link ProgressCircleIndicator}, the swept arc inside `ProgressCircle`. */
 export interface ProgressCircleIndicatorProps extends PrimitivePropsWithRef<'div'> {

package/dist/progress/types.d.ts

@@ -1,10 +1,18 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** @internal Shared value/range distributed from {@link Progress} to its parts via context. Not part of the public API. */
+/** What the element is: a task's progress, or a static scalar within a known range. */
+export type ProgressRole = 'progressbar' | 'meter';
+/** Which band of the range the value falls in under `role="meter"`, once `low`/`high`/`optimum` are supplied. */
+export type ProgressRange = 'optimum' | 'suboptimal' | 'poor';
+/** @internal Shared value/range distributed from {@link Progress} to its parts via context. */
 export interface ProgressContextValue {
     value: number | null;
     min: number;
     max: number;
     buffer: number | null;
+    /** What the root renders as, which decides whether the parts publish a band. */
+    role: ProgressRole;
+    /** The band the value falls in under `role="meter"`; `undefined` without a threshold, and always under `progressbar`. */
+    range: ProgressRange | undefined;
     /** 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. */
@@ -12,94 +20,99 @@ export interface ProgressContextValue {
     /** 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'> {
+/** Props for the {@link Progress} root; `role` is the component's own axis, not the free-form ARIA attribute. */
+export interface ProgressProps extends Omit<PrimitivePropsWithRef<'div'>, 'role'> {
     /**
-     * Current value. `null` renders an indeterminate progress bar.
+     * Current value. `null` renders an indeterminate progress bar, and reads as `min` under `role="meter"`.
      * @default null
      */
-    value?: number | null;
+    value?: number | null | undefined;
+    /**
+     * What the element is: a task in flight (`progressbar`), or a static scalar within a known range (`meter`).
+     * @default 'progressbar'
+     */
+    role?: ProgressRole | undefined;
+    /**
+     * Upper edge of the low band; with `high` and `optimum` it decides `data-range`. Read only under `role="meter"`.
+     * @default undefined — no band is derived unless one threshold is supplied.
+     */
+    low?: number | undefined;
+    /**
+     * Lower edge of the high band, the counterpart to `low`. Read only under `role="meter"`.
+     * @default undefined — no band is derived unless one threshold is supplied.
+     */
+    high?: number | undefined;
+    /**
+     * Where in the range the ideal value sits, deciding which side of `low`/`high` counts as optimum. Read only under `role="meter"`.
+     * @default undefined — the midpoint of the range.
+     */
+    optimum?: number | undefined;
     /**
      * 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.
+     * @default 0
      */
-    min?: number;
+    min?: number | undefined;
     /**
      * Upper bound of the range that `value` is measured against.
      * @default 100
      */
-    max?: number;
+    max?: number | undefined;
     /**
      * 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.
+     * published by {@link ProgressIndicator} as `--skdx-progress-buffer`. Ignored under `role="meter"`.
+     * @default null
      */
-    buffer?: number | null;
+    buffer?: number | null | undefined;
     /**
-     * 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.
+     * Formats the `aria-valuetext` and the {@link ProgressValue} readout.
      * @default undefined — falls back to a rounded percentage of the position within `[min, max]`.
      */
-    getValueLabel?: (value: number, min: number, max: number) => string;
+    getValueLabel?: ((value: number, min: number, max: number) => string) | undefined;
     /**
      * `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.
+     * `aria-valuetext` and the {@link ProgressValue} readout.
      * @default undefined — falls back to a rounded percentage of the position within [min, max].
      */
-    formatOptions?: Intl.NumberFormatOptions;
+    formatOptions?: Intl.NumberFormatOptions | undefined;
     /**
-     * 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.
+     * BCP-47 locale used for formatting the value, keeping server and browser renders consistent.
      * @default undefined — the runtime locale.
      */
-    locale?: string;
+    locale?: string | undefined;
     /**
-     * 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.
+     * Renders the derived circular ring anatomy instead of the linear bar.
      * @default false
      */
-    circular?: boolean;
+    circular?: boolean | undefined;
     /**
      * Visible caption, rendered into a derived `ProgressLabel` and wired to
      * `aria-labelledby`.
      * @default undefined — no label element is rendered.
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * Renders a derived `ProgressValue` readout alongside the bar or ring.
      * @default false
      */
-    showValue?: boolean;
+    showValue?: boolean | undefined;
     /**
      * 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.
+     * passing `value={null}`. Ignored under `role="meter"`, which always has a value.
      * @default false
      */
-    indeterminate?: boolean;
+    indeterminate?: boolean | undefined;
     /**
-     * Outer diameter of the derived ring, in unitless SVG user units. Applies
-     * only when `circular` is set; forwarded to the derived `ProgressCircle`.
+     * Outer diameter of the derived ring, in unitless SVG user units; applies
+     * only when `circular` is set.
      * @default 48
      */
-    diameter?: number;
+    diameter?: number | undefined;
     /**
-     * Stroke width of the derived ring, in the same units as `diameter`.
-     * Applies only when `circular` is set; forwarded to the derived
-     * `ProgressCircle`.
+     * Stroke width of the derived ring, in the same units as `diameter`;
+     * applies only when `circular` is set.
      * @default 4
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
 }
 /** Props for {@link ProgressIndicator}, the fill/bar element inside `Progress`. */
 export interface ProgressIndicatorProps extends PrimitivePropsWithRef<'div'> {
@@ -110,7 +123,7 @@ 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. */
+/** @internal Ring geometry distributed from {@link ProgressCircle} to {@link ProgressCircleIndicator} via context. */
 export interface ProgressCircleContextValue {
     diameter: number;
     strokeWidth: number;
@@ -121,18 +134,16 @@ 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 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.
+     * also put in your own `viewBox="0 0 diameter diameter"`.
+     * @default 48
      */
-    diameter?: number;
+    diameter?: number | undefined;
     /**
-     * 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.
+     * 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 box.
+     * @default 4
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
 }
 /** Props for {@link ProgressCircleIndicator}, the swept arc inside `ProgressCircle`. */
 export interface ProgressCircleIndicatorProps extends PrimitivePropsWithRef<'div'> {

package/dist/qr-code/QrCode.cjs

@@ -1 +1,2 @@
-"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});
+'use client';
+"use strict";var D=Object.create;var f=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var X=(e,o)=>{for(var r in o)f(e,r,{get:o[r],enumerable:!0})},v=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of B(o))!U.call(e,t)&&t!==r&&f(e,t,{get:()=>o[t],enumerable:!(a=W(o,t))||a.enumerable});return e};var G=(e,o,r)=>(r=e!=null?D(J(e)):{},v(o||!e||!e.__esModule?f(r,"default",{value:e,enumerable:!0}):r,e)),I=e=>v(f({},"__esModule",{value:!0}),e);var Y={};X(Y,{QrCode:()=>u,QrCodeFrame:()=>c,QrCodeOverlay:()=>p,QrCodePattern:()=>C,QrCodeProvider:()=>M,useQrCodeContext:()=>d});module.exports=I(Y);var y=G(require("react"),1),O=require("../utils/createContext.cjs"),F=require("../utils/part.cjs"),z=require("../utils/primitive.cjs"),H=require("../utils/qr-encoder.cjs"),V=require("../utils/useCallbackRef.cjs"),q=require("../utils/visuallyHidden.cjs");var R=require("../utils/part.cjs"),b=require("../utils/primitive.cjs");var h=require("react/jsx-runtime"),c=({children:e,ref:o,...r})=>{let{size:a}=d("QrCodeFrame"),t=r["aria-label"]!==void 0||r["aria-labelledby"]!==void 0;return(0,h.jsx)(b.Primitive.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,...(0,R.skdxPart)("qr-code","frame",r.className),ref:o,children:e})};c.displayName="QrCodeFrame";var N=require("../utils/dev-mode.cjs"),w=require("../utils/part.cjs");var $=require("react/jsx-runtime");function K(e){(0,N.isDevMode)()&&e!=="H"&&(g||(g=!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 g=!1,p=({extent:e=7,children:o,ref:r,...a})=>{let{size:t,errorCorrection:Q}=d("QrCodeOverlay"),l=(t-e)/2;return K(Q),(0,$.jsx)("g",{transform:`translate(${l} ${l})`,...a,...(0,w.skdxPart)("qr-code","overlay",a.className),ref:r,children:o})};p.displayName="QrCodeOverlay";var E=require("../utils/part.cjs");var S=require("react/jsx-runtime");function T(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 C=({ref:e,...o})=>{let{matrix:r}=d("QrCodePattern");return(0,S.jsx)("path",{d:T(r),...o,...(0,E.skdxPart)("qr-code","pattern",o.className),ref:e})};C.displayName="QrCodePattern";var m=require("react/jsx-runtime"),k=({overlay:e,"aria-label":o,"aria-labelledby":r})=>(0,m.jsxs)(c,{"aria-label":o,"aria-labelledby":r,children:[(0,m.jsx)(C,{fill:"currentColor"}),e?(0,m.jsx)(p,{children:e}):null]});var i=require("react/jsx-runtime"),[M,d]=(0,O.createSafeContext)("QrCode"),u=({value:e,errorCorrection:o="M",version:r,onEncodeError:a,hiddenLabel:t=!0,overlay:Q,children:l,ref:A,...n})=>{let s=y.useMemo(()=>(0,H.encodeQr)(e,o,r),[e,o,r]),P=(0,V.useCallbackRef)(a);if(y.useEffect(()=>{s===null&&P(new Error(`[skandadx] QrCode cannot encode a ${e.length}-character value at error correction "${o}"`+(r===void 0?" within version 40.":` at version ${r}.`)))},[s,e,o,r,P]),s===null)return null;let x=s.length;return(0,i.jsx)(M,{matrix:s,size:x,value:e,errorCorrection:o,children:(0,i.jsxs)(z.Primitive.div,{...n,...(0,F.skdxPart)("qr-code","root",n.className),ref:A,style:{"--skdx-qr-code-size":x,...n.style},children:[l??(0,i.jsx)(k,{overlay:Q,"aria-label":n["aria-label"],"aria-labelledby":n["aria-labelledby"]}),t===!1?null:(0,i.jsx)(q.VisuallyHidden,{children:t===!0?e:t})]})})};u.displayName="QrCode";0&&(module.exports={QrCode,QrCodeFrame,QrCodeOverlay,QrCodePattern,QrCodeProvider,useQrCodeContext});

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

@@ -1,25 +1,17 @@
 import * as React from 'react';
 import type { QrCodeContextValue, QrCodeProps } from './types.cjs';
-export declare const QrCodeProvider: {
-    (props: QrCodeContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useQrCodeContext: (consumerName: string) => QrCodeContextValue;
+export declare const QrCodeProvider: React.FC<QrCodeContextValue & {
+    children: React.ReactNode;
+}>, useQrCodeContext: (consumerName: string) => QrCodeContextValue;
 /**
- * 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)`).
- *
- * 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).
- *
- * Given no `children` draws derived anatomy. Given children, renders verbatim.
+ * Root of a QR code: encodes `value` into a matrix and provides it via context to child parts.
  *
  * @example
  * ```tsx
  * <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>>;
+export declare const QrCode: {
+    ({ value, errorCorrection, version, onEncodeError, hiddenLabel, overlay, children, ref: forwardedRef, ...props }: QrCodeProps): React.ReactNode;
+    displayName: string;
+};

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

@@ -1,25 +1,17 @@
 import * as React from 'react';
 import type { QrCodeContextValue, QrCodeProps } from './types.js';
-export declare const QrCodeProvider: {
-    (props: QrCodeContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useQrCodeContext: (consumerName: string) => QrCodeContextValue;
+export declare const QrCodeProvider: React.FC<QrCodeContextValue & {
+    children: React.ReactNode;
+}>, useQrCodeContext: (consumerName: string) => QrCodeContextValue;
 /**
- * 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)`).
- *
- * 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).
- *
- * Given no `children` draws derived anatomy. Given children, renders verbatim.
+ * Root of a QR code: encodes `value` into a matrix and provides it via context to child parts.
  *
  * @example
  * ```tsx
  * <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>>;
+export declare const QrCode: {
+    ({ value, errorCorrection, version, onEncodeError, hiddenLabel, overlay, children, ref: forwardedRef, ...props }: QrCodeProps): React.ReactNode;
+    displayName: string;
+};

package/dist/qr-code/QrCode.js

@@ -1 +1,2 @@
-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};
+'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

@@ -1,10 +1,11 @@
 import type * as React from 'react';
 /**
- * The anatomy a {@link QrCode} draws when given no children: a `QrCodeFrame`
- * holding the `QrCodePattern`, plus a derived `QrCodeOverlay` when `overlay` is given.
+ * Default anatomy drawn by {@link QrCode} when given no children.
  *
  * @internal
  */
-export declare const QrCodeAnatomy: ({ overlay }: {
-    overlay?: React.ReactNode;
+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

@@ -1,10 +1,11 @@
 import type * as React from 'react';
 /**
- * The anatomy a {@link QrCode} draws when given no children: a `QrCodeFrame`
- * holding the `QrCodePattern`, plus a derived `QrCodeOverlay` when `overlay` is given.
+ * Default anatomy drawn by {@link QrCode} when given no children.
  *
  * @internal
  */
-export declare const QrCodeAnatomy: ({ overlay }: {
-    overlay?: React.ReactNode;
+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,16 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodeFrameProps } from './types.cjs';
 /**
- * SVG host for the QR code. Its `viewBox` is `0 0 size size` where `size`
- * is the module count — one user unit per module, so no scale factor needed.
- * Size it from CSS, optionally via `--skdx-qr-code-size`.
- *
- * Role follows naming: pass `aria-label`/`aria-labelledby` for `role="img"`,
- * or neither for `aria-hidden` (unnamed SVG is decoration; the root's
- * `hiddenLabel` carries the data). Children cannot name it; the role is set
- * from props before rendering.
- *
- * 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
@@ -19,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,16 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { QrCodeFrameProps } from './types.js';
 /**
- * SVG host for the QR code. Its `viewBox` is `0 0 size size` where `size`
- * is the module count — one user unit per module, so no scale factor needed.
- * Size it from CSS, optionally via `--skdx-qr-code-size`.
- *
- * Role follows naming: pass `aria-label`/`aria-labelledby` for `role="img"`,
- * or neither for `aria-hidden` (unnamed SVG is decoration; the root's
- * `hiddenLabel` carries the data). Children cannot name it; the role is set
- * from props before rendering.
- *
- * 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
@@ -19,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;
+};