@incodetech/prizma-core-screens 0.1.0

package/dist/IdCaptureDocumentErrorScreen.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+export interface IdCaptureDocumentErrorScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'children' | 'disclaimer' | 'ctaLabel' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `documentError` slice. */
+    strings: IdCaptureStrings;
+    /** The `-empty` variant: no accepted-documents list is available yet. */
+    empty?: boolean;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — the document itself is not accepted, built on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ * Figma: purple sections `1-9-12-id-documenterror`, `1-9-13-id-documenterror`
+ * and `1-9-11-id-documenterror-empty` of the `Document Errors 🚧` group.
+ * (`1-9-11-id-documenterror` is an EMPTY purple section — nothing is designed in
+ * it yet, so there is nothing to build; the group's 🚧 marker is honest.)
+ *
+ * Error status mark → Title → the accepted-documents card (the archetype's
+ * `children` slot) → attempts line (`disclaimer`) → retry CTA. The card block
+ * used to carry its own Spacing/24 in `IdCaptureLayout.css`; the archetype's
+ * centred column now supplies the gap, so the module declares no spacing at all
+ * (#F-33 records that the block therefore centres rather than sitting at the top).
+ *
+ * The card is Core's `PrizmaCardDocumentList`, which owns the country row (its
+ * bundled flag raster or an emoji fallback) and the document rows, and ships the
+ * `empty` placeholder the `-empty` section needs. Figma puts the
+ * "Accepted documents for: 🇺🇸 United States" line ABOVE the card while Core
+ * carries the country INSIDE it as the card's own header — the design system
+ * wins and the line is not duplicated outside. DEVIATIONS.md #IDC-27.
+ */
+export declare const IdCaptureDocumentErrorScreen: React.ForwardRefExoticComponent<IdCaptureDocumentErrorScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCaptureDocumentErrorScreen;

package/dist/IdCaptureDocumentErrorScreen.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaCardDocumentList } from '@incodetech/prizma-core-web/card';
+import { PrizmaResultScreen } from './ResultScreen';
+import './ScreenLayout.css';
+/**
+ * ID Capture — the document itself is not accepted, built on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ * Figma: purple sections `1-9-12-id-documenterror`, `1-9-13-id-documenterror`
+ * and `1-9-11-id-documenterror-empty` of the `Document Errors 🚧` group.
+ * (`1-9-11-id-documenterror` is an EMPTY purple section — nothing is designed in
+ * it yet, so there is nothing to build; the group's 🚧 marker is honest.)
+ *
+ * Error status mark → Title → the accepted-documents card (the archetype's
+ * `children` slot) → attempts line (`disclaimer`) → retry CTA. The card block
+ * used to carry its own Spacing/24 in `IdCaptureLayout.css`; the archetype's
+ * centred column now supplies the gap, so the module declares no spacing at all
+ * (#F-33 records that the block therefore centres rather than sitting at the top).
+ *
+ * The card is Core's `PrizmaCardDocumentList`, which owns the country row (its
+ * bundled flag raster or an emoji fallback) and the document rows, and ships the
+ * `empty` placeholder the `-empty` section needs. Figma puts the
+ * "Accepted documents for: 🇺🇸 United States" line ABOVE the card while Core
+ * carries the country INSIDE it as the card's own header — the design system
+ * wins and the line is not duplicated outside. DEVIATIONS.md #IDC-27.
+ */
+export const IdCaptureDocumentErrorScreen = forwardRef(({ strings, empty = false, screenId = empty ? 'id-capture-document-error-empty' : 'id-capture-document-error', overrides, onAction, ...shell }, ref) => (_jsx(PrizmaResultScreen, { ref: ref, status: "error", title: strings.documentError.title, subtitle: strings.documentError.description, disclaimer: strings.documentError.attemptsLabel, ctaLabel: strings.documentError.ctaLabel, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: _jsx(PrizmaCardDocumentList, { state: empty ? 'empty' : 'default', countryCode: strings.documentError.countryCode, flag: strings.documentError.flag, country: strings.documentError.country, documents: strings.documentError.documents, emptyMessage: strings.documentError.emptyMessage }) })));
+IdCaptureDocumentErrorScreen.displayName = 'IdCaptureDocumentErrorScreen';
+export default IdCaptureDocumentErrorScreen;

package/dist/IdCaptureDocumentSelectionScreen.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { type PrizmaListScreenProps } from './ListScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureDocumentType, IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+export interface IdCaptureDocumentSelectionScreenProps extends Omit<PrizmaListScreenProps, 'title' | 'subtitle' | 'children' | 'listAlign' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `documentSelection` slice. */
+    strings: IdCaptureStrings;
+    /** Fired with the chosen document type; `onAction` still reports the tap.
+     *  Named `onDocumentSelect`, not `onSelect` — the latter is a native <div>
+     *  event the shell already passes through. */
+    onDocumentSelect?: (documentType: IdCaptureDocumentType) => void;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — choose which document to scan, built on the `PrizmaListScreen`
+ * archetype (GUIDELINES.md §6-G).
+ * Figma: purple sections `1-1-1-id` and `1-1-1-Document Chooser V2` of the
+ * `Document selection` group.
+ *
+ * The rows ARE the actions (Core makes each one a real `<button>`), so the
+ * archetype renders no CTA band; the option list hangs off the bottom of the
+ * middle via `listAlign="end"`, which is the offset this screen used to buy with
+ * a hand-placed `__flex` spacer.
+ *
+ * The two purple sections are two GENERATIONS of the same screen, and Core has
+ * already resolved which one ships: `1-1-1-id` draws each option as a card with
+ * a description line and a round blue arrow button, while
+ * `1-1-1-Document Chooser V2` draws flat rows of a 60px card icon + label +
+ * chevron — and the second is exactly Core's `Card / Verification options`
+ * after its 2026-07-27 redesign (`CardList.tsx`: the descriptive
+ * `Card/Item` stack was replaced, clean break, pre-1.0). The design system wins,
+ * so this screen is V2 and V1 is not rebuilt. DEVIATIONS.md #IDC-23.
+ *
+ * The row artwork comes from Core's card-icon bank (`id` / `passport`), so no
+ * illustration is redrawn here (§10).
+ */
+export declare const IdCaptureDocumentSelectionScreen: React.ForwardRefExoticComponent<IdCaptureDocumentSelectionScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCaptureDocumentSelectionScreen;

package/dist/IdCaptureDocumentSelectionScreen.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaCardListVerificationOptions } from '@incodetech/prizma-core-web/card-list';
+import { PrizmaListScreen } from './ListScreen';
+import './ScreenLayout.css';
+/**
+ * ID Capture — choose which document to scan, built on the `PrizmaListScreen`
+ * archetype (GUIDELINES.md §6-G).
+ * Figma: purple sections `1-1-1-id` and `1-1-1-Document Chooser V2` of the
+ * `Document selection` group.
+ *
+ * The rows ARE the actions (Core makes each one a real `<button>`), so the
+ * archetype renders no CTA band; the option list hangs off the bottom of the
+ * middle via `listAlign="end"`, which is the offset this screen used to buy with
+ * a hand-placed `__flex` spacer.
+ *
+ * The two purple sections are two GENERATIONS of the same screen, and Core has
+ * already resolved which one ships: `1-1-1-id` draws each option as a card with
+ * a description line and a round blue arrow button, while
+ * `1-1-1-Document Chooser V2` draws flat rows of a 60px card icon + label +
+ * chevron — and the second is exactly Core's `Card / Verification options`
+ * after its 2026-07-27 redesign (`CardList.tsx`: the descriptive
+ * `Card/Item` stack was replaced, clean break, pre-1.0). The design system wins,
+ * so this screen is V2 and V1 is not rebuilt. DEVIATIONS.md #IDC-23.
+ *
+ * The row artwork comes from Core's card-icon bank (`id` / `passport`), so no
+ * illustration is redrawn here (§10).
+ */
+export const IdCaptureDocumentSelectionScreen = forwardRef(({ strings, onDocumentSelect, screenId = 'id-capture-document-selection', overrides, onAction, ...shell }, ref) => {
+    const choose = (documentType) => {
+        onDocumentSelect?.(documentType);
+        onAction?.({ type: 'cta', screenId });
+    };
+    return (_jsx(PrizmaListScreen, { ref: ref, title: strings.documentSelection.title, subtitle: strings.documentSelection.subtitle, listAlign: "end", verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: _jsx(PrizmaCardListVerificationOptions, { items: [
+                {
+                    icon: 'id',
+                    title: strings.documentSelection.idLabel,
+                    onClick: () => choose('id'),
+                },
+                {
+                    icon: 'passport',
+                    title: strings.documentSelection.passportLabel,
+                    onClick: () => choose('passport'),
+                },
+            ] }) }));
+});
+IdCaptureDocumentSelectionScreen.displayName = 'IdCaptureDocumentSelectionScreen';
+export default IdCaptureDocumentSelectionScreen;

package/dist/IdCaptureFlipScreen.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+export interface IdCaptureFlipScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'children' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `flip` slice. */
+    strings: IdCaptureStrings;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — the flip interstitial between the two sides, built on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ * Figma: purple section `1-11-1-id-flip` of the `Flip ID` group.
+ *
+ * The module's shortest screen: the CONTENT frame holds only the H2 and the
+ * spinning-card artwork — no logo, and no CTA (the flow advances itself). The
+ * archetype covers it exactly: `status="none"` for the bare title, the artwork in
+ * `children`, no `ctaLabel` so no band is rendered, and `showHeader={false}` to
+ * drop the logo while still reserving the nav row so the offsets match every
+ * other screen (owner rule 2026-08-18).
+ *
+ * The artwork is Core's `PrizmaIllustrationIdFlip` in its `interstitial`
+ * variant — the card spinning inside the static circular arrows, which is
+ * exactly what this moment was designed for (see the component's own
+ * `interstitial` doc note, owner 2026-07-17). Never redrawn here (§7, §10).
+ */
+export declare const IdCaptureFlipScreen: React.ForwardRefExoticComponent<IdCaptureFlipScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCaptureFlipScreen;

package/dist/IdCaptureFlipScreen.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaIllustrationIdFlip } from '@incodetech/prizma-core-web/illustration-id-flip';
+import { PrizmaResultScreen } from './ResultScreen';
+import './ScreenLayout.css';
+/**
+ * ID Capture — the flip interstitial between the two sides, built on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ * Figma: purple section `1-11-1-id-flip` of the `Flip ID` group.
+ *
+ * The module's shortest screen: the CONTENT frame holds only the H2 and the
+ * spinning-card artwork — no logo, and no CTA (the flow advances itself). The
+ * archetype covers it exactly: `status="none"` for the bare title, the artwork in
+ * `children`, no `ctaLabel` so no band is rendered, and `showHeader={false}` to
+ * drop the logo while still reserving the nav row so the offsets match every
+ * other screen (owner rule 2026-08-18).
+ *
+ * The artwork is Core's `PrizmaIllustrationIdFlip` in its `interstitial`
+ * variant — the card spinning inside the static circular arrows, which is
+ * exactly what this moment was designed for (see the component's own
+ * `interstitial` doc note, owner 2026-07-17). Never redrawn here (§7, §10).
+ */
+export const IdCaptureFlipScreen = forwardRef(({ strings, screenId = 'id-capture-flip', showHeader = false, overrides, onAction, ...shell }, ref) => (_jsx(PrizmaResultScreen, { ref: ref, showHeader: showHeader, title: strings.flip.title, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: _jsx(PrizmaIllustrationIdFlip, { variant: "interstitial" }) })));
+IdCaptureFlipScreen.displayName = 'IdCaptureFlipScreen';
+export default IdCaptureFlipScreen;

package/dist/IdCaptureHoldOnScreen.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+export interface IdCaptureHoldOnScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `holdOn` slice. */
+    strings: IdCaptureStrings;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — server-side verification wait ("Hold on a sec…").
+ * Figma: purple sections `1-18-1-id-hold-on` and `1-4.1-1-id-hold-on`.
+ *
+ * The one screen in the module that is a pure Processing state (§6-C): the
+ * spinner + status copy centred in all remaining space, no capture frame, no
+ * CTA. Built on `PrizmaResultScreen` with `status="loading"` and no CTA label —
+ * the archetype renders no band at all in that case, so this is §6-C's layout
+ * reached through the same template as the module's other verdict screens
+ * instead of a hand-composed shell.
+ *
+ * The spinner is `PrizmaTitle`'s own `spinner` icon slot — the canonical
+ * `PrizmaLoadingSpinner` inside the component, never a new one (§3, §7).
+ */
+export declare const IdCaptureHoldOnScreen: React.ForwardRefExoticComponent<IdCaptureHoldOnScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCaptureHoldOnScreen;

package/dist/IdCaptureHoldOnScreen.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaResultScreen } from './ResultScreen';
+import './ScreenLayout.css';
+/**
+ * ID Capture — server-side verification wait ("Hold on a sec…").
+ * Figma: purple sections `1-18-1-id-hold-on` and `1-4.1-1-id-hold-on`.
+ *
+ * The one screen in the module that is a pure Processing state (§6-C): the
+ * spinner + status copy centred in all remaining space, no capture frame, no
+ * CTA. Built on `PrizmaResultScreen` with `status="loading"` and no CTA label —
+ * the archetype renders no band at all in that case, so this is §6-C's layout
+ * reached through the same template as the module's other verdict screens
+ * instead of a hand-composed shell.
+ *
+ * The spinner is `PrizmaTitle`'s own `spinner` icon slot — the canonical
+ * `PrizmaLoadingSpinner` inside the component, never a new one (§3, §7).
+ */
+export const IdCaptureHoldOnScreen = forwardRef(({ strings, screenId = 'id-capture-hold-on', overrides, onAction, ...shell }, ref) => (_jsx(PrizmaResultScreen, { ref: ref, status: "loading", title: strings.holdOn.title, subtitle: strings.holdOn.description, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell })));
+IdCaptureHoldOnScreen.displayName = 'IdCaptureHoldOnScreen';
+export default IdCaptureHoldOnScreen;

package/dist/IdCaptureLayout.css

@@ -0,0 +1,111 @@
+/* ID Capture — module layout additions.
+ *
+ * ONLY what the foundation archetypes do not already own. Every value is a
+ * token; each departure from GUIDELINES.md carries a numbered row in
+ * DEVIATIONS.md (Wave 2 section).
+ *
+ * The module's one structural discovery is the THREE-BAND recipe every
+ * document screen shares — measured off the purple sections, not eyeballed:
+ *
+ *   1-5-1-id-empty  (CONTENT 390×610, node 16285:42627)
+ *     top container   24 → 181.014   342 × 157.014   Title bottom-anchored,
+ *                                                    40px of air below it
+ *     Capture / ID   181.014 → 428.986  342 × 247.97 (214.97 frame + 33 row)
+ *     bottom container 428.986 → 586    342 × 157.014  Manual capture flush
+ *                                                      to its own bottom
+ *     → 24 + 157.014 + 247.97 + 157.014 + 24 = 610 ✓
+ *
+ *   1-9-3-id-attempt (CONTENT 390×654, node I19281:325100;16285:42538)
+ *     top container   24 → 203.014   342 × 179.014   title + 40px air below
+ *     Capture / ID   203.014 → 417.986  342 × 214.97
+ *     Encrypted      417.986 → 450.986  154 × 33     (zero gap — Core renders
+ *                                                     this row INSIDE
+ *                                                     PrizmaIdCapture, same
+ *                                                     result)
+ *     bottom container 450.986 → 630    342 × 179.014  CTAs flush to bottom
+ *     → 24 + 179.014 + 214.97 + 33 + 179.014 + 24 = 654 ✓
+ *
+ * Two equal flexible bands hugging a fixed capture stage, the top band holding
+ * its content at the bottom with Spacing/40 of air under it. Identical on the
+ * dark camera stages and the light result screens, which is why one pair of
+ * classes serves both.
+ */
+
+/* ── The two flexible bands around the capture stage ───────────────────────── */
+
+.id-capture-band {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  /* On the camera stages PrizmaIdCapture's overlay scrim is an absolutely
+   * positioned box-shadow that escapes the frame by design; without a stacking
+   * context of their own the bands' plain text nodes would paint UNDER it (a
+   * positioned sibling always wins over non-positioned content). Lifting the
+   * bands keeps the HUD copy and the manual strip above the veil — the same
+   * reason ScreenShell declares `contain: layout paint` for the scrim. */
+  position: relative;
+  z-index: 1;
+}
+
+/* Spacing/40 of air between the title block (or the feedback pill) and the
+ * capture stage. NOT the foundation's `.prizma-viewfinder__intro`, which pins
+ * its title Spacing/24 above the window — that is Face Capture's number; the
+ * ID Capture purple sections measure 40 on every single stage and result
+ * screen (see the arithmetic above). DEVIATIONS.md #IDC-20. */
+.id-capture-band--top {
+  padding-bottom: var(--prizma-spacing-40);
+  gap: var(--prizma-spacing-8); /* Title → instruction, GUIDELINES §5 */
+}
+
+/* ── Camera stage (dark) ───────────────────────────────────────────────────── */
+
+/* The stage's nav row carries only the close X (no logo — the camera owns the
+ * screen). The foundation `.prizma-screen-nav` supplies the status-bar reserve,
+ * the 44px flow slot and the un-fixing of Core's PrizmaNavigation; the ink is
+ * the only thing the camera stage changes: Core's nav icon is the THEMED
+ * `Icon/Neutral/500`, which disappears on the always-dark camera surface, so it
+ * takes the camera's own Static ink — the same token PrizmaCaptureManual uses
+ * for the shutter and the "?" help control. DEVIATIONS.md #IDC-21. */
+.id-capture-stage__nav .prizma-nav__icon {
+  color: var(--prizma-icon-neutral-50-static);
+}
+
+/* The manual-capture strip spans the content column so its "?" help control
+ * lands on the column's right edge (Figma: `Manual capture` 342 wide, x=24). */
+.id-capture-stage__manual {
+  width: 100%;
+}
+
+/* The feedback pill replaces the title block on the error stages (Figma
+ * `1-5-5 … 1-5-9-id-errors`): same band, same Spacing/40 above the frame. */
+.id-capture-stage__feedback {
+  display: flex;
+  justify-content: center;
+}
+
+/* ── Removed: promoted into the foundation ───────────────────────────────────
+ * `.id-capture-glyph*` (the non-status glyph slot) is now
+ * `ScreenLayout.css`'s `__glyph` — DEVIATIONS #DC-29, closed.
+ * `.id-capture-info-list` / `.id-capture-accepted-docs` (the Spacing/24 under a
+ * title block) are now the List archetype's `__list` — DEVIATIONS #F-31.
+ */
+
+/* ── PrizmaIdCapture on a LIGHT surface ────────────────────────────────────── */
+/* The capture component was authored for the camera stage, so two of its layers
+ * are deliberately Static: the stand-in camera plate is Surface/Neutral/900 and
+ * the encrypted row is white ink. ID Capture's Figma also mounts the SAME
+ * component on the light result screens (`*-review`, `*-success`, `*-attempt`,
+ * `*-analyzing`), where the plate must not show through the document's 7px air
+ * and the reassurance line is drawn in body ink.
+ *
+ * The plate needs no override — Core's own `mode="overlay"` already makes the
+ * window transparent, which is what the light screens want. The ink does: the
+ * row is re-inked with the THEMED body token so it also survives dark mode,
+ * scoped to the light screens only (the camera stage keeps Core's Static white).
+ * Core gap — PrizmaIdCapture has no surface-aware encrypted row. DEVIATIONS.md #IDC-28.
+ */
+.id-capture-on-surface .prizma-id-capture__encrypted {
+  color: var(--prizma-text-body-800-primary);
+}

package/dist/IdCaptureNoConnectionScreen.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+export interface IdCaptureNoConnectionScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'glyph' | 'ctaLabel' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `noConnection` slice. */
+    strings: IdCaptureStrings;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — no internet connection, built on the `PrizmaResultScreen`
+ * archetype (GUIDELINES.md §6-F).
+ * Figma: purple section `1-9-10-id-no-internet` of the front-side group.
+ *
+ * Structurally identical to the Face Capture pilot's
+ * `genericErrors.noConnection` — Title + one CTA — which is why both now render
+ * the same archetype and neither composes a shell. Header and verified tag are on
+ * per the owner's non-capture rule (DEVIATIONS #F-30).
+ *
+ * The Wi-Fi glyph is Figma's `Icon / Wi-Fi` in the archetype's `glyph` slot with
+ * the foundation's `__glyph` class; Core's `PrizmaTitle` allowlist is
+ * status | spinner | none (DEVIATIONS #10, #DC-29).
+ */
+export declare const IdCaptureNoConnectionScreen: React.ForwardRefExoticComponent<IdCaptureNoConnectionScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCaptureNoConnectionScreen;

package/dist/IdCaptureNoConnectionScreen.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { IconWifiOff } from '@incodetech/prizma-core-icons';
+import { PrizmaResultScreen } from './ResultScreen';
+import './ScreenLayout.css';
+/**
+ * ID Capture — no internet connection, built on the `PrizmaResultScreen`
+ * archetype (GUIDELINES.md §6-F).
+ * Figma: purple section `1-9-10-id-no-internet` of the front-side group.
+ *
+ * Structurally identical to the Face Capture pilot's
+ * `genericErrors.noConnection` — Title + one CTA — which is why both now render
+ * the same archetype and neither composes a shell. Header and verified tag are on
+ * per the owner's non-capture rule (DEVIATIONS #F-30).
+ *
+ * The Wi-Fi glyph is Figma's `Icon / Wi-Fi` in the archetype's `glyph` slot with
+ * the foundation's `__glyph` class; Core's `PrizmaTitle` allowlist is
+ * status | spinner | none (DEVIATIONS #10, #DC-29).
+ */
+export const IdCaptureNoConnectionScreen = forwardRef(({ strings, screenId = 'id-capture-no-connection', overrides, onAction, ...shell }, ref) => (_jsx(PrizmaResultScreen, { ref: ref, glyph: _jsx("span", { className: [
+            'prizma-screen-layout__glyph',
+            'prizma-screen-layout__glyph--negative',
+            overrides?.align === 'left' ? 'prizma-screen-layout__glyph--left' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), children: _jsx(IconWifiOff, { size: "l" }) }), title: strings.noConnection.title, subtitle: strings.noConnection.description, ctaLabel: strings.noConnection.ctaLabel, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell })));
+IdCaptureNoConnectionScreen.displayName = 'IdCaptureNoConnectionScreen';
+export default IdCaptureNoConnectionScreen;

package/dist/IdCapturePermissionScreen.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type PrizmaListScreenProps } from './ListScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+export interface IdCapturePermissionScreenProps extends Omit<PrizmaListScreenProps, 'status' | 'title' | 'subtitle' | 'children' | 'ctaLabel' | 'linkLabel' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `permission` slice. */
+    strings: IdCaptureStrings;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — "Camera permission is required", built on the `PrizmaListScreen`
+ * archetype (GUIDELINES.md §6-G).
+ * Figma: purple section `1-3-2-id` of the `Permissions` group, plus its
+ * `1-3-2-id-allow-camera`, `1-3-2-id-quit-process` and
+ * `1-3-2-id-allow-camera-quit-process` siblings — which differ only in which
+ * control is pressed, i.e. copy/interaction variants of this ONE screen.
+ *
+ * Warning status mark → Title → three reason rows → a tertiary "quit" link →
+ * the permission CTA. `showHeader={false}` keeps the section's logo-free chrome
+ * (the flow has not started) with the nav row still reserved.
+ *
+ * NOT built from this group: `1-3-1-id-iOS+Android` and `1-4-1-id` are the
+ * NATIVE OS permission dialogs (an iOS alert and an Android sheet drawn as
+ * documentation), and `1-4-2-id` is a step list whose rows are OS app icons
+ * (Settings, Safari, the iOS camera tile). None of them is a Prizma surface and
+ * none of their chrome exists in Core — building them would mean inventing
+ * primitives and shipping platform raster assets, both forbidden (§10, rule 1).
+ * Reported to the owner instead. DEVIATIONS.md #IDC-26.
+ */
+export declare const IdCapturePermissionScreen: React.ForwardRefExoticComponent<IdCapturePermissionScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCapturePermissionScreen;

package/dist/IdCapturePermissionScreen.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { IconApproval, IconBankCardSearch, IconCamera } from '@incodetech/prizma-core-icons';
+import { PrizmaCardListCommonIssues } from '@incodetech/prizma-core-web/card-list';
+import { PrizmaListScreen } from './ListScreen';
+import './ScreenLayout.css';
+/**
+ * The three reason rows' leading icons, in the order the purple section lists
+ * them: the camera captures the ID · it verifies authenticity · it is required
+ * to verify identity. Canonical bank only (§10).
+ */
+const ROW_ICONS = [
+    _jsx(IconCamera, { size: "m" }, "camera"),
+    _jsx(IconBankCardSearch, { size: "m" }, "authenticity"),
+    _jsx(IconApproval, { size: "m" }, "required"),
+];
+/**
+ * ID Capture — "Camera permission is required", built on the `PrizmaListScreen`
+ * archetype (GUIDELINES.md §6-G).
+ * Figma: purple section `1-3-2-id` of the `Permissions` group, plus its
+ * `1-3-2-id-allow-camera`, `1-3-2-id-quit-process` and
+ * `1-3-2-id-allow-camera-quit-process` siblings — which differ only in which
+ * control is pressed, i.e. copy/interaction variants of this ONE screen.
+ *
+ * Warning status mark → Title → three reason rows → a tertiary "quit" link →
+ * the permission CTA. `showHeader={false}` keeps the section's logo-free chrome
+ * (the flow has not started) with the nav row still reserved.
+ *
+ * NOT built from this group: `1-3-1-id-iOS+Android` and `1-4-1-id` are the
+ * NATIVE OS permission dialogs (an iOS alert and an Android sheet drawn as
+ * documentation), and `1-4-2-id` is a step list whose rows are OS app icons
+ * (Settings, Safari, the iOS camera tile). None of them is a Prizma surface and
+ * none of their chrome exists in Core — building them would mean inventing
+ * primitives and shipping platform raster assets, both forbidden (§10, rule 1).
+ * Reported to the owner instead. DEVIATIONS.md #IDC-26.
+ */
+export const IdCapturePermissionScreen = forwardRef(({ strings, screenId = 'id-capture-permission', showHeader = false, overrides, onAction, ...shell }, ref) => (_jsx(PrizmaListScreen, { ref: ref, showHeader: showHeader, status: "warning", title: strings.permission.title, subtitle: strings.permission.description, ctaLabel: strings.permission.ctaLabel, linkLabel: strings.permission.quitLabel, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: _jsx(PrizmaCardListCommonIssues, { items: strings.permission.rows.map((row, i) => ({
+            icon: ROW_ICONS[i % ROW_ICONS.length],
+            title: row.title,
+            subtitle: row.description,
+            showSubtitle: Boolean(row.description),
+        })) }) })));
+IdCapturePermissionScreen.displayName = 'IdCapturePermissionScreen';
+export default IdCapturePermissionScreen;

package/dist/IdCaptureResultScreen.d.ts

@@ -0,0 +1,59 @@
+import React, { type ReactNode } from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { IdCaptureDocumentType, IdCaptureStrings } from './IdCaptureStrings';
+import './ScreenLayout.css';
+import './IdCaptureLayout.css';
+/**
+ * Which verdict the screen reports. Each maps onto a purple section family:
+ * - `review`         — `*-review` (no status icon, Retake + Continue)
+ * - `success`        — `*-success`, `1-10-2-id-success-capture-only`
+ * - `error`          — `*-attempt`, `*-failed-attempt` (retries left)
+ * - `exhausted`      — `*-no-attempts` (retries used up)
+ * - `classification` — Classification Errors / "Scan the back of your ID"
+ */
+export type IdCaptureResultVerdict = 'review' | 'success' | 'error' | 'exhausted' | 'classification';
+export interface IdCaptureResultScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'children' | 'disclaimer' | 'ctaLabel' | 'secondaryCtaLabel' | 'ctaOrientation' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the slice its `verdict` names. */
+    strings: IdCaptureStrings;
+    /** Which purple result section to render. Default `success`. */
+    verdict?: IdCaptureResultVerdict;
+    /** Which document was captured — Core `PrizmaIdCapture.type`. */
+    documentType?: IdCaptureDocumentType;
+    /** Portrait document orientation — the `↕️ vertical` groups. */
+    vertical?: boolean;
+    /** The captured document still (<img>) shown inside the frame. */
+    still?: ReactNode;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * ID Capture — the captured-document verdict screens, built on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ *
+ * ONE screen for every `*-review`, `*-success`, `*-attempt`,
+ * `*-failed-attempt` and `*-no-attempts` section across all five capture groups,
+ * plus the Classification Errors section — ~35 purple sections that are copy,
+ * status-icon, frame-state and CTA variants of a single layout.
+ *
+ * The captured still rides in the archetype's `children` slot, the attempts line
+ * in `disclaimer`, and the review/classification action pair in
+ * `secondaryCtaLabel`. This file used to hand-build the whole shell (198 lines)
+ * with its own three-band arithmetic in `IdCaptureLayout.css`; the archetype now
+ * owns every offset, with two measured consequences logged as #F-33: the title
+ * block sits Spacing/16 above the frame rather than the module's Spacing/40, and
+ * review's Retake+Continue pair stacks vertically instead of sitting side by side
+ * (the archetype has one CTA orientation).
+ *
+ * `showHeader={false}` keeps the family's chrome as Figma draws it — no logo —
+ * while still reserving the nav row, so the offsets are identical to every other
+ * screen (owner rule 2026-08-18).
+ *
+ * Everything visual belongs to Core: the status marks are `PrizmaTitle`'s icon
+ * slot (outline bank icons — the module Figma still draws the two-tone filled
+ * discs, DEVIATIONS.md #15 again), and the frame and its border are
+ * `PrizmaIdCapture`.
+ */
+export declare const IdCaptureResultScreen: React.ForwardRefExoticComponent<IdCaptureResultScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default IdCaptureResultScreen;