@forumone/throughline-design-system 0.0.0 → 1.0.0-next.0

package/dist/overrides.js

@@ -0,0 +1,16 @@
+/**
+ * The hand-authored half of the bridge.
+ *
+ * A design-system contract describes a *content model* — what an author writes.
+ * A React component has a *prop model* — what it renders from. They are the
+ * same thing 99 times out of 100, which is what makes generation worth doing,
+ * and the exceptions are few enough to enumerate. This is where they are
+ * enumerated, once, for both the generator and the renderer: a field renamed
+ * here is renamed in the Payload schema *and* in what gets passed to the
+ * component, so the two can never disagree.
+ */
+/** Look an override up by component and dotted field path. */
+export function fieldOverride(overrides, component, path) {
+    return overrides[component]?.fields?.[path];
+}
+//# sourceMappingURL=overrides.js.map

package/dist/overrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overrides.js","sourceRoot":"","sources":["../src/overrides.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA8DH,8DAA8D;AAC9D,MAAM,UAAU,aAAa,CAC3B,SAAoB,EACpB,SAAiB,EACjB,IAAY;IAEZ,OAAO,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,CAAA;AAC7C,CAAC"}

package/dist/render/RenderBlocks.d.ts

@@ -0,0 +1,67 @@
+import { type ComponentType, type JSX, type ReactNode } from 'react';
+import type { ContentField } from '../generate/fields.js';
+import { type CoerceContext } from './coerce.js';
+/** The shape every stored block has, whatever its type. */
+export interface StoredBlock {
+    blockType: string;
+    id?: string | null;
+    blockName?: string | null;
+    [key: string]: unknown;
+}
+export interface RenderBlocksProps {
+    blocks: readonly StoredBlock[] | null | undefined;
+    /** blockType → the React component that renders it. */
+    registry: Readonly<Record<string, ComponentType<Record<string, unknown>>>>;
+    /** blockType → the contract fields the block was generated from. */
+    fields: Readonly<Record<string, ContentField[]>>;
+    context: CoerceContext;
+    /**
+     * What to do with a block whose type has no component. Defaults to rendering
+     * nothing — a page with one unrenderable block should still serve.
+     */
+    onUnknownBlock?: (blockType: string) => ReactNode;
+    /**
+     * Extra props merged into a block's, keyed by `blockType`.
+     *
+     * For the things a route supplies and an editor cannot author. The filter row
+     * in the Insights hero is the case this exists for: a row of links built from
+     * the taxonomy and the current URL, handed to `ImageHero` as `children`.
+     * Nobody types it into a block, and `coerceBlock` only ever produces props the
+     * contract declares — so without a way in, route-driven content has no way to
+     * reach a component that a block renders.
+     *
+     * Applies to **every** block of that type on the page, which is right for
+     * what it is for: route-level knowledge is the same for every block on the
+     * route. When two blocks of one type need to differ from each other, the
+     * difference is a property of the *block*, not of the route — use
+     * `resolveProps`.
+     */
+    slots?: Readonly<Record<string, Record<string, unknown>>>;
+    /**
+     * Extra props derived from the stored block itself.
+     *
+     * The other axis from `slots`. That one answers "what does this route know
+     * that no block does"; this one answers "what does this block hold that the
+     * contract does not declare". `coerceBlock` only ever produces props the
+     * contract declares, so a value spliced into a stored block by a hydration
+     * pass — a form definition fetched for the form this block points at — has no
+     * other way through.
+     *
+     * Two forms on one campaign page is the case that needs it, and it is the
+     * ordinary case rather than the edge one: a signup band and a download form,
+     * each pointing at a different form. Keyed by type, they would be handed the
+     * same one.
+     *
+     * Applied before `slots`, so a route still outranks a block.
+     */
+    resolveProps?: (block: StoredBlock) => Record<string, unknown> | undefined;
+}
+/**
+ * Renders a stored `layout` as design-system components.
+ *
+ * A server component. The components that call hooks carry their own
+ * `'use client'`, so the boundary is drawn per component by the design system
+ * rather than here — which is what keeps the rest out of the client bundle.
+ */
+export declare function RenderBlocks({ blocks, registry, fields, context, onUnknownBlock, slots, resolveProps, }: RenderBlocksProps): JSX.Element | null;
+//# sourceMappingURL=RenderBlocks.d.ts.map

package/dist/render/RenderBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBlocks.d.ts","sourceRoot":"","sources":["../../src/render/RenderBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAE7D,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD,uDAAuD;IACvD,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1E,oEAAoE;IACpE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAA;IAChD,OAAO,EAAE,aAAa,CAAA;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,SAAS,CAAA;IACjD;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACzD;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;CAC3E;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAc,EACd,KAAK,EACL,YAAY,GACb,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA2BxC"}

package/dist/render/RenderBlocks.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { coerceBlock } from './coerce.js';
+/**
+ * Renders a stored `layout` as design-system components.
+ *
+ * A server component. The components that call hooks carry their own
+ * `'use client'`, so the boundary is drawn per component by the design system
+ * rather than here — which is what keeps the rest out of the client bundle.
+ */
+export function RenderBlocks({ blocks, registry, fields, context, onUnknownBlock, slots, resolveProps, }) {
+    if (!blocks || blocks.length === 0)
+        return null;
+    return (_jsx(_Fragment, { children: blocks.map((block, index) => {
+            const Component = registry[block.blockType];
+            const contractFields = fields[block.blockType];
+            if (!Component || !contractFields) {
+                return (_jsx(Fragment, { children: onUnknownBlock?.(block.blockType) ?? null }, block.id ?? index));
+            }
+            /* Slot props last: the route knows things the stored block does not,
+               and neither a block nor its own resolver can author its way into
+               overriding them. */
+            const props = {
+                ...coerceBlock(block.blockType, contractFields, block, context),
+                ...resolveProps?.(block),
+                ...slots?.[block.blockType],
+            };
+            return _jsx(Component, { ...props }, block.id ?? index);
+        }) }));
+}
+//# sourceMappingURL=RenderBlocks.js.map

package/dist/render/RenderBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBlocks.js","sourceRoot":"","sources":["../../src/render/RenderBlocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAgD,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAsB,MAAM,aAAa,CAAA;AA2D7D;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAc,EACd,KAAK,EACL,YAAY,GACM;IAClB,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE/C,OAAO,CACL,4BACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC3B,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;YAC3C,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;YAE9C,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;gBAClC,OAAO,CACL,KAAC,QAAQ,cAA0B,cAAc,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI,IAA7D,KAAK,CAAC,EAAE,IAAI,KAAK,CAAwD,CACzF,CAAA;YACH,CAAC;YAED;;kCAEsB;YACtB,MAAM,KAAK,GAAG;gBACZ,GAAG,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC;gBAC/D,GAAG,YAAY,EAAE,CAAC,KAAK,CAAC;gBACxB,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;aAC5B,CAAA;YACD,OAAO,KAAC,SAAS,OAA6B,KAAK,IAA5B,KAAK,CAAC,EAAE,IAAI,KAAK,CAAe,CAAA;QACzD,CAAC,CAAC,GACD,CACJ,CAAA;AACH,CAAC"}

package/dist/render/coerce.d.ts

@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react';
+import { type Overrides } from '../overrides.js';
+import type { ContentField } from '../generate/fields.js';
+/**
+ * What Payload stores is not what a component takes.
+ *
+ * An `image` field is a media id or a populated document; the component wants
+ * a URL. A `link` is a group with a mode and a relationship; the component
+ * wants an href. An `array` row carries Payload's own `id`, which the component
+ * has no field for. Coercion is that translation, and it is driven by the same
+ * `ContentField[]` the block was generated from — so the two cannot describe
+ * different shapes.
+ */
+export interface MediaLike {
+    url?: string | null;
+    alt?: string | null;
+    filename?: string | null;
+    /**
+     * The stored file's own width. The host uses it to keep a `srcSet` from
+     * offering candidates larger than the original, which no optimizer can
+     * produce and which would therefore all be the same bytes.
+     */
+    width?: number | null;
+    /**
+     * Candidate widths for the same image, as a `srcset` value. Optional: a host
+     * with no image pipeline resolves a `url` and nothing else, and every
+     * component treats `srcSet` as absent rather than empty.
+     */
+    srcSet?: string | null;
+    /**
+     * How wide the image is drawn, as a `sizes` value. Ignored without a
+     * `srcSet`, which is the only thing it selects from.
+     */
+    sizes?: string | null;
+    /**
+     * The stored file's own mime type. The media collection accepts video as
+     * well as images, and the two cannot be treated alike: a host that resizes
+     * images through an optimizer has to leave an `video/mp4` URL alone, because
+     * an image optimizer handed a video returns nothing it can play.
+     */
+    mimeType?: string | null;
+}
+export interface LinkValue {
+    mode?: ('internal' | 'external' | 'anchor') | null;
+    reference?: {
+        relationTo: string;
+        value: unknown;
+    } | null;
+    url?: string | null;
+    anchor?: string | null;
+    newTab?: boolean | null;
+}
+export interface CoerceContext {
+    overrides: Overrides;
+    /** Turns a stored media value into a URL. Null when it cannot be resolved. */
+    /**
+     * Turns a stored upload into a media document.
+     *
+     * `where` names the component and field the image is for — `CardGrid` /
+     * `items.image`, `ImageHero` / `image.src`. The host uses it to decide how
+     * large the image needs to be, which it cannot know from the value alone: a
+     * card and a full-bleed hero hold the same shape and want very different
+     * numbers of pixels.
+     */
+    resolveMedia: (value: unknown, where: {
+        component: string;
+        path: string;
+    }) => MediaLike | null;
+    /** Turns an internal reference into a path. */
+    resolveHref: (link: LinkValue) => string | undefined;
+    /** Turns Lexical state into React. Project-specific, so it is injected. */
+    renderRichText: (value: unknown) => ReactNode;
+    /** Turns an icon name into a rendered glyph. */
+    renderIcon: (name: string) => ReactNode;
+}
+/** One component's block data, as props. */
+export declare function coerceBlock(component: string, fields: ContentField[], data: Record<string, unknown>, ctx: CoerceContext): Record<string, unknown>;
+//# sourceMappingURL=coerce.d.ts.map

package/dist/render/coerce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coerce.d.ts","sourceRoot":"","sources":["../../src/render/coerce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD;;;;;;;;;GASG;AAEH,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG,IAAI,CAAA;IAClD,SAAS,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;IACzD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,SAAS,CAAA;IACpB,8EAA8E;IAC9E;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,GAAG,IAAI,CAAA;IAC9F,+CAA+C;IAC/C,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,2EAA2E;IAC3E,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAA;IAC7C,gDAAgD;IAChD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAA;CACxC;AAgKD,4CAA4C;AAC5C,wBAAgB,WAAW,CACzB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,YAAY,EAAE,EACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,GAAG,EAAE,aAAa,GACjB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAIzB"}

package/dist/render/coerce.js

@@ -0,0 +1,243 @@
+import { pairedAltFields } from '../altText.js';
+import { fieldOverride } from '../overrides.js';
+/**
+ * Drops a key entirely rather than passing `undefined`.
+ *
+ * `exactOptionalPropertyTypes` is on, so `{ heading: undefined }` is not
+ * assignable to `{ heading?: string }`. Every optional prop has to be absent
+ * rather than explicitly undefined, and there are several hundred of them.
+ */
+/**
+ * Whether a stored value amounts to nothing, all the way down.
+ *
+ * `mode` is skipped because `linkField` gives it a default: it says which kind
+ * of link this *would* be, and is present whether or not anybody chose
+ * anything. `false` is skipped for the same kind of reason — Payload stores a
+ * checkbox's default and an author's deliberate untick identically, so an
+ * unticked box is no evidence that anybody has been here.
+ *
+ * This is `isEmpty` in `generate/fields.ts`, and the two have to agree: one
+ * decides whether a group may be saved, the other whether it reaches a
+ * component. They did not agree about `false`, and the gap was live.
+ * `ManagedForm.consent` is an optional group whose `required` boolean is
+ * stored `false` on every block nobody has configured — so the validation
+ * called it empty and let the block save, and this called it filled and handed
+ * the component `{ required: false, text: '' }`. That is a truthy object of
+ * empty values, which is exactly the shape the note in the `group` branch
+ * below exists to prevent, arriving by the one route that note did not cover.
+ */
+function isEmptyValue(value) {
+    if (value === undefined || value === null || value === '')
+        return true;
+    if (value === false)
+        return true;
+    if (Array.isArray(value))
+        return value.every(isEmptyValue);
+    if (typeof value === 'object') {
+        return Object.entries(value).every(([key, held]) => key === 'mode' || isEmptyValue(held));
+    }
+    return false;
+}
+function put(target, key, value) {
+    if (value === undefined || value === null)
+        return;
+    target[key] = value;
+}
+/**
+ * The props that carry an image's candidate widths, beside the one that carries
+ * its URL.
+ *
+ * The design system names them by suffixing the image's own prop — `image` has
+ * `imageSrcSet` and `imageSizes`, `poster` has `posterSrcSet` and
+ * `posterSizes` — except where the image prop is already called `src`, inside
+ * an `ImageRef` group or array row, where the siblings are the bare `srcSet`
+ * and `sizes` of the HTML attributes.
+ *
+ * They are not fields in any contract, and must not become ones: a `srcset` is
+ * not content an author writes, it is what an optimizer computed. So the CMS
+ * offers `src` and `alt`, `resolveMedia` returns the rest, and this is the one
+ * place that knows where they go.
+ */
+function responsiveProps(imageProp) {
+    return imageProp === 'src'
+        ? { srcSet: 'srcSet', sizes: 'sizes' }
+        : { srcSet: `${imageProp}SrcSet`, sizes: `${imageProp}Sizes` };
+}
+/**
+ * Writes one field into `target` under the prop name — or names — it maps to.
+ *
+ * Every field but an image is one key. An image is up to three, which is why
+ * this exists rather than the three call sites each putting a single returned
+ * value.
+ *
+ * Returns the media document an image resolved to, so `putFields` can fall back
+ * to its alt.
+ */
+function putField(target, component, field, value, ctx, path) {
+    const override = fieldOverride(ctx.overrides, component, path);
+    if (override?.omit)
+        return undefined;
+    // The one name mismatch in the system — ArticleBody's `body` is the
+    // component's `children` — declared in the overrides so the generator and
+    // this agree by construction rather than by memory.
+    const name = override?.propName ?? field.name;
+    if (field.type === 'image' && override?.as !== 'icon' && value !== undefined && value !== null) {
+        const media = ctx.resolveMedia(value, { component, path });
+        if (!media?.url)
+            return undefined;
+        const responsive = responsiveProps(name);
+        put(target, name, media.url);
+        put(target, responsive.srcSet, media.srcSet);
+        put(target, responsive.sizes, media.sizes);
+        return media;
+    }
+    /*
+    An uploaded video is one key, never three. A `srcset` picks between candidate
+    widths of the same picture, and there are no candidate widths of a video file
+    — the browser cannot re-encode one, and offering `videoSrcSet` would put a
+    prop on the component that no component takes.
+    */
+    if (field.type === 'video' &&
+        override?.as === 'videoUpload' &&
+        value !== undefined &&
+        value !== null) {
+        const media = ctx.resolveMedia(value, { component, path });
+        if (!media?.url)
+            return undefined;
+        put(target, name, media.url);
+        return undefined;
+    }
+    put(target, name, coerceField(component, field, value, ctx, path));
+    return undefined;
+}
+/**
+ * Writes a block's, group's or row's fields into `target`, then fills each
+ * empty alt beside an image from the image's media document.
+ *
+ * After the loop rather than inside it, because the alt field may come before
+ * or after its image, and an empty one written later would overwrite the
+ * fallback. Only an alt the contract declares is filled — a component with no
+ * alt prop beside an image is not handed one. See `altText.ts`.
+ */
+function putFields(target, component, fields, source, ctx, parentPath) {
+    const pathOf = (name) => (parentPath ? `${parentPath}.${name}` : name);
+    const resolved = new Map();
+    for (const field of fields) {
+        const media = putField(target, component, field, source[field.name], ctx, pathOf(field.name));
+        if (media)
+            resolved.set(field.name, media);
+    }
+    for (const [image, alt] of pairedAltFields(fields)) {
+        const fallback = resolved.get(image)?.alt?.trim();
+        if (!fallback)
+            continue;
+        const override = fieldOverride(ctx.overrides, component, pathOf(alt));
+        if (override?.omit)
+            continue;
+        const name = override?.propName ?? alt;
+        const own = target[name];
+        if (typeof own === 'string' && own.trim() !== '')
+            continue;
+        target[name] = fallback;
+    }
+}
+/** One component's block data, as props. */
+export function coerceBlock(component, fields, data, ctx) {
+    const props = {};
+    putFields(props, component, fields, data, ctx);
+    return props;
+}
+function coerceField(component, field, value, ctx, path) {
+    if (value === undefined || value === null)
+        return undefined;
+    const override = fieldOverride(ctx.overrides, component, path);
+    if (override?.as === 'icon' && typeof value === 'string') {
+        return ctx.renderIcon(value);
+    }
+    switch (field.type) {
+        case 'text':
+        case 'video':
+        case 'select':
+        case 'number':
+            return value;
+        case 'boolean':
+            return Boolean(value);
+        case 'richtext':
+            return ctx.renderRichText(value);
+        /*
+        The URL alone, with no responsive siblings — because there is nowhere to put
+        them. This branch is only reached through the scalar-array path below, where
+        a row *is* its single value and has no object to hold a `srcSet` beside it.
+        Every image field in the design system today arrives through `putField`
+        instead; no contract has a single-image-child array. If one ever does, its
+        images will be right-sized but not responsive, and the fix is a row object
+        rather than a scalar.
+        */
+        case 'image': {
+            const media = ctx.resolveMedia(value, { component, path });
+            return media?.url ?? undefined;
+        }
+        case 'link':
+            return ctx.resolveHref(value);
+        case 'group': {
+            // A slot: no children in the contract, nothing stored, nothing to pass.
+            if (!field.of)
+                return undefined;
+            /*
+            An untouched optional group must arrive as `undefined`, not as an object
+            of empty values.
+      
+            Payload stores one either way — `ChallengeOverview.caseStudy` comes back
+            as `{ stat: {}, href: { mode: 'internal' } }` when nobody has filled it
+            in, because `linkField` defaults `mode`. Passed through, that is truthy,
+            and a component guarding with `{caseStudy && <RelatedCard ... />}` renders
+            a card with no title: an empty `<h3>` in the page, which is an axe
+            violation and a heading a screen reader announces as nothing.
+            */
+            if (isEmptyValue(value))
+                return undefined;
+            const nested = value;
+            const out = {};
+            putFields(out, component, field.of, nested, ctx, path);
+            return Object.keys(out).length > 0 ? out : undefined;
+        }
+        case 'array': {
+            if (!field.of || !Array.isArray(value))
+                return undefined;
+            /*
+            An array of primitives comes back as an array of primitives.
+      
+            A contract that says `tags: string[]` is expressed in the manifest as an
+            array whose `of` is a single `text` child — `[{ name: 'tag' }]` — because
+            Payload has no bare array-of-strings field and a row needs a column to
+            live in. Mapping every row to an object regardless turns `['AI']` into
+            `[{ tag: 'AI' }]`, which type-checks nowhere and renders as
+            `[object Object]`.
+      
+            Every single-child array in the design system is a scalar array —
+            `KeyPoints.points`, `TagList.tags`, `AudioPlayer.speeds` (numbers, hence
+            coercing the value rather than stringifying it), `Card.tags`. Checked
+            against each component's own prop type, not inferred from the shape. A
+            count used to be written here and had drifted by two by the time anyone
+            re-ran it, so it is gone: the invariant is what holds, not the total. If
+            a genuine one-field *object* row ever appears, this is where it breaks,
+            and the fix is a marker in the contract rather than a guess here.
+            */
+            const [only] = field.of;
+            if (field.of.length === 1 && only && !only.of) {
+                return value
+                    .map(row => coerceField(component, only, row[only.name], ctx, `${path}.${only.name}`))
+                    .filter(entry => entry !== undefined);
+            }
+            return value.map(row => {
+                const source = row;
+                const out = {};
+                putFields(out, component, field.of ?? [], source, ctx, path);
+                // `id` is Payload's row key. The component has no such prop, and React
+                // would pass it straight through to the DOM.
+                return out;
+            });
+        }
+    }
+}
+//# sourceMappingURL=coerce.js.map

package/dist/render/coerce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coerce.js","sourceRoot":"","sources":["../../src/render/coerce.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAA;AAyE/D;;;;;;GAMG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,IAAI,CAAA;IACtE,IAAI,KAAK,KAAK,KAAK;QAAE,OAAO,IAAI,CAAA;IAChC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAC1D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3F,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,GAAG,CAAC,MAA+B,EAAE,GAAW,EAAE,KAAc;IACvE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAM;IACjD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AACrB,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,SAAS,eAAe,CAAC,SAAiB;IACxC,OAAO,SAAS,KAAK,KAAK;QACxB,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;QACtC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS,OAAO,EAAE,CAAA;AAClE,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,QAAQ,CACf,MAA+B,EAC/B,SAAiB,EACjB,KAAmB,EACnB,KAAc,EACd,GAAkB,EAClB,IAAY;IAEZ,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;IAC9D,IAAI,QAAQ,EAAE,IAAI;QAAE,OAAO,SAAS,CAAA;IAEpC,oEAAoE;IACpE,0EAA0E;IAC1E,oDAAoD;IACpD,MAAM,IAAI,GAAG,QAAQ,EAAE,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAA;IAE7C,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,QAAQ,EAAE,EAAE,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC/F,MAAM,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,KAAK,EAAE,GAAG;YAAE,OAAO,SAAS,CAAA;QACjC,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;QACxC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;QAC5B,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QAC5C,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QAC1C,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;MAKE;IACF,IACE,KAAK,CAAC,IAAI,KAAK,OAAO;QACtB,QAAQ,EAAE,EAAE,KAAK,aAAa;QAC9B,KAAK,KAAK,SAAS;QACnB,KAAK,KAAK,IAAI,EACd,CAAC;QACD,MAAM,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,KAAK,EAAE,GAAG;YAAE,OAAO,SAAS,CAAA;QACjC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;QAC5B,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAA;IAClE,OAAO,SAAS,CAAA;AAClB,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,SAAS,CAChB,MAA+B,EAC/B,SAAiB,EACjB,MAA+B,EAC/B,MAA+B,EAC/B,GAAkB,EAClB,UAAmB;IAEnB,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC9E,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAqB,CAAA;IAE7C,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;QAC7F,IAAI,KAAK;YAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC5C,CAAC;IAED,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;QACnD,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;QACjD,IAAI,CAAC,QAAQ;YAAE,SAAQ;QACvB,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;QACrE,IAAI,QAAQ,EAAE,IAAI;YAAE,SAAQ;QAC5B,MAAM,IAAI,GAAG,QAAQ,EAAE,QAAQ,IAAI,GAAG,CAAA;QACtC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;QACxB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,SAAQ;QAC1D,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA;IACzB,CAAC;AACH,CAAC;AAED,4CAA4C;AAC5C,MAAM,UAAU,WAAW,CACzB,SAAiB,EACjB,MAAsB,EACtB,IAA6B,EAC7B,GAAkB;IAElB,MAAM,KAAK,GAA4B,EAAE,CAAA;IACzC,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;IAC9C,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,WAAW,CAClB,SAAiB,EACjB,KAAmB,EACnB,KAAc,EACd,GAAkB,EAClB,IAAY;IAEZ,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,SAAS,CAAA;IAC3D,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;IAE9D,IAAI,QAAQ,EAAE,EAAE,KAAK,MAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACzD,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC;IAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO,CAAC;QACb,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,KAAK,CAAA;QAEd,KAAK,SAAS;YACZ,OAAO,OAAO,CAAC,KAAK,CAAC,CAAA;QAEvB,KAAK,UAAU;YACb,OAAO,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QAElC;;;;;;;;UAQE;QACF,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC1D,OAAO,KAAK,EAAE,GAAG,IAAI,SAAS,CAAA;QAChC,CAAC;QAED,KAAK,MAAM;YACT,OAAO,GAAG,CAAC,WAAW,CAAC,KAAkB,CAAC,CAAA;QAE5C,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,wEAAwE;YACxE,IAAI,CAAC,KAAK,CAAC,EAAE;gBAAE,OAAO,SAAS,CAAA;YAC/B;;;;;;;;;;cAUE;YACF,IAAI,YAAY,CAAC,KAAK,CAAC;gBAAE,OAAO,SAAS,CAAA;YACzC,MAAM,MAAM,GAAG,KAAgC,CAAA;YAC/C,MAAM,GAAG,GAA4B,EAAE,CAAA;YACvC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;YACtD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAA;QACtD,CAAC;QAED,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBAAE,OAAO,SAAS,CAAA;YAExD;;;;;;;;;;;;;;;;;;cAkBE;YACF,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,CAAA;YACvB,IAAI,KAAK,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC9C,OAAO,KAAK;qBACT,GAAG,CAAC,GAAG,CAAC,EAAE,CACT,WAAW,CACT,SAAS,EACT,IAAI,EACH,GAA+B,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,GAAG,EACH,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CACvB,CACF;qBACA,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;YACzC,CAAC;YAED,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACrB,MAAM,MAAM,GAAG,GAA8B,CAAA;gBAC7C,MAAM,GAAG,GAA4B,EAAE,CAAA;gBACvC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;gBAC5D,uEAAuE;gBACvE,6CAA6C;gBAC7C,OAAO,GAAG,CAAA;YACZ,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/render/index.d.ts

@@ -0,0 +1,5 @@
+export { coerceBlock } from './coerce.js';
+export type { CoerceContext, LinkValue, MediaLike } from './coerce.js';
+export { RenderBlocks } from './RenderBlocks.js';
+export type { RenderBlocksProps, StoredBlock } from './RenderBlocks.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/render/index.js

@@ -0,0 +1,3 @@
+export { coerceBlock } from './coerce.js';
+export { RenderBlocks } from './RenderBlocks.js';
+//# sourceMappingURL=index.js.map

package/dist/render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/testing/checkBlockProps.d.ts

@@ -0,0 +1,66 @@
+import type { ContentField } from '../generate/fields.js';
+import type { Overrides } from '../overrides.js';
+import { type CoerceContext } from '../render/coerce.js';
+/**
+ * Real overrides, stubbed resolvers. Overrides change the *shape* — they omit
+ * fields, rename `body` to `children`, turn an icon name into a glyph — so they
+ * have to be the host's own. The resolvers turn an id into a URL or Lexical
+ * state into React; a stub produces the same shape as the real thing.
+ */
+export declare function stubCoerceContext(overrides?: Overrides): CoerceContext;
+/** What Payload stores for a field of each type, filled in. */
+export declare function storedValue(field: ContentField): unknown;
+/** A whole block's stored data, for one component's fields. */
+export declare function storedObject(fields: readonly ContentField[]): Record<string, unknown>;
+export type PropKind = 'string' | 'number' | 'boolean' | 'array' | 'object' | 'node' | 'absent';
+export declare function kindOf(value: unknown): PropKind;
+export interface PropMismatch {
+    component: string;
+    prop: string;
+    coerced: PropKind;
+    args: PropKind;
+}
+/**
+ * Compare two values structurally, recording where they disagree. Recurses
+ * into objects and into the first element of an array, where a row's shape
+ * lives; depth-limited, because a contract nests no deeper than an array of
+ * groups and a cycle in an args file must not hang the check.
+ */
+export declare function compareShapes(component: string, prop: string, coerced: unknown, args: unknown, found: PropMismatch[], depth?: number): void;
+/** The manifest slice this reads. */
+export interface PropsManifest {
+    components: Record<string, {
+        content: {
+            fields: ContentField[];
+        };
+    }>;
+}
+export interface CheckBlockPropsOptions {
+    manifest: PropsManifest;
+    /** Finds a component's args, or `undefined` when it has none. */
+    loadArgs: (component: string) => Promise<Record<string, unknown> | undefined>;
+    /** The host's overrides — the same object the generator and renderer use. */
+    overrides?: Overrides;
+}
+export interface CheckBlockPropsResult {
+    checked: string[];
+    /** Components with no args file, which nothing could be compared with. */
+    skipped: string[];
+    mismatches: PropMismatch[];
+}
+/** Coerce every component's contract and compare the props with its args. */
+export declare function checkBlockProps(options: CheckBlockPropsOptions): Promise<CheckBlockPropsResult>;
+/**
+ * Finds `<Name>/<name>args.<ext>` — the case is not guessed — in the first of
+ * `componentDirs` that has one, and returns its default export.
+ *
+ * TypeScript args files need a loader that understands them: the
+ * `check-block-props` bin registers `tsx`, and vitest transforms on its own.
+ */
+export declare function argsFileLoader(componentDirs: readonly string[]): (component: string) => Promise<Record<string, unknown> | undefined>;
+/** The report a person reads, and whether it is a failure. */
+export declare function formatBlockPropsResult(result: CheckBlockPropsResult): {
+    ok: boolean;
+    text: string;
+};
+//# sourceMappingURL=checkBlockProps.d.ts.map

package/dist/testing/checkBlockProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBlockProps.d.ts","sourceRoot":"","sources":["../../src/testing/checkBlockProps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAqCrE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,GAAE,SAAc,GAAG,aAAa,CAc1E;AAED,+DAA+D;AAC/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CA+BxD;AAED,+DAA+D;AAC/D,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAIrF;AAED,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE/F,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAa/C;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;CACf;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,EAAE,EACrB,KAAK,SAAI,GACR,IAAI,CAsCN;AAED,qCAAqC;AACrC,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE;YAAE,MAAM,EAAE,YAAY,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC,CAAA;CACpE;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,aAAa,CAAA;IACvB,iEAAiE;IACjE,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC,CAAA;IAC7E,6EAA6E;IAC7E,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,0EAA0E;IAC1E,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,YAAY,EAAE,CAAA;CAC3B;AAED,6EAA6E;AAC7E,wBAAsB,eAAe,CACnC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,qBAAqB,CAAC,CAoBhC;AAID;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,SAAS,MAAM,EAAE,GAC/B,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC,CAsBrE;AAED,8DAA8D;AAC9D,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,qBAAqB,GAAG;IACrE,EAAE,EAAE,OAAO,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb,CAsCA"}