@nascentdigital/funnel-ui 4.4.21 → 4.5.1

package/dist/server/blocks/MediaLayout.d.ts

@@ -1,309 +1,18 @@
 import { Schema } from '@nascentdigital/funnel-core';
-import { HTMLAttributes, JSXElementConstructor } from 'react';
+import { ComponentProps, JSXElementConstructor } from 'react';
 import { EmbeddedVideo } from '../../client/refs';
-import { HTMLElements } from '../../types';
-export declare function MediaLayout<T extends MediaLayout.Tag>({ className, as, EmbeddedVideoElement, layout, ...props }: MediaLayout.Props<T>): import("react").DetailedReactHTMLElement<{
-    prefix?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    color?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    slot?: string | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLElements.Standard[T]> | 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;
-    dir?: 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;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | 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;
-    rel?: 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;
-    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;
-    "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<HTMLElements.Standard[T]> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLElements.Standard[T]> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
-    onChangeCapture?: import("react").ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBeforeInputCapture?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInput?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInputCapture?: import("react").InputEventHandler<HTMLElements.Standard[T]> | undefined;
-    onReset?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onResetCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSubmitCapture?: import("react").SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInvalid?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onInvalidCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLElements.Standard[T]> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
-    className: string;
-}, HTMLElement> | null;
+import { Block } from './Block';
+export declare function MediaLayout({ EmbeddedVideoElement, listPanelProps, ...props }: MediaLayout.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace MediaLayout {
-    type Layout = 'poster' | '1col' | '2col' | 'brick' | 'brickAlt';
-    namespace Layout {
-        const Enum: Schema.EnumField.Options<Layout>;
-        const schema: Schema.EnumField<Schema.EnumField.Options<Layout>>;
-        function getClassName(layout?: Layout): string;
-    }
-    const schema: Schema.Block<"_nd-mediaLayout", {
-        items: Schema.ListField<{
-            visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
-            embedded: Schema.EmbeddedVideoField;
-        }>;
-    }, {
-        layout: Schema.EnumField<Schema.EnumField.Options<Layout>>;
-        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
-    }>;
-    type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
-        as: T;
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-mediaLayout", true, undefined, Schema.ListField<{
+        visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+        embedded: Schema.EmbeddedVideoField;
+    }>, Schema.Block.Config, any>>, schema: Block.Create.Result.Schema<"_nd-mediaLayout", true, undefined, Schema.ListField<{
+        visual: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+        embedded: Schema.EmbeddedVideoField;
+    }>, Schema.Block.Config>;
+    type Props = ComponentProps<typeof Component> & {
         EmbeddedVideoElement?: JSXElementConstructor<EmbeddedVideo.Props>;
-        layout: Model;
     };
-    type Tag = Exclude<HTMLElements.Standard.Container, 'ul' | 'ol' | 'li'>;
     type Model = Schema.Block.LinkedData<typeof schema>;
 }

package/dist/server/blocks/MediaLayout.js

@@ -10,87 +10,36 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaLayout = MediaLayout;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const funnel_core_1 = require("@nascentdigital/funnel-core");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
 const refs_1 = require("../../client/refs");
 const fields_1 = require("../fields");
-const schema_1 = require("../schema");
+const panels_1 = require("../panels");
+const Block_1 = require("./Block");
 // block
 function MediaLayout(_a) {
-    var _b, _c, _d;
-    var { className, as, EmbeddedVideoElement = refs_1.EmbeddedVideo, layout } = _a, props = __rest(_a, ["className", "as", "EmbeddedVideoElement", "layout"]);
-    // dont render if missing model
-    const { config, fields } = layout !== null && layout !== void 0 ? layout : {};
-    const items = (_c = (_b = fields === null || fields === void 0 ? void 0 : fields.items) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : [];
-    if (!layout) {
-        console.warn('[MediaLayout] attempted to render without items model');
-        return null;
-    }
+    var { EmbeddedVideoElement = refs_1.EmbeddedVideo, listPanelProps } = _a, props = __rest(_a, ["EmbeddedVideoElement", "listPanelProps"]);
     // render
-    return (0, react_1.createElement)(as, Object.assign({ className: (0, classnames_1.default)(className, 'nd-MediaLayout nd-Block-fullbleed', MediaLayout.Layout.getClassName((_d = config === null || config === void 0 ? void 0 : config.layout) === null || _d === void 0 ? void 0 : _d.value), schema_1.BlockConfig.Presets.ThemeOnly.getClassName(config)) }, props), (0, jsx_runtime_1.jsx)("div", { className: "nd-MediaLayout-content", children: items.map(({ schema, id, value: item }) => (0, jsx_runtime_1.jsx)("div", { className: "nd-MediaLayout-itemWrap", children: funnel_core_1.Schema.EmbeddedVideoField.Value.filter(item)
-                ?
-                    (0, jsx_runtime_1.jsx)(EmbeddedVideoElement, { className: "nd-MediaLayout-item", video: item })
-                :
-                    (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-MediaLayout-item", visual: item }) }, id)) }));
+    return ((0, jsx_runtime_1.jsx)(MediaLayout.Component, Object.assign({ listPanelProps: Object.assign(Object.assign({}, listPanelProps), { itemProps: { EmbeddedVideoElement } }) }, props)));
 }
 // extension
 (function (MediaLayout) {
-    let Layout;
-    (function (Layout) {
-        // enum
-        Layout.Enum = {
-            poster: { name: 'Poster', hint: 'A large/prominent presentation.' },
-            '1col': { name: '1 Column', hint: 'All visuals are put into a single column.' },
-            '2col': { name: '2 Column', hint: 'Split into 2 columns on larger screens.' },
-            brick: { name: 'Brick', hint: 'A masonry pattern.' },
-            brickAlt: { name: 'Brick (Flipped)', hint: 'An alternate masonary pattern (reversed direction).' }
-        };
-        // schema
-        Layout.schema = funnel_core_1.Schema.Field.enumeration({
-            name: 'Layout',
-            hint: 'Select a media layout',
-            description: 'Determine how your assets will be presented.',
-            options: Layout.Enum
-        });
-        // helpers
-        function getClassName(layout) {
-            switch (layout) {
-                case 'poster':
-                    return 'nd-MediaLayout-layout-poster';
-                case '1col':
-                    return 'nd-MediaLayout-layout-1col';
-                case '2col':
-                    return 'nd-MediaLayout-layout-2col';
-                case 'brick':
-                    return 'nd-MediaLayout-layout-brick';
-                case 'brickAlt':
-                    return 'nd-MediaLayout-layout-brickAlt';
-                default:
-                    console.warn('[MediaLayout] unrecognized layout:', layout);
-                    return 'nd-MediaLayout-layout-poster';
-            }
-        }
-        Layout.getClassName = getClassName;
-    })(Layout = MediaLayout.Layout || (MediaLayout.Layout = {}));
-    // schema
-    MediaLayout.schema = funnel_core_1.Schema.Block.create({
+    var _a;
+    // factory
+    _a = Block_1.Block.create({
         id: '_nd-mediaLayout',
         name: 'MediaLayout',
         version: 1,
-        config: Object.assign(Object.assign({}, schema_1.BlockConfig.Presets.ThemeOnly.schema), { layout: Layout.schema }),
-        fields: {
-            items: funnel_core_1.Schema.Field.list({
+        className: 'nd-MediaLayout',
+        message: true,
+        list: {
+            schema: funnel_core_1.Schema.Field.list({
                 name: 'Assets',
                 description: 'Add one or more assets and then configure the layout.',
                 itemTypes: {
-                    visual: fields_1.Visual.schema,
+                    visual: panels_1.VisualPanel.Fields.visual.unwrap(),
                     embedded: funnel_core_1.Schema.Field.embeddedVideo({
                         name: 'Embedded Video',
                         description: 'A remote streaming video (e.g. YouTube)',
@@ -99,7 +48,12 @@ function MediaLayout(_a) {
                 },
                 min: 1,
                 max: 20
-            })
+            }),
+            itemRenderer: (item, { EmbeddedVideoElement }) => ((0, jsx_runtime_1.jsx)("div", { className: "nd-MediaLayout-itemWrap", children: funnel_core_1.Schema.EmbeddedVideoField.Value.filter(item.value)
+                    ?
+                        (0, jsx_runtime_1.jsx)(EmbeddedVideoElement, { className: "nd-MediaLayout-item", video: item.value })
+                    :
+                        (0, jsx_runtime_1.jsx)(fields_1.Visual, { className: "nd-MediaLayout-item", visual: item.value }) }))
         }
-    });
+    }), MediaLayout.Component = _a.Component, MediaLayout.schema = _a.schema;
 })(MediaLayout || (exports.MediaLayout = MediaLayout = {}));

package/dist/server/blocks/Message.d.ts

@@ -1,76 +1,18 @@
-import { BlockLayout, Schema } from '@nascentdigital/funnel-core';
-import { ReactNode } from 'react';
-import { HTMLBlockElement } from '../../types';
-import { Caption, Headline, Title, Visual } from '../fields';
-import { Anchor, ItemAlignment, ItemPosition, ItemSize, TextAlignment } from '../schema';
-export declare function Message({ className, titleTag, headlineTag, captionTag, message, visualDecorator, visualLoading, ...props }: Message.Props): import("react/jsx-runtime").JSX.Element | null;
+import { Schema } from '@nascentdigital/funnel-core';
+import { ComponentProps } from 'react';
+import { Block } from './Block';
+export declare function Message({ className, ...props }: ComponentProps<typeof Message.Component>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Message {
-    export type Variant = 'featured' | 'branding' | 'action';
-    export namespace Variant {
+    type Variant = 'featured' | 'branding' | 'action';
+    namespace Variant {
         const Enum: Schema.EnumField.Options<Variant>;
         const schema: Schema.EnumField<Schema.EnumField.Options<Variant>>;
         function getClassName(variant?: Variant): string;
     }
-    export type VisualWidth = 'contained' | 'fullBleed';
-    export namespace VisualWidth {
-        const Enum: Schema.EnumField.Options<VisualWidth>;
-        const schema: Schema.EnumField<Schema.EnumField.Options<VisualWidth>>;
-        function getClassName(width?: VisualWidth): string;
-    }
-    const configSchema: {
+    const Component: import("react").FunctionComponent<Block.Create.Result.Component<"_nd-message", true, true, undefined, {
         variant: Schema.EnumField<Schema.EnumField.Options<Variant>>;
-        messageTextAlignment: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<TextAlignment>>>;
-        messageHorizontalPosition: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>>;
-        messageVerticalPosition: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>>;
-        messageWidth: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemSize>>>;
-        visualPosition: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemPosition>>>;
-        visualAspect: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<BlockLayout.AspectRatio>>>;
-        visualAnchor: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<Anchor>>>;
-        visualWidth: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<VisualWidth>>>;
-        contentAlignment: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>>;
-        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
-    };
-    const fieldsSchema: {
-        visual: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
-        title: Schema.Optional<Schema.TextField>;
-        headline: Schema.RichTextField;
-        caption: Schema.Optional<Schema.RichTextField>;
-        ctas: Schema.Optional<Schema.ListField<{
-            cta: Schema.LinkField;
-        }>>;
-    };
-    export const schema: Schema.Block<"_nd-message", {
-        visual: Schema.Optional<Schema.AssetField<Schema.AssetField.LinkedValue.Visual>>;
-        title: Schema.Optional<Schema.TextField>;
-        headline: Schema.RichTextField;
-        caption: Schema.Optional<Schema.RichTextField>;
-        ctas: Schema.Optional<Schema.ListField<{
-            cta: Schema.LinkField;
-        }>>;
-    }, {
+    }, any>>, schema: Block.Create.Result.Schema<"_nd-message", true, true, undefined, {
         variant: Schema.EnumField<Schema.EnumField.Options<Variant>>;
-        messageTextAlignment: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<TextAlignment>>>;
-        messageHorizontalPosition: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>>;
-        messageVerticalPosition: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>>;
-        messageWidth: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemSize>>>;
-        visualPosition: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemPosition>>>;
-        visualAspect: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<BlockLayout.AspectRatio>>>;
-        visualAnchor: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<Anchor>>>;
-        visualWidth: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<VisualWidth>>>;
-        contentAlignment: Schema.Optional<Schema.EnumField<Schema.EnumField.Options<ItemAlignment>>>;
-        theme: Schema.EnumField<Readonly<import("@nascentdigital/funnel-core").BlockThemes.Options>>;
     }>;
-    export type Props = HTMLBlockElement<'div'> & {
-        titleTag?: Title.Tag;
-        headlineTag?: Headline.Tag;
-        captionTag?: Caption.Tag;
-        message: Model;
-        visualDecorator?: ReactNode;
-        visualLoading?: Visual.Loading;
-    };
-    export type Model = Schema.Block.LinkedData<typeof schema>;
-    export type GetConfigArgs = Schema.Block.GetConfig.Args<typeof configSchema, typeof fieldsSchema>;
-    export type GetConfigResult = Schema.Block.GetConfig.Result<typeof configSchema>;
-    export type GetLayoutArgs = Schema.Block.GetLayout.Args<typeof configSchema, typeof fieldsSchema>;
-    export {};
+    type Model = Schema.Block.LinkedData<typeof schema>;
 }