@ultraviolet/ui 1.51.0 → 1.51.2

package/dist/index.d.ts

@@ -1,3693 +1,4 @@
-import * as react from 'react';
-import react__default, { ReactNode, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, FocusEvent, ReactElement, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, Dispatch, SetStateAction, Ref, RefObject, KeyboardEventHandler, HTMLAttributes, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, ElementType, DOMAttributes, TextareaHTMLAttributes } from 'react';
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import * as _emotion_styled from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
-import { Theme, CSSObject, css } from '@emotion/react';
-import { Icon } from '@ultraviolet/icons';
-export { Icon } from '@ultraviolet/icons';
-import { consoleLightTheme } from '@ultraviolet/themes';
-export { consoleDarkTheme as darkTheme, consoleLightTheme as theme } from '@ultraviolet/themes';
-import { BarDatum, BarTooltipProps, BarSvgProps, ResponsiveBar } from '@nivo/bar';
-import { Box, ValueFormat, DatumValue } from '@nivo/core';
-import { ReactDatePickerProps } from 'react-datepicker';
-import { Serie, LineSvgProps } from '@nivo/line';
-import { ScaleSpec } from '@nivo/scales';
-import { PopoverStateReturn } from 'reakit/Popover';
-import Select, { OptionProps, Props, CommonProps as CommonProps$1, GroupBase } from 'react-select';
-import * as react_toastify from 'react-toastify';
-import { ToastOptions, TypeOptions, Theme as Theme$1 } from 'react-toastify';
-
-type ActionBarProps = {
-    children: ReactNode;
-    /**
-     * The position of the bar (start at 0)
-     */
-    rank?: number;
-    role?: string;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * The ActionBar is a floating bar that appears at the bottom of a page.
- * It can be used to display important actions or information to the user, and can be configured to display a variety of different content types.
- *
- * **Note:** ActionBar is added into a portal at the end of the body element. This means that it will always be on top of other elements without `z-index`,
- * and will not be affected by the layout of the page it is on.
- */
-declare const ActionBar: ({ children, role, rank, className, "data-testid": dataTestId, }: ActionBarProps) => react.ReactPortal;
-
-type ScreenSize = keyof typeof consoleLightTheme.screens;
-/**
- * @deprecated use UltravioletUITheme instead
- */
-type SCWUITheme = typeof consoleLightTheme;
-type UltravioletUITheme = typeof consoleLightTheme;
-declare const typography: {
-    body: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    bodySmall: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    bodySmallStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    bodySmallStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    bodyStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    bodyStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    caption: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    captionSmall: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    captionSmallStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    captionSmallStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    captionStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    captionStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    code: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    codeStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    codeStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    heading: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingLarge: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingLargeStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingLargeStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingSmall: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingSmallStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingSmallStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingStrong: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-    headingStronger: {
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: string;
-        letterSpacing: string;
-        lineHeight: string;
-        paragraphSpacing: string;
-        textCase: string;
-        textDecoration: string;
-        weight: string;
-    };
-} & {
-    body: {
-        fontFamily: string;
-    };
-    bodySmall: {
-        fontFamily: string;
-    };
-    bodySmallStrong: {
-        fontFamily: string;
-    };
-    bodySmallStronger: {
-        fontFamily: string;
-    };
-    bodyStrong: {
-        fontFamily: string;
-    };
-    bodyStronger: {
-        fontFamily: string;
-    };
-    caption: {
-        fontFamily: string;
-    };
-    captionSmall: {
-        fontFamily: string;
-    };
-    captionSmallStrong: {
-        fontFamily: string;
-    };
-    captionSmallStronger: {
-        fontFamily: string;
-    };
-    captionStrong: {
-        fontFamily: string;
-    };
-    captionStronger: {
-        fontFamily: string;
-    };
-    heading: {
-        fontFamily: string;
-    };
-    headingLarge: {
-        fontFamily: string;
-    };
-    headingSmall: {
-        fontFamily: string;
-    };
-};
-type RecursivePartial<T> = {
-    [P in keyof T]?: RecursivePartial<T[P]>;
-};
-/**
- * Will extend theme with new theme properties
- * @param {UltravioletUITheme} baseTheme the theme you want to extend from, by default it is set to light theme
- * @param {RecursivePartial<UltravioletUITheme>} extendedTheme the properties of a new theme you want to apply from baseTheme
- */
-declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>) => {
-    colors: {
-        danger: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-        };
-        info: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-        };
-        neutral: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            backgroundStronger: string;
-            backgroundStrongerDisabled: string;
-            backgroundStrongerHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakElevated: string;
-            backgroundWeakHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            borderStronger: string;
-            borderStrongerDisabled: string;
-            borderStrongerHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            iconStronger: string;
-            iconStrongerDisabled: string;
-            iconStrongerHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-            textStronger: string;
-            textStrongerDisabled: string;
-            textStrongerHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        other: {
-            data: {
-                charts: {
-                    danger: string;
-                    data1: string;
-                    data10: string;
-                    data11: string;
-                    data12: string;
-                    data13: string;
-                    data14: string;
-                    data2: string;
-                    data3: string;
-                    data4: string;
-                    data5: string;
-                    data6: string;
-                    data7: string;
-                    data8: string;
-                    data9: string;
-                    success: string;
-                };
-            };
-            gradients: {
-                background: {
-                    linear: {
-                        accent: string;
-                        aqua: string;
-                        blue: string;
-                        emerald: string;
-                        fuschia: string;
-                        magenta: string;
-                        primary: string;
-                    };
-                    radial: {
-                        aquaFuschia: string;
-                        aquaPurple: string;
-                        fuschiaPurple: string;
-                        lime: string;
-                        magenta: string;
-                        purple: string;
-                    };
-                };
-                text: {
-                    dark: string;
-                    light: string;
-                };
-            };
-            icon: {
-                category: {
-                    neutral: {
-                        fill: string;
-                        fillDisabled: string;
-                        fillStrong: string;
-                        fillStrongDisabled: string;
-                    };
-                    primary: {
-                        fill: string;
-                        fillDisabled: string;
-                        fillStrong: string;
-                        fillStrongDisabled: string;
-                    };
-                };
-                product: {
-                    danger: {
-                        fill: string;
-                        fillDisabled: string;
-                        fillStrong: string;
-                        fillStrongDisabled: string;
-                        fillWeak: string;
-                        fillWeakDisabled: string;
-                    };
-                    original: {
-                        fill: string;
-                        fillDisabled: string;
-                        fillStrong: string;
-                        fillStrongDisabled: string;
-                        fillWeak: string;
-                        fillWeakDisabled: string;
-                    };
-                    primary: {
-                        fill: string;
-                        fillDisabled: string;
-                        fillStrong: string;
-                        fillStrongDisabled: string;
-                        fillWeak: string;
-                        fillWeakDisabled: string;
-                    };
-                    warning: {
-                        fill: string;
-                        fillDisabled: string;
-                        fillStrong: string;
-                        fillStrongDisabled: string;
-                        fillWeak: string;
-                        fillWeakDisabled: string;
-                    };
-                };
-            };
-        };
-        overlay: string;
-        primary: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-        };
-        secondary: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-        };
-        success: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-        };
-        warning: {
-            background: string;
-            backgroundDisabled: string;
-            backgroundHover: string;
-            backgroundStrong: string;
-            backgroundStrongDisabled: string;
-            backgroundStrongHover: string;
-            border: string;
-            borderDisabled: string;
-            borderHover: string;
-            borderStrong: string;
-            borderStrongDisabled: string;
-            borderStrongHover: string;
-            icon: string;
-            iconDisabled: string;
-            iconHover: string;
-            iconStrong: string;
-            iconStrongDisabled: string;
-            iconStrongHover: string;
-            text: string;
-            textDisabled: string;
-            textHover: string;
-            textStrong: string;
-            textStrongDisabled: string;
-            textStrongHover: string;
-        };
-    } & {
-        danger: {
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        info: {
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        primary: {
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        secondary: {
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        success: {
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        warning: {
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
-        };
-        other: {
-            gradients: {
-                background: {
-                    gold: string;
-                    purple: string;
-                    strong: string;
-                    accent: string;
-                    aqua: string;
-                    blue: string;
-                    emerald: string;
-                    fuschia: string;
-                    magenta: string;
-                    primary: string;
-                };
-            };
-        };
-    };
-    radii: {
-        circle: string;
-        default: string;
-        large: string;
-        none: string;
-        small: string;
-        xlarge: string;
-    };
-    shadows: {
-        bulk: string;
-        defaultShadow: string;
-        drawer: string;
-        dropdown: string;
-        focusDanger: string;
-        focusInfo: string;
-        focusNeutral: string;
-        focusPrimary: string;
-        focusSuccess: string;
-        focusWarning: string;
-        hoverDanger: string;
-        hoverInfo: string;
-        hoverNeutral: string;
-        hoverPrimary: string;
-        hoverSuccess: string;
-        hoverWarning: string;
-        menu: string;
-        modal: string;
-        popover: string;
-        tabBar: {
-            active: string;
-            off: string;
-        };
-        tooltip: string;
-    };
-    space: {
-        '0': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '0.25': string;
-        '0.5': string;
-        '1.5': string;
-    };
-    theme: string;
-    typography: {
-        body: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        bodySmall: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        bodySmallStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        bodySmallStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        bodyStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        bodyStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        caption: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        captionSmall: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        captionSmallStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        captionSmallStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        captionStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        captionStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        code: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        codeStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        codeStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        heading: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingLarge: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingLargeStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingLargeStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingSmall: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingSmallStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingSmallStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingStrong: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-        headingStronger: {
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: string;
-            letterSpacing: string;
-            lineHeight: string;
-            paragraphSpacing: string;
-            textCase: string;
-            textDecoration: string;
-            weight: string;
-        };
-    } & {
-        body: {
-            fontFamily: string;
-        };
-        bodySmall: {
-            fontFamily: string;
-        };
-        bodySmallStrong: {
-            fontFamily: string;
-        };
-        bodySmallStronger: {
-            fontFamily: string;
-        };
-        bodyStrong: {
-            fontFamily: string;
-        };
-        bodyStronger: {
-            fontFamily: string;
-        };
-        caption: {
-            fontFamily: string;
-        };
-        captionSmall: {
-            fontFamily: string;
-        };
-        captionSmallStrong: {
-            fontFamily: string;
-        };
-        captionSmallStronger: {
-            fontFamily: string;
-        };
-        captionStrong: {
-            fontFamily: string;
-        };
-        captionStronger: {
-            fontFamily: string;
-        };
-        heading: {
-            fontFamily: string;
-        };
-        headingLarge: {
-            fontFamily: string;
-        };
-        headingSmall: {
-            fontFamily: string;
-        };
-    };
-    screens: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-type Color = Extract<keyof typeof consoleLightTheme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
-declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
-
-type SENTIMENT = (typeof SENTIMENTS)[number];
-declare const SIZE_HEIGHT: {
-    readonly large: 48;
-    readonly medium: 40;
-    readonly small: 32;
-    readonly xsmall: 24;
-};
-type ButtonSize = keyof typeof SIZE_HEIGHT;
-declare const VARIANTS_COMPONENTS: {
-    filled: {
-        button: _emotion_styled.StyledComponent<{
-            theme?: Theme | undefined;
-            as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
-            iconOnly: boolean;
-        }, react.DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-        link: _emotion_styled.StyledComponent<{
-            theme?: Theme | undefined;
-            as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
-            iconOnly: boolean;
-        }, react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-    };
-    outlined: {
-        button: _emotion_styled.StyledComponent<{
-            theme?: Theme | undefined;
-            as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
-            iconOnly: boolean;
-        }, react.DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-        link: _emotion_styled.StyledComponent<{
-            theme?: Theme | undefined;
-            as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
-            iconOnly: boolean;
-        }, react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-    };
-    ghost: {
-        button: _emotion_styled.StyledComponent<{
-            theme?: Theme | undefined;
-            as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
-            iconOnly: boolean;
-        }, react.DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-        link: _emotion_styled.StyledComponent<{
-            theme?: Theme | undefined;
-            as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
-            iconOnly: boolean;
-        }, react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-    };
-};
-type ButtonVariant = keyof typeof VARIANTS_COMPONENTS;
-type CommonProps = {
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>['autoFocus'];
-    variant?: ButtonVariant;
-    role?: AriaRole;
-    size?: ButtonSize;
-    className?: string;
-    'data-testid'?: string;
-    sentiment?: SENTIMENT;
-    disabled?: boolean;
-    iconPosition?: 'left' | 'right';
-    iconVariant?: ComponentProps<typeof Icon>['variant'];
-    fullWidth?: boolean;
-    isLoading?: boolean;
-    'aria-label'?: string;
-    'aria-current'?: boolean;
-    'aria-controls'?: string;
-    'aria-expanded'?: boolean;
-    'aria-haspopup'?: boolean;
-    onClick?: MouseEventHandler<HTMLElement>;
-    tooltip?: string;
-    tabIndex?: ButtonHTMLAttributes<HTMLButtonElement>['tabIndex'];
-    onMouseDown?: MouseEventHandler<HTMLElement>;
-    onMouseUp?: MouseEventHandler<HTMLElement>;
-    onMouseOut?: MouseEventHandler<HTMLElement>;
-};
-type FinalProps = CommonProps & ({
-    children: ReactNode;
-    icon?: ComponentProps<typeof Icon>['name'];
-    name?: string;
-    href?: never;
-    target?: never;
-    download?: never;
-} | {
-    children?: never;
-    icon: ComponentProps<typeof Icon>['name'];
-    name?: string;
-    href?: never;
-    target?: never;
-    download?: never;
-} | {
-    children: ReactNode;
-    icon?: ComponentProps<typeof Icon>['name'];
-    name?: never;
-    href: string;
-    target?: string;
-    download?: string;
-} | {
-    children?: never;
-    icon: ComponentProps<typeof Icon>['name'];
-    name?: never;
-    href: string;
-    target?: string;
-    download?: string;
-});
-/**
- * Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
- * canceling an action, or performing a delete operation.
- */
-declare const Button: react.ForwardRefExoticComponent<FinalProps & react.RefAttributes<Element>>;
-
-declare const ALERT_SENTIMENTS: readonly ["danger", "info", "success", "warning"];
-type AlertSentiment = (typeof ALERT_SENTIMENTS)[number];
-type AlertProps = {
-    children: ReactNode;
-    /**
-     * Add a title at the top of your alert.
-     */
-    title?: string;
-    sentiment?: AlertSentiment;
-    buttonText?: ComponentProps<typeof Button>['children'];
-    onClickButton?: () => void;
-    onClose?: () => void;
-    closable?: boolean;
-    className?: string;
-    'data-testid'?: string;
-    /**
-     * Disabled the alert button.
-     */
-    disabled?: boolean;
-};
-/**
- * Alert component is used to display a short, important message in a way that attracts the user's attention without interrupting the user's task.
- */
-declare const Alert: ({ children, title, sentiment, buttonText, onClickButton, closable, onClose, className, disabled, "data-testid": dataTestId, }: AlertProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-type Without<T, U> = {
-    [P in Exclude<keyof T, keyof U>]?: never;
-};
-type SingleXOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
-type XOR<T extends unknown[]> = T extends [infer Only] ? Only : T extends [infer A, infer B, ...infer Rest] ? XOR<[SingleXOR<A, B>, ...Rest]> : never;
-
-type AvatarProps = {
-    /**
-     * Size of the component
-     */
-    size?: number;
-    /**
-     * Background color when `text` prop is specified
-     */
-    textBgColor?: string;
-    /**
-     * Text color when `text` prop is specified
-     */
-    textColor?: string;
-    /**
-     * Text size when `text` prop is specified or size of the lock when `lock` is true
-     */
-    textSize?: number;
-    /**
-     * Used only when `text` prop is specified
-     */
-    lock?: boolean;
-    className?: string;
-    'data-testid'?: string;
-} & XOR<[
-    {
-        /**
-         * **`image` or `text` property is required**
-         */
-        image: string;
-    },
-    {
-        /**
-         * **`image` or `text` property is required**
-         */
-        text: string;
-    }
-]>;
-/**
- * Avatar component is used to display a user's profile picture or initials.
- */
-declare const Avatar: ({ image, size, text, textBgColor, textColor, textSize, lock, className, "data-testid": dataTestId, }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type IconName$1 = ComponentProps<typeof Icon>['name'];
-declare const SIZES$1: {
-    large: number;
-    medium: number;
-    small: number;
-};
-declare const PROMINENCES$3: {
-    default: string;
-    strong: string;
-};
-type BadgeProps = {
-    sentiment?: Color;
-    size?: keyof typeof SIZES$1;
-    prominence?: keyof typeof PROMINENCES$3;
-    /**
-     * Defines icon to display on left side of badge. **Only available on medium and large sizes**.
-     */
-    icon?: IconName$1;
-    disabled?: boolean;
-    className?: string;
-    children: ReactNode;
-    'data-testid'?: string;
-};
-/**
- * Badge component is used to display a status or a label in a small container.
- */
-declare const Badge: ({ sentiment, size, prominence, icon, disabled, className, children, "data-testid": dataTestId, }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Variant = 'intro' | 'promotional';
-type BannerProps = {
-    variant?: Variant;
-    size?: 'small' | 'medium';
-    title: string;
-    children: ReactNode;
-    direction?: 'row' | 'column';
-    onClose?: () => void;
-    buttonText?: string;
-    onClickButton?: ComponentProps<typeof Button>['onClick'];
-    linkText?: string;
-    linkHref?: string;
-    image?: ReactNode;
-    closable?: boolean;
-    className?: string;
-    ['data-testid']?: string;
-};
-/**
- * Banner component is used to display an informative message to the user with style.
- */
-declare const Banner: ({ variant, size, title, children, direction, onClose, buttonText, onClickButton, linkText, linkHref, image, className, closable, "data-testid": dataTestId, }: BannerProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-type BarChartToolTipProps = {
-    color: string;
-    indexValue: string;
-    formattedValue: string;
-    className?: string;
-    'data-testid'?: string;
-};
-declare const BarChartToolTip: ({ formattedValue, indexValue, color, className, "data-testid": dataTestId, }: BarChartToolTipProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Formatter = ValueFormat<DatumValue>;
-type TickSpec = NonNullable<ComponentProps<typeof ResponsiveBar>['axisBottom']>['tickValues'];
-type BarChartProps = {
-    height?: string | number;
-    margin?: Box;
-    data?: BarDatum[];
-    axisFormatters?: Partial<Record<'bottom' | 'left' | 'right' | 'top', Formatter>>;
-    pointFormatters?: Partial<Record<'x' | 'y', Formatter>>;
-    tickValues?: Partial<Record<'bottom' | 'left' | 'right' | 'top', TickSpec>>;
-    keys?: string[];
-    className?: string;
-    tooltipFunction?: (props: BarTooltipProps<BarDatum>) => ComponentProps<typeof BarChartToolTip>;
-    chartProps?: Partial<BarSvgProps<BarDatum>>;
-    'data-testid'?: string;
-};
-/**
- * BarChart component is used to display data in a bar chart format. It uses the Nivo library under the hood.
- * See https://nivo.rocks/bar/ for more information.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const BarChart: ({ height, margin, data, axisFormatters, tickValues, keys, tooltipFunction, chartProps, className, "data-testid": dataTestId, }: BarChartProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type BarProps = {
-    /**
-     * Unique id of the bar
-     */
-    id: string;
-    /**
-     * The value of the bar
-     */
-    value: number;
-    /**
-     * Text to display inside the bar
-     */
-    text?: string;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
-    onMouseDown?: MouseEventHandler<HTMLDivElement>;
-    onMouseUp?: MouseEventHandler<HTMLDivElement>;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    /**
-     * A tooltip to display when hovering the bar
-     */
-    tooltip?: ReactNode;
-};
-type BarStackProps = {
-    data: BarProps[];
-    total?: number;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * BarStack is a graphic component that is used to show data in one dimension.
- */
-declare const BarStack: ({ data, total, className, "data-testid": dataTestId, }: BarStackProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ItemProps$1 = {
-    children: ReactNode;
-    'aria-current'?: boolean | 'false' | 'true' | 'page' | 'step' | 'location' | 'date' | 'time';
-    /**
-     * Make the component act a `Link` tag
-     */
-    to?: string;
-    disabled?: boolean;
-    /**
-     * ID of the step, automatically injected by Breadcrumbs parent tag
-     */
-    step?: number;
-    onClick?: (event: MouseEvent<HTMLLIElement>, step: number) => void;
-};
-declare const Item: ({ to, children, disabled, "aria-current": ariaCurrent, onClick, step, }: ItemProps$1) => _emotion_react_jsx_runtime.JSX.Element;
-type BreadcrumbsProps = {
-    selected?: number;
-    children: ReactNode;
-    className?: string;
-    'data-testid'?: string;
-};
-type BreadcrumbsType = ((props: BreadcrumbsProps) => JSX.Element) & {
-    Item: typeof Item;
-};
-/**
- * Breadcrumbs component is used to display a navigation path with links to the parent pages.
- */
-declare const Breadcrumbs: BreadcrumbsType;
-
-declare const PROMINENCES$2: {
-    default: string;
-    strong: string;
-};
-type ProminenceType = keyof typeof PROMINENCES$2;
-declare const BULLET_SENTIMENTS: string[];
-type BulletSentiment = (typeof BULLET_SENTIMENTS)[number];
-declare const sizes: {
-    readonly medium: "\n    width: 32px;\n    height: 32px;\n    font-size: 16px;\n  ";
-    readonly small: "\n    width: 24px;\n    height: 24px;\n    font-size: 14px;\n  ";
-};
-type BulletSize = keyof typeof sizes;
-type ContentProps$1 = XOR<[
-    {
-        icon: ComponentProps<typeof Icon>['name'];
-        iconVariant?: ComponentProps<typeof Icon>['variant'];
-    },
-    {
-        text: string;
-    }
-]>;
-type BulletProps = {
-    className?: string;
-    size?: BulletSize;
-    tooltip?: string;
-    tooltipBaseId?: string;
-    sentiment?: BulletSentiment;
-    'data-testid'?: string;
-    prominence?: ProminenceType;
-} & ContentProps$1;
-/**
- * Bullet component is used to display a small icon or text with a colored background in a circle.
- */
-declare const Bullet: ({ className, sentiment, size, icon, iconVariant, text, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, }: BulletProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type CardProps = {
-    children: ReactNode;
-    /**
-     * Header can be a string but also a component if you need more complex header.
-     */
-    header?: ReactNode;
-    /**
-     * isActive enable a primary style on Card component for when you need to highlight it.
-     */
-    isActive?: boolean;
-    disabled?: boolean;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * Card component is a simple component to display content in a box with a border.
- */
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-
-type CarouselItemProps = {
-    children: ReactNode;
-    width?: string;
-};
-type CarouselProps = {
-    className?: string;
-    children?: ReactNode;
-    'data-testid'?: string;
-};
-/**
- * Carousel component allows you to scroll horizontally through a list of items.
- */
-declare const Carousel: {
-    ({ children, className, "data-testid": dataTestId, }: CarouselProps): _emotion_react_jsx_runtime.JSX.Element;
-    Item: ({ children, width, }: CarouselItemProps) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type CheckboxProps = {
-    error?: string | ReactNode;
-    /**
-     * @deprecated Size prop is deprecated and will be removed in next major update.
-     */
-    size?: number;
-    /**
-     * @deprecated Progress prop is deprecated and will be removed in next major update.
-     */
-    progress?: boolean;
-    helper?: ReactNode;
-    disabled?: boolean;
-    checked?: boolean | 'indeterminate';
-    className?: string;
-    ['data-visibility']?: string;
-    required?: boolean;
-    'data-testid'?: string;
-    tooltip?: string;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'name' | 'value' | 'autoFocus' | 'id' | 'onChange' | 'tabIndex'> & XOR<[
-    {
-        /**
-         * **`children` or `aria-label` property is required**
-         */
-        'aria-label': string;
-    },
-    {
-        children: ReactNode;
-    }
-]>;
-/**
- * Checkbox is an input component used to select or deselect an option.
- */
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
-
-type CopyButtonProps = {
-    size?: 'xsmall' | 'small' | 'medium' | 'large';
-    value: string;
-    copyText?: string;
-    copiedText?: string;
-    sentiment?: 'primary' | 'neutral';
-    /**
-     * @deprecated Use `bordered` instead
-     */
-    noBorder?: boolean;
-    bordered?: boolean;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * CopyButton is a button that copies a given value to the clipboard.
- */
-declare const CopyButton: ({ size, value, copyText, copiedText, sentiment, noBorder, bordered, className, "data-testid": dataTestId, }: CopyButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type DateInputProps = Pick<ReactDatePickerProps<string, boolean>, 'locale' | 'onChange'> & {
-    autoFocus?: boolean;
-    disabled?: boolean;
-    maxDate?: Date | null;
-    minDate?: Date | null;
-    name?: string;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    error?: string;
-    required?: boolean;
-    format?: (value?: Date | string) => string | undefined;
-    /**
-     * Label of the field
-     */
-    label?: string;
-    value?: Date | string | [Date | null, Date | null];
-    className?: string;
-    'data-testid'?: string;
-    selectsRange?: boolean;
-    startDate?: Date | null;
-    endDate?: Date | null;
-    excludeDates?: Date[];
-    id?: string;
-    labelDescription?: ReactNode;
-    success?: string | boolean;
-    helper?: string;
-    size?: 'small' | 'medium' | 'large';
-    readOnly?: boolean;
-    tooltip?: string;
-};
-/**
- * DateInput is a wrapper around react-datepicker that provides a consistent look and feel with the rest of the Ultraviolet UI.
- * See https://reactdatepicker.com/ for more information.
- */
-declare const DateInput: ({ autoFocus, disabled, error, format, label, labelDescription, locale, maxDate, minDate, startDate, endDate, name, onBlur, onChange, onFocus, required, excludeDates, value, selectsRange, className, id, success, helper, size, readOnly, tooltip, "data-testid": dataTestId, }: DateInputProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ModalSize = 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
-type ModalPlacement = 'bottom' | 'bottom-left' | 'bottom-right' | 'center' | 'top' | 'top-left' | 'top-right' | 'right' | 'left';
-type ModalState = {
-    /**
-     * @deprecated use show
-     */
-    onOpen: () => void;
-    /**
-     * @deprecated use close
-     */
-    onClose: () => void;
-    toggle: () => void;
-    visible: boolean;
-    modalId: string;
-    /**
-     * @deprecated use close
-     */
-    hide: () => void;
-    close: () => void;
-    show: () => void;
-};
-
-type ModalProps = {
-    id?: string;
-    hideOnEsc?: boolean;
-    hideOnClickOutside?: boolean;
-    preventBodyScroll?: boolean;
-    ariaLabel?: string;
-    disclosure?: ReactElement | ((state: ModalState) => ReactElement);
-    isClosable?: boolean;
-    onClose?: () => void;
-    onBeforeClose?: () => Promise<void> | void;
-    open?: boolean;
-    /**
-     * @deprecated You should use open prop instead
-     */
-    opened?: boolean;
-    placement?: ModalPlacement;
-    size?: ModalSize;
-    /**
-     * @deprecated You should use size prop instead
-     */
-    width?: ModalSize;
-    children: ReactNode | ((args: ModalState) => ReactNode);
-    className?: string;
-    'data-testid'?: string;
-    backdropClassName?: string;
-    /**
-     * @deprecated You should use backdropClassName instead
-     */
-    customDialogBackdropStyles?: react__default.JSX.IntrinsicAttributes['css'];
-    /**
-     * @deprecated You should use className instead
-     */
-    customDialogStyles?: react__default.JSX.IntrinsicAttributes['css'];
-};
-/**
- * Modal is a component that allows you to display content on top of other content.
- * It is often used to display a dialog with additional information or to ask for a confirmation.
- */
-declare const Modal: ({ ariaLabel, id, children, disclosure, hideOnClickOutside, hideOnEsc, isClosable, onClose, onBeforeClose, open, opened, placement, preventBodyScroll, size, className, "data-testid": dataTestId, backdropClassName, width, customDialogStyles, customDialogBackdropStyles, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const DIALOG_SENTIMENTS: ("primary" | "success" | "danger" | "warning")[];
-type DialogSentiment = (typeof DIALOG_SENTIMENTS)[number];
-
-type DialogContextType = {
-    sentiment: DialogSentiment;
-};
-
-type DialogProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' | 'className' | 'data-testid' | 'disclosure' | 'hideOnClickOutside' | 'hideOnEsc' | 'id' | 'isClosable' | 'onBeforeClose' | 'onClose' | 'open' | 'placement'> & {
-    title: string;
-    sentiment: DialogSentiment;
-};
-/**
- * The Dialog component is used to show content on top of an overlay that requires user interaction.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const Dialog: (({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, }: DialogProps) => _emotion_react_jsx_runtime.JSX.Element) & {
-    Buttons: ({ secondaryButton, primaryButton, }: {
-        secondaryButton: react.ReactNode;
-        primaryButton: react.ReactNode;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    Button: ({ children, onClick, disabled, tooltip, }: {
-        children: react.ReactNode;
-    } & Pick<({
-        type?: "button" | "reset" | "submit" | undefined;
-        autoFocus?: boolean | undefined;
-        variant?: "filled" | "outlined" | "ghost" | undefined;
-        role?: react.AriaRole | undefined;
-        size?: "large" | "small" | "xsmall" | "medium" | undefined;
-        className?: string | undefined;
-        'data-testid'?: string | undefined;
-        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | undefined;
-        disabled?: boolean | undefined;
-        iconPosition?: "left" | "right" | undefined;
-        iconVariant?: "filled" | "outlined" | undefined;
-        fullWidth?: boolean | undefined;
-        isLoading?: boolean | undefined;
-        'aria-label'?: string | undefined;
-        'aria-current'?: boolean | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-expanded'?: boolean | undefined;
-        'aria-haspopup'?: boolean | undefined;
-        onClick?: react.MouseEventHandler<HTMLElement> | undefined;
-        tooltip?: string | undefined;
-        tabIndex?: number | undefined;
-        onMouseDown?: react.MouseEventHandler<HTMLElement> | undefined;
-        onMouseUp?: react.MouseEventHandler<HTMLElement> | undefined;
-        onMouseOut?: react.MouseEventHandler<HTMLElement> | undefined;
-    } & ({
-        children: react.ReactNode;
-        icon?: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: string | undefined;
-        href?: undefined;
-        target?: undefined;
-        download?: undefined;
-    } | {
-        children?: undefined;
-        icon: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: string | undefined;
-        href?: undefined;
-        target?: undefined;
-        download?: undefined;
-    } | {
-        children: react.ReactNode;
-        icon?: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: undefined;
-        href: string;
-        target?: string | undefined;
-        download?: string | undefined;
-    } | {
-        children?: undefined;
-        icon: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: undefined;
-        href: string;
-        target?: string | undefined;
-        download?: string | undefined;
-    })) & react.RefAttributes<Element>, "tooltip" | "onClick" | "disabled">) => _emotion_react_jsx_runtime.JSX.Element;
-    CancelButton: ({ children, onClick, }: {
-        children: react.ReactNode;
-        onClick: react.MouseEventHandler<HTMLElement> | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    Stack: ({ children }: {
-        children: react.ReactNode;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    Text: ({ children }: {
-        children: react.ReactNode;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    useDialogContext: () => DialogContextType;
-};
-
-declare const CONTAINER_SIZES: {
-    readonly small: 720;
-    readonly medium: 720;
-    readonly large: 1140;
-};
-type SizesTypes = keyof typeof CONTAINER_SIZES;
-type EmptyStateProps = {
-    title?: string;
-    description: ReactNode;
-    /**
-     * Container size will be same on `small` and `medium`
-     * only the image size will change on those properties.
-     * `small` and `medium` container is 720px wide
-     * `large` container is 1080px wide
-     */
-    size?: SizesTypes;
-    /**
-     * You can give the path of an image or a component that will render an image.
-     */
-    image?: ReactNode;
-    primaryButton?: ReactNode;
-    secondaryButton?: ReactNode;
-    learnMore?: {
-        link: string;
-        text: string;
-        target?: string;
-    };
-    bordered?: boolean;
-    className?: string;
-    children?: ReactNode;
-    'data-testid'?: string;
-};
-/**
- * EmptyState component is used to display a message when there is no data to show.
- */
-declare const EmptyState: ({ image, title, size, description, primaryButton, secondaryButton, learnMore, className, bordered, children, "data-testid": dataTestId, }: EmptyStateProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ExpandableProps = {
-    /**
-     * The content to display
-     */
-    children: ReactNode;
-    /**
-     * To display or not the content
-     */
-    opened?: boolean;
-    /**
-     * The minimum height of the content
-     */
-    minHeight?: number;
-    className?: string;
-    'data-testid'?: string;
-    animationDuration?: number;
-};
-/**
- * The Expandable component is a dynamic React component that allows for the expansion of its children content
- * based on its height. The component comes with a sleek and smooth animation, providing a visually pleasing
- * user experience.
- */
-declare const Expandable: ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration, }: ExpandableProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Transformer = (value: DatumValue) => string;
-type CustomLegendProps = {
-    axisTransformer?: Transformer;
-    data?: Serie[];
-    selected: string[];
-    setSelected: (selected: string[]) => void;
-    className?: string;
-    'data-testid'?: string;
-};
-declare const CustomLegend: ({ axisTransformer, data, selected, setSelected, className, "data-testid": dataTestId, }: CustomLegendProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type LineChartProps = {
-    height?: string | number;
-    margin?: Box;
-    xScale?: ScaleSpec;
-    yScale?: ScaleSpec;
-    data?: Serie[];
-    withLegend?: boolean;
-    axisFormatters?: Partial<Record<'bottom' | 'left' | 'right' | 'top', ComponentProps<typeof CustomLegend>['axisTransformer']>>;
-    pointFormatters?: Partial<Record<'x' | 'y', ValueFormat<DatumValue>>>;
-    tickValues?: Partial<Record<'bottom' | 'left' | 'right' | 'top', number | string>>;
-    chartProps?: Partial<LineSvgProps>;
-    'data-testid'?: string;
-};
-/**
- * LineChart component is a wrapper around Nivo's ResponsiveLine component used to display data in a line chart.
- * See https://nivo.rocks/line/ for more information.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, axisFormatters, pointFormatters, tickValues, chartProps, "data-testid": dataTestId, }: LineChartProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const PROMINENCES$1: {
-    default: string;
-    weak: string;
-    strong: string;
-    stronger: string;
-};
-type ProminenceProps$1 = keyof typeof PROMINENCES$1;
-type LinkSizes = 'large' | 'small';
-type LinkIconPosition = 'left' | 'right';
-type LinkProps = {
-    children: ReactNode;
-    target?: HTMLAttributeAnchorTarget;
-    download?: string | boolean;
-    sentiment?: Color;
-    prominence?: ProminenceProps$1;
-    size?: LinkSizes;
-    iconPosition?: LinkIconPosition;
-    rel?: AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
-    className?: string;
-    href: string;
-    onClick?: MouseEventHandler<HTMLAnchorElement>;
-    'aria-label'?: string;
-    oneLine?: boolean;
-    'data-testid'?: string;
-    variant?: 'inline' | 'standalone';
-};
-/**
- * Link is a component used to navigate between pages or to external websites.
- */
-declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
-
-type HeaderCellProps$1 = {
-    children: ReactNode;
-    className?: string;
-    isOrdered?: boolean;
-    orderDirection?: 'asc' | 'desc' | 'none';
-    onOrder?: (newOrder: 'asc' | 'desc') => void;
-    info?: string;
-};
-declare const HeaderCell$1: ({ children, isOrdered, orderDirection, onOrder, className, info, }: HeaderCellProps$1) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SelectBarProps$1<T> = {
-    className?: string;
-    children: (p: {
-        selectedItems: T[];
-        unselectAll: () => void;
-    }) => ReactNode;
-    data: T[];
-    /**
-     * The idKey of each data entry
-     * */
-    idKey: keyof T;
-};
-declare function SelectBar$1<T>({ children, data, idKey, className, }: SelectBarProps$1<T>): _emotion_react_jsx_runtime.JSX.Element | null;
-
-type ColumnProps$1 = Pick<ComponentProps<typeof HeaderCell$1>, 'isOrdered' | 'onOrder' | 'orderDirection'> & {
-    label?: string;
-    width?: string;
-    info?: string;
-};
-type ListProps = {
-    expandable?: boolean;
-    selectable?: boolean;
-    columns: ColumnProps$1[];
-    children: ReactNode;
-    /**
-     * Set it to true if you want to display a placeholder during loading
-     * */
-    loading?: boolean;
-    /**
-     * Auto collapse is collapsing expandable row when another is expanding
-     * */
-    autoCollapse?: boolean;
-    /**
-     * Action when selection changes (get the list of selected rows)
-     */
-    onSelectedChange?: Dispatch<SetStateAction<string[]>>;
-};
-/**
- * List is a component that displays a list of items based on the columns you provide and the data you pass.
- */
-declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLDivElement>> & {
-    Row: react.ForwardRefExoticComponent<{
-        children: ReactNode;
-        id: string;
-        expandable?: ReactNode;
-        selectDisabled?: string | boolean | undefined;
-        disabled?: boolean | undefined;
-        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | undefined;
-        className?: string | undefined;
-        'data-testid'?: string | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-    Cell: react.ForwardRefExoticComponent<{
-        children?: ReactNode;
-        className?: string | undefined;
-        preventClick?: boolean | undefined;
-        'data-testid'?: string | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-    SelectBar: typeof SelectBar$1;
-    useListContext: () => {
-        registerExpandableRow: (rowId: string) => () => void;
-        expandedRowIds: {
-            [x: string]: boolean;
-        };
-        expandRow: (rowId: string) => void;
-        collapseRow: (rowId: string) => void;
-        expandButton: boolean;
-        registerSelectableRow: (rowId: string) => () => void;
-        selectedRowIds: {
-            [x: string]: boolean;
-        };
-        selectRow: (rowId: string) => void;
-        unselectRow: (rowId: string) => void;
-        selectable: boolean;
-        allRowSelectValue: boolean | "indeterminate" | undefined;
-        selectAll: () => void;
-        unselectAll: () => void;
-    };
-};
-
-type LoaderProps = {
-    active?: boolean;
-    color?: Color | string;
-    percentage?: number;
-    size?: number | string;
-    strokeWidth?: number;
-    /**
-     * Text is placed in center of ProgressCircle.
-     */
-    text?: string;
-    trailColor?: Color | string;
-    /**
-     * Label should be defined for accessibility, to indicate what is loading
-     */
-    label?: string;
-};
-/**
- * Loader is a circular progress indicator that can be used to indicate that an action is being performed.
- */
-declare const Loader: ({ percentage, text, size, strokeWidth, color, trailColor, active, label, }: LoaderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type DisclosureElement$1 = ((popover: Partial<PopoverStateReturn>) => ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>) | (ReactElement<ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: Ref<HTMLButtonElement>;
-});
-declare const arrowPlacementStyles: {
-    readonly bottom: (theme: Theme) => _emotion_react.SerializedStyles;
-    readonly 'bottom-end': (theme: Theme) => _emotion_react.SerializedStyles;
-    readonly 'bottom-start': (theme: Theme) => _emotion_react.SerializedStyles;
-    readonly top: (theme: Theme) => _emotion_react.SerializedStyles;
-    readonly 'top-end': (theme: Theme) => _emotion_react.SerializedStyles;
-    readonly 'top-start': (theme: Theme) => _emotion_react.SerializedStyles;
-};
-type ArrowPlacement = keyof typeof arrowPlacementStyles;
-type MenuProps$1 = {
-    ariaLabel?: string;
-    id?: string;
-    placement?: ArrowPlacement;
-    children?: ((props: PopoverStateReturn) => ReactNode) | ReactNode;
-    className?: string;
-    disclosure: DisclosureElement$1;
-    hasArrow?: boolean;
-    visible?: boolean;
-    'data-testid'?: string;
-};
-/**
- * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.
- * A menu is usually opened, or made visible, by activating a menu button, choosing an item in a menu that opens a
- * sub menu, or by invoking a command, such as `Shift + F10` on Windows, that opens a context specific menu.
- * When a user activates a choice in a menu, the menu usually closes unless the choice opened a submenu.
- * @deprecated use MenuV2 component instead
- */
-declare const Menu: react.ForwardRefExoticComponent<MenuProps$1 & react.RefAttributes<HTMLButtonElement>> & {
-    Item: react.ForwardRefExoticComponent<{
-        href?: string | undefined;
-        disabled?: boolean | undefined;
-        tooltip?: string | undefined;
-        className?: string | undefined;
-        children: ReactNode;
-        onClick?: react.MouseEventHandler<HTMLElement> | undefined;
-        borderless?: boolean | undefined;
-        sentiment?: ("neutral" | "danger") | undefined;
-        'data-testid'?: string | undefined;
-    } & react.RefAttributes<HTMLElement>>;
-};
-
-type Strength$1 = {
-    /**
-     * Color to display
-     */
-    color: string;
-    /**
-     * Text to display
-     */
-    text: string;
-};
-type PasswordStrengthMeterProps$1 = {
-    /**
-     * Strength is used for defining different color and text associated with it.
-     */
-    strength: Strength$1[];
-    title: string;
-    value: number;
-    className?: string;
-    'data-testid'?: string;
-    id?: string;
-};
-/**
- * Show strength of a password based on different criteria.
- */
-declare const Meter: ({ strength, title, value, className, "data-testid": dataTestId, id, }: PasswordStrengthMeterProps$1) => _emotion_react_jsx_runtime.JSX.Element;
-
-type NoticeProps = {
-    children: ReactNode;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * A Notice is used to display a short message to the user.
- */
-declare const Notice: ({ children, className, "data-testid": dataTestId, }: NoticeProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type CheckboxGroupCheckboxProps = Omit<ComponentProps<typeof Checkbox>, 'onChange' | 'checked'> & {
-    value: string;
-};
-declare const CheckboxGroupCheckbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, }: CheckboxGroupCheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
-type CheckboxGroupProps = {
-    legend: string;
-    value?: string[];
-    className?: string;
-    helper?: ReactNode;
-    error?: ReactNode;
-    direction?: 'row' | 'column';
-    children: ReactNode;
-    required?: boolean;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required'>;
-/**
- * CheckboxGroup is a component that groups a set of checkboxes together with a legend and helper/error text.
- */
-declare const CheckboxGroup: {
-    ({ legend, value, className, helper, error, direction, children, onChange, name, required, }: CheckboxGroupProps): _emotion_react_jsx_runtime.JSX.Element;
-    Checkbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, }: CheckboxGroupCheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-declare const containerSizes: {
-    large: number;
-    medium: number;
-    small: number;
-};
-type ContainerSizesType = keyof typeof containerSizes;
-type NumberInputProps = {
-    disabled?: boolean;
-    maxValue?: number;
-    minValue?: number;
-    name?: string;
-    onChange?: (input: number | undefined) => void;
-    onMaxCrossed?(): void;
-    onMinCrossed?(): void;
-    size?: ContainerSizesType;
-    /**
-     * Define how much will stepper increase / decrease each time you click on + / - button.
-     */
-    step?: number;
-    /**
-     * Text displayed into component at the right of number value.
-     */
-    text?: string;
-    defaultValue?: number;
-    value?: number | null;
-    disabledTooltip?: string;
-    className?: string;
-    'data-testid'?: string;
-    label?: string;
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    id?: string;
-    placeholder?: string;
-    error?: string | boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'>;
-/**
- * @deprecated This component is deprecated. Please use `NumberInputV2` instead.
- */
-declare const NumberInput: ({ disabled, maxValue, minValue, name, onChange, onFocus, onBlur, onMaxCrossed, onMinCrossed, size, step, text, defaultValue, value, disabledTooltip, className, label, id, placeholder, error, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "data-testid": dataTestId, }: NumberInputProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-/**
- * NumberInputV2 component is used to increment / decrement a number value by clicking on + / - buttons or
- * by typing into input. If the value is out of the min / max range, the input will automatically be the min / max value on blur.
- */
-declare const NumberInputV2: react.ForwardRefExoticComponent<{
-    size?: "large" | "small" | "medium" | undefined;
-    /**
-     * Text displayed into component at the right of number value.
-     */
-    unit?: string | undefined;
-    tooltip?: string | undefined;
-    className?: string | undefined;
-    'data-testid'?: string | undefined;
-    label?: string | undefined;
-    /**
-     * Label description displayed right next to the label. It allows you to customize the label content.
-     */
-    labelDescription?: ReactNode;
-    error?: string | undefined;
-    success?: string | boolean | undefined;
-    helper?: ReactNode;
-    value?: number | null | undefined;
-    onChange?: ((newValue: number | null) => void) | undefined;
-    min?: number | undefined;
-    max?: number | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "aria-label" | "onFocus" | "onBlur" | "name" | "disabled" | "step" | "placeholder" | "readOnly" | "required"> & react.RefAttributes<HTMLInputElement>>;
-
-type PaginationProps = {
-    /**
-      Event function called when changing the page
-    */
-    onChange: (newPage: number) => void;
-    /**
-      The current page (must be between 1 and pageCount included, otherwhile onChange will be called with a correct value)
-    */
-    page: number;
-    /**
-      Number of page you have
-    */
-    pageCount: number;
-    /**
-      How many page button you want to have
-    */
-    pageTabCount?: number;
-    /**
-      Disable all buttons
-    */
-    disabled?: boolean;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * Pagination is a component to navigate between pages, it is composed of 2 buttons to go to the previous and next page,
- * and a list of buttons to go to a specific page.
- */
-declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, "data-testid": dataTestId, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Rule = {
-    name: string;
-    text: string;
-    valid: boolean;
-};
-type PasswordCheckProps = {
-    /**
-     * Is an array of object that contains password rules. `name` is the name of the rule, `text` the text associated
-     * with the rule and `valid` is a boolean that determine if the rule is respected or not.
-     */
-    rules: Rule[];
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * PasswordCheck is a component that display a list of password rules with a check or a cross depending on the validity
- * of the rule.
- */
-declare const PasswordCheck: ({ rules, className, "data-testid": dataTestId, }: PasswordCheckProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Strength = {
-    /**
-     * Color to display
-     */
-    color: string;
-    /**
-     * Text to display
-     */
-    t: string;
-};
-type Score = 0 | 1 | 2 | 3 | 4;
-type ResponseEstimate = {
-    score: Score;
-};
-type PasswordStrengthMeterProps = {
-    /**
-     * A function that should return a score based on password (index of strength array). The higher score is the stronger password is.
-     */
-    estimate?: ((passwordToTest: string, userInputs: string[]) => Promise<ResponseEstimate>) | ((passwordToTest: string, userInputs: string[]) => ResponseEstimate);
-    onChange?: (score: number) => unknown;
-    password?: string;
-    /**
-     * Strength is used for defining different color and text associated with it.
-     */
-    strength: Strength[];
-    title: string;
-    /**
-     * An array of string that defines what word shouldn't be used in the password.
-     */
-    forbiddenInputs?: string[];
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * PasswordStrengthMeter is a component that displays a password strength meter.
- * @deprecated use Meter component instead
- */
-declare const PasswordStrengthMeter: ({ password, onChange, strength, title, estimate, forbiddenInputs, className, "data-testid": dataTestId, }: PasswordStrengthMeterProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Data = {
-    name?: string | null;
-    needPattern?: boolean | null;
-    percent: number;
-    id: string;
-    value?: string | null;
-};
-
-type PieChartProps = {
-    chartProps?: Record<string, unknown>;
-    data?: Data[];
-    height?: number;
-    width?: number;
-    emptyLegend?: string;
-    content?: ReactNode;
-    withLegend?: boolean;
-    margin?: Box;
-};
-/**
- * PieChart component is a wrapper around the Nivo Pie component to display a pie chart.
- * See https://nivo.rocks/pie/ for more information.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const PieChart: ({ height, width, data, emptyLegend, content, withLegend, margin, chartProps, }: PieChartProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type PopupPlacement = 'top' | 'right' | 'bottom' | 'left' | 'auto';
-
-type SentimentType = 'neutral' | 'primary';
-/**
- * Popover component is used to display additional information or actions on top of the main content of the page.
- * It is usually triggered by clicking on a button. It includes a title, a close button and a content area.
- */
-declare const Popover: react.ForwardRefExoticComponent<{
-    children: ReactNode;
-    content: ReactNode;
-    title: string;
-    sentiment?: SentimentType | undefined;
-    visible?: boolean | undefined;
-    size?: "large" | "small" | "medium" | undefined;
-    onClose?: (() => void) | undefined;
-    className?: string | undefined;
-    'data-testid'?: string | undefined;
-    maxWidth?: string | undefined;
-    maxHeight?: string | undefined;
-    /**
-     * By default, the portal target is children container or document.body if children is a function. You can override this
-     * behavior by setting a portalTarget prop.
-     */
-    portalTarget?: HTMLElement | undefined;
-} & Pick<{
-    id?: string | undefined;
-    children: ReactNode | ((renderProps: {
-        className?: string | undefined;
-        onBlur: () => void;
-        onFocus: () => void;
-        onPointerEnter: () => void;
-        onPointerLeave: () => void;
-        ref: react.RefObject<HTMLDivElement>;
-    }) => ReactNode);
-    maxWidth?: string | number | undefined;
-    placement?: PopupPlacement | undefined;
-    text?: ReactNode;
-    className?: string | undefined;
-    containerFullWidth?: boolean | undefined;
-    visible?: boolean | undefined;
-    innerRef?: Ref<HTMLDivElement | null> | undefined;
-    role?: string | undefined;
-    'data-testid'?: string | undefined;
-    hasArrow?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    tabIndex?: number | undefined;
-    onKeyDown?: react.KeyboardEventHandler | undefined;
-    'aria-haspopup'?: boolean | "menu" | "dialog" | "grid" | "listbox" | "tree" | "false" | "true" | undefined;
-    hideOnClickOutside?: boolean | undefined;
-    debounceDelay?: number | undefined;
-    maxHeight?: string | number | undefined;
-    disableAnimation?: boolean | undefined;
-    portalTarget?: HTMLElement | undefined;
-} & react.RefAttributes<HTMLDivElement>, "placement"> & react.RefAttributes<HTMLDivElement>>;
-
-type PopupProps = {
-    /**
-     * Id is automatically generated if not set. It is used for associating popup wrapper with popup portal.
-     */
-    id?: string;
-    children: ReactNode | ((renderProps: {
-        className?: string;
-        onBlur: () => void;
-        onFocus: () => void;
-        onPointerEnter: () => void;
-        onPointerLeave: () => void;
-        ref: RefObject<HTMLDivElement>;
-    }) => ReactNode);
-    maxWidth?: number | string;
-    /**
-     * `auto` placement will change the position of the popup if it doesn't fit in the viewport.
-     */
-    placement?: PopupPlacement;
-    /**
-     * Content of the popup, preferably text inside.
-     */
-    text?: ReactNode;
-    className?: string;
-    /**
-     * It will add `width: 100%` to the popup container.
-     */
-    containerFullWidth?: boolean;
-    /**
-     * It will force display popup. This can be useful if you need to always display the popup without hover needed.
-     */
-    visible?: boolean;
-    innerRef?: Ref<HTMLDivElement | null>;
-    role?: string;
-    'data-testid'?: string;
-    hasArrow?: boolean;
-    onClose?: () => void;
-    tabIndex?: number;
-    onKeyDown?: KeyboardEventHandler;
-    'aria-haspopup'?: HTMLAttributes<HTMLDivElement>['aria-haspopup'];
-    hideOnClickOutside?: boolean;
-    /**
-     * If you set debounceTime to false, the popup will not debounce the hover event and will be displayed instantly.
-     * If set to 0 it will disable debounce.
-     */
-    debounceDelay?: number;
-    /**
-     * If you set a max height keep in mind that the animation is disabled, or it will not work properly on some browsers.
-     */
-    maxHeight?: string | number;
-    /**
-     * Will remove the animation on the popup if set to false.
-     */
-    disableAnimation?: boolean;
-    /**
-     * By default, the portal target is children container or document.body if children is a function. You can override this
-     * behavior by setting a portalTarget prop.
-     */
-    portalTarget?: HTMLElement;
-};
-/**
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const Popup: react.ForwardRefExoticComponent<PopupProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const progressBarSentiments: readonly ["primary", "success", "warning", "info", "danger"];
-type ProgressBarProps = {
-    sentiment?: (typeof progressBarSentiments)[number];
-    value?: number;
-    /** Put ProgressBar in a loading state */
-    progress?: boolean;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * Progress bar component to display progress of a task. Can be used to display progress of a form or a loading state.
- */
-declare const ProgressBar: ({ progress, value, sentiment, className, "data-testid": dataTestId, }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type RadioProps = {
-    error?: ReactNode;
-    checked?: boolean;
-    value: string | number;
-    helper?: ReactNode;
-    className?: string;
-    'data-testid'?: string;
-    tooltip?: string;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'disabled' | 'autoFocus' | 'onKeyDown' | 'id' | 'name' | 'required'> & ({
-    'aria-label': string;
-    label?: never;
-} | {
-    'aria-label'?: never;
-    label: ReactNode;
-});
-/**
- * Radio component is used to select a single option from a list of options. It is a type of input component.
- */
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
-
-type RowProps = {
-    className?: string;
-    'data-testid'?: string;
-    children: ReactNode;
-    templateColumns: string;
-    gap?: keyof UltravioletUITheme['space'] | number;
-    alignItems?: CSSProperties['alignItems'];
-    justifyContent?: CSSProperties['justifyContent'];
-};
-/**
- * Row component is a wrapper for grid layout.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const Row: ({ className, "data-testid": dataTestId, children, templateColumns, alignItems, justifyContent, gap, }: RowProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SelectableCardProps = {
-    name?: string;
-    children?: (({ disabled, checked, }: Pick<SelectableCardProps, 'checked' | 'disabled'>) => ReactNode) | ReactNode;
-    value: string | number;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    showTick?: boolean;
-    type?: 'radio' | 'checkbox';
-    disabled?: boolean;
-    checked?: boolean;
-    className?: string;
-    isError?: boolean;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    id?: string;
-    tooltip?: string;
-    label?: ReactNode;
-    'data-testid'?: string;
-};
-/**
- * SelectableCard is a component that can be used to create a radio or checkbox card.
- * It can be used to create a list of selectable items or a single selectable item.
- */
-declare const SelectableCard: react.ForwardRefExoticComponent<SelectableCardProps & react.RefAttributes<HTMLDivElement>>;
-
-type SelectOption = {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-    description?: string;
-    inlineDescription?: string;
-};
-type SelectStyleProps = {
-    error?: string;
-    /**
-     * Custom styles of the SelectInput. See [React select documentation](https://react-select.com/styles)
-     */
-    customStyle: (state: SelectProps & WithSelectProps) => Record<string, CSSObject>;
-    animation?: string;
-    /**
-     * Time of the animation
-     */
-    animationDuration: number;
-    /**
-     * Show/hide the label inside the component
-     */
-    noTopLabel?: boolean;
-    theme: Theme;
-};
-type WithSelectProps = {
-    selectProps: SelectProps;
-};
-type SelectProps = StyledContainerProps & Omit<Props<SelectOption>, 'value'> & CommonProps$1<SelectOption, boolean, GroupBase<SelectOption>> & {
-    value?: string | SelectOption;
-    checked?: boolean;
-    error?: string;
-    labelId?: string;
-    required?: boolean;
-    time?: boolean;
-};
-type StyledContainerProps = {
-    isDisabled?: boolean;
-    additionalStyles?: Parameters<typeof css>[0];
-};
-type StateManagedSelect = typeof Select;
-type SelectInputProps = SelectProps & SelectStyleProps & {
-    /**
-     * Name of the animation
-     */
-    animation?: string;
-    /**
-     * Play the animation when the value change
-     */
-    animationOnChange?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    innerRef?: ForwardedRef<StateManagedSelect>;
-    /**
-     * Custom components of the SelectInput. See [React select documentation](https://react-select.com/components)
-     */
-    customComponents?: SelectProps['components'];
-    children: ReactNode;
-    emptyState?: ComponentProps<Select>['noOptionsMessage'];
-    'data-testid'?: string;
-};
-type OptionComponent = (props: Partial<OptionProps<SelectOption> & SelectOption>) => JSX.Element;
-/**
- * SelectInput component is a wrapper around [react-select](https://react-select.com) component.
- * It provides a styled select input with a label and an error message.
- * @deprecated use SelectInputV2 component instead
- */
-declare const SelectInput: ForwardRefExoticComponent<Partial<SelectInputProps>> & {
-    Option: OptionComponent;
-};
-
-type Direction = 'horizontal' | 'vertical';
-type SeparatorProps = {
-    icon?: ComponentProps<typeof Icon>['name'];
-    direction?: Direction;
-    thickness?: number;
-    color?: Color;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * Separator component used to separate content with a horizontal or vertical line.
- */
-declare const Separator: ({ direction, thickness, color, icon, className, "data-testid": dataTestId, }: SeparatorProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const variants: {
-    readonly block: ({ length }: {
-        length?: number | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    readonly blocks: ({ col, length, }: {
-        col?: number | undefined;
-        length?: number | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    readonly box: ({ col, length, }: {
-        col?: number | undefined;
-        length?: number | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    readonly donut: () => _emotion_react_jsx_runtime.JSX.Element;
-    readonly line: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-    }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    readonly list: ({ length, col, }: {
-        length?: number | undefined;
-        col?: number | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    readonly slider: ({ length }: {
-        length?: number | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    readonly square: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-    }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-type SkeletonVariant = keyof typeof variants;
-type SkeletonProps = {
-    variant?: SkeletonVariant;
-    length?: number;
-    col?: number;
-    className?: string;
-    'aria-label'?: string;
-    'data-testid'?: string;
-};
-/**
- * Skeleton component is used to indicate that the data is loading.
- * It is used to provide a better user experience by showing a temporary placeholder reflecting the dimensions of the
- * content that will eventually be loaded on the screen.
- */
-declare const Skeleton: ({ variant, length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, }: SkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Prefixes = 'lines' | 'command';
-type SnippetProps = {
-    className?: string;
-    children: string;
-    /**
-     * prefix display an element at the beginning of the snippet that is not copiable or selectable.
-     * For `lines` prefix it will display the line number.
-     * For `command` prefix it will display a `$` sign.
-     */
-    prefix?: Prefixes;
-    showText?: string;
-    hideText?: string;
-    'data-testid'?: string;
-    initiallyExpanded?: boolean;
-} & Pick<ComponentProps<typeof CopyButton>, 'copyText' | 'copiedText'>;
-/**
- * Snippet component is used to display code snippets with the ability to copy the code.
- * It also has the ability to show/hide the code snippet if it has more than 4 lines.
- */
-declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, "data-testid": dataTestId, initiallyExpanded, }: SnippetProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type StackProps = {
-    gap?: keyof UltravioletUITheme['space'] | number;
-    direction?: 'row' | 'column';
-    alignItems?: CSSProperties['alignItems'];
-    justifyContent?: CSSProperties['justifyContent'];
-    wrap?: boolean | CSSProperties['flexWrap'];
-    width?: CSSProperties['width'];
-    flex?: CSSProperties['flex'];
-    className?: string;
-    children: ReactNode;
-    'data-testid'?: string;
-};
-/**
- * A Stack is a widget that organize children in a vertical or horizontal layout based on css Flex,
- * it accepts few props to deal with spacing and align.
- */
-declare const Stack: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-} & StackProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-declare const sentiments: {
-    readonly danger: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly info: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly neutral: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly success: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly warning: ({ theme }: {
-        theme: Theme;
-    }) => string;
-};
-type StatusSentiment = keyof typeof sentiments;
-type StatusProps = {
-    animated?: boolean;
-    className?: string;
-    sentiment: StatusSentiment;
-    tooltip?: string;
-    'data-testid'?: string;
-};
-/**
- * Status component used to display a colored circle with a tooltip for additional information.
- */
-declare const Status: ({ animated, className, tooltip, sentiment, "data-testid": dataTestId, }: StatusProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Sizes = 'small' | 'medium';
-type ContentProps = {
-    bulletIcon: ComponentProps<typeof Bullet>['icon'];
-    bulletText?: never;
-} | {
-    bulletIcon?: never;
-    bulletText: string;
-};
-type ItemProps = {
-    sentiment?: ComponentProps<typeof Bullet>['sentiment'];
-    prominence?: ComponentProps<typeof Bullet>['prominence'];
-    size?: Sizes;
-    disabled?: boolean;
-    children: ReactNode;
-    onClick?: () => void;
-    className?: string;
-} & ContentProps;
-type StepListProps = {
-    children: ReactNode;
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * StepList component is used to display a list of steps.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const StepList: {
-    ({ children, className, "data-testid": dataTestId, }: StepListProps): _emotion_react_jsx_runtime.JSX.Element;
-    Item: ({ bulletText, bulletIcon, sentiment, prominence, children, onClick, size, disabled, className, }: ItemProps) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type StepperProps = {
-    animated?: boolean;
-    selected?: number;
-    children: ReactNode[];
-    className?: string;
-    labelPosition?: 'bottom' | 'right';
-    size?: 'small' | 'medium';
-    'data-testid'?: string;
-};
-/**
- * Stepper component to show the progress of a process in a linear way.
- */
-declare const Stepper: ({ children, selected, animated, className, labelPosition, size, "data-testid": dataTestId, }: StepperProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SwitchButtonProps = {
-    name: string;
-    onBlur?: FocusEventHandler;
-    onChange: ChangeEventHandler;
-    onFocus?: FocusEventHandler;
-    tooltip?: string;
-    value?: string | number;
-    leftButton: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    };
-    rightButton: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    };
-    className?: string;
-    'data-testid'?: string;
-};
-/**
- * SwitchButton is a component that allows the user to select between two options.
- */
-declare const SwitchButton: ({ value, onChange, onFocus, onBlur, name, leftButton, rightButton, tooltip, className, "data-testid": dataTestId, }: SwitchButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type HeaderCellProps = {
-    children: ReactNode;
-    className?: string;
-    isOrdered?: boolean;
-    orderDirection?: 'asc' | 'desc' | 'none';
-    onOrder?: (newOrder: 'asc' | 'desc') => void;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    info?: string;
-};
-declare const HeaderCell: ({ children, className, isOrdered, onOrder, orderDirection, width, maxWidth, minWidth, info, }: HeaderCellProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SelectBarProps<T> = {
-    className?: string;
-    children: (p: {
-        selectedItems: T[];
-        unselectAll: () => void;
-    }) => ReactNode;
-    data: T[];
-    /**
-     * The idKey of each data entry
-     * */
-    idKey: keyof T;
-};
-declare function SelectBar<T>({ children, data, idKey, className, }: SelectBarProps<T>): _emotion_react_jsx_runtime.JSX.Element | null;
-
-type ColumnProps = Pick<ComponentProps<typeof HeaderCell>, 'isOrdered' | 'onOrder' | 'orderDirection'> & {
-    label?: string;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    info?: string;
-};
-type TableProps = {
-    selectable?: boolean;
-    columns: ColumnProps[];
-    children: ReactNode;
-    /**
-     * Set it to true if you want to display a placeholder during loading
-     * */
-    loading?: boolean;
-    bordered?: boolean;
-    stripped?: boolean;
-};
-/**
- * Table is a component that displays data in a tabular format.
- */
-declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>> & {
-    Body: ({ children }: {
-        children: ReactNode;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    Row: ({ children, className, id, selectDisabled, highlightAnimation, "data-testid": dataTestid, }: {
-        children: ReactNode;
-        className?: string | undefined;
-        id: string;
-        'data-testid'?: string | undefined;
-        selectDisabled?: string | boolean | undefined;
-        highlightAnimation?: boolean | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    Cell: ({ children, className, colSpan, rowSpan }: {
-        children?: ReactNode;
-        className?: string | undefined;
-        colSpan?: number | undefined;
-        rowSpan?: number | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-    useTableContext: () => {
-        bordered: boolean;
-        stripped: boolean;
-        selectedRowIds: {
-            [x: string]: boolean;
-        };
-        selectRow: (rowId: string) => void;
-        unselectRow: (rowId: string) => void;
-        selectable: boolean;
-        allRowSelectValue: boolean | "indeterminate" | undefined;
-        selectAll: () => void;
-        unselectAll: () => void;
-        registerSelectableRow: (rowId: string) => () => void;
-    };
-    SelectBar: typeof SelectBar;
-};
-
-type TabsProps = {
-    selected?: string | number;
-    onChange: (data: string | number) => void;
-    moreDisclosure?: ReactNode;
-    className?: string;
-    'data-testid'?: string;
-} & Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'role'>;
-/**
- * Tabs component is used to display a set of tabs with a single tab selected at a time.
- */
-declare const Tabs: {
-    ({ children, onChange, moreDisclosure, selected, className, "data-testid": dataTestId, ...props }: TabsProps): _emotion_react_jsx_runtime.JSX.Element;
-    Tab: react.ForwardRefExoticComponent<Omit<{
-        as?: react.ElementType | undefined;
-        badge?: ReactNode;
-        children?: ReactNode;
-        className?: string | undefined;
-        counter?: string | number | undefined;
-        disabled?: boolean | undefined;
-        onClick?: react.MouseEventHandler<HTMLElement> | undefined;
-        onKeyDown?: react.KeyboardEventHandler<HTMLElement> | undefined;
-        subtitle?: string | undefined;
-        tooltip?: string | undefined;
-        value?: string | number | undefined;
-    } & Omit<any, "tooltip" | "children" | "role" | "className" | "as" | "disabled" | "value" | "badge" | "counter">, "ref"> & react.RefAttributes<HTMLElement>>;
-    Menu: react.ForwardRefExoticComponent<{
-        children: ReactNode;
-        disclosure: ReactNode;
-        visible?: boolean | undefined;
-        id?: string | undefined;
-    } & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "aria-disabled"> & react.RefAttributes<HTMLButtonElement>>;
-    MenuItem: ({ value, children, onClick, ...props }: {
-        value?: string | number | undefined;
-    } & {
-        href?: string | undefined;
-        disabled?: boolean | undefined;
-        tooltip?: string | undefined;
-        className?: string | undefined;
-        children: ReactNode;
-        onClick?: react.MouseEventHandler<HTMLElement> | undefined;
-        borderless?: boolean | undefined;
-        sentiment?: ("primary" | "neutral" | "danger") | undefined;
-        active?: boolean | undefined;
-        'data-testid'?: string | undefined;
-    } & react.RefAttributes<HTMLElement> & {
-        theme?: _emotion_react.Theme | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type IconName = ComponentProps<typeof Icon>['name'];
-type TagProps = {
-    isLoading?: boolean;
-    onClose?: MouseEventHandler<HTMLButtonElement>;
-    sentiment?: Color;
-    disabled?: boolean;
-    /**
-     * Defines icon to display on left side of badge. **Only available on medium and large sizes**.
-     */
-    icon?: IconName;
-    copiable?: boolean;
-    copyText?: string;
-    copiedText?: string;
-    className?: string;
-    children: ReactNode;
-    'data-testid'?: string;
-};
-/**
- * Tag component is used to display a short text description of an item. It can be used to display a category
- * or any other metadata.
- */
-declare const Tag: ({ children, isLoading, onClose, icon, copiable, copyText, copiedText, disabled, sentiment, className, "data-testid": dataTestId, }: TagProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const TAGINPUT_SIZE_PADDING: {
-    readonly large: "1.5";
-    readonly medium: "1";
-    readonly small: "0.5";
-};
-type TagInputSize = keyof typeof TAGINPUT_SIZE_PADDING;
-type TagInputProp = (string | {
-    label: string;
-    index: string;
-})[];
-type TagInputProps = {
-    disabled?: boolean;
-    id?: string;
-    /**
-     * @deprecated this prop has no more effect
-     */
-    manualInput?: boolean;
-    name?: string;
-    onChange?: (tags: string[]) => void;
-    /**
-     * @deprecated this prop has no more effect
-     */
-    onChangeError?: (error: Error | string) => void;
-    placeholder?: string;
-    /**
-     * @deprecated use `value` property instead, both properties work the same way
-     */
-    tags?: TagInputProp;
-    value?: TagInputProp;
-    /**
-     * @deprecated there is only one variant now, this prop has no more effect
-     */
-    variant?: string;
-    className?: string;
-    'data-testid'?: string;
-    label?: string;
-    /**
-     * Label description displayed right next to the label. It allows you to customize the label content.
-     */
-    labelDescription?: ReactNode;
-    required?: boolean;
-    size?: TagInputSize;
-    error?: string;
-    success?: string | boolean;
-    helper?: ReactNode;
-    readOnly?: boolean;
-    tooltip?: string;
-    clearable?: boolean;
-};
-/**
- * TagInput is a component that allows users to input tags.
- */
-declare const TagInput: ({ disabled, id, name, onChange, placeholder, tags, value, className, "data-testid": dataTestId, label, labelDescription, required, size, error, success, helper, readOnly, tooltip, clearable, }: TagInputProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TagListProps = {
-    /**
-     * This property define maximum characters length of all tags until it hide tags into tooltip.
-     */
-    maxLength?: number;
-    tags?: (string | {
-        label: string;
-        icon: NonNullable<ComponentProps<typeof Tag>['icon']>;
-    })[];
-    /**
-     * This property define maximum characters length of all tags until it hide tags into tooltip.
-     */
-    threshold?: number;
-    /**
-     * This property define maximum width of each tag. This doesn't apply for tags in tooltip.
-     */
-    multiline?: boolean;
-    /**
-     * This property define the title of the Popover, when some tags are hidden because of the threshold.
-     */
-    popoverTitle: string;
-    /**
-     * The popover will be placed automatically by default. You can also specify the placement of the popover through
-     * this property.
-     */
-    popoverPlacement?: ComponentProps<typeof Popover>['placement'];
-    className?: string;
-    'data-testid'?: string;
-} & Pick<ComponentProps<typeof Tag>, 'copiable' | 'copyText' | 'copiedText'>;
-/**
- * This component is used to display a list of tags with a threshold and a popover when there are too many tags.
- */
-declare const TagList: ({ maxLength, tags, threshold, multiline, popoverTitle, popoverPlacement, copiable, copyText, copiedText, className, "data-testid": dataTestId, }: TagListProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-declare const PROMINENCES: {
-    default: string;
-    strong: string;
-    stronger: string;
-    weak: string;
-};
-type ProminenceProps = keyof typeof PROMINENCES;
-type PlacementProps = react__default.CSSProperties['textAlign'];
-type TextVariant = keyof typeof typography;
-type TextProps = {
-    className?: string;
-    children: ReactNode;
-    placement?: PlacementProps;
-    variant: TextVariant;
-    /**
-     * @deprecated use `sentiment` property instead
-     */
-    color?: Color;
-    sentiment?: Color;
-    prominence?: ProminenceProps;
-    as: ElementType;
-    oneLine?: boolean;
-    disabled?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    id?: string;
-    dir?: 'ltr' | 'rtl' | 'auto';
-    htmlFor?: string;
-    'data-testid'?: string;
-};
-/**
- * Text component is used to display text with different variants and sentiments.
- */
-declare const Text: ({ variant, children, as, color, sentiment, oneLine, placement, prominence, className, disabled, italic, underline, id, dir, htmlFor, "data-testid": dataTestId, }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TextAreaProps = {
-    id?: string;
-    className?: string;
-    tabIndex?: number;
-    autoFocus?: boolean;
-    label: string;
-    value?: string;
-    onChange: (newValue: string) => void;
-    placeholder?: string;
-    /**
-     * Override others properties : readyOnly, success, error.
-     */
-    disabled?: boolean;
-    /**
-     * Override others properties : success, error.
-     * Ignored if following props are provided : disabled.
-     */
-    readOnly?: boolean;
-    /**
-     * Override others properties : error, helper.
-     * Ignored if following props are provided : disabled, readyOnly.
-     */
-    success?: string;
-    /**
-     * Override others properties : helper.
-     * Ignored if following props are provided : disabled, readyOnly, success.
-     */
-    error?: string;
-    /**
-     * Ignored if following props are provided : readyOnly, success.
-     */
-    helper?: ReactNode;
-    rows?: number;
-    minLength?: number;
-    maxLength?: number;
-    tooltip?: string;
-    required?: boolean;
-    'data-testid'?: string;
-    name?: string;
-    onFocus?: DOMAttributes<HTMLTextAreaElement>['onFocus'];
-    onBlur?: DOMAttributes<HTMLTextAreaElement>['onBlur'];
-    clearable?: boolean;
-    labelDescription?: ReactNode;
-};
-/**
- * This component offers an extended textarea HTML
- */
-declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
-
-declare const inputSizes: {
-    medium: {
-        default: string;
-        full: string;
-    };
-    small: {
-        default: string;
-        full: string;
-    };
-};
-type TextInputSizes = keyof typeof inputSizes;
-type StyledInputProps = {
-    disabled?: boolean;
-    error?: boolean;
-    fillAvailable?: boolean;
-    hasLabel?: boolean;
-    paddingRightFactor: number;
-    isPlaceholderVisible?: boolean;
-    multiline?: boolean;
-    resizable?: boolean;
-    inputSize: TextInputSizes;
-    unit?: string;
-    rightComponentLength: number;
-} & (InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>);
-type InputProps = Omit<Exclude<StyledInputProps, TextareaHTMLAttributes<HTMLTextAreaElement>>, 'inputSize'>;
-type TextInputProps = {
-    'data-testid'?: string;
-    ariaControls?: string;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    className?: string;
-    cols?: number;
-    defaultValue?: string;
-    disabled?: boolean;
-    edit?: boolean;
-    error?: string;
-    fillAvailable?: boolean;
-    generated?: boolean;
-    height?: string | number;
-    id?: string;
-    label?: string;
-    multiline?: boolean;
-    name?: string;
-    notice?: string;
-    noTopLabel?: boolean;
-    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onChange?: (value: string) => void;
-    onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyUp?: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    placeholder?: string;
-    random?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    resizable?: boolean;
-    rows?: number;
-    size?: TextInputSizes;
-    tabIndex?: number;
-    type?: string;
-    unit?: string;
-    valid?: boolean;
-    value?: string | number;
-    wrap?: string;
-    inputProps?: InputProps;
-    max?: InputHTMLAttributes<HTMLInputElement>['max'];
-    min?: InputHTMLAttributes<HTMLInputElement>['min'];
-} & (Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> | Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>);
-/**
- * TextInput component allows users to input text, with options for customization and validation.
- * It supports various input types and should be appropriately sized with clear labeling.
- */
-declare const TextInput: react.ForwardRefExoticComponent<TextInputProps & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;
-
-/**
- * This component offers an extended input HTML
- */
-declare const TextInputV2: react.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    clearable?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    error?: string | undefined;
-    helper?: ReactNode;
-    label?: string | undefined;
-    labelDescription?: ReactNode;
-    loading?: boolean | undefined;
-    minLength?: number | undefined;
-    maxLength?: number | undefined;
-    onRandomize?: (() => void) | undefined;
-    onChange?: ((newValue: string) => void) | undefined;
-    prefix?: ReactNode;
-    size?: "large" | "small" | "medium" | undefined;
-    success?: string | boolean | undefined;
-    suffix?: ReactNode;
-    tooltip?: string | undefined;
-    type?: "text" | "email" | "password" | "url" | undefined;
-    value?: string | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "tabIndex" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const schedules: {
-    half: readonly ["00:00", "00:30", "01:00", "01:30", "02:00", "02:30", "03:00", "03:30", "04:00", "04:30", "05:00", "05:30", "06:00", "06:30", "07:00", "07:30", "08:00", "08:30", "09:00", "09:30", "10:00", "10:30", "11:00", "11:30", "12:00", "12:30", "13:00", "13:30", "14:00", "14:30", "15:00", "15:30", "16:00", "16:30", "17:00", "17:30", "18:00", "18:30", "19:00", "19:30", "20:00", "20:30", "21:00", "21:30", "22:00", "22:30", "23:00", "23:30"];
-    hours: readonly ["00:00", "01:00", "02:00", "03:00", "04:00", "05:00", "06:00", "07:00", "08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00", "23:00"];
-    quarter: readonly ["00:00", "00:15", "00:30", "00:45", "01:00", "01:15", "01:30", "01:45", "02:00", "02:15", "02:30", "02:45", "03:00", "03:15", "03:30", "03:45", "04:00", "04:15", "04:30", "04:45", "05:00", "05:15", "05:30", "05:45", "06:00", "06:15", "06:30", "06:45", "07:00", "07:15", "07:30", "07:45", "08:00", "08:15", "08:30", "08:45", "09:00", "09:15", "09:30", "09:45", "10:00", "10:15", "10:30", "10:45", "11:00", "11:15", "11:30", "11:45", "12:00", "12:15", "12:30", "12:45", "13:00", "13:15", "13:30", "13:45", "14:00", "14:15", "14:30", "14:45", "15:00", "15:15", "15:30", "15:45", "16:00", "16:15", "16:30", "16:45", "17:00", "17:15", "17:30", "17:45", "18:00", "18:15", "18:30", "18:45", "19:00", "19:15", "19:30", "19:45", "20:00", "20:15", "20:30", "20:45", "21:00", "21:15", "21:30", "21:45", "22:00", "22:15", "22:30", "22:45", "23:00", "23:15", "23:30", "23:45"];
-};
-type ScheduleType = keyof typeof schedules;
-declare const options: (schedule: ScheduleType) => {
-    label: "00:00" | "01:00" | "02:00" | "03:00" | "04:00" | "05:00" | "06:00" | "07:00" | "08:00" | "09:00" | "10:00" | "11:00" | "12:00" | "13:00" | "14:00" | "15:00" | "16:00" | "17:00" | "18:00" | "19:00" | "20:00" | "21:00" | "22:00" | "23:00" | "00:30" | "01:30" | "02:30" | "03:30" | "04:30" | "05:30" | "06:30" | "07:30" | "08:30" | "09:30" | "10:30" | "11:30" | "12:30" | "13:30" | "14:30" | "15:30" | "16:30" | "17:30" | "18:30" | "19:30" | "20:30" | "21:30" | "22:30" | "23:30" | "00:15" | "00:45" | "01:15" | "01:45" | "02:15" | "02:45" | "03:15" | "03:45" | "04:15" | "04:45" | "05:15" | "05:45" | "06:15" | "06:45" | "07:15" | "07:45" | "08:15" | "08:45" | "09:15" | "09:45" | "10:15" | "10:45" | "11:15" | "11:45" | "12:15" | "12:45" | "13:15" | "13:45" | "14:15" | "14:45" | "15:15" | "15:45" | "16:15" | "16:45" | "17:15" | "17:45" | "18:15" | "18:45" | "19:15" | "19:45" | "20:15" | "20:45" | "21:15" | "21:45" | "22:15" | "22:45" | "23:15" | "23:45";
-    value: "00:00" | "01:00" | "02:00" | "03:00" | "04:00" | "05:00" | "06:00" | "07:00" | "08:00" | "09:00" | "10:00" | "11:00" | "12:00" | "13:00" | "14:00" | "15:00" | "16:00" | "17:00" | "18:00" | "19:00" | "20:00" | "21:00" | "22:00" | "23:00" | "00:30" | "01:30" | "02:30" | "03:30" | "04:30" | "05:30" | "06:30" | "07:30" | "08:30" | "09:30" | "10:30" | "11:30" | "12:30" | "13:30" | "14:30" | "15:30" | "16:30" | "17:30" | "18:30" | "19:30" | "20:30" | "21:30" | "22:30" | "23:30" | "00:15" | "00:45" | "01:15" | "01:45" | "02:15" | "02:45" | "03:15" | "03:45" | "04:15" | "04:45" | "05:15" | "05:45" | "06:15" | "06:45" | "07:15" | "07:45" | "08:15" | "08:45" | "09:15" | "09:45" | "10:15" | "10:45" | "11:15" | "11:45" | "12:15" | "12:45" | "13:15" | "13:45" | "14:15" | "14:45" | "15:15" | "15:45" | "16:15" | "16:45" | "17:15" | "17:45" | "18:15" | "18:45" | "19:15" | "19:45" | "20:15" | "20:45" | "21:15" | "21:45" | "22:15" | "22:45" | "23:15" | "23:45";
-}[];
-type TimeInputProps = Partial<ComponentProps<typeof SelectInput>> & {
-    schedule?: ScheduleType;
-};
-type TimeInputType = ((props: TimeInputProps) => JSX.Element) & {
-    options: typeof options;
-};
-/**
- * A time input component that allows users to select a time from a dropdown. The component is built on top of the
- * `SelectInput` component.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-declare const TimeInput: TimeInputType;
-
-declare const toast: {
-    error: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-    /**
-     * @deprecated "Deprecated, please use another variant instead"
-     */
-    info: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-    success: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-    warning: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-};
-type ToastContainerProps = {
-    /**
-     * Whether to display the newest toast on top.
-     * `Default: false`
-     */
-    newestOnTop?: boolean;
-    /**
-     * Limit the number of toast displayed at the same time
-     */
-    limit?: number;
-    /**
-     * Position of the toast container
-     */
-    position?: ToastOptions['position'];
-    'data-testid'?: string;
-    className?: string;
-    /**
-     * Delay before the toast is automatically closed, if not set the default value is 6000ms
-     */
-    autoClose?: number;
-    /**
-     * Set a custom containerId to be able to define multiple ToastContainers
-     */
-    containerId?: string;
-};
-/**
- * Display short information about an event that happen in the interface in a floating alert.
- * Toaster is based on **react-tostify**, you can find a complete documentation
- * [here](https://fkhadra.github.io/react-toastify/introduction/).
- *
- * Toaster is separated in two parts, first the `ToastContainer` which is where the div of the toast will be rendered,
- * and second the `toast()` function which is used to display the toast.
- */
-declare const ToastContainer: ({ newestOnTop, limit, position, "data-testid": dataTestId, className, autoClose, containerId, }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-/**
- * Toggle component is used to toggle between two states (on/off, true/false, etc.).
- */
-declare const Toggle: react.ForwardRefExoticComponent<{
-    id?: string | undefined;
-    checked?: boolean | undefined;
-    name: string;
-    tooltip?: string | undefined;
-    /**
-     * If `onChange` is given component will work as a controlled component if not it will work as an uncontrolled component.
-     */
-    onChange?: ChangeEventHandler<HTMLInputElement> | undefined;
-    size?: "large" | "small" | undefined;
-    labelPosition?: "left" | "right" | undefined;
-    label?: ReactNode;
-    helper?: ReactNode;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
-    required?: boolean | undefined;
-    'data-testid'?: string | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "value"> & react.RefAttributes<HTMLInputElement>>;
-
-type ToggleGroupToggleProps = Omit<ComponentProps<typeof Toggle>, 'onChange' | 'checked' | 'required'> & {
-    value: string;
-};
-type ToggleGroupProps = {
-    legend: string;
-    value?: string[];
-    className?: string;
-    helper?: ReactNode;
-    error?: ReactNode;
-    direction?: 'row' | 'column';
-    children: ReactNode;
-    required?: boolean;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required'>;
-declare const ToggleGroup: {
-    ({ legend, value, className, helper, error, direction, children, onChange, name, required, }: ToggleGroupProps): _emotion_react_jsx_runtime.JSX.Element;
-    Toggle: ({ disabled, name, value, label, helper, className, "data-testid": dataTestId, }: ToggleGroupToggleProps) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type TooltipProps = Pick<ComponentProps<typeof Popup>, 'id' | 'children' | 'maxWidth' | 'placement' | 'text' | 'className' | 'visible' | 'innerRef' | 'role' | 'data-testid' | 'containerFullWidth' | 'portalTarget' | 'tabIndex' | 'debounceDelay'>;
-/**
- * Tooltip component is used to display additional information on hover or focus.
- * It is used to explain the purpose of the element it is attached to.
- */
-declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
-
-type VerificationCodeProps = {
-    disabled?: boolean;
-    error?: boolean;
-    className?: string;
-    /**
-     * Amount of field you want
-     */
-    fields?: number;
-    initialValue?: string;
-    inputId?: string;
-    inputStyle?: string;
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
-    /**
-     * Triggered when a field change
-     */
-    onChange?: (data: unknown) => void;
-    /**
-     * Triggered when all fields are completed
-     */
-    onComplete?: (data: unknown) => void;
-    placeholder?: string;
-    required?: boolean;
-    /**
-     * Type of the fields
-     */
-    type?: 'text' | 'number';
-    'data-testid'?: string;
-    'aria-label'?: string;
-};
-/**
- * Verification code allows you to enter a code in multiple fields (4 by default).
- */
-declare const VerificationCode: ({ disabled, className, error, fields, initialValue, inputId, inputStyle, size, onChange, onComplete, placeholder, required, type, "data-testid": dataTestId, "aria-label": ariaLabel, }: VerificationCodeProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required'> & {
-    /**
-     * @deprecated you don't need to use `name` anymore, the name will be passed from the parent `RadioGroup`.
-     */
-    name?: string;
-};
-type RadioGroupProps = {
-    legend: string;
-    value: string | number;
-    className?: string;
-    helper?: ReactNode;
-    error?: ReactNode;
-    direction?: 'row' | 'column';
-    children: ReactNode;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required'>;
-/**
- * RadioGroup is a component that allows users to select one option from a list of options using radio.
- */
-declare const RadioGroup: {
-    ({ legend, value, className, helper, error, direction, children, onChange, name, required, }: RadioGroupProps): _emotion_react_jsx_runtime.JSX.Element;
-    Radio: ({ onFocus, onBlur, disabled, error, name, value, label, helper, className, autoFocus, onKeyDown, "data-testid": dataTestId, }: RadioGroupRadioProps) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-declare const SIZES: {
-    small: string;
-    medium: string;
-    large: string;
-};
-type DisclosureProps = {
-    visible: boolean;
-};
-type DisclosureElement = ((disclosure: DisclosureProps) => ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>) | (ReactElement<ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: Ref<HTMLButtonElement>;
-});
-type ChildMenuProps = {
-    toggle: () => void;
-};
-type MenuProps = {
-    id?: string;
-    ariaLabel?: string;
-    placement?: ComponentProps<typeof Popup>['placement'];
-    children?: ReactNode | (({ toggle }: ChildMenuProps) => ReactNode);
-    className?: string;
-    disclosure: DisclosureElement;
-    hasArrow?: boolean;
-    visible?: boolean;
-    'data-testid'?: string;
-    maxHeight?: string;
-    /**
-     * @deprecated: use `size` instead
-     */
-    maxWidth?: string;
-    /**
-     * By default, the portal target is children container or document.body if children is a function. You can override this
-     * behavior by setting a portalTarget prop.
-     */
-    portalTarget?: HTMLElement;
-    size?: keyof typeof SIZES;
-    /**
-     * The behavior of the menu when it is opened. If set to `click`, the menu will open when the user clicks on the disclosure.
-     * If set to `hover`, the menu will open when the user hovers over the disclosure.
-     */
-    triggerMethod?: 'click' | 'hover';
-};
-/**
- * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.
- * A menu is usually opened, or made visible, by activating a menu button, choosing an item in a menu that opens a
- * sub menu, or by invoking a command, such as `Shift + F10` on Windows, that opens a context specific menu.
- * When a user activates a choice in a menu, the menu usually closes unless the choice opened a submenu.
- */
-declare const MenuV2: react.ForwardRefExoticComponent<MenuProps & react.RefAttributes<HTMLButtonElement>> & {
-    Item: react.ForwardRefExoticComponent<{
-        href?: string | undefined;
-        disabled?: boolean | undefined;
-        tooltip?: string | undefined;
-        className?: string | undefined;
-        children: ReactNode;
-        onClick?: react.MouseEventHandler<HTMLElement> | undefined;
-        borderless?: boolean | undefined;
-        sentiment?: ("primary" | "neutral" | "danger") | undefined;
-        active?: boolean | undefined;
-        'data-testid'?: string | undefined;
-    } & react.RefAttributes<HTMLElement>>;
-    Group: ({ label, children }: {
-        label: string;
-        children: ReactNode;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type GlobalAlertProps = {
-    children: ReactNode;
-    variant?: 'info' | 'danger' | 'promotional';
-    onClose?: () => void;
-    closable?: boolean;
-    className?: string;
-    'data-testid'?: string;
-    buttonText?: string;
-    onClickButton?: () => void;
-};
-/**
- * GlobalAlert is a component that is used to display a global alert message.
- * It has its own internal state and can be closed by clicking on the close button.
- */
-declare const GlobalAlert: {
-    ({ children, variant, onClose, closable, buttonText, onClickButton, className, "data-testid": dataTestId, }: GlobalAlertProps): _emotion_react_jsx_runtime.JSX.Element | null;
-    Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<{
-        children: ReactNode;
-        target?: react.HTMLAttributeAnchorTarget | undefined;
-        download?: string | boolean | undefined;
-        sentiment?: Color | undefined;
-        prominence?: "strong" | "default" | "stronger" | "weak" | undefined;
-        size?: ("large" | "small") | undefined;
-        iconPosition?: ("left" | "right") | undefined;
-        rel?: string | undefined;
-        className?: string | undefined;
-        href: string;
-        onClick?: react.MouseEventHandler<HTMLAnchorElement> | undefined;
-        'aria-label'?: string | undefined;
-        /**
-         * GlobalAlert is a component that is used to display a global alert message.
-         * It has its own internal state and can be closed by clicking on the close button.
-         */
-        oneLine?: boolean | undefined;
-        'data-testid'?: string | undefined;
-        variant?: "inline" | "standalone" | undefined;
-    } & react.RefAttributes<HTMLAnchorElement>, "size" | "sentiment" | "prominence">) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type CloseButtonProps = {
-    closeToast: (event: React.MouseEvent<HTMLElement>) => void;
-    type: TypeOptions;
-    ariaLabel?: string;
-    theme: Theme$1;
-};
-declare const notification: (children: ((props: CloseButtonProps) => ReactNode) | ReactNode, title: string, icon?: ReactNode, isClosable?: boolean, containerId?: string, options?: ToastOptions) => react_toastify.Id;
-type NotificationContainerProps = {
-    /**
-     * Delay (in ms) before the notification autocloses. To disable autoclose, set to false
-     */
-    autoClose?: false | number;
-    /**
-     * Whether to display the newest toast on top.
-     * `Default: false`
-     */
-    newestOnTop?: boolean;
-    /**
-     * Limit the number of toast displayed at the same time
-     */
-    limit?: number;
-    /**
-     * Position on the notification container
-     */
-    position?: ToastOptions['position'];
-    'data-testid'?: string;
-    className?: string;
-    /**
-     * Give a personalized containerId in case there are multiple notifications with different styled to display
-     */
-    containerId?: string;
-};
-declare const NotificationContainer: ({ newestOnTop, limit, autoClose, position, "data-testid": dataTestId, className, containerId, }: NotificationContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type CardSelectableCardProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange' | 'checked' | 'type' | 'showTick'>;
-type SelectableCardGroupProps = {
-    legend?: string;
-    value: string | number | (string | number)[];
-    className?: string;
-    helper?: ReactNode;
-    error?: ReactNode;
-    columns?: number;
-    children: ReactNode;
-    type: 'radio' | 'checkbox';
-    required?: boolean;
-    showTick?: boolean;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>>;
-/**
- * SelectableCardGroup is a component that allows users to select cards from a list of cards using SelectableCard.
- */
-declare const SelectableCardGroup: {
-    ({ legend, value, className, helper, error, columns, children, onChange, name, required, type, showTick, }: SelectableCardGroupProps): _emotion_react_jsx_runtime.JSX.Element;
-    Card: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, "data-testid": dataTestId, }: CardSelectableCardProps) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type OptionType = {
-    value: string;
-    label: ReactNode;
-    disabled: boolean;
-    description?: string;
-    optionalInfo?: ReactNode;
-    searchText?: string;
-};
-type DataType = Record<string, OptionType[]> | OptionType[];
-
-type SelectInputV2Props<IsMulti extends undefined | boolean = false> = {
-    /**
-     * Input name
-     */
-    name: string;
-    /**
-     * Place holder when no value defined
-     */
-    placeholder?: string;
-    /**
-     * When searchable, placeholder when no value is searched
-     */
-    placeholderSearch?: string;
-    /**
-     * Label of the component
-     */
-    label?: string;
-    /**
-     * Helper text to give more information to the user
-     */
-    helper?: string;
-    /**
-     * Selectable options
-     */
-    options: DataType;
-    /**
-     * Message to show when no option available
-     */
-    emptyState?: ReactNode;
-    /**
-     * Whether it is possible to search through the input
-     */
-    searchable?: boolean;
-    /**
-     * Whether the component in disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether the component in readOnly
-     */
-    readOnly?: boolean;
-    /**
-     * Whether it is possible to clear the search input
-     */
-    clearable?: boolean;
-    /**
-     * Size of the input
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Whether field is required
-     */
-    required?: boolean;
-    /**
-     * More information regarding/description ofs the selectInput
-     */
-    labelDescription?: ReactNode;
-    /**
-     * Whether option description is on the right of the option or under it
-     */
-    descriptionDirection?: 'row' | 'column';
-    /**
-     * Where to place the additional info prop
-     */
-    optionalInfoPlacement?: 'left' | 'right';
-    /**
-     * To add custom fixed elements at the bottom of the dropdown
-     */
-    footer?: ReactNode;
-    /**
-     * Display an error message under the select bar
-     */
-    error?: string;
-    /**
-     * Display a success message under the select bar
-     */
-    success?: string;
-    /**
-     * Load more button to implement lazy loading
-     */
-    loadMore?: ReactNode;
-    /**
-     * When the options are loading, display a skeleton
-     */
-    isLoading?: boolean;
-    /**
-     * Adds an option to select every selectable options
-     */
-    selectAll?: {
-        label: ReactNode;
-        description?: string;
-    };
-    /**
-     * When options are group, define a option to select every selectable options of a group
-     */
-    selectAllGroup?: boolean;
-    autofocus?: boolean;
-    /**
-     * Whether it is possible to select multiple options
-     */
-    multiselect?: IsMulti;
-    /**
-     * Default value, must be one of the options
-     */
-    value?: IsMulti extends true ? string[] : string;
-    onChange?: IsMulti extends true ? (value: string[]) => void : (value: string) => void;
-    'data-testid'?: string;
-} & Pick<HTMLAttributes<HTMLDivElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className'>;
-/**
- * SelectInputV2 component is used to select one or many elements from a selection.
- */
-declare const SelectInputV2: <IsMulti extends boolean | undefined>({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, "data-testid": dataTestId, className, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, }: SelectInputV2Props<IsMulti>) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const getUUID: (prefix?: string) => string;
-
-declare const bounce: _emotion_react.Keyframes;
-declare const ping: _emotion_react.Keyframes;
-declare const flash: _emotion_react.Keyframes;
-declare const zoomIn: _emotion_react.Keyframes;
-declare const zoomOut: _emotion_react.Keyframes;
-declare const unfoldIn: _emotion_react.Keyframes;
-declare const unfoldOut: _emotion_react.Keyframes;
-declare const fadeIn: _emotion_react.Keyframes;
-declare const fadeOut: _emotion_react.Keyframes;
-declare const scaleUp: _emotion_react.Keyframes;
-declare const scaleDown: _emotion_react.Keyframes;
-declare const quickScaleDown: _emotion_react.Keyframes;
-declare const scaleBack: _emotion_react.Keyframes;
-declare const scaleForward: _emotion_react.Keyframes;
-declare const sketchIn: _emotion_react.Keyframes;
-declare const sketchOut: _emotion_react.Keyframes;
-declare const slideDownLarge: _emotion_react.Keyframes;
-declare const slideUpLarge: _emotion_react.Keyframes;
-declare const slideFromBottom: _emotion_react.Keyframes;
-declare const slideFromTop: _emotion_react.Keyframes;
-declare const slideFromRight: _emotion_react.Keyframes;
-declare const slideFromLeft: _emotion_react.Keyframes;
-declare const slideToBottom: _emotion_react.Keyframes;
-declare const slideToTop: _emotion_react.Keyframes;
-declare const slideToRight: _emotion_react.Keyframes;
-declare const slideToLeft: _emotion_react.Keyframes;
-declare const pulse: _emotion_react.Keyframes;
-
-declare const Breakpoint: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-} & {
-    down?: "large" | "small" | "xlarge" | "xsmall" | "medium" | undefined;
-    up?: "large" | "small" | "xlarge" | "xsmall" | "medium" | undefined;
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-declare const up: (size: ScreenSize, rules: string) => string;
-declare const down: (size: ScreenSize, rules: string) => string;
-
-declare const normalize: () => string;
-
-export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Breakpoint, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, CopyButton, DateInput, Dialog, EmptyState, Expandable, GlobalAlert, LineChart, Link, List, Loader, Menu, MenuV2, Meter, Modal, Notice, NotificationContainer, NumberInput, NumberInputV2, Pagination, PasswordCheck, PasswordStrengthMeter, PieChart, Popover, Popup, ProgressBar, Radio, RadioGroup, Row, type SCWUITheme, SelectInput, SelectInputV2, SelectableCard, SelectableCardGroup, Separator, Skeleton, Snippet, Stack, Status, StepList, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, TextInputV2, TimeInput, ToastContainer, Toggle, ToggleGroup, Tooltip, type UltravioletUITheme, VerificationCode, bounce, down, extendTheme, fadeIn, fadeOut, flash, getUUID, normalize, notification, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, toast, unfoldIn, unfoldOut, up, zoomIn, zoomOut };
+export * from './components';
+export { darkTheme, default as theme, extendTheme } from './theme';
+export type { SCWUITheme, UltravioletUITheme } from './theme';
+export { bounce, Breakpoint, down, fadeIn, fadeOut, flash, getUUID, normalize, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, up, zoomIn, zoomOut, } from './utils';