@orfium/ictinus 4.35.0 → 4.36.0-alpha.10

package/dist/index.d.ts

@@ -1,59 +1,1330 @@
-import { queriesSizes } from './hooks/useBreakpoints';
-import * as elevation from './theme/elevation';
-import * as themeFunctions from './theme/functions';
-import * as overrides from './theme/overrides';
-import * as palette from './theme/palette';
-import * as spacing from './theme/spacing';
-import * as typography from './theme/typography';
-export type { Elevation } from './theme/elevation';
-export type { Overrides } from './theme/overrides';
-export type { Palette } from './theme/palette';
-export type { Spacing } from './theme/spacing';
-export type { Typography } from './theme/typography';
-export type { AcceptedColorComponentTypes } from './utils/themeFunctions';
-export type { Theme } from './theme';
-export { default as Avatar } from './components/Avatar';
-export { default as AvatarStack } from './components/Avatar/AvatarStack';
-export { default as Breadcrumb } from './components/Breadcrumb';
-export { default as Button } from './components/Button';
-export { default as Card } from './components/Card';
-export { default as LineChart } from './components/Chart/LineChart';
-export { default as BarChart } from './components/Chart/BarChart';
-export { default as DonutChart } from './components/Chart/DonutChart';
-export { default as CheckBox } from './components/CheckBox';
-export { default as Chip } from './components/Chip';
-export { default as DatePicker } from './components/DatePicker';
-export { default as Drawer } from './components/Drawer';
-export { default as ExpandCollapse } from './components/ExpandCollapse';
-export { default as Icon } from './components/Icon';
-export { default as IconButton } from './components/IconButton';
-export { default as Label } from './components/Label';
-export { default as List } from './components/List';
-export { default as Loader } from './components/Loader';
-export { default as Menu } from './components/Menu';
-export { default as Modal } from './components/Modal';
-export { default as InlineNotification } from './components/Notification/InlineNotification';
-export { default as NotificationsContainer } from './components/Notification/NotificationsContainer';
-export { default as NotificationVisual } from './components/Notification/NotificationVisual';
-export { default as Banner } from './components/Notification/Banner';
-export { default as Snackbar } from './components/Notification/Snackbar';
-export { default as Overlay } from './components/Overlay';
-export { default as Pagination } from './components/Pagination';
-export { default as Radio } from './components/Radio';
-export { default as RadioGroup } from './components/RadioGroup';
-export { default as Select } from './components/Select';
-export { default as Table } from './components/Table';
-export { default as TextField } from './components/TextField';
-export { default as SearchField } from './components/SearchField';
-export { default as TextArea } from './components/TextArea';
-export { default as ThemeProvider } from './components/ThemeProvider';
-export { default as Toast } from './components/Toast';
-export { default as Tooltip } from './components/Tooltip';
-export { default as TopNavBar } from './components/TopAppBar';
-export { default as useTheme } from './hooks/useTheme';
-export { default as useBreakpoints } from './hooks/useBreakpoints';
-export { default as useEscape } from './hooks/useEscape';
-export { default as Filter } from './components/Filter';
-export { default as TruncatedContent } from './components/TruncatedContent';
-export { default as themeConfig } from './theme';
-export { themeFunctions, palette, spacing, typography, elevation, overrides, queriesSizes, };
+import * as react_media from 'react-media';
+import * as _emotion_react from '@emotion/react';
+import * as React from 'react';
+import React__default, { MouseEvent, ChangeEvent, FC } from 'react';
+import { DivProps as DivProps$1, EventProps as EventProps$1 } from 'utils/common';
+import { TestProps as TestProps$2, TestId as TestId$1 } from 'utils/types';
+import { ClickHandler } from 'hooks/useLoading';
+import { Elevation as Elevation$1, Spacing as Spacing$1 } from 'index';
+import * as components_TextInputBase from 'components/TextInputBase';
+import { Props as Props$A } from 'components/TextInputBase';
+import { Dayjs } from 'dayjs';
+import { LocationState, Location } from 'history';
+import { match } from 'react-router';
+import { AcceptedIconNames as AcceptedIconNames$1 } from 'components/Icon/types';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { ReactComponentLike } from 'prop-types';
+import { Props as Props$B } from 'components/ButtonBase/ButtonBase';
+import { FilterOption as FilterOption$1 } from 'components/Filter/types';
+import { SelectOption as SelectOption$1 } from 'components/Select/Select';
+import { AcceptedColorComponentTypes as AcceptedColorComponentTypes$1 } from 'utils/themeFunctions';
+import { formFieldStyles as formFieldStyles$1 } from 'theme/palette';
+import { ThemeConfig } from 'theme';
+
+declare const queriesKeys: readonly ["des1920", "des1440", "des1366", "des1200", "tab1024", "tab970", "tab750", "mob480", "mob320"];
+declare const queriesSizes: Record<typeof queriesKeys[number], string>;
+declare const useBreakpoints: () => react_media.QueryResults<Record<"des1920" | "des1440" | "des1366" | "des1200" | "tab1024" | "tab970" | "tab750" | "mob480" | "mob320", string>>;
+
+declare type Elevation = {
+    '01': string;
+    '02': string;
+    '03': string;
+    '04': string;
+};
+declare const elevation: Elevation;
+
+type elevation_d_Elevation = Elevation;
+declare namespace elevation_d {
+  export {
+    elevation as default,
+    elevation_d_Elevation as Elevation,
+  };
+}
+
+declare const grid: _emotion_react.SerializedStyles;
+declare const well: _emotion_react.SerializedStyles;
+declare const centerAbsoluteVertical: _emotion_react.SerializedStyles;
+declare const transition: (s: number, type?: string) => _emotion_react.SerializedStyles;
+declare const lineEllipsis: _emotion_react.SerializedStyles;
+declare const flex: _emotion_react.SerializedStyles;
+declare const flexCenter: _emotion_react.SerializedStyles;
+declare const flexCenterVertical: _emotion_react.SerializedStyles;
+declare const plainTextButton: _emotion_react.SerializedStyles;
+
+declare const functions_d_grid: typeof grid;
+declare const functions_d_well: typeof well;
+declare const functions_d_centerAbsoluteVertical: typeof centerAbsoluteVertical;
+declare const functions_d_transition: typeof transition;
+declare const functions_d_lineEllipsis: typeof lineEllipsis;
+declare const functions_d_flex: typeof flex;
+declare const functions_d_flexCenter: typeof flexCenter;
+declare const functions_d_flexCenterVertical: typeof flexCenterVertical;
+declare const functions_d_plainTextButton: typeof plainTextButton;
+declare namespace functions_d {
+  export {
+    functions_d_grid as grid,
+    functions_d_well as well,
+    functions_d_centerAbsoluteVertical as centerAbsoluteVertical,
+    functions_d_transition as transition,
+    functions_d_lineEllipsis as lineEllipsis,
+    functions_d_flex as flex,
+    functions_d_flexCenter as flexCenter,
+    functions_d_flexCenterVertical as flexCenterVertical,
+    functions_d_plainTextButton as plainTextButton,
+  };
+}
+
+declare type Overrides = Record<string, any>;
+declare const overrides: Overrides;
+
+type overrides_d_Overrides = Overrides;
+declare namespace overrides_d {
+  export {
+    overrides as default,
+    overrides_d_Overrides as Overrides,
+  };
+}
+
+declare const spaces: {
+    readonly xsm: "4";
+    readonly sm: "8";
+    readonly md: "16";
+    readonly lg: "24";
+    readonly xl: "32";
+};
+declare const spacing: Spacing;
+declare type Spacing = {
+    xsm: typeof spaces.xsm;
+    sm: typeof spaces.sm;
+    md: typeof spaces.md;
+    lg: typeof spaces.lg;
+    xl: typeof spaces.xl;
+};
+
+declare const spacing_d_spaces: typeof spaces;
+type spacing_d_Spacing = Spacing;
+declare namespace spacing_d {
+  export {
+    spacing as default,
+    spacing_d_spaces as spaces,
+    spacing_d_Spacing as Spacing,
+  };
+}
+
+declare const weights: {
+    readonly light: 300;
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly bold: 700;
+    readonly black: 900;
+};
+declare type Typography = {
+    globalFontSize: number;
+    fontSizes: {
+        8: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        18: string;
+        20: string;
+        22: string;
+        24: string;
+        26: string;
+        28: string;
+        32: string;
+    };
+    weights: typeof weights;
+    fontFamily: string;
+};
+declare const typography: Typography;
+
+type typography_d_Typography = Typography;
+declare namespace typography_d {
+  export {
+    typography as default,
+    typography_d_Typography as Typography,
+  };
+}
+
+declare type TextColorTypes = 'primary' | 'secondary' | 'light';
+declare type Theme = {
+    palette: Palette;
+    typography: Typography;
+    spacing: Spacing;
+    elevation: Elevation;
+    isDark: boolean;
+    overrides: Overrides;
+    utils: {
+        getColor: GetColor;
+        getAAColorFromSwatches: GetAAColorFromSwatches;
+        getAAColor: GetAAColor;
+    };
+};
+
+declare const defaultTheme: (theming: 'dark' | 'light') => Theme;
+
+declare const neutralColors: readonly ["neutralWhite", "neutralBlack"];
+/**
+ * Here are listed all the colors available for our project
+ * Flat colors are the actual colors of the system
+ **/
+declare const flatColors: readonly ["greyScale", "darkGrey", "lightGrey", "red", "magenta", "purple", "darkBlue", "blue", "lightBlue", "teal", "green", "yellow", "orange", "darkOrange", "neutralWhite", "neutralBlack"];
+/**
+ * Here are listed all the colors available for our project
+ * Pale colors are just colors without shades
+ **/
+declare const paleColors: readonly ["greyScale", "darkGrey", "lightGrey", "red", "magenta", "purple", "darkBlue", "blue", "lightBlue", "teal", "green", "yellow", "orange"];
+/**
+ * Here are listed all the color shades
+ * Each colors of the flat palette is generated with these variations
+ * E.g red.100 = color or yellow.500 = color
+ * so there is no yellow but variations of yellow
+ * default variation: 500
+ **/
+declare const colorShades: readonly [50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950];
+declare const MIN_SHADE = 50;
+declare const BASE_SHADE = 500;
+declare const MAX_SHADE = 950;
+/**
+ * mainTypes are not colors per se but a type of color
+ * for example error is red but also defines a state that's why is listed here and not in flat colors
+ * Each color has again the above variations (shades)
+ **/
+declare const mainTypes: readonly ["primary", "secondary", "success", "error", "warning", "info", "light", "link"];
+declare type flatPalette = Record<typeof flatColors[number], generatedColorShades>;
+declare type palePalette = Record<typeof paleColors[number], string>;
+declare type generatedColorShades = Record<typeof colorShades[number], string>;
+/**
+ * Palette is end output of what is produced and exported to the client projects
+ **/
+declare type Palette = {
+    text: {
+        primary: generatedColorShades;
+        secondary: generatedColorShades;
+        light: generatedColorShades;
+    };
+    flat: flatPalette;
+    pale: palePalette;
+    white: string;
+    black: string;
+} & Record<typeof mainTypes[number], generatedColorShades>;
+declare type formFieldStyles = 'filled' | 'outlined' | 'elevated';
+declare type GetColor = {
+    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
+    (color: typeof flatColors[number], variant: typeof colorShades[number], scope: 'flat'): string;
+    (color: TextColorTypes, variant: typeof colorShades[number], scope: 'text'): string;
+    (color: typeof mainTypes[number], variant: typeof colorShades[number], scope: 'normal'): string;
+    (color: typeof paleColors[number], variant: null, scope: 'pale'): string;
+};
+declare const getColor: (palette: Palette) => GetColor;
+/**
+ * this function picks either white or black color based on the background that is passed
+ * swatches are calculated based on accessibility by getAAColor function and splited to those two colors
+ **/
+declare type GetAAColorFromSwatches = {
+    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
+};
+declare const getAAColorFromSwatches: (palette: Palette) => GetAAColorFromSwatches;
+declare type GetAAColor = {
+    (color: string): string;
+};
+declare const getAAColor: (palette: Palette) => GetAAColor;
+
+declare const palette_d_neutralColors: typeof neutralColors;
+declare const palette_d_flatColors: typeof flatColors;
+declare const palette_d_paleColors: typeof paleColors;
+declare const palette_d_colorShades: typeof colorShades;
+declare const palette_d_MIN_SHADE: typeof MIN_SHADE;
+declare const palette_d_BASE_SHADE: typeof BASE_SHADE;
+declare const palette_d_MAX_SHADE: typeof MAX_SHADE;
+declare const palette_d_mainTypes: typeof mainTypes;
+type palette_d_flatPalette = flatPalette;
+type palette_d_palePalette = palePalette;
+type palette_d_generatedColorShades = generatedColorShades;
+type palette_d_Palette = Palette;
+type palette_d_formFieldStyles = formFieldStyles;
+type palette_d_GetColor = GetColor;
+declare const palette_d_getColor: typeof getColor;
+type palette_d_GetAAColorFromSwatches = GetAAColorFromSwatches;
+declare const palette_d_getAAColorFromSwatches: typeof getAAColorFromSwatches;
+type palette_d_GetAAColor = GetAAColor;
+declare const palette_d_getAAColor: typeof getAAColor;
+declare namespace palette_d {
+  export {
+    palette_d_neutralColors as neutralColors,
+    palette_d_flatColors as flatColors,
+    palette_d_paleColors as paleColors,
+    palette_d_colorShades as colorShades,
+    palette_d_MIN_SHADE as MIN_SHADE,
+    palette_d_BASE_SHADE as BASE_SHADE,
+    palette_d_MAX_SHADE as MAX_SHADE,
+    palette_d_mainTypes as mainTypes,
+    palette_d_flatPalette as flatPalette,
+    palette_d_palePalette as palePalette,
+    palette_d_generatedColorShades as generatedColorShades,
+    palette_d_Palette as Palette,
+    palette_d_formFieldStyles as formFieldStyles,
+    palette_d_GetColor as GetColor,
+    palette_d_getColor as getColor,
+    palette_d_GetAAColorFromSwatches as GetAAColorFromSwatches,
+    palette_d_getAAColorFromSwatches as getAAColorFromSwatches,
+    palette_d_GetAAColor as GetAAColor,
+    palette_d_getAAColor as getAAColor,
+  };
+}
+
+declare type AcceptedColorComponentTypes = typeof mainTypes[number];
+
+/** A generic type for native events */
+declare type EventProps = {
+    onClick?: () => void;
+    onBlur?: () => void;
+};
+declare type DivProps = Omit<React.HTMLProps<HTMLDivElement>, 'size' | 'css'>;
+
+declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck';
+
+declare type Props$z = {
+    /** the src of the image to show **/
+    src?: string;
+    /** The icon name to pick from our library of icons
+     *  @default 'user'
+     * */
+    iconName?: AcceptedIconNames;
+    /** The size of the avatar
+     *  @default 'md'
+     * */
+    size?: AvatarSizes;
+    /** the color of the button based on our colors eg. red-500
+     *  @default 'darkGrey-500'
+     * */
+    color?: string;
+    /** The class name of the avatar component if its styled **/
+    className?: string;
+};
+declare type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg';
+
+declare const Avatar: React__default.ForwardRefExoticComponent<Pick<Props$z & DivProps, "children" | "onChange" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof Props$z> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare type Props$y = {
+    /** the maximum number of avatars to be displayed **/
+    maxAvatars?: number;
+    /** The size of the extra avatar, if any **/
+    size?: AvatarSizes;
+    /** the color of the extra avatar based on our colors eg. red-500 **/
+    color?: string;
+};
+
+declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<Props$y & TestProps$2 & DivProps$1, "children" | "onChange" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | "dataTestId" | keyof Props$y> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare type BreadcrumbItemData = {
+    /** Defines the path used for a link breadcrumb item*/
+    to?: string;
+    /** Defines the label used for a link breadcrumb item */
+    label: string;
+};
+
+declare type Props$x = {
+    /** Defines the data for constructing the related breadcrumb items */
+    data?: BreadcrumbItemData[];
+};
+declare const Breadcrumb: React.FC<Props$x>;
+
+declare type ClickEvent = MouseEvent<HTMLButtonElement> | undefined;
+
+declare type DeepPartial<T> = T extends {
+    [key: string]: unknown;
+} ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+declare type TestId = string;
+declare type TestProps$1 = {
+    dataTestId?: TestId;
+};
+
+declare const buttonSizes: readonly ["lg", "md", "sm"];
+
+declare type Props$w = {
+    /** Type indicating the type of the button */
+    type?: AcceptedColorComponentTypes;
+    /** the color of the button based on our colors eg. red-500 */
+    color?: string;
+    /** This property define the size of the button. Defaults to 'md' */
+    size?: typeof buttonSizes[number];
+    /** This property will make the button fit to its parent width. Defaults to false */
+    block?: boolean;
+    /** Property indicating if the component is filled with a color based on the type */
+    filled?: boolean;
+    /** Property indicating if the component is async and loading */
+    loading?: boolean;
+    /** Property indicating if the component is transparent with a color based on the type */
+    transparent?: boolean;
+    /** An optional boolean to show if the button is icon */
+    isIconButton?: boolean;
+    /** An optional icon to put on the right of the button */
+    iconRight?: React__default.Component | JSX.Element | null;
+    /** An optional icon to put on the left of the button */
+    iconLeft?: React__default.Component | JSX.Element | null;
+    /** Define if the button is in disabled state */
+    disabled?: boolean;
+    /** Defines the button type */
+    buttonType?: 'submit' | 'reset' | 'button';
+};
+
+declare type onClickProp = {
+    onClick: ClickHandler;
+};
+declare const Button: React__default.ForwardRefExoticComponent<Props$w & TestProps$2 & onClickProp & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare type Props$v = {
+    /** Elevation of Card */
+    elevated?: keyof Elevation$1;
+    /** Transparency of Card: if false the Card's background is white, otherwise it's transparent */
+    transparent?: boolean;
+    /** Border radius of Card: if not provided it defaults to 0 */
+    radius?: keyof Spacing$1;
+};
+declare const Card: React__default.FC<Props$v>;
+
+declare type Data$2 = {
+    name: string;
+    [prop: string]: number | string | undefined;
+};
+
+declare type Props$u = {
+    /** This property defines the data to be shown in the Line Chart */
+    data: Data$2[];
+    /** Property indicating the label name to be displayed for X axis */
+    labelX?: string;
+    /** Property indicating the label name to be displayed for Y axis */
+    labelY?: string;
+    /**  Define if the legend will be displayed */
+    showLegend?: boolean;
+    /** Function passed as property, so that the user can select colors for each line. If no function is passed or no color is picked for one or more lines, color will be selected randomly  */
+    color?: (dataLabel: string) => string;
+};
+declare const LineChart: React__default.FC<Props$u>;
+
+declare type HoverInfo = {
+    name: string;
+    value?: string | number;
+    percentage?: string;
+    [prop: string]: number | string | undefined;
+};
+declare type Option = {
+    color?: string;
+    coloringOption?: 'all' | 'bar';
+    hoverInfo?: HoverInfo[];
+};
+declare type Data$1 = {
+    name: string;
+    subcategory?: string;
+    value?: number;
+    barLabel?: string;
+    options?: Option;
+};
+declare type Props$t = {
+    /** This property defines the data to be shown in the Line Chart */
+    data: Data$1[];
+};
+declare const BarChart: React__default.FC<Props$t>;
+
+declare type Data = {
+    name: string;
+    value: number;
+    color?: string;
+};
+declare type Props$s = {
+    /** This property defines the data to be shown in the Donut Chart */
+    data: Data[];
+    /** This property defines the value to be shown in the Donut Chart label */
+    value?: string | number;
+    /** This property defines the units to be shown in the Donut Chart label*/
+    units?: string;
+};
+declare const DonutChart: React__default.FC<Props$s>;
+
+declare type Props$r = {
+    /** The label of the checkbox. */
+    label?: string;
+    /** Boolean defining if the checkbox is checked. */
+    checked?: boolean;
+    /** Callback function for onClick. Returns the new value and the change event. */
+    onClick?(val: boolean, e: ChangeEvent): void;
+    /** Boolean defining if the checkbox is disabled. Defaults to false */
+    disabled?: boolean;
+    /** Boolean defining if the checkbox is in intermediate state when checked ( - instead of ✓ ). Defaults to false */
+    intermediate?: boolean;
+    /** Whether the radio input is filled or outlined
+     *
+     * @default true
+     * */
+    filled?: boolean;
+    /** The data test id if needed */
+    dataTestIdSuffix?: TestId;
+    /** Disables auto generated id for snapshots*/
+    id?: string;
+};
+declare const CheckBox: React.ForwardRefExoticComponent<Props$r & React.RefAttributes<HTMLSpanElement>>;
+
+declare const styleType: readonly ["read-only", "interactive"];
+declare type Props$q = {
+    /**
+     * Determines whether the chip should be read-only or interactive.
+     * @default read-only
+     */
+    styleType?: typeof styleType[number];
+    /** Defines the fill color of the component, if filled. */
+    fill?: typeof flatColors[number];
+    /** An optional thumbnail to show to the left. */
+    thumbnail?: {
+        src?: string;
+        name?: string;
+    };
+    /** Boolean defining if the chip is selected. */
+    isSelected?: boolean;
+    /** Boolean defining if the check icon is shown. */
+    isChecked?: boolean;
+    /** Defines the number value of the badge */
+    badgeNumber?: number;
+    /** Callback function for onClick. */
+    onClick?: (event: ClickEvent) => void;
+    /** A callback that is being triggered when type is interactive and you press the X icon. */
+    onClear?: () => void;
+    /** Boolean defining if the chip is disabled. Interactive only. */
+    disabled?: boolean;
+};
+
+declare const Chip: React__default.ForwardRefExoticComponent<Props$q & TestProps$1 & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare type FilterOption = {
+    value: string | number;
+    label: string;
+};
+declare type StyleType = 'filled' | 'transparent';
+declare type FilterType = 'preset' | 'added';
+declare type Props$p = {
+    /** The type of the button - defaults to "primary" */
+    buttonType?: 'primary' | 'secondary';
+    /** Items that are being declared as menu options */
+    items: FilterOption[];
+    /** The default value. The default value is not an item of the items, is a kind of extra item that
+     * on top of the items and is displayed always first */
+    defaultValue: FilterOption;
+    /** A callback that is being triggered when an items has been clicked */
+    onSelect: (option: FilterOption) => void;
+    /** A callback that is being triggered when type is added and you press the X icon */
+    onClear?: () => void;
+    /** The text of the button to show */
+    label: React.ReactNode;
+    /** Defines the style type of the button */
+    styleType: StyleType;
+    /** Defines the filter type */
+    filterType?: FilterType;
+    /** The selected item of the menu. This is an item of the the items list */
+    selectedItem?: FilterOption;
+    /** Defines if the button is in disabled state */
+    disabled?: boolean;
+    /** if the options are searchable */
+    isSearchable?: boolean;
+    /** the function to fetch new options */
+    onAsyncSearch?: (term: string) => void;
+    /** after how many characters to start searching (default = 0) */
+    minCharactersToSearch?: number;
+    /** if the search request is loading */
+    isLoading?: boolean;
+    /** Whether the Options List is Virtualized or not */
+    isVirtualized?: boolean;
+    /** data-testid suffix */
+    dataTestId?: string;
+};
+
+declare type Props$o = {
+    /** The id of the text field that will be used as for in label too */
+    id?: string;
+    /** Callback fired when the `input` is blurred. */
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` is changed. */
+    onChange?: React__default.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` is focused. */
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` has a key down event. */
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React__default.EventHandler<any>;
+} & Props$A;
+declare const TextField: React__default.ForwardRefExoticComponent<{
+    /** The id of the text field that will be used as for in label too */
+    id?: string | undefined;
+    /** Callback fired when the `input` is blurred. */
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    /** Callback fired when the `input` is changed. */
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    /** Callback fired when the `input` is focused. */
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    /** Callback fired when the `input` has a key down event. */
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: ((event: any) => void) | undefined;
+} & Props$A & Partial<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps$1 & React__default.RefAttributes<HTMLInputElement>>;
+
+declare type Range = {
+    from?: Dayjs;
+    to?: Dayjs;
+};
+
+declare type DisabledDates = {
+    daysOfWeek?: number[];
+    days?: Date[];
+    after?: Date;
+    before?: Date;
+};
+declare type Props$n = {
+    /** This property is to define if this is a day picker or a day range picker */
+    isRangePicker?: boolean;
+    /** A callback to return user selection */
+    onChange?: (range: Range) => void;
+    /** Option to disable some dates */
+    disableDates?: DisabledDates;
+    /** Value to define if needed an initial state or to handle it externally */
+    value?: {
+        from?: Date;
+        to?: Date;
+    };
+    /** Props of the TextField input */
+    inputProps?: Props$o;
+    /** The format of the date displayed in the input field */
+    dateFormatOverride?: DateFormatType;
+    /** if the datepicker can be clear with backspace */
+    isClearable?: boolean;
+    /** if the datepicker's default date is today instead of placeholder text */
+    isDefaultNow?: boolean;
+    /** Style properties for the DatePicker with a filter base */
+    filterConfig?: {
+        /** The type of the filter button's palette - defaults to "primary" */
+        buttonType?: 'primary' | 'secondary';
+        /** Defines the style type of the filter button */
+        styleType?: StyleType;
+        /** This property defines the Filter's type */
+        filterType?: FilterType;
+    };
+};
+declare type DateFormatType = 'MM/DD/YYYY' | 'DD/MM/YYYY' | 'MMMM D, YYYY' | 'dddd, MMMM D, YYYY' | 'M/D/YYYY' | 'MMM D, YYYY' | 'ddd, MMM D, YYYY';
+declare const DatePicker: React__default.FC<Props$n & TestProps$1>;
+
+declare type MenuItem = {
+    name: string;
+    url: string;
+    state?: Record<string, any> | null;
+    visible: boolean;
+    iconName: AcceptedIconNames$1;
+    isActive?<Params extends {
+        [K in keyof Params]?: string;
+    }, S = LocationState>(match: match<Params> | null, location: Location<S>): boolean;
+    options: MenuItem[];
+};
+
+declare type Props$m = {
+    /** Defines if the drawer is expanded */
+    expanded: boolean;
+    /** Changes if the drawer is expanded */
+    setExpanded: (v: boolean) => void;
+    /** The menu items to be displayed in the drawer */
+    menuItems: MenuItem[];
+    /** Render prop function to display something over the Navigation */
+    renderHeader?: () => React__default.ReactNode;
+};
+declare const Drawer: React__default.FC<Props$m>;
+
+declare type SharedProps = {
+    /**
+     * A function accepting a click handler and a boolean representing the current expansion state. Returns the elements containing the text and the
+     * expand/collapse button
+     * */
+    textAndControl: (x: React.ReactEventHandler, y: boolean) => React.ReactElement;
+    /**
+     * The type of the component that wraps the action and content. Must be able to hold a
+     * `data-testid` prop
+     *
+     * @default div
+     */
+    component?: ReactComponentLike;
+    /**
+     * Initial expansion state.
+     *
+     * @default false
+     */
+    initiallyExpanded?: boolean;
+    /**
+     * The duration for the appear transition
+     *
+     * @default 200
+     */
+    transitionDuration?: number;
+    /**
+     * A function accepting a boolean representing the current expansion state. Returns the
+     * collapsible/expandable content. Mutually exclusive with children.
+     */
+    content?: (x: boolean) => React.ReactNode;
+    /**
+     * A function accepting a boolean representing the current expansion state. Returns the
+     * collapsible/expandable content. Mutually exclusive with content.
+     */
+    children?: (x: boolean) => React.ReactNode;
+} & TestProps$1;
+declare type ExternalProps = {
+    /**
+     * Defining this prop means that the component is controlled
+     *
+     * @default false
+     */
+    expanded: boolean;
+    /**
+     * Change handler for the case when the component is controlled
+     */
+    onChange: React.ReactEventHandler;
+};
+declare type InternalProps = {
+    /**
+     * Defining this prop means that the component is controlled
+     *
+     * @default false
+     */
+    expanded: undefined;
+    /**
+     * Change handler for the case when the component is controlled
+     */
+    onChange: undefined;
+};
+declare type Props$l = SharedProps & (InternalProps | ExternalProps);
+
+declare const ExpandCollapse: (props: Props$l) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare type OwnProps = {
+    /** This property defines witch icon to use */
+    name: AcceptedIconNames;
+    /** Property indicating the color of the icon. Defaults to primary */
+    color?: AcceptedColorComponentTypes | string;
+    /** Property indicating the size of the icon. Defaults to 16 */
+    size?: number;
+    /** Callback fired when the `span` is clicked. */
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    /** Property indicating the color's variant of the icon. */
+    variant?: typeof colorShades[number];
+};
+declare const Icon: React.ForwardRefExoticComponent<OwnProps & TestProps$1 & React.RefAttributes<HTMLSpanElement>>;
+
+declare const IconButton: React__default.ForwardRefExoticComponent<Omit<Props$B, "isIconButton" | "iconRight" | "iconLeft"> & {
+    /** Property indicating the size of the icon. Defaults to 16 */
+    iconSize?: number | undefined;
+    /** This property defines witch icon to use */
+    name: AcceptedIconNames;
+} & TestProps$1 & EventProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare type Props$k = {
+    /** If the label has error */
+    error?: boolean;
+    /** The label that is going to be displayed */
+    label: string;
+    /** If the label value is required */
+    required: boolean;
+    /** If the label must be moved to the top */
+    animateToTop?: boolean;
+    htmlFor?: string;
+    size?: string;
+};
+declare const Label: React.FC<Props$k>;
+
+declare type ListItemType = string | number | SelectOption$1 | FilterOption$1 | React__default.ReactNode;
+declare type ListRowSize = 'small' | 'normal';
+declare type SelectHandlerType = ((option: string) => void) | ((option: number) => void) | ((option: SelectOption$1) => void) | ((option: FilterOption$1) => void);
+
+declare const _default$1: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+    /** Data for the list */
+    data: ListItemType[];
+    /** Size of the list's row (height of ListItem Component)  */
+    rowSize: ListRowSize;
+    /** Width of the list */
+    width?: number | undefined;
+    /** Height of the list */
+    height?: number | undefined;
+    /** Virtualized list option */
+    isVirtualized?: boolean | undefined;
+    /** Selected Item */
+    selectedItem?: ListItemType;
+    /** Default option. Renders on top of the list, highlighted - for Filter component */
+    defaultOption?: ListItemType;
+    /** Search Term to be highlighted in list items */
+    searchTerm?: string | undefined;
+    /** Option Click handler for SelectOption[] data case */
+    handleOptionClick?: SelectHandlerType | undefined;
+    /** Defines if this is searchable list or not **/
+    isSearchable?: boolean | undefined;
+} & TestProps$2 & React__default.RefAttributes<HTMLDivElement>>>;
+
+declare const loaderTypes: readonly ["dots", "indeterminate", "spinner"];
+
+declare type LoaderType = typeof loaderTypes[number];
+declare type Props$j = {
+    /** Loader type. Defaults to dots **/
+    type?: LoaderType;
+    /** The data test id if needed */
+    dataTestId?: string;
+    /** Color of the loader. Define AA color otherwise it gets Primary be default */
+    color?: string;
+};
+declare const Loader: React__default.FC<Props$j>;
+
+declare type MenuPositionAllowed = 'left' | 'right';
+
+declare type Props$i = {
+    /** the color of the button based on our colors eg. red-500 */
+    color?: string;
+    /** Items that are being declared as menu options */
+    items?: string[];
+    /** This property define the size of the button. Defaults to 'md' */
+    size?: 'lg' | 'md' | 'sm';
+    /** Property indicating if the component is filled with a color based on the type */
+    filled?: boolean;
+    /** Returns the items selected on the menu */
+    selectedItem?: string | null;
+    /** A callback that is being triggered when an items has been clicked */
+    onSelect: (option: string) => void;
+    /** The text of the button to show - defaults to "More" */
+    buttonText: React.ReactNode;
+    /** Define if the button is in disabled state */
+    disabled?: boolean;
+    /** Menu position when open */
+    menuPosition?: MenuPositionAllowed;
+    /** The type of the button - defaults to "primary" */
+    buttonType?: AcceptedColorComponentTypes$1;
+    /** The name of the icon on the right area of menu button */
+    rightIconName?: AcceptedIconNames;
+    /** The name of the icon on the left area of menu button */
+    leftIconName?: AcceptedIconNames;
+    /** The size of the icon on the menu button */
+    iconSize?: number;
+    /** You can define the avatar properties here for src or letter if none then the user icon will be displayed if the object is not empty */
+    avatar?: {
+        src: string;
+        letter: string;
+        color?: string;
+    };
+};
+declare type TestProps = {
+    dataTestId?: string;
+};
+declare const Menu: React.FC<Props$i & TestProps & EventProps$1>;
+
+declare type Props$h = {
+    /** The label of the modal. */
+    label?: string;
+    /** The heading of the modal. */
+    heading: string;
+    /** The main messager of the modal. */
+    message: string;
+    /** The primary call-to-action label of the Modal */
+    primaryCTALabel?: string;
+    /** The primary call-to-action of the Modal */
+    primaryCTA?: () => void;
+    /** The secondary call-to-action label of the Modal */
+    secondaryCTALabel?: string;
+    /** The secondary call-to-action of the Modal */
+    secondaryCTA?: () => void;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+
+declare type Props$g = {
+    /**  If true, the modal is open. Defaults to false. */
+    open: boolean;
+    /** Callback fired when the component requests to be closed. */
+    onClose: () => void;
+    /** If contentProps are defined then ModalContent will be used instead of children. Otherwise, you can use the Modal as a wrapper  */
+    contentProps?: Props$h;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+    /**  If true, the modal will close also with esc button. Defaults to true. */
+    closeOnEsc?: boolean;
+};
+declare const Modal: React__default.FC<Props$g>;
+
+declare type NotificationTypes = 'success' | 'error' | 'info' | 'warning';
+declare type NotificationStyleType = 'elevated' | 'outlined';
+
+declare type Props$f = {
+    /** Show notification icon based on the type */
+    withIcon?: boolean;
+    /** The informative message of the Notification */
+    message: string | React.ReactNode;
+    /** The type of the Notification */
+    type: NotificationTypes;
+    /** The style type of the Notification. Defaults to elevated */
+    styleType?: NotificationStyleType;
+    /** The primary call-to-action label of the Notification */
+    primaryCTALabel?: string;
+    /** The primary call-to-action of the Notification */
+    primaryCTA?: () => void;
+    /** The closing call-to-action of the Notification */
+    closeCTA?: () => void;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const InlineNotification: React.FC<Props$f>;
+
+declare type Positions = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
+declare type Props$e = {
+    /** Notifications Container position */
+    position: Positions;
+};
+declare const NotificationsContainer: React.FC<Props$e>;
+
+declare type Props$d = {
+    /** The message heading of the Notification */
+    title: string | undefined;
+    /** The primary call-to-action label of the Notification */
+    primaryCTALabel: string | undefined;
+    /** The primary call-to-action of the Notification */
+    primaryCTA: (() => void) | undefined;
+    /** The secondary call-to-action label of the Notification */
+    secondaryCTALabel: string | undefined;
+    /** The secondary call-to-action of the Notification */
+    secondaryCTA: (() => void) | undefined;
+    /** The description of the Notification (only for toast) */
+    description: string | undefined;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const NotificationVisual: React.FC<Props$d>;
+
+declare type Props$c = {
+    /** Show notification icon based on the type */
+    withIcon?: boolean;
+    /** The title (message heading) of the Notification */
+    title: string;
+    /** The informative message of the Notification */
+    message: string | React.ReactNode;
+    /** The type of the Notification */
+    type: NotificationTypes;
+    /** The style type of the Notification. Defaults to elevated */
+    styleType?: NotificationStyleType;
+    /** The primary call-to-action label of the Notification */
+    primaryCTALabel?: string;
+    /** The primary call-to-action of the Notification */
+    primaryCTA?: () => void;
+    /** The closing call-to-action of the Notification */
+    closeCTA?: () => void;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const Banner: React.FC<Props$c>;
+
+declare type Props$b = {
+    /** The informative message of the Toast */
+    message: string;
+    /** The type of the Notification */
+    type: NotificationTypes;
+    /** The style type of the Notification. Defaults to elevated */
+    styleType?: NotificationStyleType;
+    /** The primary call-to-action label of the Notification */
+    primaryCTALabel: string | undefined;
+    /** The primary call-to-action of the Notification */
+    primaryCTA: (() => void) | undefined;
+    /** The secondary call-to-action label of the Notification */
+    secondaryCTALabel: string | undefined;
+    /** The secondary call-to-action of the Notification */
+    secondaryCTA: (() => void) | undefined;
+    /** The description of the Notification (only for toast) */
+    description: string | undefined;
+    /** The closing call-to-action of the Toast */
+    closeCTA: (() => void) | undefined;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const Snackbar: React.FC<Props$b>;
+
+declare type AnchorType = 'bottom' | 'left' | 'right' | 'top';
+declare type Props$a = {
+    /**  If true, the overlay is open.*/
+    open: boolean;
+    /** Callback fired when the component requests to be closed. */
+    onClose: () => void;
+    /** Side from which the overlay will appear. */
+    anchor?: AnchorType;
+    /**Based on the anchor, defines the size of the overlay. */
+    size: string;
+    /** The data test id if needed */
+    dataTestId?: TestId$1;
+};
+declare const Overlay: React__default.ForwardRefExoticComponent<Pick<Props$a & DivProps$1, "children" | "onChange" | "color" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof Props$a> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare type Props$9 = {
+    /** The current page you are on if you need to control it, defaults to 1 **/
+    page: number;
+    /** The total pages **/
+    count: number;
+    /** An onChange callback that will return the page on navigation **/
+    onChange?: (page: number) => void;
+    /** Hide the enhanced button functionality, this way the jump to first and last page will be hidden **/
+    hideEnhancedPaginationButtons?: boolean;
+    /** Manually disable next page buttons **/
+    nextPageDisabled?: boolean;
+    /** Manually disable previous page buttons **/
+    prevPageDisabled?: boolean;
+};
+declare const Pagination: ({ page, count, onChange, hideEnhancedPaginationButtons, nextPageDisabled, prevPageDisabled, }: Props$9) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare type Props$8 = {
+    /** The value of the radio input. If no value is passed the default value, according to spec, is "on"
+     *  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#value
+     *
+     *  @default on
+     * */
+    value?: string | number;
+    /** Whether the radio input is selected or not. Defining this prop means the radio input is controlled */
+    checked?: boolean;
+    /** The onChange event handler for the radio input */
+    onChange?: React.ReactEventHandler;
+    /** The name of the radio input, in case you want to manually form a radio group */
+    name?: string;
+    /** Whether the radio input is disabled
+     *
+     *  @default false
+     * */
+    disabled?: boolean;
+    /** ID property of the radio input */
+    id?: string;
+    /** Whether the radio input is required to be selected in the context of a form
+     *
+     * @default false
+     * */
+    required?: boolean;
+    /** Whether the radio input is filled or outlined
+     *
+     * @default true
+     * */
+    filled?: boolean;
+    dataTestId?: TestId;
+};
+declare const Radio: React.ForwardRefExoticComponent<Props$8 & React.RefAttributes<HTMLInputElement>>;
+
+declare type RadioGroupProps = {
+    /** A list of Radio elements */
+    children: React.ReactNode;
+    /** The onChange event handler for the radio group */
+    onChange?: React.ReactEventHandler;
+    /** The current value of the radio group. Defining this prop means the radio group is controlled */
+    value?: string | number;
+    /** A default value for the radio group. Defining this prop means the radio group is not controlled */
+    defaultValue?: string | number;
+    /** A name value for all the radio inputs of the radio group */
+    name?: string;
+};
+declare function RadioGroup(props: RadioGroupProps): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const textInputSizes: readonly ["md", "sm"];
+
+declare type Props$7 = {
+    /** The label of the text field that will be used as a placeholder and a label */
+    label?: string;
+    /** The placeholder of the input that will be used. This is shown if no label exists */
+    placeholder?: string;
+    /** An optional icon to show to the left */
+    leftIcon?: AcceptedIconNames$1 | JSX.Element | null;
+    /** An optional icon to show to the right */
+    rightIcon?: AcceptedIconNames$1 | JSX.Element | null;
+    /** If the text field value is required */
+    required?: boolean;
+    /** If the text field is disabled */
+    disabled?: boolean;
+    /** If the text field is locked. Locked state is unique to this and the system */
+    locked?: boolean;
+    /** dark mode of the text field */
+    dark?: boolean;
+    /** Error message */
+    hintMsg?: React__default.ReactNode | string;
+    /** value of the input */
+    value?: string | number;
+    /** if the input will be without default style for use inside the library */
+    lean?: boolean;
+    /** Style of input field */
+    styleType?: formFieldStyles$1;
+    /** Sets the size of the textField */
+    size?: typeof textInputSizes[number];
+    /** The status of the button regarding the status which is in - default normal */
+    status?: 'success' | 'normal' | 'hint' | 'error';
+    /** If the field is used as a Search component */
+    isSearch?: boolean;
+    /** If the field is used as a TextArea component */
+    isTextArea?: boolean;
+};
+
+declare type SelectOption = {
+    value: string | number;
+    label: string;
+    isDisabled?: boolean;
+    tooltipInfo?: string;
+    options?: SelectOption[];
+};
+declare const Select: React__default.ForwardRefExoticComponent<{
+    /** The function that is used to return the selected options */
+    handleSelectedOption?: ((selectedOption: SelectOption) => void) | undefined;
+    /** the default value of the select if needed */
+    /** TODO: defaultValue is duplication of selectedOption*/
+    defaultValue?: SelectOption | undefined;
+    /** the value of the select if select is controlled */
+    selectedOption?: SelectOption | undefined;
+    /** if the select has tags */
+    multi?: boolean | undefined;
+    /** Options for the select dropdown */
+    options: SelectOption[];
+    /** if the component is used asynchronously */
+    isAsync?: boolean | undefined;
+    /** the function to fetch new options */
+    asyncSearch?: ((term: string) => void) | undefined;
+    /** after how many characters to start searching (default = 0) */
+    minCharactersToSearch?: number | undefined;
+    /** if searched text should be highlighted in available options */
+    highlightSearch?: boolean | undefined;
+    /** if the options are searchable */
+    isSearchable?: boolean | undefined;
+    /** data-testid suffix */
+    dataTestId?: string | undefined;
+    /** if component is loading */
+    isLoading?: boolean | undefined;
+    /** if options list is virtualized */
+    isVirtualized?: boolean | undefined;
+} & {
+    id?: string | undefined;
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onInput?: ((event: any) => void) | undefined;
+} & Props$7 & Partial<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps$1 & React__default.RefAttributes<HTMLInputElement>>;
+
+declare type TooltipSize = 'large' | 'medium' | 'small';
+declare type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+declare type Props$6 = {
+    /** The plain text to show inside the tooltip */
+    content: React__default.ReactNode;
+    /** The placement where the tooltip will show */
+    /** @default top */
+    placement?: TooltipPlacement;
+    /** Whether the tooltip is transparent or not - for cases
+     * where the content is a custom component
+     */
+    /** @default false */
+    isTransparent?: boolean;
+    /** The unique id in order to link content and tooltip */
+    /** @default uuid */
+    id?: string;
+    /** The size of the tooltip to define different style */
+    /** @default medium */
+    size?: TooltipSize;
+    /** Determines if the tooltip is interactive, i.e. it can be
+     * hovered over or clicked without hiding */
+    /** @default false */
+    interactive?: boolean;
+    /** Number in ms to debounce the internal onMouseMove handler
+     * which determines when an interactive tooltip should hide. */
+    /** @default 100 */
+    delay?: number;
+    children: React__default.ReactElement;
+};
+declare const Tooltip: React__default.FC<Props$6>;
+
+declare type SortingOrder = 'asc' | 'desc';
+declare type ExtendedColumn = {
+    content: {
+        label: string;
+        sortingKey: string;
+    };
+    tooltip?: {
+        content: string;
+        placement?: TooltipPlacement;
+    };
+    isSortable?: boolean;
+};
+declare type Sort = {
+    column: string;
+    order: SortingOrder;
+};
+
+declare type ContentComponent<T> = (data: Cell<T>) => React__default.Component | JSX.Element;
+declare type Cell<T> = {
+    content: number | string | ContentComponent<T>;
+    tooltipContent?: string;
+    hasTruncatedTooltip?: boolean;
+    colSpan?: number;
+    type?: 'financial' | 'normal';
+    align?: 'left' | 'right';
+    widthPercentage?: number;
+};
+declare type Row<T> = {
+    id: string | number;
+    cells: Cell<T>[];
+    expanded?: ({ row, selected, expanded, }: {
+        row: Row<T>;
+        selected: boolean;
+        expanded: boolean;
+    }) => React__default.Component | JSX.Element;
+    rowSpan?: number;
+};
+declare type Selection = string | number;
+declare type TableType = 'normal' | 'nested-header';
+declare type Props$5<T> = {
+    /** The data for the table that needs to display. */
+    data: Row<T>[];
+    /** An array of titles or objects to define columns. */
+    columns: (string | ExtendedColumn)[];
+    /** Boolean defining if the header is fixed or not. */
+    fixedHeader?: boolean;
+    /** Boolean defining if the CTA's container is fixed or not. */
+    fixedCTA?: boolean;
+    /** Type of the table which determine the headers display. */
+    type?: TableType;
+    /** Boolean defining the padding all over the table cells and rows. */
+    padded?: boolean;
+    /** Function that once provided on each check will return the selection. */
+    onCheck?: (data: Selection[]) => void;
+    /** Function that once provided will provide the currently selected sorting configuration */
+    onSort?: (column: string, order: SortingOrder) => void;
+    /** Initial sorting column and order. Should be provided along with onSort */
+    initialSort?: Sort;
+    /** If provided sort will only work with this option (asc or desc only). By default supports bidirectional sort*/
+    sortDir?: SortingOrder;
+    /** Top left text on the table - showing a counter, text etc. */
+    topLeftText?: string | JSX.Element;
+    /** Top right area to define a custom component for buttons or other usage. */
+    topRightArea?: (data: Row<T>[], selectionData?: Selection[]) => React__default.Component | JSX.Element;
+    /** Action cell width for Table with Expandable Rows (in %)*/
+    actionWidth?: number;
+    /** Data test id prefix for all th/td elements */
+    dataTestIdPrefix?: string;
+};
+declare function Table<T>({ data, columns, type, fixedHeader, fixedCTA, onCheck, padded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, dataTestIdPrefix, }: Props$5<T>): _emotion_react_jsx_runtime.JSX.Element;
+declare const _default: React__default.MemoExoticComponent<typeof Table>;
+
+declare type Props$4 = {
+    /** A callback that's called when the user clicks the 'clear' icon */
+    onClear: () => void;
+};
+declare const SearchField: React__default.ForwardRefExoticComponent<Props$4 & {
+    id?: string | undefined;
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onInput?: ((event: any) => void) | undefined;
+} & components_TextInputBase.Props & TestProps$1 & React__default.RefAttributes<HTMLInputElement>>;
+
+declare type Props$3 = {
+    /** The id of the text field that will be used as for in label too */
+    id?: string;
+    /** The placeholder of the input that will be used. This is shown if no label exists */
+    placeholder?: string;
+    /** If the text field value is required */
+    required?: boolean;
+    /** If the text field is disabled */
+    disabled?: boolean;
+    /** If the text area can be resized */
+    resizeEnabled?: boolean;
+    /** Style of input field */
+    styleType?: formFieldStyles;
+    /** Error message */
+    hintMsg?: React.ReactNode | string;
+    /** The status of the button regarding the status which is in - default normal */
+    status?: 'success' | 'normal' | 'hint' | 'error';
+    /** Callback fired when the `input` is blurred. */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` is changed. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` is focused. */
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** Callback fired when the `input` has a key down event. */
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React.EventHandler<any>;
+};
+declare const TextArea: React.ForwardRefExoticComponent<Props$3 & TestProps$1 & React.RefAttributes<HTMLTextAreaElement>>;
+
+declare type Props$2 = {
+    /** Theme properties to override or pass theming down to library */
+    theme?: DeepPartial<ThemeConfig>;
+};
+declare const ThemeProvider: React__default.FC<Props$2>;
+
+declare type Props$1 = {
+    /** The informative message of the Toast */
+    message: string;
+    /** The type of the Toast, will determine the color and the icon */
+    type?: AcceptedColorComponentTypes;
+    /** The style type of the Notification. Defaults to elevated */
+    styleType?: NotificationStyleType;
+    /** The closing call-to-action of the Toast */
+    closeCTA: (() => void) | undefined;
+    /** Initialize toast as expanded */
+    expanded?: boolean;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const Toast: React.FC<Props$1>;
+
+declare type UserMenuProps = {
+    items: string[];
+    userName: string;
+    userAvatar: {
+        src: string;
+        letter: string;
+        color?: string;
+    };
+    onSelect: (selectedItem: string) => void;
+};
+
+interface TopAppBarProps {
+    /** The placeholder of the search component */
+    searchPlaceholder?: string;
+    /** The defaultValue of the search component */
+    searchDefaultValue?: string;
+    /** Flag indicating that the search is disabled */
+    isSearchDisabled?: boolean;
+    /** Callback to be triggered on onChange event of search component */
+    onSearchHandler?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    /** Callback to be triggered on onKeyPress event of search component */
+    onKeyPressHandler?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    /** Custom product logo */
+    logoIcon?: JSX.Element;
+    /** Handler for opening end closing the Drawer. Burger menu only visible from breakpoint [tab-1024] */
+    onMenuIconClick: () => void;
+    /** Whatever is needed can be placed here. It will be placed on the left side of the user menu */
+    additionalTools?: JSX.Element | JSX.Element[];
+    /** User menu props */
+    userMenu: UserMenuProps;
+    /** Flag indicating the theme mode */
+    dark?: boolean;
+}
+
+declare const TopAppBar: FC<TopAppBarProps>;
+
+declare const useTheme: () => _emotion_react.Theme;
+
+declare const useEscape: (onEscape: () => void) => void;
+
+declare const Filter: React__default.ForwardRefExoticComponent<Props$p & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare type Props = {
+    /** The content of the tooltip */
+    tooltipContent: string | undefined;
+    /** Flag for overriding other settings to always show the tooltip */
+    shouldAlwaysShow?: boolean;
+    /** The placement of the tooltip */
+    placement?: 'top' | 'bottom' | 'right' | 'left';
+};
+declare const TruncatedContent: React__default.FC<Props>;
+
+export { AcceptedColorComponentTypes, Avatar, AvatarStack, Banner, BarChart, Breadcrumb, Button, Card, CheckBox, Chip, DatePicker, DonutChart, Drawer, Elevation, ExpandCollapse, Filter, Icon, IconButton, InlineNotification, Label, LineChart, _default$1 as List, Loader, Menu, Modal, NotificationVisual, NotificationsContainer, Overlay, Overrides, Pagination, Palette, Radio, RadioGroup, SearchField, Select, Snackbar, Spacing, _default as Table, TextArea, TextField, Theme, ThemeProvider, Toast, Tooltip, TopAppBar as TopNavBar, TruncatedContent, Typography, elevation_d as elevation, overrides_d as overrides, palette_d as palette, queriesSizes, spacing_d as spacing, defaultTheme as themeConfig, functions_d as themeFunctions, typography_d as typography, useBreakpoints, useEscape, useTheme };