@hexpro/qr-code-studio 0.0.0-stage → 0.1.0

package/dist/design/catalogue/presets.js

@@ -0,0 +1,696 @@
+/**
+ * The built-in presets: whole designs to start from.
+ *
+ * Every one is dark modules on a light ground, with at least 7:1 luminance
+ * contrast between every module, finder and logo colour and the ground (the
+ * conformance suite measures it, and refuses anything under 4.5:1). Their
+ * finder pairs all make a finder the strict reader finds, and those with a
+ * logo ask for a level that can pay for it.
+ *
+ * `sizesMm` gives, for each level the preset allows, the smallest printed
+ * width of the symbol with its quiet zone, in whole millimetres, at which
+ * the scan check passes the preset at everyday conditions with a short, a
+ * medium and a long link at that level (src/verify/preset.ts,
+ * `calibratePreset`): the strict reader, all eight seeds of every capture
+ * axis up to its everyday level, climbing 1 mm at a time. The largest of the
+ * three, plus a tenth and at least 2 mm (`withMargin`), is the value here,
+ * and `minSizeMm` is the one at the preset's own level. A higher level puts
+ * the same link in a larger symbol, so its size is larger too. Shortfalls a
+ * preset has at every size (tests/verify/shortfalls.ts) are left out of the
+ * climb, and a recorded distance shortfall leaves the distance axis out too,
+ * so a reader's refusal never turns into a larger size. A level at which a
+ * preset never passes, at any size, is left out of its `ecLevels`, with the
+ * reason beside it. Measured 2026-10-26 with `pnpm verify:sizes`; the
+ * nightly run (QRS_VERIFY_NIGHTLY=1) checks each value reproduces.
+ *
+ * Built by a function so that importing the catalogue builds nothing.
+ */
+const ALL = ['L', 'M', 'Q', 'H'];
+const MEDIUM_UP = ['M', 'Q', 'H'];
+/** Presets with a logo and plate: the plate's whole box is lost to the reader. */
+const LOGO = ['H'];
+function solid(ink) {
+    return { kind: 'solid', ink };
+}
+function linear(angle, from, to) {
+    return {
+        kind: 'linear',
+        angle,
+        space: 'symbol',
+        stops: [
+            { offset: 0, ink: from },
+            { offset: 1, ink: to },
+        ],
+    };
+}
+function eyes(outer, inner, outerParams, innerParams, paints) {
+    return {
+        outer: outerParams === undefined ? { id: outer } : { id: outer, params: outerParams },
+        inner: innerParams === undefined ? { id: inner } : { id: inner, params: innerParams },
+        ...(paints?.outer === undefined ? {} : { outerPaint: paints.outer }),
+        ...(paints?.inner === undefined ? {} : { innerPaint: paints.inner }),
+    };
+}
+function preset(spec) {
+    const design = {
+        schema: 'qr-design',
+        version: 1,
+        symbol: { symbology: 'qr', ecLevel: spec.ecLevel ?? 'M' },
+        quietZone: 4,
+        background: spec.background,
+        modules: { shape: spec.shape, paint: spec.paint, light: null },
+        regions: {
+            finder: spec.eyes,
+            'sub-finder': spec.subEyes ?? spec.eyes,
+            'corner-finder': spec.eyes,
+        },
+        logo: spec.logo ?? null,
+        frame: spec.frame ?? null,
+        output: { colourSpace: spec.colourSpace ?? 'srgb' },
+    };
+    return Object.freeze({
+        id: spec.id,
+        labelKey: `design.preset.${spec.id}`,
+        category: spec.category,
+        design,
+        minSizeMm: spec.sizesMm[spec.ecLevel ?? 'M'],
+        sizesMm: Object.freeze({ ...spec.sizesMm }),
+        ecLevels: spec.ecLevels,
+    });
+}
+const SQUARE_EYES = eyes('square', 'square-centre');
+const WHITE = solid('#ffffff');
+function specs() {
+    return [
+        // Classic.
+        {
+            id: 'classic-black',
+            category: 'classic',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'square' },
+            paint: solid('#000000'),
+            background: WHITE,
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'classic-navy',
+            category: 'classic',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'square' },
+            paint: solid('#0b1f3a'),
+            background: WHITE,
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'classic-soft-corners',
+            category: 'classic',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 31 },
+            ecLevels: ALL,
+            shape: { id: 'rounded', params: { radius: 0.15 } },
+            paint: solid('#111111'),
+            background: WHITE,
+            eyes: eyes('rounded', 'rounded-centre', { radius: 0.75 }, { radius: 0.35 }),
+        },
+        {
+            id: 'classic-ink-blue',
+            category: 'classic',
+            sizesMm: { M: 25, Q: 28, H: 29 },
+            // Not L: there the short link's captures fall short under the everyday
+            // defocus at every size.
+            ecLevels: ['M', 'Q', 'H'],
+            shape: { id: 'square' },
+            paint: solid('#0b3d91'),
+            background: solid('#f7f9fc'),
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'classic-octagon',
+            category: 'classic',
+            sizesMm: { L: 22, M: 25, Q: 28 },
+            // Not H: there the short link takes version 3, which does not read even
+            // in a clean capture at any size.
+            ecLevels: ['L', 'M', 'Q'],
+            shape: { id: 'square' },
+            paint: solid('#1c2430'),
+            background: WHITE,
+            eyes: eyes('octagon', 'octagon-centre'),
+        },
+        // Rounded.
+        {
+            id: 'rounded-graphite',
+            category: 'rounded',
+            sizesMm: { L: 22, M: 25, Q: 28 },
+            // Not H: there the long link takes version 10, which falls short at 15
+            // degrees at every size.
+            ecLevels: ['L', 'M', 'Q'],
+            shape: { id: 'rounded', params: { radius: 0.3 } },
+            paint: solid('#222831'),
+            background: WHITE,
+            eyes: eyes('rounded', 'rounded-centre', undefined, { radius: 0.25 }),
+        },
+        {
+            id: 'rounded-ocean',
+            category: 'rounded',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'rounded', params: { radius: 0.35 } },
+            paint: solid('#0a3d62'),
+            background: solid('#f1f7fb'),
+            eyes: eyes('extra-rounded', 'rounded-centre', undefined, { radius: 0.6 }),
+        },
+        {
+            id: 'rounded-forest',
+            category: 'rounded',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'squircle' },
+            paint: solid('#1b4332'),
+            background: solid('#f4f9f4'),
+            eyes: eyes('squircle', 'squircle-centre'),
+        },
+        {
+            id: 'rounded-plum',
+            category: 'rounded',
+            sizesMm: { L: 22, M: 25, Q: 28 },
+            // Not H: there the long link takes version 10, which falls short of the
+            // everyday angle at every size.
+            ecLevels: ['L', 'M', 'Q'],
+            shape: { id: 'rounded', params: { radius: 0.4 } },
+            paint: solid('#3c1642'),
+            background: solid('#fdf7ff'),
+            eyes: eyes('cushion', 'rounded-centre', undefined, { radius: 0.5 }, { inner: solid('#6b1d5e') }),
+        },
+        {
+            id: 'rounded-terracotta',
+            category: 'rounded',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'rounded', params: { radius: 0.25 } },
+            paint: solid('#6e2a12'),
+            background: solid('#fff8f2'),
+            eyes: eyes('extra-rounded', 'leaf-centre'),
+        },
+        {
+            id: 'rounded-link',
+            category: 'rounded',
+            sizesMm: { H: 29 },
+            // A logo with a plate hides every codeword under the plate's box, and
+            // at Q a short link's blocks run out of correction before any print
+            // size can help. H keeps a margin for every length of content.
+            ecLevels: LOGO,
+            ecLevel: 'H',
+            shape: { id: 'rounded', params: { radius: 0.3 } },
+            paint: solid('#0a3d62'),
+            background: WHITE,
+            eyes: eyes('extra-rounded', 'squircle-centre'),
+            logo: {
+                source: { kind: 'icon', id: 'link' },
+                size: 0.2,
+                clear: 'box',
+                padding: 1,
+                plate: { paint: WHITE, shape: 'rounded' },
+                paint: solid('#0a3d62'),
+            },
+        },
+        // Dots.
+        {
+            id: 'midnight-dots',
+            category: 'dots',
+            sizesMm: { M: 26, Q: 31, H: 30 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'dot', params: { size: 0.95 } },
+            paint: solid('#10173a'),
+            background: WHITE,
+            eyes: eyes('squircle', 'leaf-centre'),
+        },
+        {
+            id: 'charcoal-dots',
+            category: 'dots',
+            sizesMm: { M: 25, Q: 29 },
+            // Not H: there the long link takes version 10, which falls short of the
+            // everyday angle at every size.
+            ecLevels: ['M', 'Q'],
+            shape: { id: 'dot', params: { size: 0.98 } },
+            paint: solid('#262626'),
+            background: solid('#fafafa'),
+            eyes: eyes('cushion', 'square-centre'),
+        },
+        {
+            id: 'teal-dots',
+            category: 'dots',
+            sizesMm: { M: 26, Q: 31, H: 30 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'dot', params: { size: 0.95 } },
+            paint: solid('#064e57'),
+            background: solid('#effaf9'),
+            eyes: eyes('squircle', 'squircle-centre', undefined, undefined, { inner: solid('#0b3b40') }),
+        },
+        {
+            id: 'berry-dots',
+            category: 'dots',
+            sizesMm: { M: 26, Q: 34, H: 31 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'dot', params: { size: 0.94 } },
+            paint: solid('#5b0e2d'),
+            background: solid('#fff5f8'),
+            eyes: eyes('squircle', 'rounded-centre'),
+        },
+        {
+            id: 'confetti-dots',
+            category: 'dots',
+            sizesMm: { M: 26, Q: 30, H: 29 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'dot', params: { size: 0.98 } },
+            paint: {
+                kind: 'entry',
+                ref: {
+                    id: 'palette-scatter',
+                    params: {
+                        'colour-1': '#14213d',
+                        'colour-2': '#6a1b4d',
+                        'colour-3': '#1d5c4a',
+                        'colour-4': '#7a3b00',
+                        count: 4,
+                    },
+                },
+            },
+            background: WHITE,
+            eyes: eyes('squircle', 'rounded-centre', undefined, undefined, {
+                outer: solid('#14213d'),
+                inner: solid('#14213d'),
+            }),
+        },
+        // Hex, the house signature.
+        {
+            id: 'hex-pro-blue',
+            category: 'hex',
+            sizesMm: { M: 25, Q: 40, H: 30 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'hex', params: { size: 1 } },
+            paint: solid('#0a4f96'),
+            background: WHITE,
+            eyes: eyes('squircle', 'rounded-centre', undefined, undefined, { outer: solid('#333333') }),
+        },
+        {
+            id: 'hex-graphite',
+            category: 'hex',
+            sizesMm: { M: 25, Q: 31 },
+            // Not H: there the long link takes version 10, which falls short of the
+            // everyday angle at every size.
+            ecLevels: ['M', 'Q'],
+            shape: { id: 'hex', params: { size: 1, orientation: 'flat' } },
+            paint: solid('#1f2933'),
+            background: WHITE,
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'hex-honey',
+            category: 'hex',
+            sizesMm: { M: 25, Q: 31, H: 31 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'hex', params: { size: 1 } },
+            paint: solid('#3d2600'),
+            background: solid('#fff8e7'),
+            eyes: eyes('squircle', 'octagon-centre'),
+        },
+        {
+            id: 'hex-night',
+            category: 'hex',
+            sizesMm: { M: 25, Q: 31, H: 31 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'hex', params: { size: 1 } },
+            paint: solid('#0d1b2a'),
+            background: solid('#eef2f7'),
+            eyes: eyes('squircle', 'octagon-centre'),
+        },
+        // Fluid.
+        {
+            id: 'fluid-ink',
+            category: 'fluid',
+            sizesMm: { L: 22, M: 38, Q: 33 },
+            // Not H: there the short link falls short under starved ink, and the long
+            // link (version 10) at the everyday angle, at every size.
+            ecLevels: ['L', 'M', 'Q'],
+            shape: { id: 'fluid' },
+            paint: solid('#111827'),
+            background: WHITE,
+            eyes: eyes('extra-rounded', 'rounded-centre', undefined, { radius: 0.6 }),
+        },
+        {
+            id: 'fluid-lagoon',
+            category: 'fluid',
+            sizesMm: { L: 22, M: 37 },
+            // Not Q or H: there the long link takes version 9 or 10, which falls short
+            // at the everyday angle or distance at every size.
+            ecLevels: ['L', 'M'],
+            shape: { id: 'fluid', params: { radius: 0.4 } },
+            paint: linear(45, '#0b3954', '#055c5e'),
+            background: WHITE,
+            eyes: eyes('extra-rounded', 'squircle-centre', undefined, undefined, {
+                outer: solid('#0b3954'),
+            }),
+        },
+        {
+            id: 'fluid-aubergine',
+            category: 'fluid',
+            sizesMm: { L: 24, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'fluid' },
+            paint: solid('#3b0d3b'),
+            background: solid('#fbf5fb'),
+            eyes: eyes('squircle', 'squircle-centre'),
+        },
+        {
+            id: 'classy-slate',
+            category: 'fluid',
+            sizesMm: { L: 22, M: 25, Q: 28 },
+            // Not H: there the short link takes version 3, which falls short under the
+            // everyday defocus at every size.
+            ecLevels: ['L', 'M', 'Q'],
+            shape: { id: 'classy' },
+            paint: solid('#263238'),
+            background: WHITE,
+            eyes: eyes('squircle', 'leaf-centre'),
+        },
+        {
+            // Recorded short of the everyday angle (20 degrees) with the long link:
+            // a column of bars has no edge between its modules, so a tilted reader
+            // keeps its place down a column only by the gaps beside it, and jsQR
+            // misses the same capture. Bars a whole module thick read, but join
+            // side by side into blocks, which is no longer this look.
+            id: 'cobalt-bars',
+            category: 'fluid',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'bars-vertical' },
+            paint: solid('#0d2c6c'),
+            background: WHITE,
+            eyes: eyes('rounded', 'rounded-centre', undefined, { radius: 0.25 }),
+        },
+        // Bold.
+        {
+            id: 'poster-yellow',
+            category: 'bold',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'square' },
+            paint: solid('#000000'),
+            background: solid('#ffd23f'),
+            eyes: SQUARE_EYES,
+            frame: { ref: { id: 'banner-bottom' }, paint: solid('#000000') },
+        },
+        {
+            // Recorded short of everyday dim light (0.7) with the long link: the
+            // card is darker than the ground just past the quiet zone, and in dim,
+            // uneven light jsQR misses the same captures the strict reader does.
+            // Without the card it reads; the card is the look, so it stays.
+            id: 'bold-tomato',
+            category: 'bold',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'rounded', params: { radius: 0.2 } },
+            paint: solid('#1a1a1a'),
+            background: solid('#ffe3d8'),
+            eyes: eyes('rounded', 'square-centre', undefined, undefined, { outer: solid('#8a1c0a') }),
+            frame: { ref: { id: 'rounded-card' }, paint: solid('#c2410c') },
+        },
+        {
+            id: 'bold-crosses',
+            category: 'bold',
+            sizesMm: { M: 25, Q: 28, H: 31 },
+            ecLevels: MEDIUM_UP,
+            shape: { id: 'cross', params: { thickness: 0.6 } },
+            paint: solid('#101010'),
+            background: WHITE,
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'slate-bars',
+            category: 'bold',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'bars-horizontal', params: { thickness: 0.85 } },
+            paint: solid('#0f172a'),
+            background: solid('#f1f5f9'),
+            eyes: eyes('square', 'rounded-centre', undefined, { radius: 0.25 }),
+        },
+        {
+            id: 'red-badge',
+            category: 'bold',
+            sizesMm: { M: 25, Q: 28 },
+            // Not L or H: at L the short link falls short at 15 degrees, and at H at
+            // the everyday distance, at every size.
+            ecLevels: ['M', 'Q'],
+            shape: { id: 'square' },
+            paint: solid('#111111'),
+            background: WHITE,
+            eyes: eyes('square', 'square-centre', undefined, undefined, { outer: solid('#8b1111') }),
+            frame: { ref: { id: 'badge-circle' }, paint: solid('#b91c1c') },
+        },
+        {
+            id: 'chat-bubble',
+            category: 'bold',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'rounded', params: { radius: 0.35 } },
+            paint: solid('#1e1b4b'),
+            background: WHITE,
+            eyes: eyes('rounded', 'rounded-centre', undefined, { radius: 0.25 }),
+            frame: { ref: { id: 'speech-bubble' }, paint: solid('#1e1b4b') },
+        },
+        // Minimal.
+        {
+            id: 'minimal-tiny',
+            category: 'minimal',
+            sizesMm: { M: 32 },
+            // Only M: at Q and H the long link takes version 9 or 10, which falls
+            // short of the everyday angle at every size.
+            ecLevels: ['M'],
+            shape: { id: 'tiny-square', params: { scale: 0.7 } },
+            paint: solid('#222222'),
+            background: WHITE,
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'minimal-diamond',
+            category: 'minimal',
+            sizesMm: { M: 25, H: 40 },
+            // Not Q: there the long link takes version 9, which falls short at 15
+            // degrees at every size. H takes version 10 and reads from 40 mm.
+            ecLevels: ['M', 'H'],
+            shape: { id: 'diamond' },
+            paint: solid('#2d2d2d'),
+            background: solid('#fbfbf8'),
+            eyes: eyes('cushion', 'square-centre'),
+        },
+        {
+            id: 'minimal-brackets',
+            category: 'minimal',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'square' },
+            paint: solid('#1c1c1c'),
+            background: WHITE,
+            eyes: SQUARE_EYES,
+            frame: { ref: { id: 'corner-brackets' }, paint: solid('#1c1c1c') },
+        },
+        {
+            id: 'minimal-stars',
+            category: 'minimal',
+            sizesMm: { M: 25 },
+            // Only M: at Q and H the long link takes version 9 or 10, which falls
+            // short of the everyday angle at every size.
+            ecLevels: ['M'],
+            shape: { id: 'star', params: { inner: 0.65 } },
+            paint: solid('#1e1b4b'),
+            background: WHITE,
+            // Star modules read everywhere; a star finder centre does not. Under a
+            // realistic capture (a few degrees of roll, sub-pixel phase, light blur
+            // and noise) jsQR read this preset 0 times in 8 at version 3 with a star
+            // centre, and 8 in 8 with a rounded one. The look survives the swap.
+            eyes: eyes('square', 'square-centre'),
+            subEyes: SQUARE_EYES,
+        },
+        // Colour.
+        {
+            id: 'sunset-gradient',
+            category: 'colour',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 35 },
+            ecLevels: ALL,
+            shape: { id: 'rounded', params: { radius: 0.3 } },
+            paint: linear(45, '#5c1530', '#87300f'),
+            background: solid('#fff8f0'),
+            eyes: eyes('rounded', 'rounded-centre', undefined, { radius: 0.25 }, {
+                outer: solid('#4a0d24'),
+                inner: solid('#4a0d24'),
+            }),
+        },
+        {
+            id: 'deep-sea-gradient',
+            category: 'colour',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'squircle' },
+            paint: linear(90, '#0b3c5d', '#1b4d3e'),
+            background: WHITE,
+            eyes: eyes('squircle', 'squircle-centre', undefined, undefined, { outer: solid('#0b3c5d') }),
+        },
+        {
+            id: 'two-tone',
+            category: 'colour',
+            sizesMm: { M: 25, Q: 28 },
+            // Not L or H: at L the short link falls short under the everyday defocus,
+            // and at H at the everyday distance, at every size.
+            ecLevels: ['M', 'Q'],
+            shape: { id: 'square' },
+            paint: {
+                kind: 'entry',
+                ref: {
+                    id: 'two-tone-diagonal',
+                    params: { 'colour-1': '#14213d', 'colour-2': '#6b1d3a', angle: 45 },
+                },
+            },
+            background: WHITE,
+            eyes: SQUARE_EYES,
+        },
+        {
+            id: 'violet-glow',
+            category: 'colour',
+            sizesMm: { L: 22, M: 25, Q: 31, H: 37 },
+            ecLevels: ALL,
+            shape: { id: 'dot', params: { size: 0.95 } },
+            paint: {
+                kind: 'radial',
+                cx: 0.5,
+                cy: 0.5,
+                radius: 0.7,
+                space: 'symbol',
+                stops: [
+                    { offset: 0, ink: '#4c1d95' },
+                    { offset: 1, ink: '#2a0a4a' },
+                ],
+            },
+            background: solid('#fdfbff'),
+            eyes: eyes('cushion', 'squircle-centre', undefined, undefined, { outer: solid('#2a0a4a') }),
+        },
+        {
+            id: 'mosaic-tiles',
+            category: 'colour',
+            sizesMm: { M: 26 },
+            // Only M: at Q and H the long link takes version 9 or 10, which falls
+            // short of the everyday angle at every size.
+            ecLevels: ['M'],
+            shape: { id: 'mosaic' },
+            paint: {
+                kind: 'entry',
+                ref: {
+                    id: 'palette-scatter',
+                    params: { 'colour-1': '#1d3557', 'colour-2': '#3d1f4f', 'colour-3': '#264027', count: 3 },
+                },
+            },
+            background: solid('#fbfaf6'),
+            eyes: eyes('square', 'square-centre', undefined, undefined, {
+                outer: solid('#1d3557'),
+                inner: solid('#1d3557'),
+            }),
+        },
+        {
+            id: 'teal-and-rust',
+            category: 'colour',
+            sizesMm: { L: 22, M: 25, Q: 28 },
+            // Not H: there the short link takes version 3, which falls short under the
+            // everyday defocus at every size.
+            ecLevels: ['L', 'M', 'Q'],
+            shape: { id: 'rounded', params: { radius: 0.2 } },
+            paint: solid('#064e57'),
+            background: WHITE,
+            eyes: eyes('extra-rounded', 'circle-centre', undefined, undefined, {
+                outer: solid('#7c2d12'),
+                inner: solid('#7c2d12'),
+            }),
+        },
+        {
+            id: 'shop-tag',
+            category: 'colour',
+            sizesMm: { H: 29 },
+            // The same reason as rounded-link: the circular plate costs its whole
+            // box in codewords, so a logo preset is held at H.
+            ecLevels: LOGO,
+            ecLevel: 'H',
+            shape: { id: 'squircle' },
+            paint: solid('#14532d'),
+            background: WHITE,
+            eyes: eyes('squircle', 'squircle-centre'),
+            logo: {
+                source: { kind: 'icon', id: 'shop' },
+                size: 0.2,
+                clear: 'shape',
+                padding: 1,
+                plate: { paint: WHITE, shape: 'circle' },
+                paint: solid('#14532d'),
+            },
+            frame: { ref: { id: 'hang-tag' }, paint: solid('#14532d') },
+        },
+        // Print, with ink values beside the screen colours.
+        {
+            id: 'print-black',
+            category: 'print',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'square' },
+            paint: solid({ srgb: '#000000', cmyk: [0, 0, 0, 1] }),
+            background: solid({ srgb: '#ffffff', cmyk: [0, 0, 0, 0] }),
+            eyes: SQUARE_EYES,
+            colourSpace: 'cmyk',
+        },
+        {
+            id: 'print-navy',
+            category: 'print',
+            sizesMm: { L: 22, M: 25, Q: 28, H: 29 },
+            ecLevels: ALL,
+            shape: { id: 'square' },
+            paint: solid({ srgb: '#13294b', cmyk: [1, 0.75, 0.2, 0.55] }),
+            background: solid({ srgb: '#ffffff', cmyk: [0, 0, 0, 0] }),
+            eyes: SQUARE_EYES,
+            colourSpace: 'cmyk',
+        },
+        {
+            id: 'print-ticket',
+            category: 'print',
+            sizesMm: { M: 25, Q: 28, H: 30 },
+            // Not L: there the short and long links fall short in dim light at every
+            // size.
+            ecLevels: ['M', 'Q', 'H'],
+            shape: { id: 'rounded', params: { radius: 0.2 } },
+            paint: solid({ srgb: '#1a1a1a', cmyk: [0, 0, 0, 0.9] }),
+            background: solid({ srgb: '#ffffff', cmyk: [0, 0, 0, 0] }),
+            eyes: eyes('rounded', 'rounded-centre', undefined, { radius: 0.25 }),
+            frame: { ref: { id: 'ticket' }, paint: solid({ srgb: '#7f1d1d', cmyk: [0, 0.9, 0.8, 0.5] }) },
+            colourSpace: 'cmyk',
+        },
+        {
+            id: 'print-stamp',
+            category: 'print',
+            sizesMm: { M: 25, Q: 28, H: 30 },
+            // Not L: there the short link falls short under everyday ink spread at
+            // every size.
+            ecLevels: ['M', 'Q', 'H'],
+            shape: { id: 'square' },
+            paint: solid({ srgb: '#1f2a44', cmyk: [0.9, 0.7, 0.3, 0.6] }),
+            background: solid({ srgb: '#fffdf7', cmyk: [0, 0, 0.03, 0] }),
+            eyes: SQUARE_EYES,
+            frame: {
+                ref: { id: 'stamp' },
+                paint: solid({ srgb: '#1f2a44', cmyk: [0.9, 0.7, 0.3, 0.6] }),
+            },
+            colourSpace: 'cmyk',
+        },
+    ];
+}
+/** The built-in presets, built afresh. */
+export function builtInPresets() {
+    return Object.freeze(specs().map(preset));
+}
+//# sourceMappingURL=presets.js.map