@hitachivantara/uikit-react-lab 5.35.12 → 5.36.0

package/dist/types/index.d.ts

@@ -1,13 +1,22 @@
+import { Align } from 'reactflow';
+import { AnimationEventHandler } from 'react';
+import { AriaRole } from 'react';
 import { BackgroundProps } from 'reactflow';
+import { ClipboardEventHandler } from 'react';
+import { CompositionEventHandler } from 'react';
 import { ControlProps } from 'reactflow';
 import { CSSInterpolation } from '@emotion/serialize';
+import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
 import { DndContextProps } from '@dnd-kit/core';
 import { DragEndEvent } from '@dnd-kit/core';
+import { DragEventHandler } from 'react';
 import { DragOverlayProps } from '@dnd-kit/core';
 import { Edge } from 'reactflow';
 import { ExtractNames } from '@hitachivantara/uikit-react-core';
+import { FocusEventHandler } from 'react';
+import { FormEventHandler } from 'react';
 import { GetMiniMapNodeAttribute } from 'reactflow';
 import { HTMLAttributes } from 'react';
 import { HvActionGeneric } from '@hitachivantara/uikit-react-core';
@@ -19,21 +28,36 @@ import { HvColorAny } from '@hitachivantara/uikit-styles';
 import { HvDialogProps } from '@hitachivantara/uikit-react-core';
 import { HvDrawerProps } from '@hitachivantara/uikit-react-core';
 import { HvEmptyStateProps } from '@hitachivantara/uikit-react-core';
+import { HvGlobalActionsProps } from '@hitachivantara/uikit-react-core';
 import { HvSize } from '@hitachivantara/uikit-react-core';
 import { HvSliderProps } from '@hitachivantara/uikit-react-core';
 import { HvTypographyVariants } from '@hitachivantara/uikit-react-core';
 import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
+import { KeyboardEventHandler } from 'react';
 import { MiniMapProps } from 'reactflow';
 import { ModalProps } from '@mui/material/Modal';
+import { MouseEventHandler } from 'react';
 import { Node as Node_2 } from 'reactflow';
 import { NodeProps } from 'reactflow';
+import { NodeToolbarProps } from 'reactflow';
 import { PanelPosition } from 'reactflow';
+import { PointerEventHandler } from 'react';
+import { Position } from 'reactflow';
+import { ReactElement } from 'react';
+import { ReactEventHandler } from 'react';
 import { ReactFlowInstance } from 'reactflow';
 import { ReactFlowProps } from 'reactflow';
 import { ReactGridLayoutProps } from 'react-grid-layout';
+import { ReactNode } from 'react';
 import { ResponsiveProps } from 'react-grid-layout';
 import { SetStateAction } from 'react';
 import { SyntheticEvent } from 'react';
+import { TabsProps } from '@mui/base/Tabs';
+import { TouchEventHandler } from 'react';
+import { TransitionEventHandler } from 'react';
+import { UIEventHandler } from 'react';
+import { WheelEventHandler } from 'react';
 
 export declare const bladeClasses: {
     container: "HvBlade-container";
@@ -50,6 +74,32 @@ export declare const bladesClasses: {
     root: "HvBlades-root";
 };
 
+export declare const canvasPanelClasses: {
+    content: "HvCanvasPanel-content";
+    root: "HvCanvasPanel-root";
+    open: "HvCanvasPanel-open";
+    close: "HvCanvasPanel-close";
+    handle: "HvCanvasPanel-handle";
+    tabs: "HvCanvasPanel-tabs";
+    handleButton: "HvCanvasPanel-handleButton";
+    handleOpen: "HvCanvasPanel-handleOpen";
+    handleClose: "HvCanvasPanel-handleClose";
+};
+
+export declare const canvasTabsClasses: {
+    root: "HvCanvasTabs-root";
+    list: "HvCanvasTabs-list";
+    selected: "HvCanvasTabs-selected";
+    tab: "HvCanvasTabs-tab";
+};
+
+export declare const canvasToolbarClasses: {
+    root: "HvCanvasToolbar-root";
+    title: "HvCanvasToolbar-title";
+    actions: "HvCanvasToolbar-actions";
+    back: "HvCanvasToolbar-back";
+};
+
 export declare const dashboardClasses: {
     root: "HvDashboard-root";
 };
@@ -62,25 +112,39 @@ export declare const DEFAULT_LABELS: {
 };
 
 declare const DEFAULT_LABELS_2: {
+    back: string;
+};
+
+declare const DEFAULT_LABELS_3: {
+    open: string;
+    close: string;
+};
+
+declare const DEFAULT_LABELS_4: {
     fitView: string;
     zoomIn: string;
     zoomOut: string;
     interactive: string;
 };
 
-declare const DEFAULT_LABELS_3: {
+declare const DEFAULT_LABELS_5: {
     itemAriaRoleDescription: string;
     expandGroupButtonAriaLabel: string;
     searchPlaceholder: string;
     searchAriaLabel: string;
 };
 
-declare const DEFAULT_LABELS_4: {
+declare const DEFAULT_LABELS_6: {
+    deleteActionLabel: string;
+    duplicateActionLabel: string;
+};
+
+declare const DEFAULT_LABELS_7: {
     collapseLabel: string;
     expandLabel: string;
 };
 
-declare const DEFAULT_LABELS_5: {
+declare const DEFAULT_LABELS_8: {
     emptyMessage: string;
     dialogTitle: string;
     dialogSubtitle: string;
@@ -135,8 +199,8 @@ export declare const flowNodeClasses: {
     outputGroupContainer: "HvFlowNode-outputGroupContainer";
     outputContainer: "HvFlowNode-outputContainer";
     handleConnected: "HvFlowNode-handleConnected";
-    subtitleContainer: "HvFlowNode-subtitleContainer";
     subtitle: "HvFlowNode-subtitle";
+    subtitleContainer: "HvFlowNode-subtitleContainer";
     inlineEditRoot: "HvFlowNode-inlineEditRoot";
     inlineEditButton: "HvFlowNode-inlineEditButton";
     actionsButton: "HvFlowNode-actionsButton";
@@ -289,6 +353,71 @@ export declare interface HvBladesProps extends HvBaseProps<HTMLDivElement, "onCh
     classes?: HvBladesClasses;
 }
 
+/**
+ * A panel component to use in a canvas context.
+ */
+export declare const HvCanvasPanel: (props: HvCanvasPanelProps) => JSX_2.Element;
+
+export declare type HvCanvasPanelClasses = ExtractNames<typeof useClasses_4>;
+
+export declare interface HvCanvasPanelProps extends HvBaseProps<HTMLDivElement> {
+    /** Whether the panel is open or not. If this property is defined the panel must be fully controlled. */
+    open?: boolean;
+    /** When uncontrolled, defines the initial state of the panel. */
+    defaultOpened?: boolean;
+    /** The tabs that should be visible on the canvas panel */
+    tabs?: HvCanvasTab[];
+    /** The function that will be executed whenever the panel toggles. It will receive the state of the accordion. */
+    onToggle?: (event: React.MouseEvent | React.KeyboardEvent, open: boolean) => void;
+    /** The function that will be executed when a tab changes.It will receive the id of the selected tab. */
+    onTabChange?: (event: React.SyntheticEvent, tabId: string) => void;
+    /** An object containing all the labels. */
+    labels?: Partial<typeof DEFAULT_LABELS_3>;
+    children?: React.ReactNode;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasPanelClasses;
+}
+
+export declare type HvCanvasTab = {
+    id: string;
+    content: React.ReactNode;
+};
+
+/**
+ *
+ */
+export declare const HvCanvasTabs: (props: HvCanvasTabsProps) => JSX_2.Element;
+
+export declare type HvCanvasTabsClasses = ExtractNames<typeof useClasses_5>;
+
+export declare interface HvCanvasTabsProps extends Omit<TabsProps, "onChange"> {
+    /** The list of tabs. */
+    tabs: HvCanvasTab[];
+    /** Event handler to run when a tab is clicked. */
+    onChange?: (event: React.SyntheticEvent, tabId: string) => void;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasTabsClasses;
+}
+
+/**
+ * A toolbar component to use in a canvas context.
+ */
+export declare const HvCanvasToolbar: (props: HvCanvasToolbarProps) => JSX_2.Element;
+
+export declare type HvCanvasToolbarClasses = ExtractNames<typeof useClasses_3>;
+
+export declare interface HvCanvasToolbarProps extends HvBaseProps<HTMLDivElement, "title"> {
+    /** Text to display in the component. */
+    title: HvGlobalActionsProps["title"];
+    /** User can pass in a fully customized button or false for when the back button should not be rendered. */
+    backButton?: HvGlobalActionsProps["backButton"];
+    /** An object containing all the labels. */
+    labels?: Partial<typeof DEFAULT_LABELS_2>;
+    children: React.ReactNode;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasToolbarClasses;
+}
+
 /**
  * A Dashboard grid layout component, based on `react-grid-layout`.
  * The children elements are grid items and must be `key`ed.
@@ -299,12 +428,12 @@ export declare interface HvBladesProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvDashboard: (props: HvDashboardProps) => JSX_2.Element;
 
-export declare type HvDashboardClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvDashboardClasses = ExtractNames<typeof useClasses_6>;
 
 /** @deprecated no longer supported. Instead create a custom node with `HvDialog` + `HvDashboard` */
 export declare const HvDashboardNode: (props: HvDashboardNodeProps) => JSX_2.Element;
 
-export declare type HvDashboardNodeClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvDashboardNodeClasses = ExtractNames<typeof useClasses_12>;
 
 export declare const hvDashboardNodeClasses: {
     root: "HvDashboardNode-root";
@@ -326,8 +455,8 @@ export declare const hvDashboardNodeClasses: {
     outputGroupContainer: "HvDashboardNode-outputGroupContainer";
     outputContainer: "HvDashboardNode-outputContainer";
     handleConnected: "HvDashboardNode-handleConnected";
-    subtitleContainer: "HvDashboardNode-subtitleContainer";
     subtitle: "HvDashboardNode-subtitle";
+    subtitleContainer: "HvDashboardNode-subtitleContainer";
     inlineEditRoot: "HvDashboardNode-inlineEditRoot";
     inlineEditButton: "HvDashboardNode-inlineEditButton";
     actionsButton: "HvDashboardNode-actionsButton";
@@ -336,7 +465,7 @@ export declare const hvDashboardNodeClasses: {
 
 export declare interface HvDashboardNodeProps extends HvFlowNodeProps, Pick<HvDialogProps, "open" | "onClose">, Pick<HvDashboardProps, "layout"> {
     classes?: HvDashboardNodeClasses;
-    labels?: HvFlowNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_5>;
+    labels?: HvFlowNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_8>;
     previewItems?: React.ReactNode;
     onApply?: () => void;
     onCancel?: () => void;
@@ -407,27 +536,15 @@ export declare interface HvFlowBackgroundProps extends Omit<BackgroundProps, "co
     color?: HvColorAny;
 }
 
-export declare const HvFlowBaseNode: ({ id, title, headerItems, icon, color: colorProp, inputs: inputsProp, outputs: outputsProp, nodeActions: nodeActionsProp, footer, classes: classesProp, labels: labelsProps, className, children, }: HvFlowBaseNodeProps<unknown>) => JSX_2.Element | null;
+export declare const HvFlowBaseNode: ({ id, title: titleProp, headerItems, icon: iconProp, color: colorProp, inputs: inputsProp, outputs: outputsProp, nodeActions: nodeActionsProp, footer, classes: classesProp, labels: labelsProp, className, children, }: HvFlowBaseNodeProps<unknown>) => JSX_2.Element | null;
 
-export declare type HvFlowBaseNodeClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvFlowBaseNodeClasses = ExtractNames<typeof useClasses_10>;
 
-export declare interface HvFlowBaseNodeProps<T = any> extends Omit<HvBaseProps, "id">, NodeProps<T> {
-    /** Header title */
-    title?: string;
-    /** Header icon */
-    icon?: default_2.ReactNode;
-    /** Header color */
-    color?: HvColorAny;
+export declare interface HvFlowBaseNodeProps<T = any> extends Omit<HvBaseProps, "id" | "color">, Omit<HvUseNodeParams, "id">, NodeProps<T> {
     /** Header items */
-    headerItems?: default_2.ReactNode;
-    /** Node inputs */
-    inputs?: (HvFlowNodeInput | HvFlowNodeInputGroup)[];
-    /** Node outputs */
-    outputs?: (HvFlowNodeOutput | HvFlowNodeOutputGroup)[];
-    /** Node actions */
-    nodeActions?: HvFlowNodeAction[];
+    headerItems?: React.ReactNode;
     /** The content of the node footer */
-    footer?: default_2.ReactNode;
+    footer?: React.ReactNode;
     /** Labels used on the node. */
     labels?: Partial<typeof DEFAULT_LABELS>;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -440,7 +557,7 @@ export declare type HvFlowBuiltInActions = Omit<HvFlowNodeAction, "id" | "callba
     id: HvFlowBuiltInAction;
 };
 
-export declare type HvFlowClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvFlowClasses = ExtractNames<typeof useClasses_7>;
 
 declare interface HvFlowContextValue<NodeGroups extends keyof any = string> {
     /** Flow nodes groups. */
@@ -463,7 +580,7 @@ export declare interface HvFlowControlsProps extends Omit<ControlProps, "positio
     /** Controls orientation. Defaults to `horizontal`. */
     orientation?: "vertical" | "horizontal";
     /** Labels used on the controls buttons. */
-    labels?: Partial<typeof DEFAULT_LABELS_2>;
+    labels?: Partial<typeof DEFAULT_LABELS_4>;
     /** Whether to hide the zoom controls. */
     hideZoom?: boolean;
     /** Whether to hide the fit view controls. */
@@ -488,7 +605,7 @@ export declare type HvFlowInstance<NodeData = any, EdgeData = any> = ReactFlowIn
 
 export declare const HvFlowMinimap: ({ nodeColor, maskColor, maskStrokeColor, nodeStrokeColor, classes: classesProp, className, ...others }: HvFlowMinimapProps) => JSX_2.Element;
 
-export declare type HvFlowMinimapClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvFlowMinimapClasses = ExtractNames<typeof useClasses_8>;
 
 export declare interface HvFlowMinimapProps<NodeData = any> extends Omit<MiniMapProps<NodeData>, "nodeColor" | "nodeStrokeColor" | "maskColor" | "maskStrokeColor"> {
     /** Node color. Defaults to `atmo4`. */
@@ -509,7 +626,7 @@ export declare interface HvFlowNodeAction extends HvActionGeneric {
     callback?: (node: Node_2) => void;
 }
 
-export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_11>;
 
 /** HvFlowNode component type. @extends React.FC */
 export declare interface HvFlowNodeFC<NodeData = any> extends React.FC<NodeProps<NodeData>> {
@@ -590,7 +707,7 @@ export declare interface HvFlowNodeProps<T = any> extends HvFlowBaseNodeProps<T>
     /** Props to be passed to the expand parameters button. */
     expandParamsButtonProps?: HvButtonProps;
     /** Labels used on the node. */
-    labels?: HvFlowBaseNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_4>;
+    labels?: HvFlowBaseNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_7>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvFlowNodeClasses;
     /** Remove the ability to customize the label of the Node */
@@ -638,7 +755,7 @@ export declare interface HvFlowProps<NodeGroups extends keyof any = string, Node
 
 export declare const HvFlowSidebar: ({ id, title, description, anchor, buttonTitle, flatten, classes: classesProp, labels: labelsProps, dragOverlayProps, ...others }: HvFlowSidebarProps) => JSX_2.Element;
 
-export declare type HvFlowSidebarClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvFlowSidebarClasses = ExtractNames<typeof useClasses_9>;
 
 export declare interface HvFlowSidebarProps extends Omit<HvDrawerProps, "classes" | "title"> {
     /** Sidebar title. */
@@ -650,7 +767,7 @@ export declare interface HvFlowSidebarProps extends Omit<HvDrawerProps, "classes
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvFlowSidebarClasses;
     /** Labels used on the sidebar. */
-    labels?: Partial<typeof DEFAULT_LABELS_3>;
+    labels?: Partial<typeof DEFAULT_LABELS_5>;
     /**
      * Dnd Kit drag overlay props for customization.
      *
@@ -659,7 +776,7 @@ export declare interface HvFlowSidebarProps extends Omit<HvDrawerProps, "classes
     dragOverlayProps?: DragOverlayProps;
 }
 
-declare type HvStepClasses = ExtractNames<typeof useClasses_11>;
+declare type HvStepClasses = ExtractNames<typeof useClasses_14>;
 
 /**
  * Navigation page with steps.
@@ -684,7 +801,7 @@ declare type HvStepClasses = ExtractNames<typeof useClasses_11>;
  */
 export declare const HvStepNavigation: ({ className, classes: classesProp, width, steps, stepSize, showTitles, type, "aria-label": ariaLabel, ...others }: HvStepNavigationProps) => JSX_2.Element;
 
-export declare type HvStepNavigationClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvStepNavigationClasses = ExtractNames<typeof useClasses_13>;
 
 export declare interface HvStepNavigationProps extends HvBaseProps {
     /** Type of step navigation. Values = {"Simple", "Default"} */
@@ -726,11 +843,31 @@ declare interface HvStepProps extends Pick<HvButtonProps, "onClick">, Omit<HvBas
     disabled?: boolean;
 }
 
+export declare interface HvUseNodeParams {
+    id: string;
+    /** Node group ID */
+    groupId?: string;
+    title?: string;
+    subtitle?: string;
+    icon?: React.ReactNode;
+    color?: HvColorAny;
+    /** Node inputs */
+    inputs?: (HvFlowNodeInput | HvFlowNodeInputGroup)[];
+    /** Node outputs */
+    outputs?: (HvFlowNodeOutput | HvFlowNodeOutputGroup)[];
+    /** Node actions */
+    nodeActions?: HvFlowNodeAction[];
+    /** Labels used on the default actions. */
+    labels?: Partial<typeof DEFAULT_LABELS_6>;
+    /** Props for the NodeToolbar Component */
+    nodeToolbarProps?: NodeToolbarProps;
+}
+
 export declare const HvWizard: ({ className, children, onClose, handleSubmit, title, open, skippable, loading, hasSummary, summaryContent, labels, fixedHeight, customStep, classes: classesProp, ...others }: HvWizardProps) => JSX_2.Element;
 
 export declare const HvWizardActions: ({ classes: classesProp, handleClose, handleSubmit, loading, skippable, labels, handleBeforeNext, handleBeforePrevious, }: HvWizardActionsProps) => JSX_2.Element;
 
-export declare type HvWizardActionsClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvWizardActionsClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvWizardActionsProps extends HvBaseProps {
     /** Function to handle the cancel button. */
@@ -762,11 +899,11 @@ export declare interface HvWizardActionsProps extends HvBaseProps {
     handleBeforePrevious?: () => void;
 }
 
-export declare type HvWizardClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvWizardClasses = ExtractNames<typeof useClasses_15>;
 
 export declare const HvWizardContainer: (props: HvWizardContainerProps) => JSX_2.Element;
 
-export declare type HvWizardContainerClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvWizardContainerClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvWizardContainerProps extends Omit<HvBaseProps, "onClose">, Pick<HvDialogProps, "maxWidth" | "fullWidth"> {
     /** Current state of the Wizard. */
@@ -779,7 +916,7 @@ export declare interface HvWizardContainerProps extends Omit<HvBaseProps, "onClo
 
 export declare const HvWizardContent: ({ classes: classesProp, fixedHeight, loading, children, summaryContent, }: HvWizardContentProps) => JSX_2.Element;
 
-export declare type HvWizardContentClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvWizardContentClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvWizardContentProps extends HvBaseProps {
     /** Forces minimum height to the component. */
@@ -848,7 +985,7 @@ export declare type HvWizardTabs = {
 
 export declare const HvWizardTitle: ({ title, hasSummary, labels, classes: classesProp, customStep, }: HvWizardTitleProps) => JSX_2.Element;
 
-export declare type HvWizardTitleClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvWizardTitleClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvWizardTitleProps extends HvBaseProps {
     /** Title for the wizard. */
@@ -892,7 +1029,103 @@ declare const useClasses: (classesProp?: Partial<Record<"container" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"root" | "separator" | "li" | "ol" | "titles", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "footerContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        title: string;
+        titleContainer: string;
+        mandatory: string;
+        footerContainer: string;
+        inputContainer: string;
+        handle: string;
+        headerContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        contentContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
+        outputContainer: string;
+        handleConnected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_11: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "actions" | "footerContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        title: string;
+        titleContainer: string;
+        mandatory: string;
+        actions: string;
+        footerContainer: string;
+        inputContainer: string;
+        handle: string;
+        headerContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        contentContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
+        outputContainer: string;
+        handleConnected: string;
+        subtitle: string;
+        subtitleContainer: string;
+        inlineEditRoot: string;
+        inlineEditButton: string;
+        actionsButton: string;
+        paramsContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_12: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "empty" | "actions" | "footerContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        title: string;
+        titleContainer: string;
+        mandatory: string;
+        empty: string;
+        actions: string;
+        footerContainer: string;
+        inputContainer: string;
+        handle: string;
+        headerContainer: string;
+        inputsTitleContainer: string;
+        outputsTitleContainer: string;
+        contentContainer: string;
+        inputsContainer: string;
+        outputsContainer: string;
+        inputGroupContainer: string;
+        outputGroupContainer: string;
+        outputContainer: string;
+        handleConnected: string;
+        subtitle: string;
+        subtitleContainer: string;
+        inlineEditRoot: string;
+        inlineEditButton: string;
+        actionsButton: string;
+        paramsContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_13: (classesProp?: Partial<Record<"root" | "separator" | "li" | "ol" | "titles", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         separator: string;
@@ -907,7 +1140,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "separator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "ghost" | "avatar" | "ghostDisabled" | "notCurrent", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "ghost" | "avatar" | "ghostDisabled" | "notCurrent", string>>, addStatic?: boolean) => {
     classes: {
         xs: string;
         sm: string;
@@ -927,7 +1160,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -938,7 +1171,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"actionsContainer" | "buttonWidth" | "buttonsContainer" | "buttonSpacing", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"actionsContainer" | "buttonWidth" | "buttonsContainer" | "buttonSpacing", string>>, addStatic?: boolean) => {
     classes: {
         actionsContainer: string;
         buttonWidth: string;
@@ -952,7 +1185,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"actionsContainer" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"titleContainer" | "messageContainer" | "headerContainer" | "buttonWidth" | "rootSummaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"titleContainer" | "messageContainer" | "headerContainer" | "buttonWidth" | "rootSummaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
     classes: {
         titleContainer: string;
         messageContainer: string;
@@ -968,7 +1201,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"titleContainer" | "m
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         paper: string;
@@ -981,7 +1214,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root" | "paper" | "c
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"contentContainer" | "fixedHeight" | "summaryRef" | "summarySticky" | "summaryContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"contentContainer" | "fixedHeight" | "summaryRef" | "summarySticky" | "summaryContainer", string>>, addStatic?: boolean) => {
     classes: {
         contentContainer: string;
         fixedHeight: string;
@@ -1007,9 +1240,12 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root" | "title" | "actions" | "back", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        title: string;
+        actions: string;
+        back: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1018,9 +1254,17 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "close" | "handle" | "tabs" | "handleButton" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
     classes: {
+        content: string;
         root: string;
+        open: string;
+        close: string;
+        handle: string;
+        tabs: string;
+        handleButton: string;
+        handleOpen: string;
+        handleClose: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1029,9 +1273,12 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "list" | "selected" | "tab", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        list: string;
+        selected: string;
+        tab: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1040,14 +1287,9 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"description" | "titleContainer" | "contentContainer" | "drawerPaper" | "searchRoot" | "groupsContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
-        titleContainer: string;
-        contentContainer: string;
-        drawerPaper: string;
-        searchRoot: string;
-        groupsContainer: string;
+        root: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1056,25 +1298,9 @@ declare const useClasses_6: (classesProp?: Partial<Record<"description" | "title
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "footerContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        title: string;
-        titleContainer: string;
-        mandatory: string;
-        footerContainer: string;
-        inputContainer: string;
-        handle: string;
-        headerContainer: string;
-        inputsTitleContainer: string;
-        outputsTitleContainer: string;
-        contentContainer: string;
-        inputsContainer: string;
-        outputsContainer: string;
-        inputGroupContainer: string;
-        outputGroupContainer: string;
-        outputContainer: string;
-        handleConnected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1083,32 +1309,9 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root" | "title" | "ti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "actions" | "footerContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitleContainer" | "subtitle" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        title: string;
-        titleContainer: string;
-        mandatory: string;
-        actions: string;
-        footerContainer: string;
-        inputContainer: string;
-        handle: string;
-        headerContainer: string;
-        inputsTitleContainer: string;
-        outputsTitleContainer: string;
-        contentContainer: string;
-        inputsContainer: string;
-        outputsContainer: string;
-        inputGroupContainer: string;
-        outputGroupContainer: string;
-        outputContainer: string;
-        handleConnected: string;
-        subtitleContainer: string;
-        subtitle: string;
-        inlineEditRoot: string;
-        inlineEditButton: string;
-        actionsButton: string;
-        paramsContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1117,33 +1320,14 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root" | "title" | "ti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "title" | "titleContainer" | "mandatory" | "empty" | "actions" | "footerContainer" | "inputContainer" | "handle" | "headerContainer" | "inputsTitleContainer" | "outputsTitleContainer" | "contentContainer" | "inputsContainer" | "outputsContainer" | "inputGroupContainer" | "outputGroupContainer" | "outputContainer" | "handleConnected" | "subtitleContainer" | "subtitle" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"description" | "titleContainer" | "contentContainer" | "drawerPaper" | "searchRoot" | "groupsContainer", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
-        title: string;
+        description: string;
         titleContainer: string;
-        mandatory: string;
-        empty: string;
-        actions: string;
-        footerContainer: string;
-        inputContainer: string;
-        handle: string;
-        headerContainer: string;
-        inputsTitleContainer: string;
-        outputsTitleContainer: string;
         contentContainer: string;
-        inputsContainer: string;
-        outputsContainer: string;
-        inputGroupContainer: string;
-        outputGroupContainer: string;
-        outputContainer: string;
-        handleConnected: string;
-        subtitleContainer: string;
-        subtitle: string;
-        inlineEditRoot: string;
-        inlineEditButton: string;
-        actionsButton: string;
-        paramsContainer: string;
+        drawerPaper: string;
+        searchRoot: string;
+        groupsContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1185,6 +1369,308 @@ export declare function useFlowNodeUtils<NodeData = any>(id?: string): {
 /** Retrieves the nodes connected to the outputs of the node */
 export declare function useFlowOutputNodes<T = any>(id?: string): Node_2<T, string | undefined>[];
 
+export declare function useHvNode(props: HvUseNodeParams): {
+    id: string;
+    title: string | undefined;
+    icon: string | number | boolean | Iterable<ReactNode> | ReactElement<unknown, string | JSXElementConstructor<any>> | null | undefined;
+    color: string | undefined;
+    iconColor: string | undefined;
+    subtitle: any;
+    inputs: (HvFlowNodeInput | HvFlowNodeOutput | {
+        inputs: HvFlowNodeInput[];
+        label: ReactNode;
+    } | {
+        outputs: HvFlowNodeOutput[];
+        label: ReactNode;
+    })[] | undefined;
+    inputEdges: Edge<any>[];
+    outputs: (HvFlowNodeInput | HvFlowNodeOutput | {
+        inputs: HvFlowNodeInput[];
+        label: ReactNode;
+    } | {
+        outputs: HvFlowNodeOutput[];
+        label: ReactNode;
+    })[] | undefined;
+    outputEdges: Edge<any>[];
+    node: Node_2<any, string | undefined> | undefined;
+    nodeActions: HvFlowNodeAction[];
+    showActions: boolean;
+    getNodeToolbarProps: () => {
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        style?: CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
+        role?: 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;
+        autoCapitalize?: 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;
+        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
+        children?: ReactNode;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "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 | "page" | "step" | "false" | "true" | "time" | "date" | "location" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "grid" | "menu" | "listbox" | "false" | "true" | "dialog" | "tree" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "vertical" | "horizontal" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | 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;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: FocusEventHandler<HTMLDivElement> | undefined;
+        onChange?: FormEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
+        nodeId?: string | string[] | undefined;
+        isVisible: boolean;
+        position?: Position | undefined;
+        offset: number;
+        align?: Align | undefined;
+    };
+    toggleShowActions: () => void;
+    handleDefaultAction: (action: HvFlowNodeAction) => void;
+};
+
 export declare function useNodeMetaRegistry(): {
     registerNode: (id: string, nodeInfo: HvFlowNodeMeta) => void;
     unregisterNode: (id: string) => void;