@gradial/aci 0.1.20-preview.3 → 0.1.21

package/dist/react/index.d.ts

@@ -1,3 +1,333 @@
-export { GradialPicture } from './GradialPicture.js';
-export { GradialVideoPlayer } from './GradialVideoPlayer.js';
-export { GradialMedia } from './GradialMedia.js';
+import { type ImgHTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import { type Image as ImageData } from '../types/image.js';
+import { type Link as LinkData } from '../types/link.js';
+import type { Heading as HeadingData, RichTextValue } from '../types/rich-text.js';
+import type { BlockRef } from '../types/block-ref.js';
+export { Picture, type PictureProps } from './Picture.js';
+export { Media, type MediaProps } from './Media.js';
+export { VideoPlayer, type VideoPlayerProps } from './VideoPlayer.js';
+export type RenderChildren<T extends readonly BlockRef[]> = (blocks: T) => Promise<ReactElement[]>;
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> {
+    image?: ImageData;
+    value?: ImageData;
+}
+export declare function Image({ image, value, ...attrs }: ImageProps): import("react").DetailedReactHTMLElement<import("../types/image.js").ImageAttrs, HTMLElement> | import("react").DetailedReactHTMLElement<{
+    prefix?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    srcSet?: string | undefined | undefined;
+    sizes?: string | undefined | undefined;
+    loading?: "eager" | "lazy" | undefined | undefined;
+    decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    title?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    children?: ReactNode;
+    className?: string | undefined | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    fetchPriority?: "high" | "low" | "auto" | undefined | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
+    useMap?: string | undefined | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    property?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    tw?: string | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLImageElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLImageElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLImageElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLImageElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    src: string;
+    alt: string;
+}, HTMLElement>;
+export interface LinkProps {
+    link: LinkData;
+    resolveLink?: (link: LinkData) => string | Promise<string>;
+    children?: ReactNode;
+}
+export declare function Link({ link, resolveLink, children }: LinkProps): import("react").DetailedReactHTMLElement<{
+    href: string | Promise<string>;
+    target: import("../types/link.js").LinkTarget | undefined;
+    rel: string | undefined;
+    title: string | undefined;
+}, HTMLElement>;
+export interface HeadingProps {
+    heading?: HeadingData;
+    value?: HeadingData;
+}
+export declare function Heading({ heading, value }: HeadingProps): import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | null;
+export declare function headingPlainText(value: HeadingData): string;
+export interface RichTextProps {
+    value: RichTextValue | string;
+}
+export declare function RichText({ value }: RichTextProps): import("react").DetailedReactHTMLElement<{
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+}, HTMLElement>;

package/dist/react/index.js

@@ -1,3 +1,89 @@
-export { GradialPicture } from './GradialPicture.js';
-export { GradialVideoPlayer } from './GradialVideoPlayer.js';
-export { GradialMedia } from './GradialMedia.js';
+import { createElement, Fragment, } from 'react';
+import sanitizeHtml from 'sanitize-html';
+import MarkdownIt from 'markdown-it';
+import { imageAttrs } from '../types/image.js';
+import { resolveHref, normalizeLinkRel, assertSafeHref } from '../types/link.js';
+export { Picture } from './Picture.js';
+export { Media } from './Media.js';
+export { VideoPlayer } from './VideoPlayer.js';
+export function Image({ image, value, ...attrs }) {
+    const resolved = image ?? value ?? {
+        $type: 'gradial.image',
+        assetId: '',
+        versionId: '',
+        alt: '',
+        sources: [],
+    };
+    if (!resolved.sources.length) {
+        return createElement('img', {
+            src: '',
+            alt: resolved.alt,
+            ...attrs,
+        });
+    }
+    return createElement('img', imageAttrs(resolved, attrs));
+}
+export function Link({ link, resolveLink, children }) {
+    const href = resolveHref(link, resolveLink);
+    if (typeof href === 'string') {
+        assertSafeHref(href);
+    }
+    return createElement('a', {
+        href,
+        target: link.target,
+        rel: normalizeLinkRel(link),
+        title: link.title,
+    }, children);
+}
+export function Heading({ heading, value }) {
+    const resolved = heading ?? value;
+    if (!resolved) {
+        return null;
+    }
+    return createElement(`h${resolved.level}`, null, renderInlineContent(resolved.content));
+}
+export function headingPlainText(value) {
+    return inlinePlainText(value.content);
+}
+const markdown = new MarkdownIt({ html: false, linkify: true, typographer: true });
+export function RichText({ value }) {
+    const richText = typeof value === 'string' ? { format: 'markdown', markdown: value } : value;
+    const rendered = richText.format === 'markdown'
+        ? markdown.render(richText.markdown)
+        : richText.html;
+    const clean = sanitizeHtml(rendered, {
+        allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img']),
+        allowedAttributes: {
+            ...sanitizeHtml.defaults.allowedAttributes,
+            a: ['href', 'name', 'target', 'rel'],
+            img: ['src', 'alt', 'width', 'height', 'loading'],
+        },
+        transformTags: {
+            a: sanitizeHtml.simpleTransform('a', { rel: 'noopener noreferrer' }, true),
+        },
+    });
+    return createElement('div', { dangerouslySetInnerHTML: { __html: clean } });
+}
+function renderInlineContent(content) {
+    return content.map((node, index) => {
+        const children = 'content' in node ? renderInlineContent(node.content) : node.text;
+        switch (node.type) {
+            case 'strong':
+                return createElement('strong', { key: index }, children);
+            case 'em':
+                return createElement('em', { key: index }, children);
+            case 'link':
+                return createElement('a', { key: index, href: node.href }, children);
+            case 'span':
+                return createElement('span', { key: index, 'data-aci-variant': node.variant }, children);
+            case 'text':
+            default:
+                return createElement(Fragment, { key: index }, children);
+        }
+    });
+}
+function inlinePlainText(content) {
+    return content
+        .map((node) => node.type === 'text' ? node.text : inlinePlainText(node.content))
+        .join('');
+}

package/dist/registry.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentContract, InferComponentProps } from './types/component.js';
 export type AnyComponent = (abstract new (...args: any[]) => any) | ((props: any) => any) | Record<string, any>;
 export interface RegistryEntry {
-    name: string;
+    id: string;
     component: AnyComponent;
     contract: ComponentContract;
 }
@@ -11,5 +11,5 @@ type ValidatedEntries<T extends readonly (readonly [ComponentContract, AnyCompon
     [K in keyof T]: ValidatedEntry<T[K]>;
 };
 export declare function createRegistry<const T extends readonly (readonly [ComponentContract, AnyComponent])[]>(entries: ValidatedEntries<T> & T): Registry;
-export declare function registryLookup(registry: Registry, name: string): AnyComponent | undefined;
+export declare function registryLookup(registry: Registry, id: string): AnyComponent | undefined;
 export {};

package/dist/registry.js

@@ -1,10 +1,10 @@
 export function createRegistry(entries) {
     return entries.map(([contract, component]) => ({
-        name: contract.name,
+        id: contract.id,
         component,
         contract,
     }));
 }
-export function registryLookup(registry, name) {
-    return registry.find((r) => r.name === name)?.component;
+export function registryLookup(registry, id) {
+    return registry.find((r) => r.id === id)?.component;
 }

package/dist/types/block-ref.d.ts

@@ -0,0 +1,26 @@
+import { z } from 'zod';
+import type { ComponentContract } from './component.js';
+export interface BlockRefMeta {
+    allowed: readonly string[];
+    multiple: boolean;
+}
+declare const blockRefBase: z.ZodObject<{
+    id: z.ZodString;
+    component: z.ZodString;
+    props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+}, z.core.$strip>;
+type InferContractProps<T> = T extends ComponentContract<string, infer Schema> ? Schema extends z.ZodType<infer P> ? P : Record<string, unknown> : Record<string, unknown>;
+type InferContractId<T> = T extends ComponentContract<infer Id, unknown> ? Id : never;
+export type BlockRefEntry<T extends ComponentContract> = {
+    id: string;
+    component: InferContractId<T>;
+    props: InferContractProps<T>;
+};
+export type BlockRefUnion<T extends readonly ComponentContract[]> = {
+    [K in keyof T]: BlockRefEntry<T[K]>;
+}[number];
+export declare function blockRefArray<const T extends readonly ComponentContract[]>(contracts: T): z.ZodArray<z.ZodType<BlockRefUnion<T>>>;
+export declare function blockRef<const T extends readonly ComponentContract[]>(contracts: T): z.ZodType<BlockRefUnion<T>>;
+export declare function getBlockRefMeta(schema: unknown): BlockRefMeta | null;
+export type BlockRef = z.infer<typeof blockRefBase>;
+export {};

package/dist/types/block-ref.js

@@ -0,0 +1,28 @@
+import { z } from 'zod';
+const BLOCK_REF_KEY = '_gradialBlockRef';
+const blockRefBase = z.object({
+    id: z.string().min(1),
+    component: z.string().min(1),
+    props: z.record(z.string(), z.unknown()),
+});
+function attachMeta(schema, allowed, multiple) {
+    Object.defineProperty(schema, BLOCK_REF_KEY, {
+        value: { allowed, multiple },
+        enumerable: false,
+        writable: false,
+        configurable: false,
+    });
+    return schema;
+}
+export function blockRefArray(contracts) {
+    return attachMeta(z.array(blockRefBase), contracts.map((c) => c.id), true);
+}
+export function blockRef(contracts) {
+    return attachMeta(blockRefBase, contracts.map((c) => c.id), false);
+}
+export function getBlockRefMeta(schema) {
+    if (schema && typeof schema === 'object' && BLOCK_REF_KEY in schema) {
+        return schema[BLOCK_REF_KEY];
+    }
+    return null;
+}

package/dist/types/component.d.ts

@@ -1,39 +1,43 @@
-import type { IslandMode, VaryDimension } from './render-mode.js';
 import type { ImageSlotContract } from './image.js';
+import type { BlockRefMeta } from './block-ref.js';
 import type { z } from 'zod';
-/**
- * A CMS-registered component — sync or async (server components).
- * Accepts content props derived from the Zod schema.
- */
-type CmsComponentFn<TProps = any> = ((props: TProps) => import('react').ReactElement | null) | ((props: TProps) => Promise<import('react').ReactElement | null>);
-/**
- * Infers the props type from a schema.
- * If TSchema is a Zod type, returns z.infer<TSchema>.
- * Otherwise returns Record<string, unknown>.
- */
 type InferContentProps<TSchema> = TSchema extends z.ZodType<infer T> ? T : Record<string, unknown>;
-export interface ComponentDefinition<TSchema = unknown> {
-    name: string;
-    /**
-     * The React component that renders this CMS block.
-     * Accepts at least the schema-derived props, but may accept additional
-     * composition params (className, etc.) passed by parent sections.
-     */
-    component?: CmsComponentFn<any>;
-    schema: TSchema;
-    defaultIslandMode?: IslandMode;
-    varyDimensions?: VaryDimension[];
-    vary?: VaryDimension[];
+export interface ComponentContractValidator<TProps = Record<string, unknown>> {
+    (context: ComponentValidationContext<TProps>): void | Promise<void>;
+}
+export interface ComponentValidationContext<TProps = Record<string, unknown>> {
+    component: string;
+    props: TProps;
+    blockId?: string;
+    path: readonly string[];
+    report(issue: ComponentValidationIssue): void;
+}
+export interface ComponentValidationIssue {
+    path?: readonly string[];
+    code?: string;
+    message: string;
+    severity?: 'error' | 'warning';
+}
+export interface ComponentDefinition<TId extends string = string, TSchema = unknown> {
+    id: TId;
+    displayName?: string;
+    props: TSchema;
     imageSlots?: Record<string, ImageSlotContract>;
+    validate?: readonly ComponentContractValidator<InferContentProps<TSchema>>[];
 }
-export interface ComponentContract<TSchema = unknown> {
-    name: string;
-    component?: CmsComponentFn<any>;
-    schema: TSchema;
-    defaultIslandMode?: IslandMode;
-    varyDimensions?: VaryDimension[];
-    vary?: VaryDimension[];
+export interface ComponentContract<TId extends string = string, TSchema = unknown> {
+    readonly id: TId;
+    readonly displayName?: string;
+    props: TSchema;
+    blockSlots?: Record<string, BlockRefMeta>;
     imageSlots?: Record<string, ImageSlotContract>;
+    validate: readonly ComponentContractValidator<InferContentProps<TSchema>>[];
 }
-export type InferComponentProps<TContract> = TContract extends ComponentContract<infer TSchema> ? InferContentProps<TSchema> : Record<string, unknown>;
-export type { CmsComponentFn, InferContentProps };
+export type InferComponentProps<TContract> = TContract extends ComponentContract<string, infer TSchema> ? InferContentProps<TSchema> : Record<string, unknown>;
+export type ComponentContractID<TContract> = TContract extends ComponentContract<infer TId, unknown> ? TId : never;
+export type ComponentRegistry<TContracts extends Record<string, ComponentContract>> = {
+    readonly [K in keyof TContracts]: TContracts[K] & {
+        readonly id: K & string;
+    };
+};
+export type { InferContentProps };

package/dist/types/config.d.ts

@@ -1,5 +1,5 @@
 import type { RenderCapabilities } from './renderer.js';
-export interface BareMetalConfig {
+export interface Config {
     version: '1';
     siteId: string;
     framework: 'astro' | 'next' | 'sveltekit' | 'custom';