@hitachivantara/uikit-react-lab 5.36.2 → 5.37.1

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ import { AriaRole } from 'react';
 import { BackgroundProps } from 'reactflow';
 import { ClipboardEventHandler } from 'react';
 import { CompositionEventHandler } from 'react';
+import { Context } from 'react';
 import { ControlProps } from 'reactflow';
 import { CSSInterpolation } from '@emotion/serialize';
 import { CSSProperties } from 'react';
@@ -28,11 +29,10 @@ 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 { HvIconButtonProps } 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 { JSX as JSX_2 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEventHandler } from 'react';
 import { MiniMapProps } from 'reactflow';
@@ -53,7 +53,6 @@ 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';
@@ -74,32 +73,6 @@ 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";
 };
@@ -112,39 +85,30 @@ 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_5: {
+declare const DEFAULT_LABELS_3: {
     itemAriaRoleDescription: string;
     expandGroupButtonAriaLabel: string;
     searchPlaceholder: string;
     searchAriaLabel: string;
 };
 
-declare const DEFAULT_LABELS_6: {
+declare const DEFAULT_LABELS_4: {
     deleteActionLabel: string;
     duplicateActionLabel: string;
 };
 
-declare const DEFAULT_LABELS_7: {
+declare const DEFAULT_LABELS_5: {
     collapseLabel: string;
     expandLabel: string;
 };
 
-declare const DEFAULT_LABELS_8: {
+declare const DEFAULT_LABELS_6: {
     emptyMessage: string;
     dialogTitle: string;
     dialogSubtitle: string;
@@ -231,13 +195,13 @@ export declare interface HvBladeProps extends HvBaseProps<HTMLDivElement, "onCha
     /**
      * The content that will be rendered within the blade.
      */
-    children: default_2.ReactNode;
+    children: React.ReactNode;
     /**
      * The content of the blade's button.
      *
      * If a render function is provided, it will be called with the expanded state as an argument.
      */
-    label?: default_2.ReactNode | ((expanded: boolean) => default_2.ReactNode);
+    label?: React.ReactNode | ((expanded: boolean) => React.ReactNode);
     /**
      * Typography variant for the blade's button label.
      */
@@ -270,7 +234,7 @@ export declare interface HvBladeProps extends HvBaseProps<HTMLDivElement, "onCha
      * @param {SyntheticEvent} event The event source of the callback.
      * @param {boolean} value The new value.
      */
-    onChange?: (event: default_2.SyntheticEvent, value: boolean) => void;
+    onChange?: (event: React.SyntheticEvent, value: boolean) => void;
     /**
      * Specifies whether the blade is disabled. If true, the blade cannot be interacted with.
      */
@@ -346,80 +310,13 @@ export declare interface HvBladesProps extends HvBaseProps<HTMLDivElement, "onCh
      * The blades to be rendered within the group.
      * Must be instances of `HvBlade`, otherwise the behavior is undefined and will most likely break.
      */
-    children: default_2.ReactNode;
+    children: React.ReactNode;
     /**
      * A Jss Object used to override or extend the styles applied.
      */
     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 panel. */
-    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 | null, 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 interface HvCanvasTab {
-    id: string;
-    content: React.ReactNode;
-}
-
-/**
- * A tabs component to use in a canvas context.
- */
-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"> {
-    /** List of tabs. */
-    tabs: HvCanvasTab[];
-    /** Event handler triggered when a tab is clicked. */
-    onChange?: (event: React.SyntheticEvent | null, 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: React.ReactNode;
-    /** Fully customized button or false for when the back button should not be rendered. */
-    backButton?: React.ReactNode;
-    /** An object containing all the labels. */
-    labels?: Partial<typeof DEFAULT_LABELS_2>;
-    children?: React.ReactNode;
-    /** Props for the default back button. */
-    backButtonProps?: Partial<HvIconButtonProps>;
-    /** 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.
@@ -430,12 +327,12 @@ export declare interface HvCanvasToolbarProps extends HvBaseProps<HTMLDivElement
  */
 export declare const HvDashboard: (props: HvDashboardProps) => JSX_2.Element;
 
-export declare type HvDashboardClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvDashboardClasses = ExtractNames<typeof useClasses_3>;
 
 /** @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_12>;
+export declare type HvDashboardNodeClasses = ExtractNames<typeof useClasses_9>;
 
 export declare const hvDashboardNodeClasses: {
     root: "HvDashboardNode-root";
@@ -467,7 +364,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_8>;
+    labels?: HvFlowNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_6>;
     previewItems?: React.ReactNode;
     onApply?: () => void;
     onCancel?: () => void;
@@ -540,7 +437,7 @@ export declare interface HvFlowBackgroundProps extends Omit<BackgroundProps, "co
 
 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_10>;
+export declare type HvFlowBaseNodeClasses = ExtractNames<typeof useClasses_7>;
 
 export declare interface HvFlowBaseNodeProps<T = any> extends Omit<HvBaseProps, "id" | "color">, Omit<HvUseNodeParams, "id">, NodeProps<T> {
     /** Header items */
@@ -559,7 +456,7 @@ export declare type HvFlowBuiltInActions = Omit<HvFlowNodeAction, "id" | "callba
     id: HvFlowBuiltInAction;
 };
 
-export declare type HvFlowClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvFlowClasses = ExtractNames<typeof useClasses_4>;
 
 declare interface HvFlowContextValue<NodeGroups extends keyof any = string> {
     /** Flow nodes groups. */
@@ -582,7 +479,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_4>;
+    labels?: Partial<typeof DEFAULT_LABELS_2>;
     /** Whether to hide the zoom controls. */
     hideZoom?: boolean;
     /** Whether to hide the fit view controls. */
@@ -607,7 +504,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_8>;
+export declare type HvFlowMinimapClasses = ExtractNames<typeof useClasses_5>;
 
 export declare interface HvFlowMinimapProps<NodeData = any> extends Omit<MiniMapProps<NodeData>, "nodeColor" | "nodeStrokeColor" | "maskColor" | "maskStrokeColor"> {
     /** Node color. Defaults to `atmo4`. */
@@ -628,7 +525,7 @@ export declare interface HvFlowNodeAction extends HvActionGeneric {
     callback?: (node: Node_2) => void;
 }
 
-export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvFlowNodeClasses = ExtractNames<typeof useClasses_8>;
 
 /** HvFlowNode component type. @extends React.FC */
 export declare interface HvFlowNodeFC<NodeData = any> extends React.FC<NodeProps<NodeData>> {
@@ -709,7 +606,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_7>;
+    labels?: HvFlowBaseNodeProps["labels"] & Partial<typeof DEFAULT_LABELS_5>;
     /** 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 */
@@ -757,7 +654,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_9>;
+export declare type HvFlowSidebarClasses = ExtractNames<typeof useClasses_6>;
 
 export declare interface HvFlowSidebarProps extends Omit<HvDrawerProps, "classes" | "title"> {
     /** Sidebar title. */
@@ -769,7 +666,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_5>;
+    labels?: Partial<typeof DEFAULT_LABELS_3>;
     /**
      * Dnd Kit drag overlay props for customization.
      *
@@ -778,7 +675,7 @@ export declare interface HvFlowSidebarProps extends Omit<HvDrawerProps, "classes
     dragOverlayProps?: DragOverlayProps;
 }
 
-declare type HvStepClasses = ExtractNames<typeof useClasses_14>;
+declare type HvStepClasses = ExtractNames<typeof useClasses_11>;
 
 /**
  * Navigation page with steps.
@@ -803,7 +700,7 @@ declare type HvStepClasses = ExtractNames<typeof useClasses_14>;
  */
 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_13>;
+export declare type HvStepNavigationClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvStepNavigationProps extends HvBaseProps {
     /** Type of step navigation. Values = {"Simple", "Default"} */
@@ -860,7 +757,7 @@ export declare interface HvUseNodeParams {
     /** Node actions */
     nodeActions?: HvFlowNodeAction[];
     /** Labels used on the default actions. */
-    labels?: Partial<typeof DEFAULT_LABELS_6>;
+    labels?: Partial<typeof DEFAULT_LABELS_4>;
     /** Props for the NodeToolbar Component */
     nodeToolbarProps?: NodeToolbarProps;
 }
@@ -869,7 +766,7 @@ export declare const HvWizard: ({ className, children, onClose, handleSubmit, ti
 
 export declare const HvWizardActions: ({ classes: classesProp, handleClose, handleSubmit, loading, skippable, labels, handleBeforeNext, handleBeforePrevious, }: HvWizardActionsProps) => JSX_2.Element;
 
-export declare type HvWizardActionsClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvWizardActionsClasses = ExtractNames<typeof useClasses_13>;
 
 export declare interface HvWizardActionsProps extends HvBaseProps {
     /** Function to handle the cancel button. */
@@ -901,24 +798,24 @@ export declare interface HvWizardActionsProps extends HvBaseProps {
     handleBeforePrevious?: () => void;
 }
 
-export declare type HvWizardClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvWizardClasses = ExtractNames<typeof useClasses_12>;
 
 export declare const HvWizardContainer: (props: HvWizardContainerProps) => JSX_2.Element;
 
-export declare type HvWizardContainerClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvWizardContainerClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvWizardContainerProps extends Omit<HvBaseProps, "onClose">, Pick<HvDialogProps, "maxWidth" | "fullWidth"> {
     /** Current state of the Wizard. */
     open: boolean;
     /** Function executed on close. */
-    handleClose: (event: default_2.SyntheticEvent, reason?: "escapeKeyDown" | "backdropClick") => void;
+    handleClose: (event: React.SyntheticEvent, reason?: "escapeKeyDown" | "backdropClick") => void;
     /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */
     classes?: HvWizardContainerClasses;
 }
 
 export declare const HvWizardContent: ({ classes: classesProp, fixedHeight, loading, children, summaryContent, }: HvWizardContentProps) => JSX_2.Element;
 
-export declare type HvWizardContentClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvWizardContentClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvWizardContentProps extends HvBaseProps {
     /** Forces minimum height to the component. */
@@ -931,13 +828,13 @@ export declare interface HvWizardContentProps extends HvBaseProps {
     classes?: HvWizardContentClasses;
 }
 
-export declare const HvWizardContext: default_2.Context<HvWizardContextProp>;
+export declare const HvWizardContext: Context<HvWizardContextProp>;
 
 declare type HvWizardContextProp = {
     context: HvWizardTabs;
-    setContext: default_2.Dispatch<default_2.SetStateAction<HvWizardTabs>>;
+    setContext: React.Dispatch<React.SetStateAction<HvWizardTabs>>;
     summary: boolean;
-    setSummary: default_2.Dispatch<default_2.SetStateAction<boolean>>;
+    setSummary: React.Dispatch<React.SetStateAction<boolean>>;
     tab: number;
     setTab: Dispatch<SetStateAction<number>>;
 };
@@ -956,7 +853,7 @@ export declare interface HvWizardProps extends HvBaseProps, Pick<HvDialogProps,
     /** Shows the summary button. */
     hasSummary?: boolean;
     /** The content of the summary. */
-    summaryContent?: default_2.ReactNode;
+    summaryContent?: React.ReactNode;
     /** Enables the skip button. */
     skippable?: boolean;
     /** Forces minimum height to the component. */
@@ -975,7 +872,7 @@ export declare type HvWizardTab = {
     mustValidate?: boolean;
     touched?: boolean;
     form?: any;
-    children?: default_2.ReactNode;
+    children?: React.ReactNode;
     disabled?: boolean;
     loading?: boolean;
     [other: string]: any;
@@ -987,7 +884,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_17>;
+export declare type HvWizardTitleClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvWizardTitleProps extends HvBaseProps {
     /** Title for the wizard. */
@@ -1031,103 +928,7 @@ declare const useClasses: (classesProp?: Partial<Record<"container" | "root" | "
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"root" | "separator" | "li" | "ol" | "titles", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         separator: string;
@@ -1142,7 +943,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root" | "separator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "ghost" | "avatar" | "ghostDisabled" | "notCurrent", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "ghost" | "avatar" | "ghostDisabled" | "notCurrent", string>>, addStatic?: boolean) => {
     classes: {
         xs: string;
         sm: string;
@@ -1162,7 +963,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -1173,7 +974,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"actionsContainer" | "buttonWidth" | "buttonsContainer" | "buttonSpacing", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"actionsContainer" | "buttonWidth" | "buttonsContainer" | "buttonSpacing", string>>, addStatic?: boolean) => {
     classes: {
         actionsContainer: string;
         buttonWidth: string;
@@ -1187,7 +988,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"actionsContainer" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"titleContainer" | "messageContainer" | "headerContainer" | "buttonWidth" | "rootSummaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"titleContainer" | "messageContainer" | "headerContainer" | "buttonWidth" | "rootSummaryButton" | "stepContainer", string>>, addStatic?: boolean) => {
     classes: {
         titleContainer: string;
         messageContainer: string;
@@ -1203,7 +1004,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"titleContainer" | "m
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         paper: string;
@@ -1216,7 +1017,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "paper" | "c
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"contentContainer" | "fixedHeight" | "summaryRef" | "summarySticky" | "summaryContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"contentContainer" | "fixedHeight" | "summaryRef" | "summarySticky" | "summaryContainer", string>>, addStatic?: boolean) => {
     classes: {
         contentContainer: string;
         fixedHeight: string;
@@ -1242,12 +1043,9 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root" | "title" | "actions" | "back", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        title: string;
-        actions: string;
-        back: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1256,17 +1054,9 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "title" | "ac
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "close" | "handle" | "tabs" | "handleButton" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root", 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;
@@ -1275,12 +1065,9 @@ declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"root" | "list" | "selected" | "tab", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        list: string;
-        selected: string;
-        tab: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1289,9 +1076,14 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "list" | "sel
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"description" | "titleContainer" | "contentContainer" | "drawerPaper" | "searchRoot" | "groupsContainer", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
+        description: string;
+        titleContainer: string;
+        contentContainer: string;
+        drawerPaper: string;
+        searchRoot: string;
+        groupsContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -1300,9 +1092,25 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+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) => {
     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;
@@ -1311,9 +1119,32 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+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" | "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;
@@ -1322,14 +1153,33 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"description" | "titleContainer" | "contentContainer" | "drawerPaper" | "searchRoot" | "groupsContainer", string>>, addStatic?: boolean) => {
+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" | "subtitle" | "subtitleContainer" | "inlineEditRoot" | "inlineEditButton" | "actionsButton" | "paramsContainer", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
+        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;
-        drawerPaper: string;
-        searchRoot: string;
-        groupsContainer: 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;