@etl-corestream/react 0.1.0 → 0.1.1

package/dist/components/layout-view/index.d.ts

@@ -0,0 +1,650 @@
+export declare const EtlLayoutView: {
+    Root: ({ children, asChild, className, layouts, ...props }: import("./layout-view-root").EtlLayoutViewRootProps) => import("react/jsx-runtime").JSX.Element;
+    Context: import("react").Context<{
+        getSelectLayoutButtonProps: (selectedLayout: import("@etl-corestream/core").LayoutBase, userProps?: import("../..").LayoutViewSelectLayoutButtonProps) => {
+            'data-role': string;
+            disabled: boolean;
+            onClick: (...args: any[]) => void;
+            defaultChecked?: boolean | undefined;
+            defaultValue?: string | number | readonly string[] | undefined;
+            suppressContentEditableWarning?: boolean | undefined;
+            suppressHydrationWarning?: boolean | undefined;
+            accessKey?: string | undefined;
+            autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+            autoFocus?: boolean | undefined;
+            className?: string | undefined;
+            contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+            contextMenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            hidden?: boolean | undefined;
+            id?: string | undefined;
+            lang?: string | undefined;
+            nonce?: string | undefined;
+            slot?: string | undefined;
+            spellCheck?: (boolean | "true" | "false") | undefined;
+            style?: import("react").CSSProperties | undefined;
+            tabIndex?: number | undefined;
+            title?: string | undefined;
+            translate?: "yes" | "no" | undefined;
+            radioGroup?: string | undefined;
+            role?: import("react").AriaRole | undefined;
+            about?: string | undefined;
+            content?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            rel?: string | undefined;
+            resource?: string | undefined;
+            rev?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autoCorrect?: string | undefined;
+            autoSave?: string | undefined;
+            color?: string | undefined;
+            itemProp?: string | undefined;
+            itemScope?: boolean | undefined;
+            itemType?: string | undefined;
+            itemID?: string | undefined;
+            itemRef?: string | undefined;
+            results?: number | undefined;
+            security?: string | undefined;
+            unselectable?: "on" | "off" | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined;
+            popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+            popoverTarget?: string | undefined;
+            inert?: boolean | undefined;
+            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+            is?: string | undefined;
+            exportparts?: string | undefined;
+            part?: string | undefined;
+            "aria-activedescendant"?: string | undefined;
+            "aria-atomic"?: (boolean | "true" | "false") | undefined;
+            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+            "aria-braillelabel"?: string | undefined;
+            "aria-brailleroledescription"?: string | undefined;
+            "aria-busy"?: (boolean | "true" | "false") | undefined;
+            "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+            "aria-colcount"?: number | undefined;
+            "aria-colindex"?: number | undefined;
+            "aria-colindextext"?: string | undefined;
+            "aria-colspan"?: number | undefined;
+            "aria-controls"?: string | undefined;
+            "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+            "aria-describedby"?: string | undefined;
+            "aria-description"?: string | undefined;
+            "aria-details"?: string | undefined;
+            "aria-disabled"?: (boolean | "true" | "false") | undefined;
+            "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+            "aria-errormessage"?: string | undefined;
+            "aria-expanded"?: (boolean | "true" | "false") | undefined;
+            "aria-flowto"?: string | undefined;
+            "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+            "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            "aria-hidden"?: (boolean | "true" | "false") | undefined;
+            "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+            "aria-keyshortcuts"?: string | undefined;
+            "aria-label"?: string | undefined;
+            "aria-labelledby"?: string | undefined;
+            "aria-level"?: number | undefined;
+            "aria-live"?: "off" | "assertive" | "polite" | undefined;
+            "aria-modal"?: (boolean | "true" | "false") | undefined;
+            "aria-multiline"?: (boolean | "true" | "false") | undefined;
+            "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+            "aria-orientation"?: "horizontal" | "vertical" | undefined;
+            "aria-owns"?: string | undefined;
+            "aria-placeholder"?: string | undefined;
+            "aria-posinset"?: number | undefined;
+            "aria-pressed"?: boolean | "false" | "mixed" | "true" | 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;
+            "aria-required"?: (boolean | "true" | "false") | undefined;
+            "aria-roledescription"?: string | undefined;
+            "aria-rowcount"?: number | undefined;
+            "aria-rowindex"?: number | undefined;
+            "aria-rowindextext"?: string | undefined;
+            "aria-rowspan"?: number | undefined;
+            "aria-selected"?: (boolean | "true" | "false") | undefined;
+            "aria-setsize"?: number | undefined;
+            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+            "aria-valuemax"?: number | undefined;
+            "aria-valuemin"?: number | undefined;
+            "aria-valuenow"?: number | undefined;
+            "aria-valuetext"?: string | undefined;
+            children?: import("react").ReactNode | undefined;
+            dangerouslySetInnerHTML?: {
+                __html: string | TrustedHTML;
+            } | undefined;
+            onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement>;
+            onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement>;
+            onCut?: import("react").ClipboardEventHandler<HTMLButtonElement>;
+            onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement>;
+            onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement>;
+            onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement>;
+            onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement>;
+            onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement>;
+            onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement>;
+            onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement>;
+            onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement>;
+            onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement>;
+            onFocus?: import("react").FocusEventHandler<HTMLButtonElement>;
+            onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement>;
+            onBlur?: import("react").FocusEventHandler<HTMLButtonElement>;
+            onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement>;
+            onChange?: import("react").ChangeEventHandler<HTMLButtonElement, Element>;
+            onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element>;
+            onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement>;
+            onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement>;
+            onInput?: import("react").InputEventHandler<HTMLButtonElement>;
+            onInputCapture?: import("react").InputEventHandler<HTMLButtonElement>;
+            onReset?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement>;
+            onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement>;
+            onInvalid?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoad?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onError?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement>;
+            onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement>;
+            onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement>;
+            onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement>;
+            onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement>;
+            onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement>;
+            onAbort?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onEmptied?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onEnded?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onPause?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onPlay?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onPlaying?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onProgress?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onRateChange?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSeeked?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSeeking?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onStalled?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSuspend?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onWaiting?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onDrag?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragEnd?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragEnter?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragExit?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragLeave?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragOver?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragStart?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDrop?: import("react").DragEventHandler<HTMLButtonElement>;
+            onDropCapture?: import("react").DragEventHandler<HTMLButtonElement>;
+            onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement>;
+            onSelect?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement>;
+            onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement>;
+            onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement>;
+            onScroll?: import("react").UIEventHandler<HTMLButtonElement>;
+            onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement>;
+            onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement>;
+            onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement>;
+            onWheel?: import("react").WheelEventHandler<HTMLButtonElement>;
+            onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement>;
+            onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement>;
+            onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement>;
+            onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement>;
+            onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement>;
+            onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement>;
+            onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement>;
+            onToggle?: import("react").ToggleEventHandler<HTMLButtonElement>;
+            onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement>;
+            onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement>;
+            onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement>;
+        };
+        getLayoutDetails: (layout: import("@etl-corestream/core").LayoutBase) => {
+            layoutName: string;
+            layoutDescription: string;
+            layoutAllowUndefinedColumns: boolean;
+            layoutHeaders: import("@etl-corestream/core").LayoutHeader[];
+            localSteps: {
+                name: string;
+                description: string;
+                order: ("transforms" | "validators")[];
+                validations: {
+                    name: string;
+                    target: string;
+                }[];
+                transforms: {
+                    name: string;
+                    target: string;
+                }[];
+            }[];
+            globalSteps: {
+                name: string;
+                description: string;
+                order: ("transforms" | "validators")[];
+                validations: {
+                    name: string;
+                }[];
+                transforms: {
+                    name: string;
+                }[];
+            }[];
+            exporters: {
+                name: string;
+                description: string;
+            }[];
+        };
+        getLayoutViewRootProps: (userProps?: import("../..").LayoutViewRootProps) => {
+            'data-role': string;
+            defaultChecked?: boolean | undefined;
+            defaultValue?: string | number | readonly string[] | undefined;
+            suppressContentEditableWarning?: boolean | undefined;
+            suppressHydrationWarning?: boolean | undefined;
+            accessKey?: string | undefined;
+            autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+            autoFocus?: boolean | undefined;
+            className?: string | undefined;
+            contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+            contextMenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            hidden?: boolean | undefined;
+            id?: string | undefined;
+            lang?: string | undefined;
+            nonce?: string | undefined;
+            slot?: string | undefined;
+            spellCheck?: (boolean | "true" | "false") | undefined;
+            style?: import("react").CSSProperties | undefined;
+            tabIndex?: number | undefined;
+            title?: string | undefined;
+            translate?: "yes" | "no" | undefined;
+            radioGroup?: string | undefined;
+            role?: import("react").AriaRole | undefined;
+            about?: string | undefined;
+            content?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            rel?: string | undefined;
+            resource?: string | undefined;
+            rev?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autoCorrect?: string | undefined;
+            autoSave?: string | undefined;
+            color?: string | undefined;
+            itemProp?: string | undefined;
+            itemScope?: boolean | undefined;
+            itemType?: string | undefined;
+            itemID?: string | undefined;
+            itemRef?: string | undefined;
+            results?: number | undefined;
+            security?: string | undefined;
+            unselectable?: "on" | "off" | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined;
+            popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+            popoverTarget?: string | undefined;
+            inert?: boolean | undefined;
+            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+            is?: string | undefined;
+            exportparts?: string | undefined;
+            part?: string | undefined;
+            "aria-activedescendant"?: string | undefined;
+            "aria-atomic"?: (boolean | "true" | "false") | undefined;
+            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+            "aria-braillelabel"?: string | undefined;
+            "aria-brailleroledescription"?: string | undefined;
+            "aria-busy"?: (boolean | "true" | "false") | undefined;
+            "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+            "aria-colcount"?: number | undefined;
+            "aria-colindex"?: number | undefined;
+            "aria-colindextext"?: string | undefined;
+            "aria-colspan"?: number | undefined;
+            "aria-controls"?: string | undefined;
+            "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+            "aria-describedby"?: string | undefined;
+            "aria-description"?: string | undefined;
+            "aria-details"?: string | undefined;
+            "aria-disabled"?: (boolean | "true" | "false") | undefined;
+            "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+            "aria-errormessage"?: string | undefined;
+            "aria-expanded"?: (boolean | "true" | "false") | undefined;
+            "aria-flowto"?: string | undefined;
+            "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+            "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            "aria-hidden"?: (boolean | "true" | "false") | undefined;
+            "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+            "aria-keyshortcuts"?: string | undefined;
+            "aria-label"?: string | undefined;
+            "aria-labelledby"?: string | undefined;
+            "aria-level"?: number | undefined;
+            "aria-live"?: "off" | "assertive" | "polite" | undefined;
+            "aria-modal"?: (boolean | "true" | "false") | undefined;
+            "aria-multiline"?: (boolean | "true" | "false") | undefined;
+            "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+            "aria-orientation"?: "horizontal" | "vertical" | undefined;
+            "aria-owns"?: string | undefined;
+            "aria-placeholder"?: string | undefined;
+            "aria-posinset"?: number | undefined;
+            "aria-pressed"?: boolean | "false" | "mixed" | "true" | 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;
+            "aria-required"?: (boolean | "true" | "false") | undefined;
+            "aria-roledescription"?: string | undefined;
+            "aria-rowcount"?: number | undefined;
+            "aria-rowindex"?: number | undefined;
+            "aria-rowindextext"?: string | undefined;
+            "aria-rowspan"?: number | undefined;
+            "aria-selected"?: (boolean | "true" | "false") | undefined;
+            "aria-setsize"?: number | undefined;
+            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+            "aria-valuemax"?: number | undefined;
+            "aria-valuemin"?: number | undefined;
+            "aria-valuenow"?: number | undefined;
+            "aria-valuetext"?: string | undefined;
+            children?: import("react").ReactNode | undefined;
+            dangerouslySetInnerHTML?: {
+                __html: string | TrustedHTML;
+            } | undefined;
+            onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
+            onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+            onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
+            onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+            onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
+            onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+            onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
+            onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+            onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
+            onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+            onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
+            onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+            onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
+            onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+            onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
+            onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+            onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element>;
+            onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element>;
+            onBeforeInput?: import("react").InputEventHandler<HTMLDivElement>;
+            onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement>;
+            onInput?: import("react").InputEventHandler<HTMLDivElement>;
+            onInputCapture?: import("react").InputEventHandler<HTMLDivElement>;
+            onReset?: import("react").ReactEventHandler<HTMLDivElement>;
+            onResetCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSubmit?: import("react").SubmitEventHandler<HTMLDivElement>;
+            onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement>;
+            onInvalid?: import("react").ReactEventHandler<HTMLDivElement>;
+            onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onError?: import("react").ReactEventHandler<HTMLDivElement>;
+            onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
+            onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+            onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
+            onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+            onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
+            onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+            onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
+            onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+            onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
+            onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
+            onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
+            onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
+            onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
+            onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
+            onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onPause?: import("react").ReactEventHandler<HTMLDivElement>;
+            onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+            onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
+            onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
+            onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
+            onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
+            onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
+            onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
+            onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
+            onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
+            onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onClick?: import("react").MouseEventHandler<HTMLDivElement>;
+            onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
+            onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
+            onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onDrag?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragEnd?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragStart?: import("react").DragEventHandler<HTMLDivElement>;
+            onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onDrop?: import("react").DragEventHandler<HTMLDivElement>;
+            onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
+            onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
+            onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+            onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
+            onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+            onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
+            onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+            onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
+            onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+            onScroll?: import("react").UIEventHandler<HTMLDivElement>;
+            onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
+            onScrollEnd?: import("react").UIEventHandler<HTMLDivElement>;
+            onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement>;
+            onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
+            onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
+            onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement>;
+            onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+            onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
+            onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+            onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
+            onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+            onToggle?: import("react").ToggleEventHandler<HTMLDivElement>;
+            onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement>;
+            onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement>;
+            onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+        };
+        currentLayout: {
+            layoutName: string;
+            layoutDescription: string;
+            layoutAllowUndefinedColumns: boolean;
+            layoutHeaders: import("@etl-corestream/core").LayoutHeader[];
+            localSteps: {
+                name: string;
+                description: string;
+                order: ("transforms" | "validators")[];
+                validations: {
+                    name: string;
+                    target: string;
+                }[];
+                transforms: {
+                    name: string;
+                    target: string;
+                }[];
+            }[];
+            globalSteps: {
+                name: string;
+                description: string;
+                order: ("transforms" | "validators")[];
+                validations: {
+                    name: string;
+                }[];
+                transforms: {
+                    name: string;
+                }[];
+            }[];
+            exporters: {
+                name: string;
+                description: string;
+            }[];
+        };
+        layout: import("@preact/signals-core").ReadonlySignal<import("@etl-corestream/core").LayoutBase>;
+        state: import("@preact/signals-core").ReadonlySignal<any>;
+        canSelectLayout: boolean;
+    } & {
+        Layouts: import("@etl-corestream/core").LayoutBase[];
+        selectedLayout: import("@etl-corestream/core").LayoutBase | null;
+        setSelectedLayout: (layout: import("@etl-corestream/core").LayoutBase) => void;
+        state: import("@preact/signals-core").ReadonlySignal<any>;
+    }>;
+    Selector: ({ asChild, className, placeholder, ...props }: import("./layout-view-layouts-selector").EtlLayoutViewLayoutsSelectorProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ asChild, className, ...props }: import("./layout-view-select-layout-trigger").EtlLayoutViewSelectLayoutTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};