@vectoriox/iox-ui 5.27.0 → 5.29.0

package/src/design-core/contrast-audit.ts

@@ -16,7 +16,8 @@ import { DesignTokenLike, ResolvedMode, resolveSchemeTokenValues } from './token
  * - `inherit` → the container's ink, a transparent fill → what is under it, translucent fills composited,
  *   a gradient ground (Glass's mesh, Midnight's glow) checked at its worst stop;
  * - base and hover; a button's icon read through the contract's `inkScopes` (it takes the button's ink),
- *   its focus ring; the form parts the field baseline paints (`contrastAudit.formParts`).
+ *   its focus ring; the form parts the field baseline paints (`contrastAudit.formParts`); the form's
+ *   Success / Error notices, in every scheme and container.
  *
  * WCAG 2: 4.5:1 for text, 3:1 for glyphs, UI boundaries and focus indicators (1.4.11), judged on 8-bit
  * colours. The same audit gates the contract (`colour.mjs auditContrast`, every flavor × tint × a seed
@@ -162,11 +163,11 @@ export function auditDesignContrast(rows: ReadonlyArray<DesignTokenLike>, mode:
                     check(FIELD, `${part.part} thumb`, parseCssColour(resolveIn(values, part.thumb), boxInk), bgs.map(b => compositeOver(paint, b)), part.min);
                 }
             }
-            if (box === null && schemeId === DEFAULT_SCHEME) {
-                for (const n of notices) {
-                    const fill = paintColours(resolveIn(values, ownStyle(n)['backgroundColor']), boxInk);
-                    check(n.id, 'text', parseCssColour(resolveIn(values, ownStyle(n)['color']), boxInk), overAll(fill, bgs), WCAG_AA_TEXT);
-                }
+            // A form's Success / Error notice sits wherever its form does — on the section in every scheme
+            // AND inside every container (the Studio's contact form lives in a Card): W1.1.
+            for (const n of notices) {
+                const fill = paintColours(resolveIn(values, ownStyle(n)['backgroundColor']), boxInk);
+                check(n.id, 'text', parseCssColour(resolveIn(values, ownStyle(n)['color']), boxInk), overAll(fill, bgs), WCAG_AA_TEXT);
             }
         }
     }

package/src/design-core/flavor-spec.generated.ts

@@ -1522,6 +1522,23 @@ export const SPEC_ELEMENT_STYLES = [
       "color": "var(--iox-link-hover-color)"
     }
   },
+  {
+    "id": "button-label",
+    "label": "Button label",
+    "group": "Text",
+    "appliesTo": [
+      "Text"
+    ],
+    "base": {
+      "fontFamily": "inherit",
+      "fontSize": "inherit",
+      "fontWeight": "inherit",
+      "lineHeight": "inherit",
+      "letterSpacing": "inherit",
+      "textTransform": "inherit",
+      "color": "inherit"
+    }
+  },
   {
     "id": "section",
     "label": "Section",
@@ -1811,7 +1828,8 @@ export const SPEC_FIELD_CLASS_BASELINE = {
   ".iox-es-field .iox-field__control:focus-visible": {
     "border-color": "var(--iox-accent-text)",
     "box-shadow": "var(--iox-field-focus)",
-    "outline": "none"
+    "outline": "2px solid transparent",
+    "outline-offset": "2px"
   },
   ".iox-es-field .iox-field__label": {
     "font-family": "var(--iox-font-body)",
@@ -1819,6 +1837,12 @@ export const SPEC_FIELD_CLASS_BASELINE = {
     "font-weight": "var(--iox-field-label-weight)",
     "color": "var(--iox-text)"
   },
+  ".iox-es-field .iox-field__option": {
+    "font-family": "var(--iox-font-body)",
+    "font-size": "var(--iox-size-body)",
+    "color": "var(--iox-text)",
+    "cursor": "pointer"
+  },
   ".iox-es-field .iox-field__help": {
     "font-size": "var(--iox-size-small)",
     "color": "var(--iox-text-muted)"
@@ -1834,11 +1858,121 @@ export const SPEC_FIELD_CLASS_BASELINE = {
     "color": "var(--iox-text-muted)",
     "opacity": "1"
   },
-  ".iox-es-field .iox-field__control:where([type='checkbox'], [type='radio'], [type='range'])": {
+  ".iox-es-field .iox-field__control:disabled": {
+    "opacity": "0.55",
+    "cursor": "not-allowed"
+  },
+  ".iox-es-field .iox-field__control:where(.iox-field__control--switch, [type='range'])": {
     "border": "none",
     "padding": "0",
-    "background": "transparent",
-    "accent-color": "var(--iox-accent-text)"
+    "background": "transparent"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio'])": {
+    "appearance": "none",
+    "-webkit-appearance": "none",
+    "display": "inline-grid",
+    "place-content": "center",
+    "flex-shrink": "0",
+    "margin": "0",
+    "padding": "0",
+    "inline-size": "1.25em",
+    "block-size": "1.25em",
+    "vertical-align": "middle",
+    "cursor": "pointer",
+    "background": "var(--iox-surface)",
+    "border-color": "var(--iox-line-strong)",
+    "border-radius": "var(--iox-radius-xs)",
+    "transition": "background var(--iox-dur-fast) var(--iox-ease-standard), border-color var(--iox-dur-fast) var(--iox-ease-standard), box-shadow var(--iox-dur-fast) var(--iox-ease-standard)"
+  },
+  ".iox-es-field .iox-field__control[type='radio']": {
+    "border-radius": "50%"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio'])::before": {
+    "content": "''",
+    "inline-size": "0.28em",
+    "block-size": "0.56em",
+    "border-style": "solid",
+    "border-color": "var(--iox-accent-ink)",
+    "border-width": "0 0.14em 0.14em 0",
+    "transform": "translateY(-0.08em) rotate(45deg) scale(0)",
+    "transition": "transform var(--iox-dur-fast) var(--iox-ease-standard)"
+  },
+  ".iox-es-field .iox-field__control[type='radio']::before": {
+    "inline-size": "0",
+    "block-size": "0",
+    "border-width": "0.25em",
+    "border-radius": "50%",
+    "transform": "scale(0)"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):hover": {
+    "border-color": "var(--iox-accent-text)"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked": {
+    "background": "var(--iox-accent)",
+    "border-color": "var(--iox-accent-text)"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked:hover": {
+    "background": "var(--iox-accent-hover)"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked::before": {
+    "transform": "translateY(-0.08em) rotate(45deg) scale(1)"
+  },
+  ".iox-es-field .iox-field__control[type='radio']:checked::before": {
+    "transform": "scale(1)"
+  },
+  ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):focus-visible": {
+    "box-shadow": "var(--iox-focus-ring)"
+  },
+  ".iox-es-field .iox-field__control:where([type='range'])": {
+    "appearance": "none",
+    "-webkit-appearance": "none",
+    "inline-size": "100%",
+    "block-size": "1.25em",
+    "cursor": "pointer"
+  },
+  ".iox-es-field .iox-field__control:where([type='range'])::-webkit-slider-runnable-track": {
+    "block-size": "0.25em",
+    "border-radius": "var(--iox-radius-pill)",
+    "background": "var(--iox-line-strong)",
+    "outline": "1px solid transparent"
+  },
+  ".iox-es-field .iox-field__control:where([type='range'])::-moz-range-track": {
+    "block-size": "0.25em",
+    "border-radius": "var(--iox-radius-pill)",
+    "background": "var(--iox-line-strong)",
+    "outline": "1px solid transparent"
+  },
+  ".iox-es-field .iox-field__control:where([type='range'])::-webkit-slider-thumb": {
+    "appearance": "none",
+    "-webkit-appearance": "none",
+    "inline-size": "1.25em",
+    "block-size": "1.25em",
+    "border-radius": "50%",
+    "background": "var(--iox-accent-text)",
+    "border": "2px solid var(--iox-bg)",
+    "box-sizing": "border-box",
+    "cursor": "pointer",
+    "margin-block-start": "-0.5em"
+  },
+  ".iox-es-field .iox-field__control:where([type='range'])::-moz-range-thumb": {
+    "appearance": "none",
+    "-webkit-appearance": "none",
+    "inline-size": "1.25em",
+    "block-size": "1.25em",
+    "border-radius": "50%",
+    "background": "var(--iox-accent-text)",
+    "border": "2px solid var(--iox-bg)",
+    "box-sizing": "border-box",
+    "cursor": "pointer"
+  },
+  ".iox-es-field .iox-field__control:where([type='range']):focus-visible": {
+    "box-shadow": "none"
+  },
+  ".iox-es-field .iox-field__control:where([type='range']):focus-visible::-webkit-slider-thumb": {
+    "box-shadow": "var(--iox-focus-ring)"
+  },
+  ".iox-es-field .iox-field__control:where([type='range']):focus-visible::-moz-range-thumb": {
+    "box-shadow": "var(--iox-focus-ring)"
   },
   ".iox-es-field .iox-field__control--switch": {
     "background": "var(--iox-text-muted)",
@@ -2044,9 +2178,40 @@ export const SPEC_CONTRAST_AUDIT = {
       "min": 3
     },
     {
-      "part": "checkbox · radio · range",
+      "part": "checkbox · radio edge",
+      "fg": "var(--iox-line-strong)",
+      "min": 3
+    },
+    {
+      "part": "checkbox · radio edge on its fill",
+      "fg": "var(--iox-line-strong)",
+      "on": "var(--iox-surface)",
+      "min": 3
+    },
+    {
+      "part": "checkbox · radio checked",
+      "fg": [
+        "var(--iox-accent-text)",
+        "var(--iox-accent)"
+      ],
+      "any": true,
+      "min": 3
+    },
+    {
+      "part": "check mark · radio dot",
+      "fg": "var(--iox-accent-ink)",
+      "on": "var(--iox-accent)",
+      "min": 3
+    },
+    {
+      "part": "hover edge · range thumb",
       "fg": "var(--iox-accent-text)",
       "min": 3
+    },
+    {
+      "part": "range track",
+      "fg": "var(--iox-line-strong)",
+      "min": 3
     }
   ]
 } as const;

package/src/design-core/node-links.ts

@@ -0,0 +1,32 @@
+/**
+ * Where a node links (W1.1). Link and LinkedContainer always had two link types — an external URL or a
+ * website PAGE by its route — and ButtonBlock now has the same pair, so a composed "Get in touch" button
+ * is a page link the builder shows as `/contact`, not a hand-built URL. Framework-free: the composer
+ * (generation-core) writes it, the builder canvas and both engine render paths read it.
+ */
+
+export enum LinkType {
+    External = 'external',
+    Page = 'page',
+}
+
+export interface ButtonBlockLinkProps {
+    tag?: unknown;
+    linkType?: unknown;
+    href?: unknown;
+    pageRoute?: unknown;
+}
+
+const ANCHOR_TAG = 'a';
+
+/**
+ * The href a ButtonBlock renders, or `null` for none (it is a `<button>`, or a link with no target).
+ * Only an `<a>` links. A page link's route goes through `pageHref` — the engine's `resolvePageHref`
+ * (`:params` substituted, base-relative); the builder canvas passes none and shows the route as authored,
+ * as its Link does.
+ */
+export function buttonBlockHref(props: ButtonBlockLinkProps, pageHref: (route: string) => string = route => route): string | null {
+    if (props.tag !== ANCHOR_TAG) return null;
+    const href = props.linkType === LinkType.Page ? pageHref(String(props.pageRoute ?? '')) : String(props.href ?? '');
+    return href || null;
+}

package/src/design-core/public-api.ts

@@ -17,6 +17,7 @@ export * from './element-styles';
 export * from './adopt';
 export * from './node-classes';
 export * from './empty-image';
+export * from './node-links';
 export * from './brand';
 export * from './colour-eval';
 export * from './brand-neutrals';

package/src/forms-core/collect.ts

@@ -15,6 +15,7 @@ import {
     SubmitAction,
     ValidationRule,
 } from './form.model';
+import { fieldOptionsOf } from './options';
 
 /** The minimum a node must look like. Structural on purpose: this file knows no renderer. */
 export interface FormNodeLike {
@@ -117,7 +118,8 @@ function toFieldSpec(node: FormNodeLike, taken: ReadonlySet<string>): FieldSpec
     if (props['required']) spec.required = true;
     const rules = normaliseRules(props['rules']);
     if (rules.length) spec.rules = rules;
-    if (Array.isArray(props['options']) && props['options'].length) spec.options = props['options'];
+    const options = fieldOptionsOf(props);
+    if (options.length) spec.options = options;
     if (props['optionsSource']) spec.optionsSource = props['optionsSource'];
     if (props['defaultValue'] !== undefined && props['defaultValue'] !== '') {
         spec.defaultValue = props['defaultValue'];

package/src/forms-core/form-presets.ts

@@ -0,0 +1,105 @@
+/**
+ * FORM PRESETS — a complete, working form as one insert: its fields, its submit label and the words of
+ * its Success and Error blocks. ONE definition (W1.1): the builder's Forms tray builds a preset from
+ * here (`buildFormPreset`, iox-builder), and the site composer (`generation-core`) stamps the SAME preset
+ * into a composed page, so a generated contact form is the real one — never a second, drifting copy.
+ * Data only: framework-free, like the rest of forms-core.
+ */
+
+export enum FormPresetId {
+    Contact = 'contact',
+    Newsletter = 'newsletter',
+    Application = 'application',
+    Booking = 'booking',
+}
+
+export interface FormPresetField {
+    label: string;
+    control: string;
+    required?: boolean;
+    help?: string;
+    placeholder?: string;
+    /** Choices for select/radio, `value|Label` per line — the Field's `optionsText` trait. */
+    optionsText?: string;
+    rows?: number;
+}
+
+export interface FormPresetDef {
+    id: string;
+    name: string;
+    icon: string;
+    /** One line in the panel: what it collects and where it goes. */
+    description: string;
+    /** The form's author-facing name, which the submissions inbox groups by. */
+    formName: string;
+    fields: FormPresetField[];
+    submitLabel: string;
+    successText: string;
+    errorText: string;
+}
+
+export const FORM_PRESETS: readonly FormPresetDef[] = Object.freeze([
+    {
+        id: FormPresetId.Contact, name: 'Contact', icon: 'ph-thin ph-envelope-simple',
+        description: 'Name, email and a message. Stored, and emailed to you.',
+        formName: 'Contact form',
+        fields: [
+            { label: 'Full name', control: 'text', required: true },
+            { label: 'Email', control: 'email', required: true },
+            { label: 'Message', control: 'textarea', required: true, rows: 5 },
+        ],
+        submitLabel: 'Send message',
+        successText: 'Thanks — we’ll be in touch shortly.',
+        errorText: 'We couldn’t send your message. Please try again — your answers are still here.',
+    },
+    {
+        id: FormPresetId.Newsletter, name: 'Newsletter', icon: 'ph-thin ph-paper-plane-tilt',
+        description: 'One email field plus consent. Stored.',
+        formName: 'Newsletter signup',
+        fields: [
+            { label: 'Email', control: 'email', required: true, placeholder: 'you@company.com' },
+            // Consent is a checkbox that must be TICKED — `required` on a checkbox becomes the
+            // `accepted` rule, with its own message, rather than a generic "this is required".
+            { label: 'Email me occasional updates', control: 'checkbox', required: true },
+        ],
+        submitLabel: 'Subscribe',
+        successText: 'You’re on the list.',
+        errorText: 'We couldn’t sign you up. Please try again.',
+    },
+    {
+        id: FormPresetId.Application, name: 'Application', icon: 'ph-thin ph-read-cv-logo',
+        description: 'Details plus a CV upload. Stored, with an auto-reply.',
+        formName: 'Application',
+        fields: [
+            { label: 'Full name', control: 'text', required: true },
+            { label: 'Email', control: 'email', required: true },
+            { label: 'Phone', control: 'tel' },
+            { label: 'Role', control: 'select', required: true, optionsText: 'Design\nEngineering\nOther' },
+            { label: 'CV', control: 'file', required: true, help: 'PDF or Word, up to 5MB' },
+            { label: 'Anything else', control: 'textarea', rows: 4 },
+        ],
+        submitLabel: 'Apply',
+        successText: 'Application received — we’ll read it properly and reply.',
+        errorText: 'We couldn’t submit your application. Please try again.',
+    },
+    {
+        id: FormPresetId.Booking, name: 'Booking request', icon: 'ph-thin ph-calendar-check',
+        description: 'Date and party size. Stored, and it notifies you.',
+        formName: 'Booking request',
+        fields: [
+            { label: 'Name', control: 'text', required: true },
+            { label: 'Email', control: 'email', required: true },
+            { label: 'Date', control: 'date', required: true },
+            { label: 'People', control: 'number', required: true },
+            { label: 'Notes', control: 'textarea', rows: 3, help: 'Allergies, access needs, anything useful' },
+        ],
+        submitLabel: 'Request a booking',
+        successText: 'Request received — we’ll confirm by email.',
+        errorText: 'We couldn’t send your request. Please try again.',
+    },
+]);
+
+/** The preset with this id, or undefined. */
+export function formPresetById(id: string | null | undefined): FormPresetDef | undefined {
+    return FORM_PRESETS.find(p => p.id === id);
+}

package/src/forms-core/options.ts

@@ -0,0 +1,29 @@
+import { FieldOption } from './form.model';
+
+/** `value|Label` separates a submitted value from what the visitor reads; a bare line is both. */
+const OPTION_SEPARATOR = '|';
+
+/**
+ * A Field's `optionsText` trait — the author's choices, one per line — as options. ONE parser for the
+ * builder canvas, both engine paths and iox-cms: until 2026-10-19 nothing parsed the trait, so a Radio
+ * group or a Dropdown from the tray rendered no choices at all on the canvas and on the live site.
+ */
+export function parseFieldOptions(text: unknown): FieldOption[] {
+    if (typeof text !== 'string') return [];
+    const out: FieldOption[] = [];
+    for (const line of text.split(/\r?\n/)) {
+        const raw = line.trim();
+        if (!raw) continue;
+        const at = raw.indexOf(OPTION_SEPARATOR);
+        const value = (at === -1 ? raw : raw.slice(0, at)).trim();
+        const label = (at === -1 ? raw : raw.slice(at + 1)).trim() || value;
+        if (value) out.push({ value, label });
+    }
+    return out;
+}
+
+/** The choices a saved Field offers: an explicit `options` list wins, else its `optionsText` parsed. */
+export function fieldOptionsOf(props: { options?: unknown; optionsText?: unknown } | null | undefined): FieldOption[] {
+    if (Array.isArray(props?.options) && props!.options.length) return props!.options as FieldOption[];
+    return parseFieldOptions(props?.optionsText);
+}

package/src/forms-core/public-api.ts

@@ -14,6 +14,8 @@ export * from './form.model';
 export * from './messages';
 export * from './validate';
 export * from './collect';
+export * from './options';
 export * from './runtime';
 export * from './rule-catalog';
 export * from './transport';
+export * from './form-presets';

package/src/forms-core/transport.ts

@@ -49,10 +49,14 @@ export type FormTransport = (request: SubmitRequest) => Promise<SubmitResponse>;
  * The public submit path. Built here rather than interpolated at each call site, so the engine and
  * any future host cannot disagree about it — and so changing it is one edit.
  *
- * Deliberately relative and WITHOUT a leading slash: the engine mounts under a per-org base href.
+ * ⚠️ ROOT-relative (leading slash), never base-relative. A live site is served under a per-org
+ * `<base href="/<label>/">`, so a relative `api/…` resolved to `/<label>/api/…` — a path the reverse
+ * proxy (`/api` → iox-cms, everything else → the engine) hands to the ENGINE, which answers a POST with
+ * 404: no visitor submission ever reached iox-cms from an org path (found 2026-10-19 by
+ * e2e:forminsert:real). The org is already in the path segment after `site/`.
  */
 export function submitEndpointPath(orgId: string, formId: string): string {
-    return `api/site/${encodeURIComponent(orgId)}/forms/${encodeURIComponent(formId)}/submit`;
+    return `/api/site/${encodeURIComponent(orgId)}/forms/${encodeURIComponent(formId)}/submit`;
 }
 
 /**

package/src/generation-core/baseline-roles.ts

@@ -0,0 +1,75 @@
+import { NEUTRAL_STYLE_PROPS, NODE_BASELINES } from './node-baselines.generated';
+
+/**
+ * Why each type's constructor sets the style values it sets (W1.1, Q1). Every value a type's config
+ * gives that differs from what the trait saves when nobody sets it (`NEUTRAL_STYLE_PROPS`) is exactly
+ * one of:
+ *
+ * - **Layout** — a size or spacing that exists only so an EMPTY node dropped from the palette is visible
+ *   and grabbable (a Container's 200px, a Text's 10px padding). A composed node is never empty and its
+ *   pattern owns its box, so the composer RELEASES these to the neutral value unless the pattern
+ *   declares one: the nav bar was 200px tall and every lead line indented 10px (W1's screenshot).
+ * - **Behaviour** — what makes the type work: a button's inline-flex centring, a form's column, the 44px
+ *   touch target, a slide's width, a spacer's height, a list's marker room. Kept.
+ * - **Look** — the type's pre-design-system paint, which its element style replaces. Kept (the style
+ *   writes over it; a type with no style keeps its pre-DS2 look, D5).
+ *
+ * Saved pages are untouched: this is the composer's rule, never the builder's (a palette drop still
+ * gets its 200px). `baseline-roles.spec.ts` fails the moment a config gains a default this table does
+ * not classify — so a new default is a decision, not an accident.
+ */
+export enum BaselineRole {
+    Layout = 'layout',
+    Behaviour = 'behaviour',
+    Look = 'look',
+}
+
+const { Layout, Behaviour, Look } = BaselineRole;
+
+export const BASELINE_ROLES: Readonly<Record<string, Readonly<Record<string, BaselineRole>>>> = {
+    Button: {},
+    ButtonBlock: {
+        display: Behaviour, justifyContent: Behaviour, alignItems: Behaviour, gap: Behaviour, cursor: Behaviour,
+        padding: Look, borderRadius: Look,
+    },
+    Card: { width: Behaviour, maxWidth: Layout, padding: Look, borderWidth: Look, borderColor: Look, borderRadius: Look, backgroundColor: Look },
+    // `width: 100%` (DEFAULT_WIDTH_BY_TYPE) is what lets a block fill its row — a flex child collapses without it.
+    Container: { width: Behaviour, minHeight: Layout },
+    Heading: { fontSize: Look, fontWeight: Look },
+    Text: { width: Behaviour, minHeight: Layout, padding: Layout },
+    Image: { width: Behaviour, maxWidth: Layout, aspectRatio: Layout },
+    Link: {},
+    LinkedContainer: { minHeight: Layout },
+    Section: { minHeight: Layout },
+    Icon: { lineHeight: Behaviour, fontSize: Behaviour, color: Look },
+    Divider: { width: Behaviour, height: Look, margin: Layout, backgroundColor: Look },
+    Spacer: { width: Behaviour, height: Behaviour },
+    List: { width: Behaviour, padding: Behaviour },
+    ListItem: { width: Behaviour },
+    Repeater: { width: Behaviour },
+    SliderContainer: { width: Behaviour },
+    SliderSlide: { width: Behaviour, aspectRatio: Behaviour },
+    // The crossfade stacks its frames absolutely: without a box it has no height at all.
+    Gallery: { minHeight: Behaviour, backgroundColor: Look },
+    Form: { display: Behaviour, flexDirection: Behaviour, gap: Behaviour, width: Behaviour },
+    Field: { width: Behaviour },
+    FieldGroup: { display: Behaviour, gap: Behaviour, width: Behaviour },
+    SubmitButton: {
+        display: Behaviour, justifyContent: Behaviour, alignItems: Behaviour, minHeight: Behaviour, cursor: Behaviour,
+        color: Look, padding: Look, borderRadius: Look, backgroundColor: Look,
+    },
+    FormSuccess: { width: Behaviour, color: Look, padding: Look, borderRadius: Look, backgroundColor: Look },
+    FormError: { width: Behaviour, color: Look, padding: Look, borderRadius: Look, backgroundColor: Look },
+    Dialog: { width: Behaviour, padding: Look, borderRadius: Look, backgroundColor: Look, boxShadow: Look },
+};
+
+/** The style values a type's constructor sets for an empty palette drop, each mapped to the value the
+ *  trait saves when nobody sets it — what a composed node of that type starts from. */
+export function releasedLayoutDefaults(type: string): Record<string, unknown> {
+    const roles = BASELINE_ROLES[type] ?? {};
+    const out: Record<string, unknown> = {};
+    for (const [trait, role] of Object.entries(roles)) {
+        if (role === BaselineRole.Layout && trait in (NODE_BASELINES[type]?.styleProps ?? {})) out[trait] = NEUTRAL_STYLE_PROPS[trait];
+    }
+    return out;
+}