@incodetech/prizma-core-screens 0.1.2 → 0.2.3

package/dist/DemoScreensConfigScreen.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type PrizmaScreenShellProps } from './ScreenShell';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { DemoScreensStrings } from './DemoScreensStrings';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/**
+ * The five states the `Configuration` section draws:
+ *  - `empty`            `demo_2` — placeholders, CTA disabled
+ *  - `filled`           `demo_4` — Client ID typed, environment chosen
+ *  - `environmentOpen`  `demo_4` — the environment menu open
+ *  - `custom`           `demo_3` — environment "Custom" reveals the URL field
+ *  - `error`            `Error Client ID` — the backend rejected the ID
+ */
+export type DemoScreensConfigState = 'empty' | 'filled' | 'environmentOpen' | 'custom' | 'error';
+export interface DemoScreensConfigScreenProps extends Omit<PrizmaScreenShellProps, 'dark' | 'title' | 'children'> {
+    /** Family copy — this screen reads the `config` slice. */
+    strings: DemoScreensStrings;
+    state?: DemoScreensConfigState;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Demo screens · NATIVE — the configuration form, `Configuration` (2010:4704)
+ * in `Demo App - Latest Design`: the logo nav, Client ID, Environment, and a
+ * URL field once the environment is Custom. Continue stays disabled until
+ * both fields hold a value.
+ *
+ * Archetype E's shape without E's title: the frame draws no heading, and
+ * `PrizmaFormScreen` insists on one (DEVIATIONS #GEN-13), so the screen
+ * composes the nav and E's layout classes itself. Fields and CTA are Core's.
+ * The keyboard on the typing frames is OS chrome and is not drawn (#DC-20).
+ */
+export declare const DemoScreensConfigScreen: React.ForwardRefExoticComponent<DemoScreensConfigScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DemoScreensConfigScreen;

package/dist/DemoScreensConfigScreen.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaButton } from '@incodetech/prizma-core-web/button';
+import { PrizmaTextField } from '@incodetech/prizma-core-web/text-field';
+import { PrizmaDropdown } from '@incodetech/prizma-core-web/dropdown';
+import { PrizmaScreenShell } from './ScreenShell';
+import { PrizmaScreenNav } from './ScreenNav';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/**
+ * Demo screens · NATIVE — the configuration form, `Configuration` (2010:4704)
+ * in `Demo App - Latest Design`: the logo nav, Client ID, Environment, and a
+ * URL field once the environment is Custom. Continue stays disabled until
+ * both fields hold a value.
+ *
+ * Archetype E's shape without E's title: the frame draws no heading, and
+ * `PrizmaFormScreen` insists on one (DEVIATIONS #GEN-13), so the screen
+ * composes the nav and E's layout classes itself. Fields and CTA are Core's.
+ * The keyboard on the typing frames is OS chrome and is not drawn (#DC-20).
+ */
+export const DemoScreensConfigScreen = forwardRef(({ strings, state = 'empty', screenId = `demo-screens-config-${state}`, overrides, onAction, ...shell }, ref) => {
+    const c = strings.config;
+    const filled = state !== 'empty';
+    const custom = state === 'custom';
+    const environment = state === 'empty' ? null : custom ? c.customEnvironment : c.environments[0]?.value ?? null;
+    return (_jsxs(PrizmaScreenShell, { ref: ref, "data-screen-id": screenId, ...shell, children: [_jsx(PrizmaScreenNav, { logo: overrides?.logo, navLabel: strings.navLabel }), _jsx("div", { className: "prizma-screen-layout__content", children: _jsxs("div", { className: "demo-screens-config__fields", children: [_jsx(PrizmaTextField, { label: c.clientIdLabel, placeholder: c.clientIdPlaceholder, defaultValue: filled ? c.clientIdValue : '', error: state === 'error', errorText: state === 'error' ? c.clientIdError : undefined, showRequiredMarker: false }, state), _jsx(PrizmaDropdown, { label: c.environmentLabel, placeholder: c.environmentPlaceholder, options: c.environments, value: environment, showRequiredMarker: false, forceOpen: state === 'environmentOpen' }), custom ? (_jsx(PrizmaTextField, { label: c.urlLabel, defaultValue: c.urlValue, showRequiredMarker: false })) : null] }) }), _jsx("div", { className: "prizma-screen-layout__band prizma-screen-layout__band--bare demo-screens-band", children: _jsx("div", { className: "prizma-screen-layout__band__ctas", children: _jsx(PrizmaButton, { variant: "primary", size: "L", disabled: !filled || state === 'error', onClick: () => onAction?.({ type: 'cta', screenId }), children: c.ctaLabel }) }) })] }));
+});
+DemoScreensConfigScreen.displayName = 'DemoScreensConfigScreen';
+export default DemoScreensConfigScreen;

package/dist/DemoScreensConfigSheetScreen.d.ts

@@ -0,0 +1,39 @@
+import React, { type ReactNode } from 'react';
+import { type PrizmaScreenShellProps } from './ScreenShell';
+import type { PrizmaScreenActionHandler } from './types';
+import type { DemoScreensStrings } from './DemoScreensStrings';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/**
+ * The four states of the `Demo config screen` row (2118:20999):
+ *  - `default`   "Build Predefined", Save disabled
+ *  - `flowOpen`  the flow menu open, with its search
+ *  - `selected`  "uxv2" chosen, Save live
+ *  - `saved`     back from the edit sheet: "settings saved" snackbar
+ */
+export type DemoScreensConfigSheetState = 'default' | 'flowOpen' | 'selected' | 'saved';
+export interface DemoScreensConfigSheetScreenProps extends Omit<PrizmaScreenShellProps, 'dark' | 'title' | 'children'> {
+    /** Family copy — this screen reads the `configSheet` slice. */
+    strings: DemoScreensStrings;
+    state?: DemoScreensConfigSheetState;
+    screenId?: string;
+    onAction?: PrizmaScreenActionHandler;
+}
+/** Scrim + Core's sheet panel, the way Document Capture's method sheet does it
+ *  (DEVIATIONS #DC-30): the screen owns the scrim, Core owns the panel. */
+export declare const DemoScreensSheet: React.FC<{
+    ariaLabel: string;
+    children: ReactNode;
+}>;
+/**
+ * Demo screens · NATIVE — the configuration sheet the Launch menu opens
+ * (`Configuration › Demo config screen`, 2118:20999): choose the flow to run,
+ * read which Client ID and environment are set, or go edit them.
+ *
+ * Core's bottom sheet carries the panel; inside it Navigation (close only),
+ * a left Title, a searchable Dropdown, two read-only lines, and a CTA band of
+ * primary → tertiary link → build caption. The sheet's own header slot is not
+ * used because the frame puts the nav row ABOVE the title.
+ */
+export declare const DemoScreensConfigSheetScreen: React.ForwardRefExoticComponent<DemoScreensConfigSheetScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DemoScreensConfigSheetScreen;

package/dist/DemoScreensConfigSheetScreen.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaButton } from '@incodetech/prizma-core-web/button';
+import { PrizmaTitle } from '@incodetech/prizma-core-web/title';
+import { PrizmaNavigation } from '@incodetech/prizma-core-web/navigation';
+import { PrizmaDropdown } from '@incodetech/prizma-core-web/dropdown';
+import { PrizmaSnackbar } from '@incodetech/prizma-core-web/snackbar';
+import { PrizmaBottomSheetContent } from '@incodetech/prizma-core-web/bottom-sheet';
+import { PrizmaScreenShell } from './ScreenShell';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/** Scrim + Core's sheet panel, the way Document Capture's method sheet does it
+ *  (DEVIATIONS #DC-30): the screen owns the scrim, Core owns the panel. */
+export const DemoScreensSheet = ({ ariaLabel, children }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "demo-screens-sheet-scrim", "aria-hidden": "true" }), _jsx("div", { className: "demo-screens-sheet-panel", children: _jsx(PrizmaBottomSheetContent, { variant: "dialog", ariaLabel: ariaLabel, showButtonGroup: false, body: children }) })] }));
+/**
+ * Demo screens · NATIVE — the configuration sheet the Launch menu opens
+ * (`Configuration › Demo config screen`, 2118:20999): choose the flow to run,
+ * read which Client ID and environment are set, or go edit them.
+ *
+ * Core's bottom sheet carries the panel; inside it Navigation (close only),
+ * a left Title, a searchable Dropdown, two read-only lines, and a CTA band of
+ * primary → tertiary link → build caption. The sheet's own header slot is not
+ * used because the frame puts the nav row ABOVE the title.
+ */
+export const DemoScreensConfigSheetScreen = forwardRef(({ strings, state = 'default', screenId = `demo-screens-config-sheet-${state}`, onAction, ...shell }, ref) => {
+    const s = strings.configSheet;
+    const options = [{ value: s.flowValue, label: s.flowValue }, ...s.flows];
+    const value = state === 'selected' ? s.flowSelected : s.flowValue;
+    return (_jsxs(PrizmaScreenShell, { ref: ref, "data-screen-id": screenId, ...shell, children: [state === 'saved' ? (_jsx("div", { className: "demo-screens-toast", children: _jsx(PrizmaSnackbar, { state: "success", contentResizing: "fill", isMultiline: true, children: s.savedSnackbar }) })) : null, _jsxs(DemoScreensSheet, { ariaLabel: s.title, children: [_jsx("div", { className: "demo-screens-sheet__nav", children: _jsx(PrizmaNavigation, { showIncodeLogo: false, showRightIcon: true, closeLabel: s.closeLabel, onRightIconClick: () => onAction?.({ type: 'help', screenId }), "aria-label": s.title }) }), _jsx("div", { className: "demo-screens-sheet__title", children: _jsx(PrizmaTitle, { variant: "left", title: s.title, showSubtitle: true, subtitle: s.subtitle }) }), _jsxs("div", { className: "demo-screens-sheet__fields", children: [_jsx(PrizmaDropdown, { label: s.flowLabel, options: options, value: value, showRequiredMarker: false, searchable: true, searchPlaceholder: s.searchPlaceholder, clearSearchLabel: s.clearSearchLabel, forceOpen: state === 'flowOpen' }), _jsxs("div", { className: "demo-screens-sheet__lines", children: [_jsx("p", { className: "demo-screens-sheet__line", children: s.clientIdLine }), _jsx("p", { className: "demo-screens-sheet__line", children: s.environmentLine })] })] }), _jsxs("div", { className: "demo-screens-sheet__band", children: [_jsx(PrizmaButton, { variant: "primary", size: "L", disabled: state !== 'selected', onClick: () => onAction?.({ type: 'cta', screenId }), children: s.saveLabel }), _jsx(PrizmaButton, { variant: "tertiary-link", size: "L", onClick: () => onAction?.({ type: 'tertiary', screenId }), children: s.editLinkLabel }), _jsx("p", { className: "demo-screens-build", children: s.buildLabel })] })] })] }));
+});
+DemoScreensConfigSheetScreen.displayName = 'DemoScreensConfigSheetScreen';
+export default DemoScreensConfigSheetScreen;

package/dist/DemoScreensEditSheetScreen.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { type PrizmaScreenShellProps } from './ScreenShell';
+import type { PrizmaScreenActionHandler } from './types';
+import type { DemoScreensStrings } from './DemoScreensStrings';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/**
+ * The five states of the `Edit Client ID or Environment` row (2118:21000 …):
+ *  - `default`          nothing changed yet, Update disabled
+ *  - `environmentOpen`  the environment menu open
+ *  - `filled`           a new environment chosen, Update live
+ *  - `loading`          Update pressed, the backend checking
+ *  - `error`            "Wrong Client ID"
+ */
+export type DemoScreensEditSheetState = 'default' | 'environmentOpen' | 'filled' | 'loading' | 'error';
+export interface DemoScreensEditSheetScreenProps extends Omit<PrizmaScreenShellProps, 'dark' | 'title' | 'children'> {
+    /** Family copy — this screen reads the `editSheet` slice. */
+    strings: DemoScreensStrings;
+    state?: DemoScreensEditSheetState;
+    screenId?: string;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Demo screens · NATIVE — the second sheet, reached from the first's link:
+ * change the Client ID or the environment, and let the backend check the pair.
+ * Navigation with back AND close, a left Title with subtitle, a TextField, a
+ * Dropdown, the Update CTA and the build caption.
+ */
+export declare const DemoScreensEditSheetScreen: React.ForwardRefExoticComponent<DemoScreensEditSheetScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DemoScreensEditSheetScreen;

package/dist/DemoScreensEditSheetScreen.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaButton } from '@incodetech/prizma-core-web/button';
+import { PrizmaTitle } from '@incodetech/prizma-core-web/title';
+import { PrizmaNavigation } from '@incodetech/prizma-core-web/navigation';
+import { PrizmaTextField } from '@incodetech/prizma-core-web/text-field';
+import { PrizmaDropdown } from '@incodetech/prizma-core-web/dropdown';
+import { PrizmaScreenShell } from './ScreenShell';
+import { DemoScreensSheet } from './DemoScreensConfigSheetScreen';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/**
+ * Demo screens · NATIVE — the second sheet, reached from the first's link:
+ * change the Client ID or the environment, and let the backend check the pair.
+ * Navigation with back AND close, a left Title with subtitle, a TextField, a
+ * Dropdown, the Update CTA and the build caption.
+ */
+export const DemoScreensEditSheetScreen = forwardRef(({ strings, state = 'default', screenId = `demo-screens-edit-sheet-${state}`, onAction, ...shell }, ref) => {
+    const e = strings.editSheet;
+    const changed = state === 'filled' || state === 'loading' || state === 'error';
+    const options = e.environments.some(o => o.value === e.environmentValue)
+        ? e.environments
+        : [{ value: e.environmentValue, label: e.environmentValue }, ...e.environments];
+    return (_jsx(PrizmaScreenShell, { ref: ref, "data-screen-id": screenId, ...shell, children: _jsxs(DemoScreensSheet, { ariaLabel: e.title, children: [_jsx("div", { className: "demo-screens-sheet__nav", children: _jsx(PrizmaNavigation, { showIncodeLogo: false, showLeftIcon: true, backLabel: e.backLabel, onLeftIconClick: () => onAction?.({ type: 'secondary', screenId }), showRightIcon: true, closeLabel: e.closeLabel, onRightIconClick: () => onAction?.({ type: 'help', screenId }), "aria-label": e.title }) }), _jsx("div", { className: "demo-screens-sheet__title", children: _jsx(PrizmaTitle, { variant: "left", title: e.title, showSubtitle: true, subtitle: e.subtitle }) }), _jsxs("div", { className: "demo-screens-sheet__fields", children: [_jsx(PrizmaTextField, { label: e.clientIdLabel, defaultValue: e.clientIdValue, error: state === 'error', errorText: state === 'error' ? e.clientIdError : undefined, showRequiredMarker: false }, state), _jsx(PrizmaDropdown, { label: e.environmentLabel, options: options, value: changed ? e.environmentSelected : e.environmentValue, showRequiredMarker: false, forceOpen: state === 'environmentOpen' })] }), _jsxs("div", { className: "demo-screens-sheet__band", children: [_jsx(PrizmaButton, { variant: "primary", size: "L", disabled: !changed || state === 'error', loading: state === 'loading', onClick: () => onAction?.({ type: 'cta', screenId }), children: e.ctaLabel }), _jsx("p", { className: "demo-screens-build", children: e.buildLabel })] })] }) }));
+});
+DemoScreensEditSheetScreen.displayName = 'DemoScreensEditSheetScreen';
+export default DemoScreensEditSheetScreen;

package/dist/DemoScreensEndScreen.d.ts

@@ -1,33 +1,21 @@
 import React from 'react';
-import { type PrizmaResultScreenProps } from './ResultScreen';
-import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
-import type { DemoScreensStrings } from './DemoScreensStrings';
+import { type DemoScreensResultScreenProps } from './DemoScreensResultScreen';
 import './ScreenLayout.css';
-export interface DemoScreensEndScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'glyph' | 'verifiedLabel' | 'navLabel'> {
-    /** Family copy — this screen reads the `end` slice. */
-    strings: DemoScreensStrings;
-    screenId?: string;
-    overrides?: PrizmaScreenOverrides;
-    onAction?: PrizmaScreenActionHandler;
+export interface DemoScreensEndScreenProps extends Omit<DemoScreensResultScreenProps, 'status'> {
 }
 /**
- * Demo screens — "Verification complete!", built on the Result archetype
- * (GUIDELINES.md §6-F, `PrizmaResultScreen`).
+ * Demo screens — "Verification complete!", `Module Generic Screens` frame
+ * `63:399`: the demo is over and the result is with a human.
  *
- * Figma: `Module Generic Screens` frame `63:399`. The last thing a prospect
- * sees in a sample flow: logo header → a centred title and supporting line →
- * the verified tag. No CTA, because the demo has nowhere left to go.
- *
- * Result rather than Processing, even though the skeleton is Processing's:
- * archetype C's status vocabulary is `loading | success | error | warning`, so
- * a MARK-FREE centred title is not expressible there. `status="none"` is
- * archetype F's, and with no CTA the band never renders — F degenerates to
- * exactly C's shape and keeps the mark off.
+ * Since 2026-09-24 this is the `inReview` case of `DemoScreensResultScreen`,
+ * kept under its original name so the hub entry `demo-screens-end` and the
+ * iPhone Duo exploration that renders it by id keep resolving. New consumers
+ * should reach for the result screen and pass the session status.
  *
  * Figma draws no status mark above the title, deliberately: the demo did not
  * verify anything, it finished. A success tick here would claim a verdict the
  * session never reached — the copy already says the result is still under
- * review.
+ * review. No CTA, because the demo has nowhere left to go.
  */
 export declare const DemoScreensEndScreen: React.ForwardRefExoticComponent<DemoScreensEndScreenProps & React.RefAttributes<HTMLDivElement>>;
 export default DemoScreensEndScreen;

package/dist/DemoScreensEndScreen.js

@@ -1,27 +1,22 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { PrizmaResultScreen } from './ResultScreen';
+import { DemoScreensResultScreen, } from './DemoScreensResultScreen';
 import './ScreenLayout.css';
 /**
- * Demo screens — "Verification complete!", built on the Result archetype
- * (GUIDELINES.md §6-F, `PrizmaResultScreen`).
+ * Demo screens — "Verification complete!", `Module Generic Screens` frame
+ * `63:399`: the demo is over and the result is with a human.
  *
- * Figma: `Module Generic Screens` frame `63:399`. The last thing a prospect
- * sees in a sample flow: logo header → a centred title and supporting line →
- * the verified tag. No CTA, because the demo has nowhere left to go.
- *
- * Result rather than Processing, even though the skeleton is Processing's:
- * archetype C's status vocabulary is `loading | success | error | warning`, so
- * a MARK-FREE centred title is not expressible there. `status="none"` is
- * archetype F's, and with no CTA the band never renders — F degenerates to
- * exactly C's shape and keeps the mark off.
+ * Since 2026-09-24 this is the `inReview` case of `DemoScreensResultScreen`,
+ * kept under its original name so the hub entry `demo-screens-end` and the
+ * iPhone Duo exploration that renders it by id keep resolving. New consumers
+ * should reach for the result screen and pass the session status.
  *
  * Figma draws no status mark above the title, deliberately: the demo did not
  * verify anything, it finished. A success tick here would claim a verdict the
  * session never reached — the copy already says the result is still under
- * review.
+ * review. No CTA, because the demo has nowhere left to go.
  */
-export const DemoScreensEndScreen = forwardRef(({ strings, screenId = 'demo-screens-end', overrides, onAction, ...shell }, ref) => (_jsx(PrizmaResultScreen, { ref: ref, status: "none", title: strings.end.title, subtitle: strings.end.subtitle, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell })));
+export const DemoScreensEndScreen = forwardRef(({ screenId = 'demo-screens-end', ...rest }, ref) => (_jsx(DemoScreensResultScreen, { ref: ref, status: "inReview", screenId: screenId, ...rest })));
 DemoScreensEndScreen.displayName = 'DemoScreensEndScreen';
 export default DemoScreensEndScreen;

package/dist/DemoScreensLaunchScreen.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type PrizmaScreenShellProps } from './ScreenShell';
+import type { PrizmaScreenActionHandler } from './types';
+import type { DemoScreensStrings } from './DemoScreensStrings';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+export interface DemoScreensLaunchScreenProps extends Omit<PrizmaScreenShellProps, 'dark' | 'title' | 'children'> {
+    /** Family copy — this screen reads `appName` and `launch`. */
+    strings: DemoScreensStrings;
+    /** The CTA is pressed and the session is being created (`Loading`). */
+    loading?: boolean;
+    /** The configuration sheet just saved: "Flow saved" over the header. */
+    saved?: boolean;
+    screenId?: string;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Demo screens · NATIVE — `Launch screen` (2010:5024), `Loading` (2082:8004)
+ * and the "Flow saved" return (2118:21170): the app is configured. Header row
+ * with the flow's name on the left and the menu on the right, the wordmark in
+ * the middle, one CTA, and the environment named under it.
+ *
+ * The web Start screen's twin: same header row, same wordmark block, same
+ * bare CTA band; only the header's left slot and the caption differ.
+ * `onAction`: `cta` for Start, `help` for the menu (it opens the sheet).
+ */
+export declare const DemoScreensLaunchScreen: React.ForwardRefExoticComponent<DemoScreensLaunchScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DemoScreensLaunchScreen;

package/dist/DemoScreensLaunchScreen.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaButton } from '@incodetech/prizma-core-web/button';
+import { PrizmaLogo } from '@incodetech/prizma-core-web/logo';
+import { PrizmaSnackbar } from '@incodetech/prizma-core-web/snackbar';
+import { PrizmaScreenShell } from './ScreenShell';
+import { MenuDotsGlyph } from './DemoScreensStartScreen';
+import './ScreenLayout.css';
+import './DemoScreensLayout.css';
+/**
+ * Demo screens · NATIVE — `Launch screen` (2010:5024), `Loading` (2082:8004)
+ * and the "Flow saved" return (2118:21170): the app is configured. Header row
+ * with the flow's name on the left and the menu on the right, the wordmark in
+ * the middle, one CTA, and the environment named under it.
+ *
+ * The web Start screen's twin: same header row, same wordmark block, same
+ * bare CTA band; only the header's left slot and the caption differ.
+ * `onAction`: `cta` for Start, `help` for the menu (it opens the sheet).
+ */
+export const DemoScreensLaunchScreen = forwardRef(({ strings, loading = false, saved = false, screenId = loading ? 'demo-screens-launch-loading' : saved ? 'demo-screens-launch-saved' : 'demo-screens-launch', onAction, ...shell }, ref) => {
+    const l = strings.launch;
+    return (_jsxs(PrizmaScreenShell, { ref: ref, "data-screen-id": screenId, ...shell, children: [saved ? (_jsx("div", { className: "demo-screens-toast", children: _jsx(PrizmaSnackbar, { state: "success", contentResizing: "fill", children: l.savedSnackbar }) })) : null, _jsxs("header", { className: "demo-screens-start__header", "aria-label": strings.navLabel, children: [_jsx("span", { className: "demo-screens-start__flow", children: l.flowLabel }), _jsx("button", { type: "button", className: "prizma-nav__icon demo-screens-start__menu", "aria-label": l.menuLabel, onClick: () => onAction?.({ type: 'help', screenId }), children: _jsx(MenuDotsGlyph, {}) })] }), _jsx("div", { className: "prizma-screen-layout__content", children: _jsx("div", { className: "demo-screens-start__middle", children: _jsxs("div", { className: "demo-screens-wordmark", children: [_jsx(PrizmaLogo, { variant: "incode" }), _jsx("p", { className: "demo-screens-wordmark__caption", children: strings.appName })] }) }) }), _jsxs("div", { className: "prizma-screen-layout__band prizma-screen-layout__band--bare demo-screens-band", children: [_jsx("div", { className: "prizma-screen-layout__band__ctas", children: _jsx(PrizmaButton, { variant: "primary", size: "L", loading: loading, onClick: () => onAction?.({ type: 'cta', screenId }), children: l.ctaLabel }) }), _jsxs("p", { className: "demo-screens-launch__env", children: [l.environmentCaption, " ", _jsx("b", { children: l.environmentValue })] })] })] }));
+});
+DemoScreensLaunchScreen.displayName = 'DemoScreensLaunchScreen';
+export default DemoScreensLaunchScreen;