@nascentdigital/funnel-ui 4.4.18

package/dist/server/fields/Headline.js

@@ -0,0 +1,46 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Headline = Headline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const RichText_1 = require("./RichText");
+// component
+function Headline(_a) {
+    var { as, className, headline } = _a, props = __rest(_a, ["as", "className", "headline"]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(RichText_1.RichText, Object.assign({}, props, { className: (0, classnames_1.default)(className, 'nd-Headline'), as: as, richText: headline })));
+}
+// extension
+(function (Headline) {
+    // schema
+    Headline.schema = funnel_core_1.Schema.Field.richtext({
+        name: 'Headline',
+        hint: 'Enter some text',
+        size: 'md',
+        capabilities: {
+            bold: true,
+            italics: true,
+            underline: true,
+            superscript: true,
+            subscript: true,
+            priority: true,
+            accent: true,
+            subtle: true
+        }
+    });
+})(Headline || (exports.Headline = Headline = {}));

package/dist/server/fields/Icon.d.ts

@@ -0,0 +1,10 @@
+import { Schema } from '@nascentdigital/funnel-core';
+export declare function Icon({ className, icon }: Icon.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Icon {
+    const schema: Schema.AssetField<Schema.AssetField.LinkedValue.Visual>;
+    type Props = {
+        className?: string;
+        icon?: Schema.Field.LinkedValue<typeof schema>;
+    };
+    type Value = Schema.Field.LinkedValue<typeof schema>;
+}

package/dist/server/fields/Icon.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = Icon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+// component
+function Icon({ className, icon }) {
+    var _a;
+    // TODO: handle missing value
+    if (!icon) {
+        return null;
+    }
+    // render
+    const { url, metadata } = icon !== null && icon !== void 0 ? icon : {};
+    const { width, height } = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.dimensions) !== null && _a !== void 0 ? _a : {};
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(className, 'nd-Icon'), style: {
+            '--nd-icon-width': width ? `${width}px` : 'unset',
+            '--nd-icon-height': height ? `${height}px` : 'unset'
+        }, children: (0, jsx_runtime_1.jsx)("span", { className: "nd-Icon-visual", style: Object.assign({ maskImage: `url(${url})` }, (width && height ? { aspectRatio: `${width} / ${height}` } : {})) }) }));
+}
+// extension
+(function (Icon) {
+    // schema
+    Icon.schema = funnel_core_1.Schema.Field.visual({
+        name: 'Icon',
+        hint: 'Use high quality assets, preferably SVGs if possible.',
+        tags: ['icon'],
+        mimeTypes: [
+            'image/svg+xml',
+            'image/webp',
+            'image/png'
+        ],
+        visualOptions: {}
+    });
+})(Icon || (exports.Icon = Icon = {}));

package/dist/server/fields/Link.d.ts

@@ -0,0 +1,16 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { AnchorHTMLAttributes } from 'react';
+export declare function Link({ className, link, children, ...props }: Link.Props): import("react/jsx-runtime").JSX.Element | undefined;
+export declare namespace Link {
+    type Props = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'> & {
+        link?: Schema.Field.LinkedValue<Schema.LinkField> | Readonly<Override>;
+    };
+    type Override = {
+        type: 'override';
+        href: string;
+        label?: string;
+    };
+    namespace Override {
+        const home: Readonly<Override>;
+    }
+}

package/dist/server/fields/Link.js

@@ -0,0 +1,61 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = Link;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const link_1 = __importDefault(require("next/link"));
+// component
+function Link(_a) {
+    var _b, _c, _d;
+    var { className, link, children } = _a, props = __rest(_a, ["className", "link", "children"]);
+    // skip if there's no link
+    if (!link) {
+        return undefined;
+    }
+    // determine url + target
+    let href;
+    let target = undefined;
+    switch (link.type) {
+        case 'override':
+            href = link.href;
+            break;
+        case 'internal':
+            href = (_d = (_c = (_b = link.page) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : '#';
+            break;
+        default: {
+            href = funnel_core_1.Schema.LinkField.Value.toUrl(link);
+            if (link.type === 'external') {
+                target = funnel_core_1.UrlUtils.isRelativeUrl(link.url) ? undefined : '_blank';
+            }
+            break;
+        }
+    }
+    // render link
+    return ((0, jsx_runtime_1.jsx)(link_1.default, Object.assign({}, props, { className: (0, classnames_1.default)(className, 'nd-Link'), href: href, target: target, children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)("span", { className: "nd-Link-label nd-Clickable-label", children: link.label }) })));
+}
+// extension
+(function (Link) {
+    let Override;
+    (function (Override) {
+        // home
+        Override.home = {
+            type: 'override',
+            href: '/'
+        };
+    })(Override = Link.Override || (Link.Override = {}));
+})(Link || (exports.Link = Link = {}));

package/dist/server/fields/Quote.d.ts

@@ -0,0 +1,13 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { HTMLAttributes } from 'react';
+import { HTMLElements } from '../../types';
+export declare function Quote<T extends Quote.Tag>({ as, className, quote, ...props }: Quote.Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Quote {
+    const schema: Schema.RichTextField;
+    type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
+        as: T;
+        quote?: Value;
+    };
+    type Tag = HTMLElements.Standard.TextContainer;
+    type Value = Schema.Field.LinkedValue<typeof schema>;
+}

package/dist/server/fields/Quote.js

@@ -0,0 +1,46 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Quote = Quote;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+const RichText_1 = require("./RichText");
+// component
+function Quote(_a) {
+    var { as, className, quote } = _a, props = __rest(_a, ["as", "className", "quote"]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(RichText_1.RichText, Object.assign({}, props, { className: (0, classnames_1.default)(className, 'nd-Quote'), as: as, richText: quote })));
+}
+// extension
+(function (Quote) {
+    // schema
+    Quote.schema = funnel_core_1.Schema.Field.richtext({
+        name: 'Quote',
+        hint: 'Enter some text',
+        size: 'md',
+        capabilities: {
+            bold: true,
+            italics: true,
+            underline: true,
+            superscript: true,
+            subscript: true,
+            priority: true,
+            accent: true,
+            subtle: true
+        }
+    });
+})(Quote || (exports.Quote = Quote = {}));

package/dist/server/fields/RichText.d.ts

@@ -0,0 +1,296 @@
+import { InitialConfigType } from '@lexical/react/LexicalComposer';
+import { Schema } from '@nascentdigital/funnel-core';
+import React, { HTMLAttributes } from 'react';
+import { HTMLElements } from '../../types';
+export declare function RichText<T extends RichText.Tag>({ className, as, richText, ...props }: RichText.Props<T>): React.DetailedReactHTMLElement<{
+    prefix?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    color?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    onClick?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    slot?: string | undefined | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDrag?: 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?: 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?: React.ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElements.Standard[T]> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLElements.Standard[T]> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElements.Standard[T]> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLElements.Standard[T]> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLElements.Standard[T], Element> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLElements.Standard[T]> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLElements.Standard[T]> | undefined;
+    onInput?: React.InputEventHandler<HTMLElements.Standard[T]> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLElements.Standard[T]> | undefined;
+    onReset?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLElements.Standard[T]> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onError?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPause?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDrop?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElements.Standard[T]> | undefined;
+    onScroll?: React.UIEventHandler<HTMLElements.Standard[T]> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLElements.Standard[T]> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLElements.Standard[T]> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLElements.Standard[T]> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLElements.Standard[T]> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElements.Standard[T]> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLElements.Standard[T]> | undefined;
+    className: string;
+}, HTMLElement>;
+export declare namespace RichText {
+    const schema: Schema.RichTextField;
+    type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'children'> & {
+        as: T;
+        className?: string;
+        richText?: Schema.RichTextField.Value;
+    };
+    type Tag = HTMLElements.Standard.TextContainer;
+    type Value = Schema.Field.LinkedValue<typeof schema>;
+    const config: Pick<InitialConfigType, 'namespace' | 'nodes'>;
+}