@uniformdev/design-system 19.135.0 → 19.135.1-alpha.11

package/dist/index.d.ts

@@ -1,29 +1,33 @@
-import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { Decorator } from '@storybook/react';
 import * as React$1 from 'react';
-import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
-import { GroupBase } from 'react-select';
+import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
+import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
 import { LottieComponentProps } from 'lottie-react';
 import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
+import { RefType } from 'react-hotkeys-hook/dist/types';
+import { TooltipOptions, TooltipInitialState } from 'reakit/Tooltip';
 import { MenuProps as MenuProps$1 } from 'reakit';
-import * as _react_icons_all_files_lib from '@react-icons/all-files/lib';
 import { IconType as IconType$1, IconBaseProps } from '@react-icons/all-files/lib';
 import * as _react_icons_all_files from '@react-icons/all-files';
+import { IconType as IconType$2 } from '@react-icons/all-files';
 import { DateValue } from '@internationalized/date';
 import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
-import InternalSelect from 'react-select/dist/declarations/src/Select';
-import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
+import { PopoverState } from 'reakit/Popover';
+import { CreatableProps } from 'react-select/creatable';
+import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
 import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
 import * as _ariakit_react from '@ariakit/react';
-import { MenuProps as MenuProps$2, MenuStoreProps, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
+import { MenuProps as MenuProps$2, MenuStoreProps, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
+export { PopoverStore } from '@ariakit/react';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
 export { RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
 import { Spread, SerializedElementNode, ElementNode, NodeKey, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
-import * as react_hotkeys_hook_dist_types from 'react-hotkeys-hook/dist/types';
-import { TooltipOptions, TooltipInitialState } from 'reakit/Tooltip';
+import * as _uniformdev_richtext from '@uniformdev/richtext';
 export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/richtext';
 export { Id as ToastId, toast } from 'react-toastify';
 
@@ -42,7 +46,9 @@ type ThemeProps = {
 /**
  * Uniform CSS Variables, font provider and optional reset stylesheet
  * @example <Theme disableReset={true} /> */
-declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const BetaDecorator: Decorator;
 
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -120,12 +126,35 @@ declare const buttonTertiaryOutline: _emotion_react.SerializedStyles;
 declare const buttonGhostUnimportant: _emotion_react.SerializedStyles;
 
 declare const labelText: _emotion_react.SerializedStyles;
-declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
+declare const input: (whiteSpaceWrap: "wrap" | "nowrap") => _emotion_react.SerializedStyles;
 declare const inputError: _emotion_react.SerializedStyles;
 declare const inputSelect: _emotion_react.SerializedStyles;
 
 declare const accessibleHidden: _emotion_react.SerializedStyles;
 
+/** Uniform utility colors
+ * exports the following css variables:
+ * --utility-caution-icon: #facc15;
+ * --utility-caution-title: #854d0e;
+ * --utility-caution-container: #fefce8;
+ * --utility-danger-icon: #f87171;
+ * --utility-danger-title: #991b1b;
+ * --utility-danger-container: #fef2f2;
+ * --utility-info-icon: #60a5fa;
+ * --utility-info-title: #1e40af;
+ * --utility-info-container: #eff6ff;
+ * --utility-note-icon: var(--gray-400);
+ * --utility-note-title: var(--gray-800);
+ * --utility-note-container: var(--gray-50);
+ * --utility-success-icon: #4ade80;
+ * --utility-success-title: #166534;
+ * --utility-success-container: #f0fdfa;
+ * @returns { utilityColors } css utility colors
+ * @example directly on the component <div css={utilityColors}></div>
+ * @example css-in-js my-component { ${utilityColors}}
+ */
+declare const functionalColors: _emotion_react.SerializedStyles;
+
 /**
  * growSubtle animation
  * @description - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)
@@ -182,7 +211,7 @@ type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onC
  * @param {Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'>} props - object of button props
  * @example <AddButton buttonText="Button Text" />
  */
-declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--primary-action-default)';
 type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -211,30 +240,7 @@ type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
  * Uniform Add List Button Component
  * @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
  */
-declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type ArrowPositionProps = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
-type InlineAlertProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** sets the id of the popup and the aria-controls attibute on the close button
-     * @example 'my-alert-box'
-     */
-    id: string;
-    /** sets the title of the inline alert message */
-    title: string;
-    /** sets the text of the inline alert message */
-    text: string;
-    /** (optional) sets the position of the arrow
-     * @default 'left-top'
-     */
-    arrowPosition?: ArrowPositionProps;
-    /** (optional) allows to position alert using direct css */
-    positionCss?: SerializedStyles;
-};
-/**
- * Uniform Inline Alert Component
- * @example <InlineAlert id="my-alert-box" title="my alert box" text="some description text" />
- */
-declare const InlineAlert: ({ id, title, text, arrowPosition, positionCss, ...btnProps }: InlineAlertProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 var v$1 = "4.8.0";
 var meta$1 = {
@@ -20202,7 +20208,7 @@ type AnimationFileProps = LottieComponentProps & {
  * See https://lottiereact.com/ for example documentation
  * @example <AnimationFile animationData={spinnerAnimationData} label="My Animation" width={364} height={282} />
  */
-declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AvatarSizeProp = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarProps = {
@@ -20214,7 +20220,7 @@ type AvatarProps = {
  * @description A component to render rounded avatars of a user or an app.
  * @example <Avatar>AB</Avatar>
  */
-declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AvatarGroupProps = {
     /**
@@ -20233,7 +20239,7 @@ type AvatarGroupProps = {
  * @description Renders avatars in a group with the ability to truncate the list. This component works best when the <Avatar> component are direct children.
  * @example <AvatarGroup max={2}><Avatar>AB</Avatar><Avatar>CD</Avatar><Avatar>EF</Avatar><AvatarGroup>
  */
-declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type BadgeThemeProps = 'caution' | 'info' | 'note' | 'success' | 'error' | 'unimportant';
 type SizeProps = 'xs' | 'sm' | 'base';
@@ -20258,7 +20264,7 @@ type BadgeSizeProps = Record<SizeProps, SerializedStyles>;
  * @example <Badge text="My badge" theme="success" size="base" />
  * @deprecated please use Chip component instead
  */
-declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type BannerType = 'note' | 'info' | 'caution' | 'danger' | 'success';
 type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
@@ -20282,7 +20288,7 @@ type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
  * Uniform Banner Component
  * @example <Banner type="caution" onDismiss={() => {}}>My Banner Message</Callout>
  */
-declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type UniformLogoProps = {
     /** sets a light or dark theme for the uniform badge or logo component
@@ -20296,14 +20302,94 @@ type UniformLogoProps = {
  * @param props - sets react svg element attribute props
  * @example <UniformBadge theme="dark" />
  */
-declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * Uniform Logo
  * @param props - sets react svg element attribute props
  * @example <UniformLogo theme="light" /> */
-declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
+
+/**
+ * Gets a formatted version of a shortcut for display.
+ *
+ * i.e. converts "mod+alt+n" to "['⌘', '⌥', 'N']" on macs,
+ * or ['^', 'Alt', 'N'] on windows.
+ * @param shortcut The +-delimited shortcut string
+ */
+declare function getFormattedShortcut(shortcut: string | null): string[];
+
+/**
+ * @deprecated Use tooltips or menu items with a shortcut instead,
+ * and getFormattedShortcut for display
+ */
+declare function ShortcutContext({ children }: {
+    children: React__default.ReactNode;
+}): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Use tooltips or menu items with a shortcut instead,
+ * and getFormattedShortcut for display
+ */
+declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
+    shortcut: string;
+    macShortcut?: string;
+    className?: SerializedStyles | string;
+}): _emotion_react_jsx_runtime.JSX.Element | null;
+
+type UseShortcutOptions = {
+    /**
+     * Shortcut to type to activate. Keys are +-delimited.
+     * Prefer 'mod' to 'ctrl' (mod = ctrl on windows, cmd on mac).
+     *
+     * ex: mod+n for ctrl+n on windows, cmd+n on mac
+     *
+     * When macShortcut is not provided, this shortcut is used for macs.
+     */
+    shortcut: string | null;
+    /**
+     * Shortcut to type to activate on macs. Keys are +-delimited.
+     * Only required to use a different shortcut on mac, i.e. to be
+     * idiomatic with OS shortcuts like cmd+shift+z for redo,
+     * vs windows' ctrl+y.
+     */
+    macShortcut?: string | null;
+    /**
+     * Function to call when the shortcut is activated.
+     *
+     * The event is undefined if the handler has been invoked
+     * imperatively by calling the handler fn returned by the hook
+     */
+    handler: (event: KeyboardEvent | undefined) => void;
+    /** Does not abort the default keyboard event. */
+    doNotPreventDefault?: boolean;
+    /** Whether the shortcut will activate with a form field in focus */
+    activeWhenEditing?: boolean;
+    /** When true, the shortcut is disabled. The result will also reflect this state, which may disable attached menus, buttons, etc */
+    disabled?: boolean;
+};
+type ShortcutReference = {
+    shortcut: string;
+    handler: () => void | Promise<void>;
+    disabled: boolean;
+};
+interface UseShortcutResult extends ShortcutReference {
+    focusTrap: MutableRefObject<RefType<HTMLElement>>;
+}
+declare function useShortcut({ disabled, handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions): UseShortcutResult;
+
+type TooltipProps = TooltipOptions & {
+    /** Content of tooltip popover */
+    title: string | React__default.ReactElement;
+    /** Optional ability to specify alternative placement. By default - bottom center */
+    placement?: TooltipInitialState['placement'];
+    /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
+    visible?: TooltipInitialState['visible'];
+    children: JSX.Element;
+    /** If the tooltip should not be rendered inside a portal */
+    withoutPortal?: boolean;
+};
+declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
 
 /** Button themes that are available to use with our brand */
 type ButtonThemeProps$1 = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
@@ -20320,684 +20406,703 @@ type ButtonProps = ButtonProps$1 & {
      * @default "md"
      * */
     size?: ButtonSizeProps$1;
+    /**
+     * Sets a tooltip on the button when hovered
+     * Note that the tooltip will be shown whether disabled or not.
+     */
+    tooltip?: React$1.ReactNode;
+    /**
+     * Sets additional tooltip options if the tooltip is set
+     */
+    tooltipOptions?: Omit<TooltipProps, 'title' | 'children'>;
+    /**
+     * Sets a shortcut for the button.
+     * The shortcut's handler function will be automatically set to the onClick of the button,
+     * and a tooltip will be added to the button that shows the keyboard shortcut.
+     */
+    shortcut?: ShortcutReference;
 };
 /**
  * Uniform Button Component
- * @param {BaseButtonProps} props - object of button props from reakit
- * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
+ * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
  */
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const allSupportedIcons: {
-    'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    card: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'image-text': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'border-top': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'text-input': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'number-input': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    warning: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'info-filled': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-    'query-string': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    json: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-bold': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-code': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-strike': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-superscript': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-subscript': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'list-view-short': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'list-view-long': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'filter-add': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'add-r': _react_icons_all_files_lib.IconType;
-    add: _react_icons_all_files_lib.IconType;
-    airplane: _react_icons_all_files_lib.IconType;
-    alarm: _react_icons_all_files_lib.IconType;
-    album: _react_icons_all_files_lib.IconType;
-    'align-bottom': _react_icons_all_files_lib.IconType;
-    'align-center': _react_icons_all_files_lib.IconType;
-    'align-left': _react_icons_all_files_lib.IconType;
-    'align-middle': _react_icons_all_files_lib.IconType;
-    'align-right': _react_icons_all_files_lib.IconType;
-    'align-top': _react_icons_all_files_lib.IconType;
-    anchor: _react_icons_all_files_lib.IconType;
-    'apple-watch': _react_icons_all_files_lib.IconType;
-    'arrange-back': _react_icons_all_files_lib.IconType;
-    'arrange-front': _react_icons_all_files_lib.IconType;
-    'arrow-align-h': _react_icons_all_files_lib.IconType;
-    'arrow-align-v': _react_icons_all_files_lib.IconType;
-    'arrow-bottom-left-o': _react_icons_all_files_lib.IconType;
-    'arrow-bottom-left-r': _react_icons_all_files_lib.IconType;
-    'arrow-bottom-left': _react_icons_all_files_lib.IconType;
-    'arrow-bottom-right-o': _react_icons_all_files_lib.IconType;
-    'arrow-bottom-right-r': _react_icons_all_files_lib.IconType;
-    'arrow-bottom-right': _react_icons_all_files_lib.IconType;
-    'arrow-down-o': _react_icons_all_files_lib.IconType;
-    'arrow-down-r': _react_icons_all_files_lib.IconType;
-    'arrow-down': _react_icons_all_files_lib.IconType;
-    'arrow-left-o': _react_icons_all_files_lib.IconType;
-    'arrow-left-r': _react_icons_all_files_lib.IconType;
-    'arrow-left': _react_icons_all_files_lib.IconType;
-    'arrow-long-down-c': _react_icons_all_files_lib.IconType;
-    'arrow-long-down-e': _react_icons_all_files_lib.IconType;
-    'arrow-long-down-l': _react_icons_all_files_lib.IconType;
-    'arrow-long-down-r': _react_icons_all_files_lib.IconType;
-    'arrow-long-down': _react_icons_all_files_lib.IconType;
-    'arrow-long-left-c': _react_icons_all_files_lib.IconType;
-    'arrow-long-left-e': _react_icons_all_files_lib.IconType;
-    'arrow-long-left-l': _react_icons_all_files_lib.IconType;
-    'arrow-long-left-r': _react_icons_all_files_lib.IconType;
-    'arrow-long-left': _react_icons_all_files_lib.IconType;
-    'arrow-long-right-c': _react_icons_all_files_lib.IconType;
-    'arrow-long-right-e': _react_icons_all_files_lib.IconType;
-    'arrow-long-right-l': _react_icons_all_files_lib.IconType;
-    'arrow-long-right-r': _react_icons_all_files_lib.IconType;
-    'arrow-long-right': _react_icons_all_files_lib.IconType;
-    'arrow-long-up-c': _react_icons_all_files_lib.IconType;
-    'arrow-long-up-e': _react_icons_all_files_lib.IconType;
-    'arrow-long-up-l': _react_icons_all_files_lib.IconType;
-    'arrow-long-up-r': _react_icons_all_files_lib.IconType;
-    'arrow-long-up': _react_icons_all_files_lib.IconType;
-    'arrow-right-o': _react_icons_all_files_lib.IconType;
-    'arrow-right-r': _react_icons_all_files_lib.IconType;
-    'arrow-right': _react_icons_all_files_lib.IconType;
-    'arrow-top-left-o': _react_icons_all_files_lib.IconType;
-    'arrow-top-left-r': _react_icons_all_files_lib.IconType;
-    'arrow-top-left': _react_icons_all_files_lib.IconType;
-    'arrow-top-right-o': _react_icons_all_files_lib.IconType;
-    'arrow-top-right-r': _react_icons_all_files_lib.IconType;
-    'arrow-top-right': _react_icons_all_files_lib.IconType;
-    'arrow-up-o': _react_icons_all_files_lib.IconType;
-    'arrow-up-r': _react_icons_all_files_lib.IconType;
-    'arrow-up': _react_icons_all_files_lib.IconType;
-    'arrows-breake-h': _react_icons_all_files_lib.IconType;
-    'arrows-breake-v': _react_icons_all_files_lib.IconType;
-    'arrows-exchange-alt-v': _react_icons_all_files_lib.IconType;
-    'arrows-exchange-alt': _react_icons_all_files_lib.IconType;
-    'arrows-exchange-v': _react_icons_all_files_lib.IconType;
-    'arrows-exchange': _react_icons_all_files_lib.IconType;
-    'arrows-expand-down-left': _react_icons_all_files_lib.IconType;
-    'arrows-expand-down-right': _react_icons_all_files_lib.IconType;
-    'arrows-expand-left-alt': _react_icons_all_files_lib.IconType;
-    'arrows-expand-left': _react_icons_all_files_lib.IconType;
-    'arrows-expand-right-alt': _react_icons_all_files_lib.IconType;
-    'arrows-expand-right': _react_icons_all_files_lib.IconType;
-    'arrows-expand-up-left': _react_icons_all_files_lib.IconType;
-    'arrows-expand-up-right': _react_icons_all_files_lib.IconType;
-    'arrows-h-alt': _react_icons_all_files_lib.IconType;
-    'arrows-h': _react_icons_all_files_lib.IconType;
-    'arrows-merge-alt-h': _react_icons_all_files_lib.IconType;
-    'arrows-merge-alt-v': _react_icons_all_files_lib.IconType;
-    'arrows-scroll-h': _react_icons_all_files_lib.IconType;
-    'arrows-scroll-v': _react_icons_all_files_lib.IconType;
-    'arrows-shrink-h': _react_icons_all_files_lib.IconType;
-    'arrows-shrink-v': _react_icons_all_files_lib.IconType;
-    'arrows-v-alt': _react_icons_all_files_lib.IconType;
-    'arrows-v': _react_icons_all_files_lib.IconType;
-    assign: _react_icons_all_files_lib.IconType;
-    asterisk: _react_icons_all_files_lib.IconType;
-    attachment: _react_icons_all_files_lib.IconType;
-    attribution: _react_icons_all_files_lib.IconType;
-    awards: _react_icons_all_files_lib.IconType;
-    backspace: _react_icons_all_files_lib.IconType;
-    'band-aid': _react_icons_all_files_lib.IconType;
-    'battery-empty': _react_icons_all_files_lib.IconType;
-    'battery-full': _react_icons_all_files_lib.IconType;
-    battery: _react_icons_all_files_lib.IconType;
-    bee: _react_icons_all_files_lib.IconType;
-    bell: _react_icons_all_files_lib.IconType;
-    bitbucket: _react_icons_all_files_lib.IconType;
-    block: _react_icons_all_files_lib.IconType;
-    board: _react_icons_all_files_lib.IconType;
-    bolt: _react_icons_all_files_lib.IconType;
-    bookmark: _react_icons_all_files_lib.IconType;
-    'border-all': _react_icons_all_files_lib.IconType;
-    'border-bottom': _react_icons_all_files_lib.IconType;
-    'border-left': _react_icons_all_files_lib.IconType;
-    'border-right': _react_icons_all_files_lib.IconType;
-    'border-style-dashed': _react_icons_all_files_lib.IconType;
-    'border-style-dotted': _react_icons_all_files_lib.IconType;
-    'border-style-solid': _react_icons_all_files_lib.IconType;
-    bot: _react_icons_all_files_lib.IconType;
-    bowl: _react_icons_all_files_lib.IconType;
-    box: _react_icons_all_files_lib.IconType;
-    boy: _react_icons_all_files_lib.IconType;
-    briefcase: _react_icons_all_files_lib.IconType;
-    browse: _react_icons_all_files_lib.IconType;
-    browser: _react_icons_all_files_lib.IconType;
-    brush: _react_icons_all_files_lib.IconType;
-    bulb: _react_icons_all_files_lib.IconType;
-    'c-plus-plus': _react_icons_all_files_lib.IconType;
-    calculator: _react_icons_all_files_lib.IconType;
-    'calendar-dates': _react_icons_all_files_lib.IconType;
-    'calendar-due': _react_icons_all_files_lib.IconType;
-    'calendar-next': _react_icons_all_files_lib.IconType;
-    'calendar-today': _react_icons_all_files_lib.IconType;
-    'calendar-two': _react_icons_all_files_lib.IconType;
-    calendar: _react_icons_all_files_lib.IconType;
-    calibrate: _react_icons_all_files_lib.IconType;
-    camera: _react_icons_all_files_lib.IconType;
-    cap: _react_icons_all_files_lib.IconType;
-    captions: _react_icons_all_files_lib.IconType;
-    'card-clubs': _react_icons_all_files_lib.IconType;
-    'card-diamonds': _react_icons_all_files_lib.IconType;
-    'card-hearts': _react_icons_all_files_lib.IconType;
-    'card-spades': _react_icons_all_files_lib.IconType;
-    carousel: _react_icons_all_files_lib.IconType;
-    cast: _react_icons_all_files_lib.IconType;
-    chart: _react_icons_all_files_lib.IconType;
-    'check-o': _react_icons_all_files_lib.IconType;
-    'check-r': _react_icons_all_files_lib.IconType;
-    check: _react_icons_all_files_lib.IconType;
-    'chevron-double-down-o': _react_icons_all_files_lib.IconType;
-    'chevron-double-down-r': _react_icons_all_files_lib.IconType;
-    'chevron-double-down': _react_icons_all_files_lib.IconType;
-    'chevron-double-left-o': _react_icons_all_files_lib.IconType;
-    'chevron-double-left-r': _react_icons_all_files_lib.IconType;
-    'chevron-double-left': _react_icons_all_files_lib.IconType;
-    'chevron-double-right-o': _react_icons_all_files_lib.IconType;
-    'chevron-double-right-r': _react_icons_all_files_lib.IconType;
-    'chevron-double-right': _react_icons_all_files_lib.IconType;
-    'chevron-double-up-o': _react_icons_all_files_lib.IconType;
-    'chevron-double-up-r': _react_icons_all_files_lib.IconType;
-    'chevron-double-up': _react_icons_all_files_lib.IconType;
-    'chevron-down-o': _react_icons_all_files_lib.IconType;
-    'chevron-down-r': _react_icons_all_files_lib.IconType;
-    'chevron-down': _react_icons_all_files_lib.IconType;
-    'chevron-left-o': _react_icons_all_files_lib.IconType;
-    'chevron-left-r': _react_icons_all_files_lib.IconType;
-    'chevron-left': _react_icons_all_files_lib.IconType;
-    'chevron-right-o': _react_icons_all_files_lib.IconType;
-    'chevron-right-r': _react_icons_all_files_lib.IconType;
-    'chevron-right': _react_icons_all_files_lib.IconType;
-    'chevron-up-o': _react_icons_all_files_lib.IconType;
-    'chevron-up-r': _react_icons_all_files_lib.IconType;
-    'chevron-up': _react_icons_all_files_lib.IconType;
-    'clapper-board': _react_icons_all_files_lib.IconType;
-    clipboard: _react_icons_all_files_lib.IconType;
-    'close-o': _react_icons_all_files_lib.IconType;
-    'close-r': _react_icons_all_files_lib.IconType;
-    close: _react_icons_all_files_lib.IconType;
-    cloud: _react_icons_all_files_lib.IconType;
-    'code-slash': _react_icons_all_files_lib.IconType;
-    code: _react_icons_all_files_lib.IconType;
-    coffee: _react_icons_all_files_lib.IconType;
-    collage: _react_icons_all_files_lib.IconType;
-    'color-bucket': _react_icons_all_files_lib.IconType;
-    'color-picker': _react_icons_all_files_lib.IconType;
-    comment: _react_icons_all_files_lib.IconType;
-    community: _react_icons_all_files_lib.IconType;
-    components: _react_icons_all_files_lib.IconType;
-    'compress-left': _react_icons_all_files_lib.IconType;
-    'compress-right': _react_icons_all_files_lib.IconType;
-    'compress-v': _react_icons_all_files_lib.IconType;
-    compress: _react_icons_all_files_lib.IconType;
-    controller: _react_icons_all_files_lib.IconType;
-    copy: _react_icons_all_files_lib.IconType;
-    'copy-all': _react_icons_all_files_lib.IconType;
-    copyright: _react_icons_all_files_lib.IconType;
-    'corner-double-down-left': _react_icons_all_files_lib.IconType;
-    'corner-double-down-right': _react_icons_all_files_lib.IconType;
-    'corner-double-left-down': _react_icons_all_files_lib.IconType;
-    'corner-double-left-up': _react_icons_all_files_lib.IconType;
-    'corner-double-right-down': _react_icons_all_files_lib.IconType;
-    'corner-double-right-up': _react_icons_all_files_lib.IconType;
-    'corner-double-up-left': _react_icons_all_files_lib.IconType;
-    'corner-double-up-right': _react_icons_all_files_lib.IconType;
-    'corner-down-left': _react_icons_all_files_lib.IconType;
-    'corner-down-right': _react_icons_all_files_lib.IconType;
-    'corner-left-down': _react_icons_all_files_lib.IconType;
-    'corner-left-up': _react_icons_all_files_lib.IconType;
-    'corner-right-down': _react_icons_all_files_lib.IconType;
-    'corner-right-up': _react_icons_all_files_lib.IconType;
-    'corner-up-left': _react_icons_all_files_lib.IconType;
-    'corner-up-right': _react_icons_all_files_lib.IconType;
-    'credit-card': _react_icons_all_files_lib.IconType;
-    crop: _react_icons_all_files_lib.IconType;
-    cross: _react_icons_all_files_lib.IconType;
-    crown: _react_icons_all_files_lib.IconType;
-    danger: _react_icons_all_files_lib.IconType;
-    'dark-mode': _react_icons_all_files_lib.IconType;
-    data: _react_icons_all_files_lib.IconType;
-    database: _react_icons_all_files_lib.IconType;
-    debug: _react_icons_all_files_lib.IconType;
-    desktop: _react_icons_all_files_lib.IconType;
-    'details-less': _react_icons_all_files_lib.IconType;
-    'details-more': _react_icons_all_files_lib.IconType;
-    dialpad: _react_icons_all_files_lib.IconType;
-    'dice-1': _react_icons_all_files_lib.IconType;
-    'dice-2': _react_icons_all_files_lib.IconType;
-    'dice-3': _react_icons_all_files_lib.IconType;
-    'dice-4': _react_icons_all_files_lib.IconType;
-    'dice-5': _react_icons_all_files_lib.IconType;
-    'dice-6': _react_icons_all_files_lib.IconType;
-    disc: _react_icons_all_files_lib.IconType;
-    'display-flex': _react_icons_all_files_lib.IconType;
-    'display-fullwidth': _react_icons_all_files_lib.IconType;
-    'display-grid': _react_icons_all_files_lib.IconType;
-    'display-spacing': _react_icons_all_files_lib.IconType;
-    'distribute-horizontal': _react_icons_all_files_lib.IconType;
-    'distribute-vertical': _react_icons_all_files_lib.IconType;
-    'dock-bottom': _react_icons_all_files_lib.IconType;
-    'dock-left': _react_icons_all_files_lib.IconType;
-    'dock-right': _react_icons_all_files_lib.IconType;
-    'dock-window': _react_icons_all_files_lib.IconType;
-    dollar: _react_icons_all_files_lib.IconType;
-    drive: _react_icons_all_files_lib.IconType;
-    'drop-invert': _react_icons_all_files_lib.IconType;
-    'drop-opacity': _react_icons_all_files_lib.IconType;
-    drop: _react_icons_all_files_lib.IconType;
-    duplicate: _react_icons_all_files_lib.IconType;
-    'edit-black-point': _react_icons_all_files_lib.IconType;
-    'edit-contrast': _react_icons_all_files_lib.IconType;
-    'edit-exposure': _react_icons_all_files_lib.IconType;
-    'edit-fade': _react_icons_all_files_lib.IconType;
-    'edit-flip-h': _react_icons_all_files_lib.IconType;
-    'edit-flip-v': _react_icons_all_files_lib.IconType;
-    'edit-highlight': _react_icons_all_files_lib.IconType;
-    'edit-markup': _react_icons_all_files_lib.IconType;
-    'edit-mask': _react_icons_all_files_lib.IconType;
-    'edit-noise': _react_icons_all_files_lib.IconType;
-    'edit-shadows': _react_icons_all_files_lib.IconType;
-    'edit-straight': _react_icons_all_files_lib.IconType;
-    'edit-unmask': _react_icons_all_files_lib.IconType;
-    eject: _react_icons_all_files_lib.IconType;
-    enter: _react_icons_all_files_lib.IconType;
-    erase: _react_icons_all_files_lib.IconType;
-    ereader: _react_icons_all_files_lib.IconType;
-    ericsson: _react_icons_all_files_lib.IconType;
-    ethernet: _react_icons_all_files_lib.IconType;
-    euro: _react_icons_all_files_lib.IconType;
-    expand: _react_icons_all_files_lib.IconType;
-    export: _react_icons_all_files_lib.IconType;
-    'extension-add': _react_icons_all_files_lib.IconType;
-    'extension-alt': _react_icons_all_files_lib.IconType;
-    'extension-remove': _react_icons_all_files_lib.IconType;
-    extension: _react_icons_all_files_lib.IconType;
-    external: _react_icons_all_files_lib.IconType;
-    'eye-alt': _react_icons_all_files_lib.IconType;
-    eye: _react_icons_all_files_lib.IconType;
-    feed: _react_icons_all_files_lib.IconType;
-    'file-add': _react_icons_all_files_lib.IconType;
-    'file-document': _react_icons_all_files_lib.IconType;
-    'file-remove': _react_icons_all_files_lib.IconType;
-    file: _react_icons_all_files_lib.IconType;
-    film: _react_icons_all_files_lib.IconType;
-    filters: _react_icons_all_files_lib.IconType;
-    'flag-alt': _react_icons_all_files_lib.IconType;
-    flag: _react_icons_all_files_lib.IconType;
-    'folder-add': _react_icons_all_files_lib.IconType;
-    'folder-remove': _react_icons_all_files_lib.IconType;
-    folder: _react_icons_all_files_lib.IconType;
-    'font-height': _react_icons_all_files_lib.IconType;
-    'font-spacing': _react_icons_all_files_lib.IconType;
-    'format-center': _react_icons_all_files_lib.IconType;
-    'format-color': _react_icons_all_files_lib.IconType;
-    'format-heading': _react_icons_all_files_lib.IconType;
-    'format-indent-decrease': _react_icons_all_files_lib.IconType;
-    'format-indent-increase': _react_icons_all_files_lib.IconType;
-    'format-italic': _react_icons_all_files_lib.IconType;
-    'format-justify': _react_icons_all_files_lib.IconType;
-    'format-left': _react_icons_all_files_lib.IconType;
-    'format-line-height': _react_icons_all_files_lib.IconType;
-    'format-right': _react_icons_all_files_lib.IconType;
-    'format-separator': _react_icons_all_files_lib.IconType;
-    'format-slash': _react_icons_all_files_lib.IconType;
-    'format-text': _react_icons_all_files_lib.IconType;
-    'format-underline': _react_icons_all_files_lib.IconType;
-    'format-uppercase': _react_icons_all_files_lib.IconType;
-    games: _react_icons_all_files_lib.IconType;
-    'gender-female': _react_icons_all_files_lib.IconType;
-    'gender-male': _react_icons_all_files_lib.IconType;
-    'ghost-character': _react_icons_all_files_lib.IconType;
-    gift: _react_icons_all_files_lib.IconType;
-    girl: _react_icons_all_files_lib.IconType;
-    'git-branch': _react_icons_all_files_lib.IconType;
-    'git-commit': _react_icons_all_files_lib.IconType;
-    'git-fork': _react_icons_all_files_lib.IconType;
-    'git-pull': _react_icons_all_files_lib.IconType;
-    'glass-alt': _react_icons_all_files_lib.IconType;
-    glass: _react_icons_all_files_lib.IconType;
-    'globe-alt': _react_icons_all_files_lib.IconType;
-    globe: _react_icons_all_files_lib.IconType;
-    gym: _react_icons_all_files_lib.IconType;
-    hashtag: _react_icons_all_files_lib.IconType;
-    headset: _react_icons_all_files_lib.IconType;
-    heart: _react_icons_all_files_lib.IconType;
-    'home-alt': _react_icons_all_files_lib.IconType;
-    'home-screen': _react_icons_all_files_lib.IconType;
-    home: _react_icons_all_files_lib.IconType;
-    icecream: _react_icons_all_files_lib.IconType;
-    image: _react_icons_all_files_lib.IconType;
-    import: _react_icons_all_files_lib.IconType;
-    inbox: _react_icons_all_files_lib.IconType;
-    infinity: _react_icons_all_files_lib.IconType;
-    info: _react_icons_all_files_lib.IconType;
-    inpicture: _react_icons_all_files_lib.IconType;
-    'insert-after-o': _react_icons_all_files_lib.IconType;
-    'insert-after-r': _react_icons_all_files_lib.IconType;
-    'insert-after': _react_icons_all_files_lib.IconType;
-    'insert-before-o': _react_icons_all_files_lib.IconType;
-    'insert-before-r': _react_icons_all_files_lib.IconType;
-    'insert-before': _react_icons_all_files_lib.IconType;
-    insights: _react_icons_all_files_lib.IconType;
-    internal: _react_icons_all_files_lib.IconType;
-    key: _react_icons_all_files_lib.IconType;
-    keyboard: _react_icons_all_files_lib.IconType;
-    keyhole: _react_icons_all_files_lib.IconType;
-    laptop: _react_icons_all_files_lib.IconType;
-    'layout-grid-small': _react_icons_all_files_lib.IconType;
-    'layout-grid': _react_icons_all_files_lib.IconType;
-    'layout-list': _react_icons_all_files_lib.IconType;
-    'layout-pin': _react_icons_all_files_lib.IconType;
-    link: _react_icons_all_files_lib.IconType;
-    'list-tree': _react_icons_all_files_lib.IconType;
-    list: _react_icons_all_files_lib.IconType;
-    'live-photo': _react_icons_all_files_lib.IconType;
-    'loadbar-alt': _react_icons_all_files_lib.IconType;
-    'loadbar-doc': _react_icons_all_files_lib.IconType;
-    'loadbar-sound': _react_icons_all_files_lib.IconType;
-    loadbar: _react_icons_all_files_lib.IconType;
-    'lock-unlock': _react_icons_all_files_lib.IconType;
-    lock: _react_icons_all_files_lib.IconType;
-    'log-in': _react_icons_all_files_lib.IconType;
-    'log-off': _react_icons_all_files_lib.IconType;
-    'log-out': _react_icons_all_files_lib.IconType;
-    loupe: _react_icons_all_files_lib.IconType;
-    magnet: _react_icons_all_files_lib.IconType;
-    'mail-forward': _react_icons_all_files_lib.IconType;
-    'mail-open': _react_icons_all_files_lib.IconType;
-    'mail-reply': _react_icons_all_files_lib.IconType;
-    mail: _react_icons_all_files_lib.IconType;
-    'math-divide': _react_icons_all_files_lib.IconType;
-    'math-equal': _react_icons_all_files_lib.IconType;
-    'math-minus': _react_icons_all_files_lib.IconType;
-    'math-percent': _react_icons_all_files_lib.IconType;
-    'math-plus': _react_icons_all_files_lib.IconType;
-    'maximize-alt': _react_icons_all_files_lib.IconType;
-    maximize: _react_icons_all_files_lib.IconType;
-    'media-live': _react_icons_all_files_lib.IconType;
-    'media-podcast': _react_icons_all_files_lib.IconType;
-    'menu-boxed': _react_icons_all_files_lib.IconType;
-    'menu-cake': _react_icons_all_files_lib.IconType;
-    'menu-cheese': _react_icons_all_files_lib.IconType;
-    'menu-grid-o': _react_icons_all_files_lib.IconType;
-    'menu-grid-r': _react_icons_all_files_lib.IconType;
-    'menu-hotdog': _react_icons_all_files_lib.IconType;
-    'menu-left-alt': _react_icons_all_files_lib.IconType;
-    'menu-left': _react_icons_all_files_lib.IconType;
-    'menu-motion': _react_icons_all_files_lib.IconType;
-    'menu-oreos': _react_icons_all_files_lib.IconType;
-    'menu-right-alt': _react_icons_all_files_lib.IconType;
-    'menu-right': _react_icons_all_files_lib.IconType;
-    'menu-round': _react_icons_all_files_lib.IconType;
-    menu: _react_icons_all_files_lib.IconType;
-    'merge-horizontal': _react_icons_all_files_lib.IconType;
-    'merge-vertical': _react_icons_all_files_lib.IconType;
-    mic: _react_icons_all_files_lib.IconType;
-    'mini-player': _react_icons_all_files_lib.IconType;
-    'minimize-alt': _react_icons_all_files_lib.IconType;
-    minimize: _react_icons_all_files_lib.IconType;
-    modem: _react_icons_all_files_lib.IconType;
-    moon: _react_icons_all_files_lib.IconType;
-    'more-alt': _react_icons_all_files_lib.IconType;
-    'more-o': _react_icons_all_files_lib.IconType;
-    'more-r': _react_icons_all_files_lib.IconType;
-    'more-vertical-alt': _react_icons_all_files_lib.IconType;
-    'more-vertical-o': _react_icons_all_files_lib.IconType;
-    'more-vertical-r': _react_icons_all_files_lib.IconType;
-    'more-vertical': _react_icons_all_files_lib.IconType;
-    more: _react_icons_all_files_lib.IconType;
-    mouse: _react_icons_all_files_lib.IconType;
-    'move-down': _react_icons_all_files_lib.IconType;
-    'move-left': _react_icons_all_files_lib.IconType;
-    'move-right': _react_icons_all_files_lib.IconType;
-    'move-task': _react_icons_all_files_lib.IconType;
-    'move-up': _react_icons_all_files_lib.IconType;
-    'music-note': _react_icons_all_files_lib.IconType;
-    'music-speaker': _react_icons_all_files_lib.IconType;
-    music: _react_icons_all_files_lib.IconType;
-    nametag: _react_icons_all_files_lib.IconType;
-    notes: _react_icons_all_files_lib.IconType;
-    notifications: _react_icons_all_files_lib.IconType;
-    options: _react_icons_all_files_lib.IconType;
-    organisation: _react_icons_all_files_lib.IconType;
-    password: _react_icons_all_files_lib.IconType;
-    'path-back': _react_icons_all_files_lib.IconType;
-    'path-crop': _react_icons_all_files_lib.IconType;
-    'path-divide': _react_icons_all_files_lib.IconType;
-    'path-exclude': _react_icons_all_files_lib.IconType;
-    'path-front': _react_icons_all_files_lib.IconType;
-    'path-intersect': _react_icons_all_files_lib.IconType;
-    'path-outline': _react_icons_all_files_lib.IconType;
-    'path-trim': _react_icons_all_files_lib.IconType;
-    'path-unite': _react_icons_all_files_lib.IconType;
-    pen: _react_icons_all_files_lib.IconType;
-    'pentagon-bottom-left': _react_icons_all_files_lib.IconType;
-    'pentagon-bottom-right': _react_icons_all_files_lib.IconType;
-    'pentagon-down': _react_icons_all_files_lib.IconType;
-    'pentagon-left': _react_icons_all_files_lib.IconType;
-    'pentagon-right': _react_icons_all_files_lib.IconType;
-    'pentagon-top-left': _react_icons_all_files_lib.IconType;
-    'pentagon-top-right': _react_icons_all_files_lib.IconType;
-    'pentagon-up': _react_icons_all_files_lib.IconType;
-    performance: _react_icons_all_files_lib.IconType;
-    phone: _react_icons_all_files_lib.IconType;
-    photoscan: _react_icons_all_files_lib.IconType;
-    piano: _react_icons_all_files_lib.IconType;
-    pill: _react_icons_all_files_lib.IconType;
-    'pin-alt': _react_icons_all_files_lib.IconType;
-    'pin-bottom': _react_icons_all_files_lib.IconType;
-    'pin-top': _react_icons_all_files_lib.IconType;
-    pin: _react_icons_all_files_lib.IconType;
-    'play-backwards': _react_icons_all_files_lib.IconType;
-    'play-button-o': _react_icons_all_files_lib.IconType;
-    'play-button-r': _react_icons_all_files_lib.IconType;
-    'play-button': _react_icons_all_files_lib.IconType;
-    'play-forwards': _react_icons_all_files_lib.IconType;
-    'play-list-add': _react_icons_all_files_lib.IconType;
-    'play-list-check': _react_icons_all_files_lib.IconType;
-    'play-list-remove': _react_icons_all_files_lib.IconType;
-    'play-list-search': _react_icons_all_files_lib.IconType;
-    'play-list': _react_icons_all_files_lib.IconType;
-    'play-pause-o': _react_icons_all_files_lib.IconType;
-    'play-pause-r': _react_icons_all_files_lib.IconType;
-    'play-pause': _react_icons_all_files_lib.IconType;
-    'play-stop-o': _react_icons_all_files_lib.IconType;
-    'play-stop-r': _react_icons_all_files_lib.IconType;
-    'play-stop': _react_icons_all_files_lib.IconType;
-    'play-track-next-o': _react_icons_all_files_lib.IconType;
-    'play-track-next-r': _react_icons_all_files_lib.IconType;
-    'play-track-next': _react_icons_all_files_lib.IconType;
-    'play-track-prev-o': _react_icons_all_files_lib.IconType;
-    'play-track-prev-r': _react_icons_all_files_lib.IconType;
-    'play-track-prev': _react_icons_all_files_lib.IconType;
-    plug: _react_icons_all_files_lib.IconType;
-    polaroid: _react_icons_all_files_lib.IconType;
-    poll: _react_icons_all_files_lib.IconType;
-    presentation: _react_icons_all_files_lib.IconType;
-    printer: _react_icons_all_files_lib.IconType;
-    profile: _react_icons_all_files_lib.IconType;
-    'pull-clear': _react_icons_all_files_lib.IconType;
-    'push-chevron-down-o': _react_icons_all_files_lib.IconType;
-    'push-chevron-down-r': _react_icons_all_files_lib.IconType;
-    'push-chevron-down': _react_icons_all_files_lib.IconType;
-    'push-chevron-left-o': _react_icons_all_files_lib.IconType;
-    'push-chevron-left-r': _react_icons_all_files_lib.IconType;
-    'push-chevron-left': _react_icons_all_files_lib.IconType;
-    'push-chevron-right-o': _react_icons_all_files_lib.IconType;
-    'push-chevron-right-r': _react_icons_all_files_lib.IconType;
-    'push-chevron-right': _react_icons_all_files_lib.IconType;
-    'push-chevron-up-o': _react_icons_all_files_lib.IconType;
-    'push-chevron-up-r': _react_icons_all_files_lib.IconType;
-    'push-chevron-up': _react_icons_all_files_lib.IconType;
-    'push-down': _react_icons_all_files_lib.IconType;
-    'push-left': _react_icons_all_files_lib.IconType;
-    'push-right': _react_icons_all_files_lib.IconType;
-    'push-up': _react_icons_all_files_lib.IconType;
-    qr: _react_icons_all_files_lib.IconType;
-    'quote-o': _react_icons_all_files_lib.IconType;
-    quote: _react_icons_all_files_lib.IconType;
-    'radio-check': _react_icons_all_files_lib.IconType;
-    'radio-checked': _react_icons_all_files_lib.IconType;
-    ratio: _react_icons_all_files_lib.IconType;
-    read: _react_icons_all_files_lib.IconType;
-    readme: _react_icons_all_files_lib.IconType;
-    record: _react_icons_all_files_lib.IconType;
-    redo: _react_icons_all_files_lib.IconType;
-    remote: _react_icons_all_files_lib.IconType;
-    'remove-r': _react_icons_all_files_lib.IconType;
-    remove: _react_icons_all_files_lib.IconType;
-    rename: _react_icons_all_files_lib.IconType;
-    reorder: _react_icons_all_files_lib.IconType;
-    repeat: _react_icons_all_files_lib.IconType;
-    ring: _react_icons_all_files_lib.IconType;
-    'row-first': _react_icons_all_files_lib.IconType;
-    'row-last': _react_icons_all_files_lib.IconType;
-    ruler: _react_icons_all_files_lib.IconType;
-    'sand-clock': _react_icons_all_files_lib.IconType;
-    scan: _react_icons_all_files_lib.IconType;
-    'screen-mirror': _react_icons_all_files_lib.IconType;
-    'screen-shot': _react_icons_all_files_lib.IconType;
-    'screen-wide': _react_icons_all_files_lib.IconType;
-    screen: _react_icons_all_files_lib.IconType;
-    'scroll-h': _react_icons_all_files_lib.IconType;
-    'scroll-v': _react_icons_all_files_lib.IconType;
-    'search-found': _react_icons_all_files_lib.IconType;
-    'search-loading': _react_icons_all_files_lib.IconType;
-    search: _react_icons_all_files_lib.IconType;
-    'select-o': _react_icons_all_files_lib.IconType;
-    'select-r': _react_icons_all_files_lib.IconType;
-    select: _react_icons_all_files_lib.IconType;
-    server: _react_icons_all_files_lib.IconType;
-    'shape-circle': _react_icons_all_files_lib.IconType;
-    'shape-half-circle': _react_icons_all_files_lib.IconType;
-    'shape-hexagon': _react_icons_all_files_lib.IconType;
-    'shape-rhombus': _react_icons_all_files_lib.IconType;
-    'shape-square': _react_icons_all_files_lib.IconType;
-    'shape-triangle': _react_icons_all_files_lib.IconType;
-    'shape-zigzag': _react_icons_all_files_lib.IconType;
-    share: _react_icons_all_files_lib.IconType;
-    shield: _react_icons_all_files_lib.IconType;
-    'shopping-bag': _react_icons_all_files_lib.IconType;
-    'shopping-cart': _react_icons_all_files_lib.IconType;
-    shortcut: _react_icons_all_files_lib.IconType;
-    'sidebar-open': _react_icons_all_files_lib.IconType;
-    'sidebar-right': _react_icons_all_files_lib.IconType;
-    sidebar: _react_icons_all_files_lib.IconType;
-    signal: _react_icons_all_files_lib.IconType;
-    size: _react_icons_all_files_lib.IconType;
-    sleep: _react_icons_all_files_lib.IconType;
-    'smart-home-boiler': _react_icons_all_files_lib.IconType;
-    'smart-home-cooker': _react_icons_all_files_lib.IconType;
-    'smart-home-heat': _react_icons_all_files_lib.IconType;
-    'smart-home-light': _react_icons_all_files_lib.IconType;
-    'smart-home-refrigerator': _react_icons_all_files_lib.IconType;
-    'smart-home-wash-machine': _react_icons_all_files_lib.IconType;
-    'smartphone-chip': _react_icons_all_files_lib.IconType;
-    'smartphone-ram': _react_icons_all_files_lib.IconType;
-    'smartphone-shake': _react_icons_all_files_lib.IconType;
-    smartphone: _react_icons_all_files_lib.IconType;
-    'smile-mouth-open': _react_icons_all_files_lib.IconType;
-    'smile-neutral': _react_icons_all_files_lib.IconType;
-    'smile-no-mouth': _react_icons_all_files_lib.IconType;
-    'smile-none': _react_icons_all_files_lib.IconType;
-    'smile-sad': _react_icons_all_files_lib.IconType;
-    'smile-upside': _react_icons_all_files_lib.IconType;
-    smile: _react_icons_all_files_lib.IconType;
-    'software-download': _react_icons_all_files_lib.IconType;
-    'software-upload': _react_icons_all_files_lib.IconType;
-    'sort-az': _react_icons_all_files_lib.IconType;
-    'sort-za': _react_icons_all_files_lib.IconType;
-    'space-between-v': _react_icons_all_files_lib.IconType;
-    'space-between': _react_icons_all_files_lib.IconType;
-    'spinner-alt': _react_icons_all_files_lib.IconType;
-    'spinner-two-alt': _react_icons_all_files_lib.IconType;
-    'spinner-two': _react_icons_all_files_lib.IconType;
-    spinner: _react_icons_all_files_lib.IconType;
-    stack: _react_icons_all_files_lib.IconType;
-    stopwatch: _react_icons_all_files_lib.IconType;
-    stories: _react_icons_all_files_lib.IconType;
-    style: _react_icons_all_files_lib.IconType;
-    sun: _react_icons_all_files_lib.IconType;
-    support: _react_icons_all_files_lib.IconType;
-    'swap-vertical': _react_icons_all_files_lib.IconType;
-    swap: _react_icons_all_files_lib.IconType;
-    sweden: _react_icons_all_files_lib.IconType;
-    swiss: _react_icons_all_files_lib.IconType;
-    sync: _react_icons_all_files_lib.IconType;
-    tab: _react_icons_all_files_lib.IconType;
-    tag: _react_icons_all_files_lib.IconType;
-    'tap-double': _react_icons_all_files_lib.IconType;
-    'tap-single': _react_icons_all_files_lib.IconType;
-    template: _react_icons_all_files_lib.IconType;
-    tennis: _react_icons_all_files_lib.IconType;
-    terminal: _react_icons_all_files_lib.IconType;
-    terrain: _react_icons_all_files_lib.IconType;
-    thermometer: _react_icons_all_files_lib.IconType;
-    thermostat: _react_icons_all_files_lib.IconType;
-    tikcode: _react_icons_all_files_lib.IconType;
-    time: _react_icons_all_files_lib.IconType;
-    timelapse: _react_icons_all_files_lib.IconType;
-    timer: _react_icons_all_files_lib.IconType;
-    today: _react_icons_all_files_lib.IconType;
-    'toggle-off': _react_icons_all_files_lib.IconType;
-    'toggle-on': _react_icons_all_files_lib.IconType;
-    'toggle-square-off': _react_icons_all_files_lib.IconType;
-    'toggle-square': _react_icons_all_files_lib.IconType;
-    'toolbar-bottom': _react_icons_all_files_lib.IconType;
-    'toolbar-left': _react_icons_all_files_lib.IconType;
-    'toolbar-right': _react_icons_all_files_lib.IconType;
-    'toolbar-top': _react_icons_all_files_lib.IconType;
-    toolbox: _react_icons_all_files_lib.IconType;
-    touchpad: _react_icons_all_files_lib.IconType;
-    track: _react_icons_all_files_lib.IconType;
-    transcript: _react_icons_all_files_lib.IconType;
-    'trash-empty': _react_icons_all_files_lib.IconType;
-    trash: _react_icons_all_files_lib.IconType;
-    tree: _react_icons_all_files_lib.IconType;
-    trees: _react_icons_all_files_lib.IconType;
-    'trending-down': _react_icons_all_files_lib.IconType;
-    trending: _react_icons_all_files_lib.IconType;
-    trophy: _react_icons_all_files_lib.IconType;
-    tv: _react_icons_all_files_lib.IconType;
-    'ui-kit': _react_icons_all_files_lib.IconType;
-    umbrella: _react_icons_all_files_lib.IconType;
-    unavailable: _react_icons_all_files_lib.IconType;
-    unblock: _react_icons_all_files_lib.IconType;
-    undo: _react_icons_all_files_lib.IconType;
-    unsplash: _react_icons_all_files_lib.IconType;
-    'usb-c': _react_icons_all_files_lib.IconType;
-    usb: _react_icons_all_files_lib.IconType;
-    'user-add': _react_icons_all_files_lib.IconType;
-    'user-list': _react_icons_all_files_lib.IconType;
-    'user-remove': _react_icons_all_files_lib.IconType;
-    user: _react_icons_all_files_lib.IconType;
-    'view-cols': _react_icons_all_files_lib.IconType;
-    'view-comfortable': _react_icons_all_files_lib.IconType;
-    'view-day': _react_icons_all_files_lib.IconType;
-    'view-grid': _react_icons_all_files_lib.IconType;
-    'view-list': _react_icons_all_files_lib.IconType;
-    'view-month': _react_icons_all_files_lib.IconType;
-    'view-split': _react_icons_all_files_lib.IconType;
-    vinyl: _react_icons_all_files_lib.IconType;
-    'voicemail-o': _react_icons_all_files_lib.IconType;
-    'voicemail-r': _react_icons_all_files_lib.IconType;
-    voicemail: _react_icons_all_files_lib.IconType;
-    volume: _react_icons_all_files_lib.IconType;
-    webcam: _react_icons_all_files_lib.IconType;
-    website: _react_icons_all_files_lib.IconType;
-    'work-alt': _react_icons_all_files_lib.IconType;
-    yinyang: _react_icons_all_files_lib.IconType;
-    'zoom-in': _react_icons_all_files_lib.IconType;
-    'zoom-out': _react_icons_all_files_lib.IconType;
+    'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    card: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'image-text': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'border-top': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'text-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'number-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
+    'query-string': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-code': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-strike': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'yes-no': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'filter-add': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    refresh: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'add-r': _react_icons_all_files.IconType;
+    add: _react_icons_all_files.IconType;
+    airplane: _react_icons_all_files.IconType;
+    alarm: _react_icons_all_files.IconType;
+    album: _react_icons_all_files.IconType;
+    'align-bottom': _react_icons_all_files.IconType;
+    'align-center': _react_icons_all_files.IconType;
+    'align-left': _react_icons_all_files.IconType;
+    'align-middle': _react_icons_all_files.IconType;
+    'align-right': _react_icons_all_files.IconType;
+    'align-top': _react_icons_all_files.IconType;
+    anchor: _react_icons_all_files.IconType;
+    'apple-watch': _react_icons_all_files.IconType;
+    'arrange-back': _react_icons_all_files.IconType;
+    'arrange-front': _react_icons_all_files.IconType;
+    'arrow-align-h': _react_icons_all_files.IconType;
+    'arrow-align-v': _react_icons_all_files.IconType;
+    'arrow-bottom-left-o': _react_icons_all_files.IconType;
+    'arrow-bottom-left-r': _react_icons_all_files.IconType;
+    'arrow-bottom-left': _react_icons_all_files.IconType;
+    'arrow-bottom-right-o': _react_icons_all_files.IconType;
+    'arrow-bottom-right-r': _react_icons_all_files.IconType;
+    'arrow-bottom-right': _react_icons_all_files.IconType;
+    'arrow-down-o': _react_icons_all_files.IconType;
+    'arrow-down-r': _react_icons_all_files.IconType;
+    'arrow-down': _react_icons_all_files.IconType;
+    'arrow-left-o': _react_icons_all_files.IconType;
+    'arrow-left-r': _react_icons_all_files.IconType;
+    'arrow-left': _react_icons_all_files.IconType;
+    'arrow-long-down-c': _react_icons_all_files.IconType;
+    'arrow-long-down-e': _react_icons_all_files.IconType;
+    'arrow-long-down-l': _react_icons_all_files.IconType;
+    'arrow-long-down-r': _react_icons_all_files.IconType;
+    'arrow-long-down': _react_icons_all_files.IconType;
+    'arrow-long-left-c': _react_icons_all_files.IconType;
+    'arrow-long-left-e': _react_icons_all_files.IconType;
+    'arrow-long-left-l': _react_icons_all_files.IconType;
+    'arrow-long-left-r': _react_icons_all_files.IconType;
+    'arrow-long-left': _react_icons_all_files.IconType;
+    'arrow-long-right-c': _react_icons_all_files.IconType;
+    'arrow-long-right-e': _react_icons_all_files.IconType;
+    'arrow-long-right-l': _react_icons_all_files.IconType;
+    'arrow-long-right-r': _react_icons_all_files.IconType;
+    'arrow-long-right': _react_icons_all_files.IconType;
+    'arrow-long-up-c': _react_icons_all_files.IconType;
+    'arrow-long-up-e': _react_icons_all_files.IconType;
+    'arrow-long-up-l': _react_icons_all_files.IconType;
+    'arrow-long-up-r': _react_icons_all_files.IconType;
+    'arrow-long-up': _react_icons_all_files.IconType;
+    'arrow-right-o': _react_icons_all_files.IconType;
+    'arrow-right-r': _react_icons_all_files.IconType;
+    'arrow-right': _react_icons_all_files.IconType;
+    'arrow-top-left-o': _react_icons_all_files.IconType;
+    'arrow-top-left-r': _react_icons_all_files.IconType;
+    'arrow-top-left': _react_icons_all_files.IconType;
+    'arrow-top-right-o': _react_icons_all_files.IconType;
+    'arrow-top-right-r': _react_icons_all_files.IconType;
+    'arrow-top-right': _react_icons_all_files.IconType;
+    'arrow-up-o': _react_icons_all_files.IconType;
+    'arrow-up-r': _react_icons_all_files.IconType;
+    'arrow-up': _react_icons_all_files.IconType;
+    'arrows-breake-h': _react_icons_all_files.IconType;
+    'arrows-breake-v': _react_icons_all_files.IconType;
+    'arrows-exchange-alt-v': _react_icons_all_files.IconType;
+    'arrows-exchange-alt': _react_icons_all_files.IconType;
+    'arrows-exchange-v': _react_icons_all_files.IconType;
+    'arrows-exchange': _react_icons_all_files.IconType;
+    'arrows-expand-down-left': _react_icons_all_files.IconType;
+    'arrows-expand-down-right': _react_icons_all_files.IconType;
+    'arrows-expand-left-alt': _react_icons_all_files.IconType;
+    'arrows-expand-left': _react_icons_all_files.IconType;
+    'arrows-expand-right-alt': _react_icons_all_files.IconType;
+    'arrows-expand-right': _react_icons_all_files.IconType;
+    'arrows-expand-up-left': _react_icons_all_files.IconType;
+    'arrows-expand-up-right': _react_icons_all_files.IconType;
+    'arrows-h-alt': _react_icons_all_files.IconType;
+    'arrows-h': _react_icons_all_files.IconType;
+    'arrows-merge-alt-h': _react_icons_all_files.IconType;
+    'arrows-merge-alt-v': _react_icons_all_files.IconType;
+    'arrows-scroll-h': _react_icons_all_files.IconType;
+    'arrows-scroll-v': _react_icons_all_files.IconType;
+    'arrows-shrink-h': _react_icons_all_files.IconType;
+    'arrows-shrink-v': _react_icons_all_files.IconType;
+    'arrows-v-alt': _react_icons_all_files.IconType;
+    'arrows-v': _react_icons_all_files.IconType;
+    assign: _react_icons_all_files.IconType;
+    asterisk: _react_icons_all_files.IconType;
+    attachment: _react_icons_all_files.IconType;
+    attribution: _react_icons_all_files.IconType;
+    awards: _react_icons_all_files.IconType;
+    backspace: _react_icons_all_files.IconType;
+    'band-aid': _react_icons_all_files.IconType;
+    'battery-empty': _react_icons_all_files.IconType;
+    'battery-full': _react_icons_all_files.IconType;
+    battery: _react_icons_all_files.IconType;
+    bee: _react_icons_all_files.IconType;
+    bell: _react_icons_all_files.IconType;
+    bitbucket: _react_icons_all_files.IconType;
+    block: _react_icons_all_files.IconType;
+    board: _react_icons_all_files.IconType;
+    bolt: _react_icons_all_files.IconType;
+    bookmark: _react_icons_all_files.IconType;
+    'border-all': _react_icons_all_files.IconType;
+    'border-bottom': _react_icons_all_files.IconType;
+    'border-left': _react_icons_all_files.IconType;
+    'border-right': _react_icons_all_files.IconType;
+    'border-style-dashed': _react_icons_all_files.IconType;
+    'border-style-dotted': _react_icons_all_files.IconType;
+    'border-style-solid': _react_icons_all_files.IconType;
+    bot: _react_icons_all_files.IconType;
+    bowl: _react_icons_all_files.IconType;
+    box: _react_icons_all_files.IconType;
+    boy: _react_icons_all_files.IconType;
+    briefcase: _react_icons_all_files.IconType;
+    browse: _react_icons_all_files.IconType;
+    browser: _react_icons_all_files.IconType;
+    brush: _react_icons_all_files.IconType;
+    bulb: _react_icons_all_files.IconType;
+    'c-plus-plus': _react_icons_all_files.IconType;
+    calculator: _react_icons_all_files.IconType;
+    'calendar-dates': _react_icons_all_files.IconType;
+    'calendar-due': _react_icons_all_files.IconType;
+    'calendar-next': _react_icons_all_files.IconType;
+    'calendar-today': _react_icons_all_files.IconType;
+    'calendar-two': _react_icons_all_files.IconType;
+    calendar: _react_icons_all_files.IconType;
+    calibrate: _react_icons_all_files.IconType;
+    camera: _react_icons_all_files.IconType;
+    cap: _react_icons_all_files.IconType;
+    captions: _react_icons_all_files.IconType;
+    'card-clubs': _react_icons_all_files.IconType;
+    'card-diamonds': _react_icons_all_files.IconType;
+    'card-hearts': _react_icons_all_files.IconType;
+    'card-spades': _react_icons_all_files.IconType;
+    carousel: _react_icons_all_files.IconType;
+    cast: _react_icons_all_files.IconType;
+    chart: _react_icons_all_files.IconType;
+    'check-o': _react_icons_all_files.IconType;
+    'check-r': _react_icons_all_files.IconType;
+    check: _react_icons_all_files.IconType;
+    'chevron-double-down-o': _react_icons_all_files.IconType;
+    'chevron-double-down-r': _react_icons_all_files.IconType;
+    'chevron-double-down': _react_icons_all_files.IconType;
+    'chevron-double-left-o': _react_icons_all_files.IconType;
+    'chevron-double-left-r': _react_icons_all_files.IconType;
+    'chevron-double-left': _react_icons_all_files.IconType;
+    'chevron-double-right-o': _react_icons_all_files.IconType;
+    'chevron-double-right-r': _react_icons_all_files.IconType;
+    'chevron-double-right': _react_icons_all_files.IconType;
+    'chevron-double-up-o': _react_icons_all_files.IconType;
+    'chevron-double-up-r': _react_icons_all_files.IconType;
+    'chevron-double-up': _react_icons_all_files.IconType;
+    'chevron-down-o': _react_icons_all_files.IconType;
+    'chevron-down-r': _react_icons_all_files.IconType;
+    'chevron-down': _react_icons_all_files.IconType;
+    'chevron-left-o': _react_icons_all_files.IconType;
+    'chevron-left-r': _react_icons_all_files.IconType;
+    'chevron-left': _react_icons_all_files.IconType;
+    'chevron-right-o': _react_icons_all_files.IconType;
+    'chevron-right-r': _react_icons_all_files.IconType;
+    'chevron-right': _react_icons_all_files.IconType;
+    'chevron-up-o': _react_icons_all_files.IconType;
+    'chevron-up-r': _react_icons_all_files.IconType;
+    'chevron-up': _react_icons_all_files.IconType;
+    'clapper-board': _react_icons_all_files.IconType;
+    clipboard: _react_icons_all_files.IconType;
+    'close-o': _react_icons_all_files.IconType;
+    'close-r': _react_icons_all_files.IconType;
+    close: _react_icons_all_files.IconType;
+    cloud: _react_icons_all_files.IconType;
+    'code-slash': _react_icons_all_files.IconType;
+    code: _react_icons_all_files.IconType;
+    coffee: _react_icons_all_files.IconType;
+    collage: _react_icons_all_files.IconType;
+    'color-bucket': _react_icons_all_files.IconType;
+    'color-picker': _react_icons_all_files.IconType;
+    comment: _react_icons_all_files.IconType;
+    community: _react_icons_all_files.IconType;
+    components: _react_icons_all_files.IconType;
+    'compress-left': _react_icons_all_files.IconType;
+    'compress-right': _react_icons_all_files.IconType;
+    'compress-v': _react_icons_all_files.IconType;
+    compress: _react_icons_all_files.IconType;
+    controller: _react_icons_all_files.IconType;
+    copy: _react_icons_all_files.IconType;
+    'copy-all': _react_icons_all_files.IconType;
+    copyright: _react_icons_all_files.IconType;
+    'corner-double-down-left': _react_icons_all_files.IconType;
+    'corner-double-down-right': _react_icons_all_files.IconType;
+    'corner-double-left-down': _react_icons_all_files.IconType;
+    'corner-double-left-up': _react_icons_all_files.IconType;
+    'corner-double-right-down': _react_icons_all_files.IconType;
+    'corner-double-right-up': _react_icons_all_files.IconType;
+    'corner-double-up-left': _react_icons_all_files.IconType;
+    'corner-double-up-right': _react_icons_all_files.IconType;
+    'corner-down-left': _react_icons_all_files.IconType;
+    'corner-down-right': _react_icons_all_files.IconType;
+    'corner-left-down': _react_icons_all_files.IconType;
+    'corner-left-up': _react_icons_all_files.IconType;
+    'corner-right-down': _react_icons_all_files.IconType;
+    'corner-right-up': _react_icons_all_files.IconType;
+    'corner-up-left': _react_icons_all_files.IconType;
+    'corner-up-right': _react_icons_all_files.IconType;
+    'credit-card': _react_icons_all_files.IconType;
+    crop: _react_icons_all_files.IconType;
+    cross: _react_icons_all_files.IconType;
+    crown: _react_icons_all_files.IconType;
+    danger: _react_icons_all_files.IconType;
+    'dark-mode': _react_icons_all_files.IconType;
+    data: _react_icons_all_files.IconType;
+    database: _react_icons_all_files.IconType;
+    debug: _react_icons_all_files.IconType;
+    desktop: _react_icons_all_files.IconType;
+    'details-less': _react_icons_all_files.IconType;
+    'details-more': _react_icons_all_files.IconType;
+    dialpad: _react_icons_all_files.IconType;
+    'dice-1': _react_icons_all_files.IconType;
+    'dice-2': _react_icons_all_files.IconType;
+    'dice-3': _react_icons_all_files.IconType;
+    'dice-4': _react_icons_all_files.IconType;
+    'dice-5': _react_icons_all_files.IconType;
+    'dice-6': _react_icons_all_files.IconType;
+    disc: _react_icons_all_files.IconType;
+    'display-flex': _react_icons_all_files.IconType;
+    'display-fullwidth': _react_icons_all_files.IconType;
+    'display-grid': _react_icons_all_files.IconType;
+    'display-spacing': _react_icons_all_files.IconType;
+    'distribute-horizontal': _react_icons_all_files.IconType;
+    'distribute-vertical': _react_icons_all_files.IconType;
+    'dock-bottom': _react_icons_all_files.IconType;
+    'dock-left': _react_icons_all_files.IconType;
+    'dock-right': _react_icons_all_files.IconType;
+    'dock-window': _react_icons_all_files.IconType;
+    dollar: _react_icons_all_files.IconType;
+    drive: _react_icons_all_files.IconType;
+    'drop-invert': _react_icons_all_files.IconType;
+    'drop-opacity': _react_icons_all_files.IconType;
+    drop: _react_icons_all_files.IconType;
+    duplicate: _react_icons_all_files.IconType;
+    'edit-black-point': _react_icons_all_files.IconType;
+    'edit-contrast': _react_icons_all_files.IconType;
+    'edit-exposure': _react_icons_all_files.IconType;
+    'edit-fade': _react_icons_all_files.IconType;
+    'edit-flip-h': _react_icons_all_files.IconType;
+    'edit-flip-v': _react_icons_all_files.IconType;
+    'edit-highlight': _react_icons_all_files.IconType;
+    'edit-markup': _react_icons_all_files.IconType;
+    'edit-mask': _react_icons_all_files.IconType;
+    'edit-noise': _react_icons_all_files.IconType;
+    'edit-shadows': _react_icons_all_files.IconType;
+    'edit-straight': _react_icons_all_files.IconType;
+    'edit-unmask': _react_icons_all_files.IconType;
+    eject: _react_icons_all_files.IconType;
+    enter: _react_icons_all_files.IconType;
+    erase: _react_icons_all_files.IconType;
+    ereader: _react_icons_all_files.IconType;
+    ericsson: _react_icons_all_files.IconType;
+    ethernet: _react_icons_all_files.IconType;
+    euro: _react_icons_all_files.IconType;
+    expand: _react_icons_all_files.IconType;
+    export: _react_icons_all_files.IconType;
+    'extension-add': _react_icons_all_files.IconType;
+    'extension-alt': _react_icons_all_files.IconType;
+    'extension-remove': _react_icons_all_files.IconType;
+    extension: _react_icons_all_files.IconType;
+    external: _react_icons_all_files.IconType;
+    'eye-alt': _react_icons_all_files.IconType;
+    eye: _react_icons_all_files.IconType;
+    feed: _react_icons_all_files.IconType;
+    'file-add': _react_icons_all_files.IconType;
+    'file-document': _react_icons_all_files.IconType;
+    'file-remove': _react_icons_all_files.IconType;
+    file: _react_icons_all_files.IconType;
+    film: _react_icons_all_files.IconType;
+    filters: _react_icons_all_files.IconType;
+    'flag-alt': _react_icons_all_files.IconType;
+    flag: _react_icons_all_files.IconType;
+    'folder-add': _react_icons_all_files.IconType;
+    'folder-remove': _react_icons_all_files.IconType;
+    folder: _react_icons_all_files.IconType;
+    'font-height': _react_icons_all_files.IconType;
+    'font-spacing': _react_icons_all_files.IconType;
+    'format-center': _react_icons_all_files.IconType;
+    'format-color': _react_icons_all_files.IconType;
+    'format-heading': _react_icons_all_files.IconType;
+    'format-indent-decrease': _react_icons_all_files.IconType;
+    'format-indent-increase': _react_icons_all_files.IconType;
+    'format-italic': _react_icons_all_files.IconType;
+    'format-justify': _react_icons_all_files.IconType;
+    'format-left': _react_icons_all_files.IconType;
+    'format-line-height': _react_icons_all_files.IconType;
+    'format-right': _react_icons_all_files.IconType;
+    'format-separator': _react_icons_all_files.IconType;
+    'format-slash': _react_icons_all_files.IconType;
+    'format-text': _react_icons_all_files.IconType;
+    'format-underline': _react_icons_all_files.IconType;
+    'format-uppercase': _react_icons_all_files.IconType;
+    games: _react_icons_all_files.IconType;
+    'gender-female': _react_icons_all_files.IconType;
+    'gender-male': _react_icons_all_files.IconType;
+    'ghost-character': _react_icons_all_files.IconType;
+    gift: _react_icons_all_files.IconType;
+    girl: _react_icons_all_files.IconType;
+    'git-branch': _react_icons_all_files.IconType;
+    'git-commit': _react_icons_all_files.IconType;
+    'git-fork': _react_icons_all_files.IconType;
+    'git-pull': _react_icons_all_files.IconType;
+    'glass-alt': _react_icons_all_files.IconType;
+    glass: _react_icons_all_files.IconType;
+    'globe-alt': _react_icons_all_files.IconType;
+    globe: _react_icons_all_files.IconType;
+    gym: _react_icons_all_files.IconType;
+    hashtag: _react_icons_all_files.IconType;
+    headset: _react_icons_all_files.IconType;
+    heart: _react_icons_all_files.IconType;
+    'home-alt': _react_icons_all_files.IconType;
+    'home-screen': _react_icons_all_files.IconType;
+    home: _react_icons_all_files.IconType;
+    icecream: _react_icons_all_files.IconType;
+    image: _react_icons_all_files.IconType;
+    import: _react_icons_all_files.IconType;
+    inbox: _react_icons_all_files.IconType;
+    infinity: _react_icons_all_files.IconType;
+    info: _react_icons_all_files.IconType;
+    inpicture: _react_icons_all_files.IconType;
+    'insert-after-o': _react_icons_all_files.IconType;
+    'insert-after-r': _react_icons_all_files.IconType;
+    'insert-after': _react_icons_all_files.IconType;
+    'insert-before-o': _react_icons_all_files.IconType;
+    'insert-before-r': _react_icons_all_files.IconType;
+    'insert-before': _react_icons_all_files.IconType;
+    insights: _react_icons_all_files.IconType;
+    internal: _react_icons_all_files.IconType;
+    key: _react_icons_all_files.IconType;
+    keyboard: _react_icons_all_files.IconType;
+    keyhole: _react_icons_all_files.IconType;
+    laptop: _react_icons_all_files.IconType;
+    'layout-grid-small': _react_icons_all_files.IconType;
+    'layout-grid': _react_icons_all_files.IconType;
+    'layout-list': _react_icons_all_files.IconType;
+    'layout-pin': _react_icons_all_files.IconType;
+    link: _react_icons_all_files.IconType;
+    'list-tree': _react_icons_all_files.IconType;
+    list: _react_icons_all_files.IconType;
+    'live-photo': _react_icons_all_files.IconType;
+    'loadbar-alt': _react_icons_all_files.IconType;
+    'loadbar-doc': _react_icons_all_files.IconType;
+    'loadbar-sound': _react_icons_all_files.IconType;
+    loadbar: _react_icons_all_files.IconType;
+    'lock-unlock': _react_icons_all_files.IconType;
+    lock: _react_icons_all_files.IconType;
+    'log-in': _react_icons_all_files.IconType;
+    'log-off': _react_icons_all_files.IconType;
+    'log-out': _react_icons_all_files.IconType;
+    loupe: _react_icons_all_files.IconType;
+    magnet: _react_icons_all_files.IconType;
+    'mail-forward': _react_icons_all_files.IconType;
+    'mail-open': _react_icons_all_files.IconType;
+    'mail-reply': _react_icons_all_files.IconType;
+    mail: _react_icons_all_files.IconType;
+    'math-divide': _react_icons_all_files.IconType;
+    'math-equal': _react_icons_all_files.IconType;
+    'math-minus': _react_icons_all_files.IconType;
+    'math-percent': _react_icons_all_files.IconType;
+    'math-plus': _react_icons_all_files.IconType;
+    'maximize-alt': _react_icons_all_files.IconType;
+    maximize: _react_icons_all_files.IconType;
+    'media-live': _react_icons_all_files.IconType;
+    'media-podcast': _react_icons_all_files.IconType;
+    'menu-boxed': _react_icons_all_files.IconType;
+    'menu-cake': _react_icons_all_files.IconType;
+    'menu-cheese': _react_icons_all_files.IconType;
+    'menu-grid-o': _react_icons_all_files.IconType;
+    'menu-grid-r': _react_icons_all_files.IconType;
+    'menu-hotdog': _react_icons_all_files.IconType;
+    'menu-left-alt': _react_icons_all_files.IconType;
+    'menu-left': _react_icons_all_files.IconType;
+    'menu-motion': _react_icons_all_files.IconType;
+    'menu-oreos': _react_icons_all_files.IconType;
+    'menu-right-alt': _react_icons_all_files.IconType;
+    'menu-right': _react_icons_all_files.IconType;
+    'menu-round': _react_icons_all_files.IconType;
+    menu: _react_icons_all_files.IconType;
+    'merge-horizontal': _react_icons_all_files.IconType;
+    'merge-vertical': _react_icons_all_files.IconType;
+    mic: _react_icons_all_files.IconType;
+    'mini-player': _react_icons_all_files.IconType;
+    'minimize-alt': _react_icons_all_files.IconType;
+    minimize: _react_icons_all_files.IconType;
+    modem: _react_icons_all_files.IconType;
+    moon: _react_icons_all_files.IconType;
+    'more-alt': _react_icons_all_files.IconType;
+    'more-o': _react_icons_all_files.IconType;
+    'more-r': _react_icons_all_files.IconType;
+    'more-vertical-alt': _react_icons_all_files.IconType;
+    'more-vertical-o': _react_icons_all_files.IconType;
+    'more-vertical-r': _react_icons_all_files.IconType;
+    'more-vertical': _react_icons_all_files.IconType;
+    more: _react_icons_all_files.IconType;
+    mouse: _react_icons_all_files.IconType;
+    'move-down': _react_icons_all_files.IconType;
+    'move-left': _react_icons_all_files.IconType;
+    'move-right': _react_icons_all_files.IconType;
+    'move-task': _react_icons_all_files.IconType;
+    'move-up': _react_icons_all_files.IconType;
+    'music-note': _react_icons_all_files.IconType;
+    'music-speaker': _react_icons_all_files.IconType;
+    music: _react_icons_all_files.IconType;
+    nametag: _react_icons_all_files.IconType;
+    notes: _react_icons_all_files.IconType;
+    notifications: _react_icons_all_files.IconType;
+    options: _react_icons_all_files.IconType;
+    organisation: _react_icons_all_files.IconType;
+    password: _react_icons_all_files.IconType;
+    'path-back': _react_icons_all_files.IconType;
+    'path-crop': _react_icons_all_files.IconType;
+    'path-divide': _react_icons_all_files.IconType;
+    'path-exclude': _react_icons_all_files.IconType;
+    'path-front': _react_icons_all_files.IconType;
+    'path-intersect': _react_icons_all_files.IconType;
+    'path-outline': _react_icons_all_files.IconType;
+    'path-trim': _react_icons_all_files.IconType;
+    'path-unite': _react_icons_all_files.IconType;
+    pen: _react_icons_all_files.IconType;
+    'pentagon-bottom-left': _react_icons_all_files.IconType;
+    'pentagon-bottom-right': _react_icons_all_files.IconType;
+    'pentagon-down': _react_icons_all_files.IconType;
+    'pentagon-left': _react_icons_all_files.IconType;
+    'pentagon-right': _react_icons_all_files.IconType;
+    'pentagon-top-left': _react_icons_all_files.IconType;
+    'pentagon-top-right': _react_icons_all_files.IconType;
+    'pentagon-up': _react_icons_all_files.IconType;
+    performance: _react_icons_all_files.IconType;
+    phone: _react_icons_all_files.IconType;
+    photoscan: _react_icons_all_files.IconType;
+    piano: _react_icons_all_files.IconType;
+    pill: _react_icons_all_files.IconType;
+    'pin-alt': _react_icons_all_files.IconType;
+    'pin-bottom': _react_icons_all_files.IconType;
+    'pin-top': _react_icons_all_files.IconType;
+    pin: _react_icons_all_files.IconType;
+    'play-backwards': _react_icons_all_files.IconType;
+    'play-button-o': _react_icons_all_files.IconType;
+    'play-button-r': _react_icons_all_files.IconType;
+    'play-button': _react_icons_all_files.IconType;
+    'play-forwards': _react_icons_all_files.IconType;
+    'play-list-add': _react_icons_all_files.IconType;
+    'play-list-check': _react_icons_all_files.IconType;
+    'play-list-remove': _react_icons_all_files.IconType;
+    'play-list-search': _react_icons_all_files.IconType;
+    'play-list': _react_icons_all_files.IconType;
+    'play-pause-o': _react_icons_all_files.IconType;
+    'play-pause-r': _react_icons_all_files.IconType;
+    'play-pause': _react_icons_all_files.IconType;
+    'play-stop-o': _react_icons_all_files.IconType;
+    'play-stop-r': _react_icons_all_files.IconType;
+    'play-stop': _react_icons_all_files.IconType;
+    'play-track-next-o': _react_icons_all_files.IconType;
+    'play-track-next-r': _react_icons_all_files.IconType;
+    'play-track-next': _react_icons_all_files.IconType;
+    'play-track-prev-o': _react_icons_all_files.IconType;
+    'play-track-prev-r': _react_icons_all_files.IconType;
+    'play-track-prev': _react_icons_all_files.IconType;
+    plug: _react_icons_all_files.IconType;
+    polaroid: _react_icons_all_files.IconType;
+    poll: _react_icons_all_files.IconType;
+    presentation: _react_icons_all_files.IconType;
+    printer: _react_icons_all_files.IconType;
+    profile: _react_icons_all_files.IconType;
+    'pull-clear': _react_icons_all_files.IconType;
+    'push-chevron-down-o': _react_icons_all_files.IconType;
+    'push-chevron-down-r': _react_icons_all_files.IconType;
+    'push-chevron-down': _react_icons_all_files.IconType;
+    'push-chevron-left-o': _react_icons_all_files.IconType;
+    'push-chevron-left-r': _react_icons_all_files.IconType;
+    'push-chevron-left': _react_icons_all_files.IconType;
+    'push-chevron-right-o': _react_icons_all_files.IconType;
+    'push-chevron-right-r': _react_icons_all_files.IconType;
+    'push-chevron-right': _react_icons_all_files.IconType;
+    'push-chevron-up-o': _react_icons_all_files.IconType;
+    'push-chevron-up-r': _react_icons_all_files.IconType;
+    'push-chevron-up': _react_icons_all_files.IconType;
+    'push-down': _react_icons_all_files.IconType;
+    'push-left': _react_icons_all_files.IconType;
+    'push-right': _react_icons_all_files.IconType;
+    'push-up': _react_icons_all_files.IconType;
+    qr: _react_icons_all_files.IconType;
+    'quote-o': _react_icons_all_files.IconType;
+    quote: _react_icons_all_files.IconType;
+    'radio-check': _react_icons_all_files.IconType;
+    'radio-checked': _react_icons_all_files.IconType;
+    ratio: _react_icons_all_files.IconType;
+    read: _react_icons_all_files.IconType;
+    readme: _react_icons_all_files.IconType;
+    record: _react_icons_all_files.IconType;
+    redo: _react_icons_all_files.IconType;
+    remote: _react_icons_all_files.IconType;
+    'remove-r': _react_icons_all_files.IconType;
+    remove: _react_icons_all_files.IconType;
+    rename: _react_icons_all_files.IconType;
+    reorder: _react_icons_all_files.IconType;
+    repeat: _react_icons_all_files.IconType;
+    ring: _react_icons_all_files.IconType;
+    'row-first': _react_icons_all_files.IconType;
+    'row-last': _react_icons_all_files.IconType;
+    ruler: _react_icons_all_files.IconType;
+    'sand-clock': _react_icons_all_files.IconType;
+    scan: _react_icons_all_files.IconType;
+    'screen-mirror': _react_icons_all_files.IconType;
+    'screen-shot': _react_icons_all_files.IconType;
+    'screen-wide': _react_icons_all_files.IconType;
+    screen: _react_icons_all_files.IconType;
+    'scroll-h': _react_icons_all_files.IconType;
+    'scroll-v': _react_icons_all_files.IconType;
+    'search-found': _react_icons_all_files.IconType;
+    'search-loading': _react_icons_all_files.IconType;
+    search: _react_icons_all_files.IconType;
+    'select-o': _react_icons_all_files.IconType;
+    'select-r': _react_icons_all_files.IconType;
+    select: _react_icons_all_files.IconType;
+    server: _react_icons_all_files.IconType;
+    'shape-circle': _react_icons_all_files.IconType;
+    'shape-half-circle': _react_icons_all_files.IconType;
+    'shape-hexagon': _react_icons_all_files.IconType;
+    'shape-rhombus': _react_icons_all_files.IconType;
+    'shape-square': _react_icons_all_files.IconType;
+    'shape-triangle': _react_icons_all_files.IconType;
+    'shape-zigzag': _react_icons_all_files.IconType;
+    share: _react_icons_all_files.IconType;
+    shield: _react_icons_all_files.IconType;
+    'shopping-bag': _react_icons_all_files.IconType;
+    'shopping-cart': _react_icons_all_files.IconType;
+    shortcut: _react_icons_all_files.IconType;
+    'sidebar-open': _react_icons_all_files.IconType;
+    'sidebar-right': _react_icons_all_files.IconType;
+    sidebar: _react_icons_all_files.IconType;
+    signal: _react_icons_all_files.IconType;
+    size: _react_icons_all_files.IconType;
+    sleep: _react_icons_all_files.IconType;
+    'smart-home-boiler': _react_icons_all_files.IconType;
+    'smart-home-cooker': _react_icons_all_files.IconType;
+    'smart-home-heat': _react_icons_all_files.IconType;
+    'smart-home-light': _react_icons_all_files.IconType;
+    'smart-home-refrigerator': _react_icons_all_files.IconType;
+    'smart-home-wash-machine': _react_icons_all_files.IconType;
+    'smartphone-chip': _react_icons_all_files.IconType;
+    'smartphone-ram': _react_icons_all_files.IconType;
+    'smartphone-shake': _react_icons_all_files.IconType;
+    smartphone: _react_icons_all_files.IconType;
+    'smile-mouth-open': _react_icons_all_files.IconType;
+    'smile-neutral': _react_icons_all_files.IconType;
+    'smile-no-mouth': _react_icons_all_files.IconType;
+    'smile-none': _react_icons_all_files.IconType;
+    'smile-sad': _react_icons_all_files.IconType;
+    'smile-upside': _react_icons_all_files.IconType;
+    smile: _react_icons_all_files.IconType;
+    'software-download': _react_icons_all_files.IconType;
+    'software-upload': _react_icons_all_files.IconType;
+    'sort-az': _react_icons_all_files.IconType;
+    'sort-za': _react_icons_all_files.IconType;
+    'space-between-v': _react_icons_all_files.IconType;
+    'space-between': _react_icons_all_files.IconType;
+    'spinner-alt': _react_icons_all_files.IconType;
+    'spinner-two-alt': _react_icons_all_files.IconType;
+    'spinner-two': _react_icons_all_files.IconType;
+    spinner: _react_icons_all_files.IconType;
+    stack: _react_icons_all_files.IconType;
+    stopwatch: _react_icons_all_files.IconType;
+    stories: _react_icons_all_files.IconType;
+    style: _react_icons_all_files.IconType;
+    sun: _react_icons_all_files.IconType;
+    support: _react_icons_all_files.IconType;
+    'swap-vertical': _react_icons_all_files.IconType;
+    swap: _react_icons_all_files.IconType;
+    sweden: _react_icons_all_files.IconType;
+    swiss: _react_icons_all_files.IconType;
+    sync: _react_icons_all_files.IconType;
+    tab: _react_icons_all_files.IconType;
+    tag: _react_icons_all_files.IconType;
+    'tap-double': _react_icons_all_files.IconType;
+    'tap-single': _react_icons_all_files.IconType;
+    template: _react_icons_all_files.IconType;
+    tennis: _react_icons_all_files.IconType;
+    terminal: _react_icons_all_files.IconType;
+    terrain: _react_icons_all_files.IconType;
+    thermometer: _react_icons_all_files.IconType;
+    thermostat: _react_icons_all_files.IconType;
+    tikcode: _react_icons_all_files.IconType;
+    time: _react_icons_all_files.IconType;
+    timelapse: _react_icons_all_files.IconType;
+    timer: _react_icons_all_files.IconType;
+    today: _react_icons_all_files.IconType;
+    'toggle-off': _react_icons_all_files.IconType;
+    'toggle-on': _react_icons_all_files.IconType;
+    'toggle-square-off': _react_icons_all_files.IconType;
+    'toggle-square': _react_icons_all_files.IconType;
+    'toolbar-bottom': _react_icons_all_files.IconType;
+    'toolbar-left': _react_icons_all_files.IconType;
+    'toolbar-right': _react_icons_all_files.IconType;
+    'toolbar-top': _react_icons_all_files.IconType;
+    toolbox: _react_icons_all_files.IconType;
+    touchpad: _react_icons_all_files.IconType;
+    track: _react_icons_all_files.IconType;
+    transcript: _react_icons_all_files.IconType;
+    'trash-empty': _react_icons_all_files.IconType;
+    trash: _react_icons_all_files.IconType;
+    tree: _react_icons_all_files.IconType;
+    trees: _react_icons_all_files.IconType;
+    'trending-down': _react_icons_all_files.IconType;
+    trending: _react_icons_all_files.IconType;
+    trophy: _react_icons_all_files.IconType;
+    tv: _react_icons_all_files.IconType;
+    'ui-kit': _react_icons_all_files.IconType;
+    umbrella: _react_icons_all_files.IconType;
+    unavailable: _react_icons_all_files.IconType;
+    unblock: _react_icons_all_files.IconType;
+    undo: _react_icons_all_files.IconType;
+    unsplash: _react_icons_all_files.IconType;
+    'usb-c': _react_icons_all_files.IconType;
+    usb: _react_icons_all_files.IconType;
+    'user-add': _react_icons_all_files.IconType;
+    'user-list': _react_icons_all_files.IconType;
+    'user-remove': _react_icons_all_files.IconType;
+    user: _react_icons_all_files.IconType;
+    'view-cols': _react_icons_all_files.IconType;
+    'view-comfortable': _react_icons_all_files.IconType;
+    'view-day': _react_icons_all_files.IconType;
+    'view-grid': _react_icons_all_files.IconType;
+    'view-list': _react_icons_all_files.IconType;
+    'view-month': _react_icons_all_files.IconType;
+    'view-split': _react_icons_all_files.IconType;
+    vinyl: _react_icons_all_files.IconType;
+    'voicemail-o': _react_icons_all_files.IconType;
+    'voicemail-r': _react_icons_all_files.IconType;
+    voicemail: _react_icons_all_files.IconType;
+    volume: _react_icons_all_files.IconType;
+    webcam: _react_icons_all_files.IconType;
+    website: _react_icons_all_files.IconType;
+    'work-alt': _react_icons_all_files.IconType;
+    yinyang: _react_icons_all_files.IconType;
+    'zoom-in': _react_icons_all_files.IconType;
+    'zoom-out': _react_icons_all_files.IconType;
 };
 
 /** A list of available icon names that can be used with the Uniform brand */
@@ -21006,7 +21111,7 @@ type IconName = keyof typeof allSupportedIcons;
 /** sets fill color of the svg icon
  * @default 'default'
  */
-type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light';
+type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
 /** sets the type of icon to use from the available list */
 type IconType = IconName | IconType$1;
 interface IconProps extends IconBaseProps {
@@ -21021,52 +21126,59 @@ interface IconProps extends IconBaseProps {
  * Component that renders icons
  * @example <Icon icon="add-r" iconColor="currentColor" />
  */
-declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null>;
+declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
 
-declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const textInput: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const settingsIcon: _react_icons_all_files_lib.IconType;
-declare const settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
+declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const settingsIcon: IconType$2;
+declare const settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
 declare const customIcons: {
-    'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    card: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'image-text': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'border-top': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'text-input': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'number-input': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    warning: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'info-filled': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-    'query-string': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    json: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-bold': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-code': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-strike': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-superscript': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'format-subscript': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'list-view-short': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'list-view-long': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
-    'filter-add': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
+    'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    card: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'image-text': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'border-top': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'text-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'number-input': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
+    'query-string': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-code': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-strike': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'yes-no': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'filter-add': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    refresh: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+    'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
 };
 
 type IconsMap = Record<string, IconType$1>;
@@ -21080,7 +21192,18 @@ declare function useIconContext(): {
  */
 declare function IconsProvider({ children }: {
     children: ReactNode;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+}): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const uniformComponentIcon: IconType$1;
+declare const uniformConditionalValuesIcon: IconType$1;
+declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
+declare const uniformLocaleIcon: IconType$1;
+declare const uniformLocaleDisabledIcon: IconType$1;
+declare const uniformComponentPatternIcon: IconType$1;
+declare const uniformCompositionPatternIcon: IconType$1;
+declare const uniformContentTypeIcon: IconType$1;
+declare const uniformEntryIcon: IconType$1;
+declare const uniformEntryPatternIcon: IconType$1;
 
 type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
 type ButtonSizeProps = 'sm' | 'base' | 'lg';
@@ -21104,40 +21227,31 @@ interface ActionButtonsProps {
     /** sets additional Menu component styles */
     menuContainerCssClasses?: SerializedStyles;
     /** sets whether to use a React portal rendering or not.
-     * @default false
+     * @deprecated This property does not work correctly. Use `portal` instead.
      */
     withoutPortal?: boolean;
+    /** sets whether to use a React portal rendering or not. */
+    portal?: boolean;
     /** (optional) sets the maximum height of the menu
      * setting a max menu height value will make the menu scrollable if the content exceeds the height
      * this is not compatible with nested menus that expand to the left or right of the menu
      */
     maxMenuHeight?: string;
+    /**
+     * Sets a tooltip on the button when hovered
+     * Note that the tooltip will be shown whether disabled or not.
+     */
+    tooltip?: React$1.ReactNode;
+    /**
+     * Sets a shortcut for the button.
+     * The shortcut's handler function will be automatically set to the onClick of the button,
+     * and a tooltip will be added to the button that shows the keyboard shortcut.
+     */
+    shortcut?: ShortcutReference;
 }
 /** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
 type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * Uniform ButtonWithMenu Component
- * @example
-<ButtonWithMenu
-    disabled={isDisabled}
-    buttonText="Save and close"
-    onButtonClick={() => someFunction()}
-    placement="bottom-end"
-    >
-    <MenuItem
-        disabled={isDisabled}
-        onClick={() => someFunction()}
-        key="save"
-        className="flex gap-2 items-center"
-        data-testid="save-menu-item-button"
-        >
-          <span className="whitespace-nowrap" data-testid="save-menu-item">
-              Save
-          </span>
-    </MenuItem>
-</ButtonWithMenu>
- */
-declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, maxMenuHeight, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, portal, maxMenuHeight, tooltip, shortcut, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * A string in the ISO 8601 date format: YYYY-MM-DD
@@ -21156,7 +21270,7 @@ type CalendarProps = Pick<CalendarProps$1<DateValue>, 'autoFocus' | 'isDisabled'
  *
  * @deprecated This component is in beta, name and props are subject to change without a major version
  */
-declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /** Callout button types available to use with our brand */
 type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
@@ -21182,7 +21296,7 @@ interface CalloutProps {
  * Uniform Callout Component
  * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
  */
-declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the title value of the card */
@@ -21207,11 +21321,11 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
      */
     tag?: React$1.ElementType;
 };
-declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
 type CardTitleProps = {
     children?: React$1.ReactNode;
 } & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
-declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CardContainerBgColorProps = 'gray' | 'white';
 type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
@@ -21237,14 +21351,18 @@ type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
 /** Uniform Card Container
  * @example <CardContainer><Card title="card title" /></CardContainer>
  */
-declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
 
 type ChipSizeProp = 'xs' | 'sm' | 'md';
 type ChipTheme = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
 type ChipProps = {
     icon?: IconType;
+    /** sets the color of the icon
+     * @default 'currentColor'
+     * */
+    iconColor?: IconColor;
     text: ReactNode;
     /** sets the size of the chip
      * @default 'sm'
@@ -21252,6 +21370,15 @@ type ChipProps = {
     theme?: ChipTheme;
     chipAction?: React.ReactNode;
     size?: ChipSizeProp;
+    /** sets whether to use outlined chip variant
+     * @default 'solid'
+     */
+    variant?: 'solid' | 'outlined';
+    /**
+     * The HTML element to render
+     * @default 'span'
+     */
+    as?: 'span' | 'button';
 } & React.HTMLAttributes<HTMLSpanElement>;
 /**
  * @description Chips are used in a variety of ways
@@ -21260,7 +21387,7 @@ type ChipProps = {
  * To represent a different object, as a reference
  * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
  */
-declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
 type DismissibleChipActionProps = {
     onDismiss: () => void;
 } & HTMLAttributes<HTMLButtonElement>;
@@ -21268,7 +21395,7 @@ type DismissibleChipActionProps = {
  * @description Dismissible chip action should be used with the Chip component
  * @example <DismissibleChipAction onDismiss={() => {...}}/>
  */
-declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MultilineChipProps = {
     children: ReactNode;
@@ -21279,18 +21406,24 @@ type MultilineChipProps = {
  * Unlike a regular chip, this one can go onto multiple lines with word wrap, and uses inline behaviours.
  * @example <MultilineChip text="productId" />
  */
-declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
+type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
 type CounterProps = {
     /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
     count: number | undefined;
     /** sets the background color
      * @default 'transparent'
      */
-    bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
-} & React$1.HTMLAttributes<HTMLDivElement>;
+    bgColor?: CounterBgColors;
+    /** sets the color of the icon if one is provided */
+    iconColor?: CounterIconColors;
+    /** Optional icon for the counter */
+    icon?: IconType;
+} & React.HTMLAttributes<HTMLDivElement>;
 /** @example <Counter count={1} /> */
-declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type TextAlignProps = 'left' | 'right' | 'center';
 type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -21308,7 +21441,73 @@ type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
  * Uniform Dashed Box Component
  * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
  */
-declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/**
+ * A string in the ISO 8601 time format: hh:mm
+ */
+type IsoTimeString = string;
+type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle' | 'autoFocus'> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
+    /** (optional) sets the label value */
+    label?: string;
+    /** (optional) sets caption text value */
+    caption?: string | JSX.Element;
+    /** The current value in ISO 8601 time format */
+    value: IsoTimeString | null | undefined;
+    /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
+    minValue?: IsoTimeString;
+    /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
+    maxValue?: IsoTimeString;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean;
+    /** (optional) sets and shows the the error message value */
+    errorMessage?: string;
+    /** (optional) sets and shows the warning message value */
+    warningMessage?: string;
+    /** (optional) sets the test id for input field container for test automation*/
+    containerTestId?: string;
+    /** (optional) sets label test id */
+    labelTestId?: string;
+    /** (option)  sets validation message test id for test automation */
+    errorTestId?: string;
+    /** (option)  sets caption message test id for test automation */
+    captionTestId?: string;
+    belowInputSlot?: ReactNode;
+    onChange?: (value: IsoTimeString) => void;
+};
+/**
+ * Time input with segmented control
+ *
+ * @deprecated This component is in beta, name and props are subject to change without a major version
+ */
+declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<TimeValue>, "autoFocus" | "id" | "name" | "hourCycle"> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
+    /** (optional) sets the label value */
+    label?: string;
+    /** (optional) sets caption text value */
+    caption?: string | JSX.Element;
+    /** The current value in ISO 8601 time format */
+    value: IsoTimeString | null | undefined;
+    /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
+    minValue?: IsoTimeString;
+    /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
+    maxValue?: IsoTimeString;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean;
+    /** (optional) sets and shows the the error message value */
+    errorMessage?: string;
+    /** (optional) sets and shows the warning message value */
+    warningMessage?: string;
+    /** (optional) sets the test id for input field container for test automation*/
+    containerTestId?: string;
+    /** (optional) sets label test id */
+    labelTestId?: string;
+    /** (option)  sets validation message test id for test automation */
+    errorTestId?: string;
+    /** (option)  sets caption message test id for test automation */
+    captionTestId?: string;
+    belowInputSlot?: ReactNode;
+    onChange?: (value: IsoTimeString) => void;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * A string in the ISO 8601 datetime format
@@ -21327,6 +21526,8 @@ type DateTimePickerProps = {
     id: string;
     /** (optional) sets the label value */
     label?: ReactNode;
+    /** (optional) icon for the trigger */
+    triggerIcon?: IconType$2;
     /** The current controlled value of the picker */
     value: DateTimePickerValue | null | undefined;
     /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -21353,6 +21554,10 @@ type DateTimePickerProps = {
     disabled?: boolean;
     /** (optional) sets the base test id for each of the elements with a testid */
     testId?: string;
+    /** (optional) sets the popover placement */
+    placement?: PopoverState['placement'];
+    /** (optional) sets the popover offset */
+    offset?: [string | number, string | number] | undefined;
 };
 /**
  * Use this context for slots within the date time picker
@@ -21360,8 +21565,8 @@ type DateTimePickerProps = {
  */
 declare function useDateTimePickerContext(): {
     clearValue(): void;
-    changeDate(isoDate: string): void;
-    changeTime(isoTime: string): void;
+    changeDate(isoDate: IsoDateString): void;
+    changeTime(isoTime: IsoTimeString): void;
 };
 /**
  * Date Time Picker
@@ -21375,7 +21580,12 @@ declare function useDateTimePickerContext(): {
  * Subcomponents can manipulate the value directly by using
  * the `useDateTimePickerContext()` hook.
  */
-declare const DateTimePicker: ({ id, label, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare function DateTimePickerSummary({ value, placeholder, }: {
+    value: DateTimePickerValue | null | undefined;
+    placeholder: ReactNode;
+}): _emotion_react_jsx_runtime.JSX.Element;
 
 type DescriptionListProps = {
     items: {
@@ -21393,7 +21603,7 @@ declare const DescriptionList: React__default.ForwardRefExoticComponent<{
         label: string;
         value: string | number | boolean | React__default.ReactNode;
     }[];
-    variant?: "horizontal" | "vertical" | undefined;
+    variant?: "horizontal" | "vertical";
 } & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
 
 type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
@@ -21419,7 +21629,22 @@ type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
     isCompact?: boolean;
 };
 /** @example  <Details summary="summary text">child content here</Details>*/
-declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type DraggableHandleProps = {
+    disableDnd?: boolean;
+    /** (optional) Height of the drag handle
+     * @default 3.125rem
+     */
+    height?: string;
+} & HTMLAttributes<HTMLButtonElement>;
+declare const DragHandle: React$1.ForwardRefExoticComponent<{
+    disableDnd?: boolean;
+    /** (optional) Height of the drag handle
+     * @default 3.125rem
+     */
+    height?: string;
+} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
@@ -21456,7 +21681,7 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
  * Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.
  * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
  */
-declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
     index: number;
     totalDrawers: number;
@@ -21468,7 +21693,7 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
 }
 declare const getDrawerAttributes: ({ providerId, stackId, id, }: {
     providerId: string;
-    stackId?: string | undefined;
+    stackId?: string;
     id: string;
 }) => {
     'data-drawer-id': string;
@@ -21522,7 +21747,7 @@ type DrawerContextValue = {
  * Provides the context to the Drawer and DrawerRenderer components.
  * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
  */
-declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_jsx_runtime.JSX.Element;
 declare const useDrawer: () => DrawerContextValue;
 declare const useCloseCurrentDrawer: () => (() => void) | undefined;
 
@@ -21533,14 +21758,14 @@ type DrawerProps = DrawerItem & Omit<DrawerRendererProps, 'stackId'> & {
     leftAligned?: DrawerRendererProps['leftAligned'];
 };
 declare const CurrentDrawerContext: React__default.Context<{
-    id?: string | undefined;
-    stackId?: string | undefined;
-    leftAligned?: DrawerRendererProps['leftAligned'];
+    id?: DrawerProps["id"];
+    stackId?: DrawerRendererProps["stackId"];
+    leftAligned?: DrawerRendererProps["leftAligned"];
 }>;
 declare const useCurrentDrawer: () => {
-    id?: string | undefined;
-    stackId?: string | undefined;
-    leftAligned?: DrawerRendererProps['leftAligned'];
+    id?: DrawerProps["id"];
+    stackId?: DrawerRendererProps["stackId"];
+    leftAligned?: DrawerRendererProps["leftAligned"];
 };
 /**
  * A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
@@ -21549,8 +21774,8 @@ declare const useCurrentDrawer: () => {
 declare const Drawer: React__default.ForwardRefExoticComponent<DrawerItem & Omit<DrawerRendererProps, "stackId"> & {
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
-    bgColor?: "var(--white)" | "var(--gray-50)" | undefined;
-    leftAligned?: DrawerRendererProps['leftAligned'];
+    bgColor?: "var(--gray-50)" | "var(--white)";
+    leftAligned?: DrawerRendererProps["leftAligned"];
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type DrawerContentProps = {
@@ -21558,12 +21783,12 @@ type DrawerContentProps = {
     buttonGroup?: ReactNode;
     noPadding?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const TAKEOVER_STACK_ID = "takeover-stack";
-declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, 'stackId'> & {
+declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, "stackId"> & {
     stackId?: string;
-}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+}) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface IconButtonProps extends Omit<ButtonProps, 'size'> {
     variant?: 'square' | 'rounded';
@@ -21576,9 +21801,9 @@ interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     imgClassName?: string;
     variant?: 'inline' | 'fill-container';
 }
-declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_jsx_runtime.JSX.Element;
 
-declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
     /** allows users to add child elements */
@@ -21592,7 +21817,7 @@ type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
  * Component that provides caption text to input fields
  * @example <Caption>some help text here</Caption>
  */
-declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CheckboxWithInforProps = React.HTMLAttributes<HTMLInputElement> & {
     /** sets the label value */
@@ -21611,9 +21836,9 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
     /** sets the name value of the radio/checkbox input */
     name: string;
     /** sets info message */
-    info?: string | undefined;
+    info?: string;
     /** (optional) sets the checked state of the input */
-    checked?: boolean | undefined;
+    checked?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type ErrorMessageProps = {
@@ -21633,7 +21858,25 @@ type ErrorMessageProps = {
  * Component that provides error messaging to input fields
  * @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
  */
-declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
+type FieldMessageProps = {
+    /** (optional) sets help message within the caption component */
+    helperMessage?: string | JSX.Element;
+    /** (option)  sets caption message test id for test automation */
+    helperMessageTestId?: string;
+    /** (optional) sets and shows the warning message value */
+    warningMessage?: string;
+    /** (option)  sets warning message test id for test automation */
+    warningMessageTestId?: string;
+    /** (optional) sets and shows the the error message value */
+    errorMessage?: string;
+    /** (option)  sets validation message test id for test automation */
+    errorTestId?: string;
+    /** (optional) sets and shows the the info message value */
+    infoMessage?: string;
+};
+declare const FieldMessage: ({ helperMessage, warningMessage, errorMessage, infoMessage, errorTestId, helperMessageTestId, }: FieldMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type FieldsetProps = React$1.HTMLAttributes<HTMLFieldSetElement> & {
     /** sets the legend value */
@@ -21650,11 +21893,11 @@ declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
     /** sets the legend value */
     legend: React$1.ReactElement;
     /** sets the disabled value and sets child inputs disabled */
-    disabled?: boolean | undefined;
-    actionButton?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
+    disabled?: boolean;
+    actionButton?: React$1.ReactElement;
     children: React$1.ReactNode;
     /** Inverts the background to white for use on forms that already have a gray background */
-    invert?: boolean | undefined;
+    invert?: boolean;
 } & React$1.RefAttributes<HTMLFieldSetElement>>;
 
 type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
@@ -21662,12 +21905,14 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     message?: string;
     /** sets the test id for test automation (optional) */
     testId?: string;
+    /** customize the icon (optional) */
+    icon?: IconType;
 };
 /**
  * Component that provides info messaging to input fields
- * @example <WarningMessage>be aware of this</ErrorMessage>
+ * @example <InfoMessage>be aware of this</InfoMessage>
  */
-declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
@@ -21714,59 +21959,117 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  */
 declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string | undefined;
+    label?: string;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element | undefined;
+    caption?: string | JSX.Element;
     /** (optional) add an input icon to the input field */
-    icon?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
+    icon?: React$1.ReactElement;
     /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
-    showLabel?: boolean | undefined;
+    showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
-    errorMessage?: string | undefined;
+    errorMessage?: string;
     /** (optional) sets and shows the warning message value */
-    warningMessage?: string | undefined;
+    warningMessage?: string;
     /** (optional) sets the test id for input field container for test automation*/
-    containerTestId?: string | undefined;
+    containerTestId?: string;
     /** (optional) sets label test id */
-    labelTestId?: string | undefined;
+    labelTestId?: string;
     /** (option)  sets validation message test id for test automation */
-    errorTestId?: string | undefined;
+    errorTestId?: string;
     /** (option)  sets caption message test id for test automation */
-    captionTestId?: string | undefined;
-    capture?: boolean | "user" | "environment" | undefined;
+    captionTestId?: string;
+    capture?: boolean | "user" | "environment";
     /**
      * (optional) sets an overriding classname on the root element
      */
-    classNameRoot?: string | SerializedStyles | undefined;
+    classNameRoot?: string | SerializedStyles;
     /**
      * (optional) sets an overriding classname on the container element
      * @deprecated */
-    classNameContainer?: string | SerializedStyles | undefined;
+    classNameContainer?: string | SerializedStyles;
     /**
      * (optional) sets an overriding classname on the input element
      * @deprecated */
-    classNameControl?: string | SerializedStyles | undefined;
+    classNameControl?: string | SerializedStyles;
     /**
      * (optional) sets an overriding classname on the label element
      * @deprecated */
-    classNameLabel?: string | SerializedStyles | undefined;
+    classNameLabel?: string | SerializedStyles;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-type InputComboBoxOption = {
+/**
+ * Default type of option for the combo box.
+ * Note: you can use any type of object you want.
+ * If it has a `label` and `value` property, it will auto wire those.
+ * If you want to use different properties, you can use the `getOptionLabel` and `getOptionValue` props.
+ */
+type InputComboBoxOption<TValue = string> = {
     /** sets the label value */
     label: string;
-    /** sets the input value */
-    value: string;
+    /** sets the option value */
+    value: TValue;
     /** (optional) sets the disabled value on the input */
     isDisabled?: boolean;
+    /**
+     * Sets an indent on the menu item.
+     * Can be used to create faux groups, where the groups may be selected.
+     * Note: this works for any type used for an option where a boolean called indented exists.
+     */
+    indented?: boolean;
 };
-type InputComboBoxProps<TOption, IsMulti extends boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = StateManagerProps<TOption, IsMulti, TGroup> & React$1.RefAttributes<InternalSelect<TOption, IsMulti, TGroup>>;
+type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup> & React$1.RefAttributes<InternalSelect<TOption, IsMulti, TGroup>>;
+type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
 type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
 /**
  * InputComboBox
  * @component
  * @example <InputComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
-declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * InputCreatableComboBox
+ * Like ComboBox, but allows for creating new options
+ * @component
+ * @example <InputCreatableComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
+declare function InputCreatableComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputCreatableComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_jsx_runtime.JSX.Element;
+
+type ComboBoxSelectableOption = InputComboBoxOption<string | string[]>;
+interface ComboBoxSelectableGroup extends GroupBase<ComboBoxSelectableOption> {
+    /**
+     * Controls the behavior when the selectable group is selected.
+     * - when undefined, the values of all children of the group will be selected
+     * - when a non-empty array, the values in the array will be explicitly selected
+     * - when an empty array, the group will not be clickable and only its children can be selected (regular group behaviour)
+     *
+     * Note: when a non-empty array, and all of those values are selected, the group will be removed from options.
+     */
+    value?: string[];
+}
+type ComboBoxSelectableItem = ComboBoxSelectableOption | ComboBoxSelectableGroup;
+type ConvertComboBoxGroupsToSelectableGroupsOptions = {
+    /** The grouped combo box options */
+    options: readonly ComboBoxSelectableItem[];
+    /** Set of selected IDs, used to determine selected items */
+    selectedItems: Set<string>;
+    /**
+     * Whether multi selection is allowed (selectable groups will turn into regular groups)
+     * Use this when sharing code between single and multi-select components.
+     */
+    selectionMode?: 'single' | 'multi';
+};
+/**
+ * Converts combo box options that can contain optgroups
+ * Into a set of group-less options where the optgroup becomes a selectable option,
+ * and selecting it selects all of its children.
+ */
+declare function convertComboBoxGroupsToSelectableGroups(args: ConvertComboBoxGroupsToSelectableGroupsOptions): {
+    groupedOptions: readonly ComboBoxSelectableItem[];
+    selectedOptions: readonly ComboBoxSelectableOption[];
+};
+/**
+ * Finds all selected values in a combo box where there are multiple selectable groups
+ * (and selecting a group should select all of its virtual children)
+ */
+declare function getComboBoxSelectedSelectableGroups(selectedValues: MultiValue<ComboBoxSelectableItem> | SingleValue<ComboBoxSelectableItem>): Set<string>;
 
 type InputInlineSelectOption = {
     /** sets the display name of the option */
@@ -21790,9 +22093,9 @@ type InputInlineSelectProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'o
  * Input Inline Select
  * @example <InputInlineSelect disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
  */
-declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement> {
     /** function that takes a string value */
     onSearchTextChanged: (searchText: string) => void;
     /** (optional) sets the input field disabled state
@@ -21818,7 +22121,7 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
     /** (optional) makes the input look more compact
      * @default false
      */
-    compact?: boolean;
+    compact?: boolean | 'sm' | 'xs';
     /** (optional) makes the corners of the input rounded
      * @default false
      */
@@ -21829,7 +22132,7 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
  *
  * @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
  */
-declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, compact, rounded, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
+declare const InputKeywordSearch: React$1.ForwardRefExoticComponent<InputKeywordSearchProps & React$1.RefAttributes<HTMLInputElement>>;
 type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> & {
     /** Debounce delay in milliseconds */
     delay?: number;
@@ -21842,7 +22145,12 @@ type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> &
  *
  * @example <DebouncedInputKeywordSearch onSearchTextChanged={setKeyword} delay={500}  />
  */
-declare const DebouncedInputKeywordSearch: ({ delay, onSearchTextChanged, defaultValue, ...props }: DebouncedInputKeywordSearchProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DebouncedInputKeywordSearch: React$1.ForwardRefExoticComponent<Omit<InputKeywordSearchProps, "value"> & {
+    /** Debounce delay in milliseconds */
+    delay?: number;
+    /**Default value to initialize field with, as it is not controlled component and does not support providing values */
+    defaultValue?: string;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets the first item in the options list with empty value */
@@ -21886,115 +22194,51 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
  */
 declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets the first item in the options list with empty value */
-    defaultOption?: string | undefined;
+    defaultOption?: string;
     /** sets an array of select options with value and text value */
     options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
         label: string;
     }>;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element | undefined;
+    caption?: string | JSX.Element;
     /** sets the label value */
     label: string;
     /** (optional) sets whether to hide the label and use aria-label on the input field
      * @default false
      */
-    showLabel?: boolean | undefined;
+    showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
-    errorMessage?: string | undefined;
+    errorMessage?: string;
     /** (optional) sets and shows the warning message value */
-    warningMessage?: string | undefined;
+    warningMessage?: string;
     /** (optional) allows react components to be added inline with the label element */
-    labelCta?: JSX.Element | undefined;
+    labelCta?: JSX.Element;
     /** (optional) styles the component in a compact format */
-    compact?: boolean | undefined;
+    compact?: boolean;
     /**
      * (optional) sets an overriding classname on the container element
      * @deprecated */
-    classNameContainer?: string | undefined;
+    classNameContainer?: string;
     /**
      * (optional) sets an overriding classname on the input element
      * @deprecated */
-    classNameControl?: string | undefined;
+    classNameControl?: string;
     /**
      * (optional) sets an overriding classname on the label element
      * @deprecated */
-    classNameLabel?: string | undefined;
+    classNameLabel?: string;
 } & React$1.RefAttributes<HTMLSelectElement>>;
 
-/**
- * A string in the ISO 8601 time format: hh:mm
- */
-type IsoTimeString = string;
-type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle' | 'autoFocus'> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
-    /** (optional) sets the label value */
-    label?: string;
-    /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
-    /** The current value in ISO 8601 time format */
-    value: IsoTimeString | null | undefined;
-    /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
-    minValue?: IsoTimeString;
-    /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
-    maxValue?: IsoTimeString;
+type FontWeightProps = 'normal' | 'medium' | 'bold';
+type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
+    label: React$1.ReactNode;
+    /** sets the type of input to use, either radio or checkbox */
+    type: 'radio' | 'checkbox';
+    /** sets the name value of the radio/checkbox input */
+    name: string;
     /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
     showLabel?: boolean;
-    /** (optional) sets and shows the the error message value */
-    errorMessage?: string;
-    /** (optional) sets and shows the warning message value */
-    warningMessage?: string;
-    /** (optional) sets the test id for input field container for test automation*/
-    containerTestId?: string;
-    /** (optional) sets label test id */
-    labelTestId?: string;
-    /** (option)  sets validation message test id for test automation */
-    errorTestId?: string;
-    /** (option)  sets caption message test id for test automation */
-    captionTestId?: string;
-    belowInputSlot?: ReactNode;
-    onChange?: (value: IsoTimeString) => void;
-};
-/**
- * Time input with segmented control
- *
- * @deprecated This component is in beta, name and props are subject to change without a major version
- */
-declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<TimeValue>, "autoFocus" | "id" | "name" | "hourCycle"> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
-    /** (optional) sets the label value */
-    label?: string | undefined;
-    /** (optional) sets caption text value */
-    caption?: string | JSX.Element | undefined;
-    /** The current value in ISO 8601 time format */
-    value: IsoTimeString | null | undefined;
-    /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
-    minValue?: string | undefined;
-    /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
-    maxValue?: string | undefined;
-    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
-    showLabel?: boolean | undefined;
-    /** (optional) sets and shows the the error message value */
-    errorMessage?: string | undefined;
-    /** (optional) sets and shows the warning message value */
-    warningMessage?: string | undefined;
-    /** (optional) sets the test id for input field container for test automation*/
-    containerTestId?: string | undefined;
-    /** (optional) sets label test id */
-    labelTestId?: string | undefined;
-    /** (option)  sets validation message test id for test automation */
-    errorTestId?: string | undefined;
-    /** (option)  sets caption message test id for test automation */
-    captionTestId?: string | undefined;
-    belowInputSlot?: ReactNode;
-    onChange?: ((value: IsoTimeString) => void) | undefined;
-} & React$1.RefAttributes<HTMLDivElement>>;
-
-type FontWeightProps = 'normal' | 'medium' | 'bold';
-type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
-    /** sets the label value */
-    label: React$1.ReactNode;
-    /** sets the type of input to use, either radio or checkbox */
-    type: 'radio' | 'checkbox';
-    /** sets the name value of the radio/checkbox input */
-    name: string;
     /** (optional) sets the disabled state */
     disabled?: boolean;
     /** (optional) sets the checked state of the input */
@@ -22020,25 +22264,27 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     /** sets the label value */
     label: React$1.ReactNode;
     /** sets the type of input to use, either radio or checkbox */
-    type: 'radio' | 'checkbox';
+    type: "radio" | "checkbox";
     /** sets the name value of the radio/checkbox input */
     name: string;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean;
     /** (optional) sets the disabled state */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** (optional) sets the checked state of the input */
-    checked?: boolean | undefined;
+    checked?: boolean;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element | undefined;
+    caption?: string | JSX.Element;
     /** (optional) sets shows the the error message value */
-    errorMessage?: string | undefined;
+    errorMessage?: string;
     /** (optional) sets and shows the warning message value */
-    warningMessage?: string | undefined;
+    warningMessage?: string;
     /** (optional) sets the font weight of the label text
      * @default 'normal'
      */
-    fontWeight?: FontWeightProps | undefined;
+    fontWeight?: FontWeightProps;
     /** (optional) sets test id for test automation*/
-    testId?: string | undefined;
+    testId?: string;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
@@ -22049,12 +22295,12 @@ type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
     /** (optional) test id for test automation*/
     testId?: string;
 };
-declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LegendProps = {
     children: ReactNode;
 };
-declare const Legend: ({ children }: LegendProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Legend: ({ children }: LegendProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     /** sets the error message value */
@@ -22066,7 +22312,7 @@ type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
  * Component that provides success messaging to input fields
  * @example <SuccessMessage>something went wrong, please try again</SuccessMessage>
  */
-declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** (optional) sets the label value */
@@ -22089,23 +22335,23 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
  */
 declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** (optional) sets the label value */
-    label?: string | undefined;
+    label?: string;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element | undefined;
+    caption?: string | JSX.Element;
     /** (optional) add an input icon to the input field */
-    icon?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
+    icon?: React$1.ReactElement;
     /** (optional) sets whether to hide the label and use aria-label on the input field */
-    showLabel?: boolean | undefined;
+    showLabel?: boolean;
     /** (optional) sets shows the error message value */
-    errorMessage?: string | undefined;
+    errorMessage?: string;
     /** (optional) sets and shows the warning message value */
-    warningMessage?: string | undefined;
-    capture?: boolean | "user" | "environment" | undefined;
+    warningMessage?: string;
+    capture?: boolean | "user" | "environment";
 } & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     /** sets the error message value */
-    message?: string;
+    message?: ReactNode;
     /** sets the test id for test automation (optional) */
     testId?: string;
 };
@@ -22113,7 +22359,7 @@ type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
  * Component that provides warning messaging to input fields
  * @example <WarningMessage>something went wrong, please try again</ErrorMessage>
  */
-declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type IntegrationModalHeaderProps = {
     /** sets the icon as inline svg or img tag */
@@ -22128,11 +22374,11 @@ type IntegrationModalHeaderProps = {
     menu?: React$1.ReactNode;
 };
 type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
-declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** Uniform Integration Modal Header
  * @example <IntegrationModalHeader icon="/icon.svg" name="name" />
  */
-declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type JsonEditorProps = {
     /**
@@ -22155,7 +22401,34 @@ type JsonEditorProps = {
     /** Makes the editor read-only */
     readOnly?: boolean;
 };
-declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type KeyValueItem<TValue extends string = string> = {
+    key: string;
+    value: TValue;
+    uniqueId?: string;
+};
+type KeyValueInputProps<TValue extends string = string> = {
+    value: KeyValueItem<TValue>[];
+    onChange: (value: KeyValueItem<TValue>[]) => void;
+    label?: ReactNode;
+    disabled?: boolean;
+    newItemDefault?: KeyValueItem<TValue>;
+    keyLabel?: string;
+    valueLabel?: string;
+    keyInfoPopover?: ReactNode;
+    valueInfoPopover?: ReactNode;
+    errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | null)[];
+    onFocusChange?: (isFocused: boolean) => void;
+};
+/**
+ * A component to render a sortable key-value input
+ * @example
+ * const [value, setValue] = useState([]);
+ * return <KeyValueInput value={value} onChange={setValue} />
+ * @deprecated This component is in beta, name and props are subject to change without a major version
+ */
+declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
 type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
@@ -22190,15 +22463,16 @@ type RhythmProps = React.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> &
     children: React.ReactNode;
     /** for use when fieldset is applied to the tag prop */
     disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
 };
 
 type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivElement> & {
     tag?: HtmlTagProps;
     children: React$1.ReactNode;
 };
-declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TwoColumnLayoutProps = {
     /** sets the full bleed background colour
@@ -22215,9 +22489,9 @@ type TwoColumnLayoutProps = {
     invertLayout?: boolean;
 };
 /** @example <TwoColumnLayout supportingContent={<div>supporting content</div>}><h1>title</h1></TwoColumnLayout> */
-declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const VerticalRhythm: ({ align, justify, tag, gap, children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LimitsBarProps = {
     /** The current value of used limits */
@@ -22231,7 +22505,7 @@ type LimitsBarProps = {
  * Uniform Limits Bar Component
  * @example <LimitsBar current="3" max="5" label="signals" />
  */
-declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** sets the title field */
@@ -22243,7 +22517,7 @@ type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets react child component */
     children?: React$1.ReactNode;
 };
-declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the label value */
@@ -22255,7 +22529,7 @@ type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
  * Component that sets the base structure for scrollable content in a max height container
  * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
  */
-declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ScrollableListContainerProps = {
     /** sets whether to show or hide the shadow around the element
@@ -22277,7 +22551,7 @@ type ScrollableItemProps = {
     children: React.ReactNode;
 } & ScrollableListContainerProps;
 /** @example  <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
-declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** sets the button text value */
@@ -22288,15 +22562,15 @@ type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> &
  * Component used within <ScrollableList /> for adding interactive button components with predefined styles
  * @example <ScrollableListItem buttontext="my button" active={false} />
  */
-declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * Loading Indicator
  * @example <LoadingIndicator />
  */
 declare const LoadingIndicator: ({ size, ...props }: HTMLAttributes<HTMLDivElement> & {
-    size?: "sm" | "lg" | undefined;
-}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+    size?: "lg" | "sm";
+}) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface LoadingOverlayProps {
     /** sets whether to display the loading overlay components */
@@ -22324,13 +22598,17 @@ interface LoadingOverlayProps {
      */
     isTopAligned?: boolean;
     children?: React__default.ReactNode;
+    /** (optional) sets the position of the overlay
+     * @default 'absolute'
+     */
+    position?: 'absolute' | 'fixed';
 }
 /**
  * Loading Overlay.
  * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
  * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
  */
-declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, }: LoadingOverlayProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, position, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
 interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
     /** (optional) prop that sets a number value for the height of the icon */
     width?: number;
@@ -22341,7 +22619,15 @@ interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
  * Loading Icon
  * @example <LoadingIcon height={128} width={128} />
  */
-declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    /** sets the background color of the button */
+    bgColor?: string;
+}
+/** Renders a dropdown menu style menu trigger button */
+declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
 
 declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
 type LegacyPlacement = (typeof legacyPlacements)[number];
@@ -22387,6 +22673,7 @@ interface MenuProps extends MenuProps$2 {
      * this is not compatible with nested menus that expand to the left or right of the menu
      */
     maxMenuHeight?: string;
+    portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
 }
 /**
  * Component used for creating clickable menus
@@ -22402,11 +22689,11 @@ declare const Menu: React$1.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & R
 
 type MenuGroupProps = {
     /** Title for the menu group. If undefined or an empty string, the group will render as normal menu */
-    title: string | undefined;
+    title: ReactNode | undefined;
     /** Menu items to render in the group */
     children: ReactNode;
 };
-declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MenuItemTextThemeProps = 'base' | 'red';
 type MenuItemProps = MenuItemProps$1 & {
@@ -22430,13 +22717,18 @@ type MenuItemProps = MenuItemProps$1 & {
      * Normally automatically managed.
      */
     active?: boolean;
+    /**
+     * Renders a keyboard shortcut for the menu item. The onClick of the menu will
+     * be automatically set to invoke the shortcut's handler function.
+     */
+    shortcut?: ShortcutReference;
 };
 type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement | null;
 /**
  * MenuItem Component used along side <Menu /> component
  * @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
  */
-declare const MenuItem: React$1.FC<MenuItemProps>;
+declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * MenuItem Component for headless use outside <Menu /> component
  * Use only if adapting Uniform menu item appearance to a non-ariakit menu.
@@ -22444,8 +22736,72 @@ declare const MenuItem: React$1.FC<MenuItemProps>;
  * @example <MenuItemInner onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
  */
 declare const MenuItemInner: React$1.FC<MenuItemProps>;
+/**
+ * Renders an icon for a menu item. Optional micro wrapper around an Icon component
+ * configured to match the menu item icon style.
+ */
+declare function MenuItemIcon({ icon }: {
+    icon: IconType;
+}): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Indents a menu item as if it had an icon when it does not
+ * Use this to align menu items without icons with those that have icons
+ * in a mixed menu. Intended to be passed as the `icon` prop to a MenuItem.
+ */
+declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const MenuItemHeading: ({ children }: {
+    children: ReactNode;
+}) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
+
+type MenuButtonProp = {
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLButtonElement>;
+declare const MenuButton: React$1.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+type MenuThreeDotsProps = {
+    /** sets the aria-label and title value on the button
+     * @default 'More options'
+     */
+    buttonTitle?: string;
+    /** sets the icon size
+     * @default '1rem'
+     */
+    iconSize?: string;
+} & HTMLAttributes<HTMLButtonElement>;
+declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
+    /** sets the aria-label and title value on the button
+     * @default 'More options'
+     */
+    buttonTitle?: string;
+    /** sets the icon size
+     * @default '1rem'
+     */
+    iconSize?: string;
+} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const MenuItemSeparator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type SearchableMenuProps = {
+    /** Note: this is pre-debounced for your handling enjoyment */
+    onSearchTextChanged: (searchTerm: string) => void;
+    /** Shows a no results message when no matching results exist */
+    hasNoResults: boolean | string;
+    /** Disables the search function, i.e. if few menu items exist */
+    disableSearch?: boolean;
+    /** Sets the placeholder in the search input */
+    searchPlaceholder?: string;
+} & MenuProps;
+/**
+ * Searchable menu allows searching through its menu items
+ */
+declare function SearchableMenu(props: SearchableMenuProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
+    selected: boolean;
+}
+declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type MediaCardProps = Omit<CardProps, 'menuItems'> & {
     title: string;
@@ -22457,7 +22813,7 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
     buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     onClick?: () => void;
 };
-declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ModalProps = {
     header?: React__default.ReactNode;
@@ -22479,6 +22835,8 @@ type ModalProps = {
     wrapperClassName?: string;
     /** Removes the default padding on the content wrapper */
     withoutContentPadding?: boolean;
+    /** Removes the default background color of the content wrapper */
+    withoutContentBackground?: boolean;
     /** Places buttons at the bottom of the modal */
     buttonGroup?: ReactNode;
 } & React__default.HTMLProps<HTMLDialogElement>;
@@ -22491,12 +22849,138 @@ declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "
 type ModalDialogProps = Omit<ModalProps, 'width'>;
 declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
 
+type ObjectGridContainerProps = {
+    /** The number of columns in the grid */
+    gridCount?: number;
+    /** The children to render */
+    children: React.ReactNode;
+};
+declare const ObjectGridContainer: ({ gridCount, children }: ObjectGridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ObjectHeadingProps = {
+    /** sets the heading value */
+    heading: string;
+    /** Slot that renders a component before the heading */
+    beforeHeadingSlot?: ReactNode;
+    /** Slot that renders a component after the heading */
+    afterHeadingSlot?: ReactNode;
+};
+type ObjectItemProps = {
+    /** Slot for the header component, we recommend using <ObjectGridItemHeading /> or <ObjectListItemHeading /> */
+    header: ReactNode;
+    /** Slot for the cover component, we recommend using <ObjectGridItemCoverButton />, <ObjectGridItemCover /> or <ObjectListItemCover /> */
+    cover: ReactNode;
+    /** Slot for the right component */
+    rightSlot?: React.ReactNode;
+    /** Slot for the menu items, <MenuItem /> component should be used here */
+    menuItems?: React.ReactNode;
+    /** If the item is selected */
+    isSelected?: boolean;
+    /** Slot for the children */
+    children?: React.ReactNode;
+};
+
+type ObjectGridItemProps = ObjectItemProps & {
+    isSelected?: boolean;
+};
+declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ObjectGridItemCardCoverProps = {
+    icon: IconType;
+} | {
+    imageUrl: string;
+};
+declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+type ObjectGridItemCoverProps = {
+    /** The left slot to render components */
+    coverSlotLeft?: React.ReactNode;
+    /** The right slot to render components */
+    coverSlotRight?: React.ReactNode;
+} & ObjectGridItemCardCoverProps;
+declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+type ObjectGridItemCoverButtonProps = {
+    id: string;
+    onSelection: (id: string) => void;
+    isSelected: boolean;
+    selectedText?: string;
+} & ObjectGridItemCoverProps;
+declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, coverSlotLeft, coverSlotRight, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ObjectGridItemTitleProps = ObjectHeadingProps;
+declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ObjectGridItemIconWithTooltipProps = {
+    /** The title of the tooltip */
+    tooltipTitle: string;
+    /** The icon to display */
+    icon: IconType;
+    /** The color of the icon */
+    iconColor?: IconColor;
+} & Pick<TooltipProps, 'placement'>;
+declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** @deprecated - Beta Object grid loading skeleton component
+ * @example <ObjectGridItemLoadingSkeleton />
+ */
+declare const ObjectGridItemLoadingSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
+
+/** @deprecated - Beta Object item loading skeleton component */
+type ObjectItemLoadingSkeletonProps = {
+    /** Show cover image loading skeleton */
+    showCover?: boolean;
+    /** Render as single or multi
+     * @default 'single'
+     */
+    renderAs?: 'single' | 'multi';
+};
+/** @deprecated - Beta Object item loading skeleton component
+ * @example <ObjectItemLoadingSkeleton showCover />
+ */
+declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** @deprecated - Beta Object list item component  */
+type ObjectListItemProps = ObjectListItemSingleProps | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>);
+type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
+    cover?: ReactNode;
+    dragHandle?: ReactNode;
+    renderAs?: 'single';
+};
+type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
+    cover?: ReactNode;
+    dragHandle?: ReactNode;
+    renderAs?: 'multi';
+    children?: ReactNode;
+};
+/** @deprecated - beta Object list item component  */
+declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** @deprecated - Beta Object list item container component  */
+declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** @deprecated - Beta Object list item cover component  */
+type ObjectListItemCoverProps = {
+    imageUrl?: string;
+    /** (optional) sets the text to display when there is no image
+     * @default 'Image not available'
+     */
+    noImageText?: string;
+} & HTMLAttributes<HTMLImageElement>;
+/** @deprecated - beta Object list item cover component  */
+declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** @deprecated - Beta Object list item heading component  */
+type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
+    heading: ReactNode;
+};
+/** @deprecated - beta Object list item heading component  */
+declare const ObjectListItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, ...props }: ObjectListItemHeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 declare function Pagination({ limit, offset, total, onPageChange, }: {
     limit: number;
     offset: number;
     total: number;
     onPageChange: (limit: number, offset: number) => void;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+}): _emotion_react_jsx_runtime.JSX.Element | null;
 
 type CommonParameterProps = {
     /** sets the label value */
@@ -22572,9 +23056,9 @@ type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
     /** Disables hover state, sets aria-disabled */
     isLocked?: boolean;
 };
-declare const LabelLeadingIcon: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LabelLeadingIcon: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** @deprecated use LabelLeadingIcon */
-declare const ConnectToDataElementButton: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ConnectToDataElementButton: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterDataConnectButtonProps = {
     /** Sets the label value */
@@ -22596,14 +23080,17 @@ type ParameterDataConnectButtonProps = {
  * @example <ParameterDataConnectButton label="label" id="connect-data-button" onConnectDatasource={() => myFunction()}>Button Text</ParameterDataConnectButton>
  * @deprecated no longer used in uniform UI
  */
-declare function ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, }: ParameterDataConnectButtonProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, }: ParameterDataConnectButtonProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterDrawerHeaderProps = {
     title: string;
     iconBeforeTitle?: ReactNode;
     children?: ReactNode;
 };
-declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated use <Drawer heading={"Hi!"} /> instead, to use default drawer heading styles
+ */
+declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
     /** sets the legend value */
@@ -22617,7 +23104,7 @@ declare const ParameterGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttr
     /** sets the legend value */
     legend: string | JSX.Element;
     /** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
     children: ReactNode;
 } & React$1.RefAttributes<HTMLFieldSetElement>>;
 
@@ -22628,27 +23115,27 @@ type ParameterImageProps = Omit<CommonParameterInputProps, 'inputIcon' | 'type'>
 /** @Example <ParameterImage {...inputArgs} value={value} onChange={(e) => setValue(e.currentTarget.value)} /> */
 declare const ParameterImage: React__default.ForwardRefExoticComponent<Omit<CommonParameterInputProps, "type" | "inputIcon"> & React__default.InputHTMLAttributes<HTMLInputElement> & {
     /** Turns off the image preview, if it's not desired or rendered separately with `ParameterImageImage` elsewhere */
-    disablePreview?: boolean | undefined;
+    disablePreview?: boolean;
 } & {
-    children?: React__default.ReactNode;
+    children?: React__default.ReactNode | undefined;
 } & React__default.RefAttributes<HTMLInputElement>>;
 declare const ParameterImageInner: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
-    disablePreview?: boolean | undefined;
+    disablePreview?: boolean;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 declare function ParameterImagePreview({ imageSrc }: {
     imageSrc: string;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+}): _emotion_react_jsx_runtime.JSX.Element | null;
 
 type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement>;
 /** @example <ParameterInput label="label value" id="my-input" /> */
 declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
-    caption?: string | undefined;
+    caption?: string;
     menuItems?: React$1.ReactNode;
-    actionItems?: React$1.ReactNode;
-    errorTestId?: string | undefined;
-    captionTestId?: string | undefined;
-    title?: string | undefined;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
 } & React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -22660,7 +23147,7 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
     asSpan?: boolean;
 };
 /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
-declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the button text when value is empty
@@ -22675,22 +23162,22 @@ type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<
 };
 /** @example <ParameterLink label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
 declare const ParameterLink: React$1.ForwardRefExoticComponent<CommonParameterProps & {
-    caption?: string | undefined;
+    caption?: string;
     menuItems?: React$1.ReactNode;
-    actionItems?: React$1.ReactNode;
-    errorTestId?: string | undefined;
-    captionTestId?: string | undefined;
-    title?: string | undefined;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
 } & React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the button text when value is empty
      * @default 'Configure link'
      */
-    buttonText?: string | undefined;
+    buttonText?: string;
     /** sets the button function */
     onConnectLink: () => void;
     /** sets the disabled state of the button, useful for permissions */
-    disabled?: boolean | undefined;
-    externalLink?: string | undefined;
+    disabled?: boolean;
+    externalLink?: string;
 } & React$1.RefAttributes<HTMLInputElement>>;
 declare const ParameterLinkInner: React$1.ForwardRefExoticComponent<Omit<ParameterLinkProps, "label" | "id"> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -22702,6 +23189,20 @@ type ParameterMenuButtonProps = {
 /** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
 declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+type ParameterMultiSelectOption = InputComboBoxOption;
+type ParameterMultiSelectInnerProps = Pick<InputComboBoxProps<ParameterMultiSelectOption, true>, 'options' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'isClearable' | 'isDisabled'>;
+type ParameterMultiSelectProps = CommonParameterInputProps & ParameterMultiSelectInnerProps & {
+    disabled?: boolean;
+};
+/**
+ * @deprecated beta
+ * @example <ParameterMultiSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
+declare const ParameterMultiSelect: ({ disabled, ...props }: ParameterMultiSelectProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated beta
+ * @example  <ParameterMultiSelectInner options={[{ label: 'option label', value: 0}]} />*/
+declare const ParameterMultiSelectInner: (props: ParameterMultiSelectInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ParameterNameAndPublicIdInputProps = {
     id?: undefined | string;
     /** sets the label for the name input field
@@ -22751,7 +23252,7 @@ type ParameterNameAndPublicIdInputProps = {
     hasInitialPublicIdField?: boolean;
 };
 /** @example <ParameterNameAndPublicIdInput /> */
-declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LinkNodeProps = NonNullable<LinkParamValue>;
 type SerializedLinkNode = Spread<{
@@ -22783,6 +23284,7 @@ type LinkNodePluginProps = {
         onSetValue: (value: LinkParamValue) => void;
     }) => Promise<void>;
     getBoundPath?: (path: string) => string;
+    positioningAnchorEl: HTMLElement;
 };
 
 declare const richTextToolbarButton: _emotion_react.SerializedStyles;
@@ -22790,20 +23292,56 @@ declare const richTextToolbarButtonActive: _emotion_react.SerializedStyles;
 type RichTextToolbarIconProps = {
     icon: IconType;
 };
-declare const RichTextToolbarIcon: ({ icon }: RichTextToolbarIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const RichTextToolbarIcon: ({ icon }: RichTextToolbarIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 type RichTextToolbarProps = {
     config?: RichTextParamConfiguration;
     /** Variables */
     customControls?: React.ReactElement;
+    onInsertTable?: () => Promise<{
+        rows: number;
+        columns: number;
+    } | null>;
+};
+type UseRichTextToolbarStateProps = {
+    config?: RichTextParamConfiguration;
+};
+declare const useRichTextToolbarState: ({ config }: UseRichTextToolbarStateProps) => {
+    activeFormats: _uniformdev_richtext.RichTextBuiltInFormat[];
+    setActiveFormats: React$1.Dispatch<React$1.SetStateAction<_uniformdev_richtext.RichTextBuiltInFormat[]>>;
+    activeElement: "paragraph" | _uniformdev_richtext.RichTextBuiltInElement;
+    setActiveElement: React$1.Dispatch<React$1.SetStateAction<"paragraph" | _uniformdev_richtext.RichTextBuiltInElement>>;
+    visibleFormatsWithIcon: {
+        label: string;
+        type: _uniformdev_richtext.RichTextBuiltInFormat;
+    }[];
+    visibleFormatsWithoutIcon: {
+        label: string;
+        type: _uniformdev_richtext.RichTextBuiltInFormat;
+    }[];
+    visibleTextualElements: {
+        label: string;
+        type: _uniformdev_richtext.RichTextBuiltInElement;
+    }[];
+    isLink: boolean;
+    setIsLink: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    linkElementVisible: boolean;
+    visibleLists: Set<string>;
+    quoteElementVisible: boolean;
+    codeElementVisible: boolean;
+    tableElementVisible: boolean;
+    visibleElementsWithIcons: Set<string>;
+    visibleInsertElementsWithIcons: Set<string>;
 };
 
 type RichTextProps = {
     config?: RichTextParamConfiguration;
-    onChange?: (value: SerializedEditorState) => void;
+    onChange?: (value: SerializedEditorState, tags: Set<string>) => void;
     onConnectLink?: LinkNodePluginProps['onConnectLink'];
     onRichTextInit?: (editor: LexicalEditor) => void;
     readOnly?: boolean;
+    minimalInteractivity?: boolean;
     editorInputClassName?: string;
+    editorInputWrapperClassName?: string;
     /** Register additional custom node types to the RTE */
     customNodes?: InitialConfigType['nodes'];
     /** Children allows registering custom Lexical plugins */
@@ -22814,6 +23352,11 @@ type RichTextProps = {
     };
     /** Rich Text Toolbar custom controls */
     customControls?: RichTextToolbarProps['customControls'];
+    /** Tables */
+    onInsertTable?: () => Promise<{
+        rows: number;
+        columns: number;
+    } | null>;
 };
 type RichTextParamValue = SerializedEditorState | undefined | null;
 type ParameterRichTextInnerProps = RichTextProps & {
@@ -22822,32 +23365,25 @@ type ParameterRichTextInnerProps = RichTextProps & {
     editorFooter?: React.ReactNode;
 };
 type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
-declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, customNodes, children, variables, customControls, }: ParameterRichTextProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, children, customNodes, variables, customControls, }: ParameterRichTextInnerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, customNodes, children, variables, customControls, onInsertTable, minimalInteractivity, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, children, customNodes, variables, customControls, onInsertTable, minimalInteractivity, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
 /** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
 declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameterProps & {
-    caption?: string | undefined;
+    caption?: string;
     menuItems?: React$1.ReactNode;
-    actionItems?: React$1.ReactNode;
-    errorTestId?: string | undefined;
-    captionTestId?: string | undefined;
-    title?: string | undefined;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
 } & CommonParameterSelectProps & React$1.InputHTMLAttributes<HTMLSelectElement> & React$1.RefAttributes<HTMLSelectElement>>;
 /** @example  <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
 declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
 
 /** A function that extracts all common props and element props
  * @example const { shellProps, innerProps } = extractParameterProps(props) */
-declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
-    caption?: string | undefined;
-    menuItems?: ReactNode;
-    actionItems?: ReactNode;
-    errorTestId?: string | undefined;
-    captionTestId?: string | undefined;
-    title?: string | undefined;
-}) => {
+declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
     shellProps: {
         id: string;
         label: string;
@@ -22865,13 +23401,13 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
         onResetOverriddenValue: (() => void) | undefined;
     };
     innerProps: Omit<T & CommonParameterProps & {
-        caption?: string | undefined;
+        caption?: string;
         menuItems?: ReactNode;
-        actionItems?: ReactNode;
-        errorTestId?: string | undefined;
-        captionTestId?: string | undefined;
-        title?: string | undefined;
-    }, "caption" | "label" | "title" | "id" | "errorMessage" | "menuItems" | "warningMessage" | "infoMessage" | "errorTestId" | "captionTestId" | "hiddenLabel" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
+        actionItems?: React.ReactNode;
+        errorTestId?: string;
+        captionTestId?: string;
+        title?: string;
+    }, "caption" | "label" | "title" | "id" | "warningMessage" | "errorMessage" | "infoMessage" | "errorTestId" | "captionTestId" | "menuItems" | "hiddenLabel" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
 };
 type ParameterShellOverrideProps = {
     /** sets overriding parameters indicator
@@ -22893,22 +23429,22 @@ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonPar
  * Uniform Parameter shell component
  * @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
  */
-declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare const ParameterShellPlaceholder: ({ children }: {
     children?: ReactNode;
-}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+}) => _emotion_react_jsx_runtime.JSX.Element;
 /** @deprecated */
-declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterTextareaProps = CommonParameterInputProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 /** @example <ParameterTextarea label="label value" id="my-textarea" /> */
 declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParameterProps & {
-    caption?: string | undefined;
+    caption?: string;
     menuItems?: React$1.ReactNode;
-    actionItems?: React$1.ReactNode;
-    errorTestId?: string | undefined;
-    captionTestId?: string | undefined;
-    title?: string | undefined;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
 } & React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
 /** @example <ParameterTextareaInner /> */
 declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
@@ -22918,14 +23454,14 @@ type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 't
 };
 /** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
 declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
-    caption?: string | undefined;
+    caption?: string;
     menuItems?: React$1.ReactNode;
-    actionItems?: React$1.ReactNode;
-    errorTestId?: string | undefined;
-    captionTestId?: string | undefined;
-    title?: string | undefined;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
 } & {
-    type: 'checkbox' | 'radio';
+    type: "checkbox" | "radio";
 } & React$1.RefAttributes<HTMLInputElement>>;
 declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -22957,8 +23493,23 @@ type PopoverProps = PopoverProps$1 & {
     trigger?: ReactNode;
     /** @deprecated */
     baseId?: string;
+    onInit?: ({ store }: {
+        store: PopoverStore;
+    }) => void;
+    /**
+     * Valid CSS unit to set the maximum popover width
+     * @default '220px'
+     */
+    maxWidth?: string;
 };
-declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, ...otherProps }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Hook to get the current popover context
+ * @description This hook is used to get the current popover context
+ * useful for closing the popover with a nested button or interative element
+ * @example const currentPopoverContext = usePopoverComponentContext();
+ */
+declare const usePopoverComponentContext: () => PopoverStore | undefined;
 
 interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     current: number;
@@ -22969,7 +23520,7 @@ interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
 /**
  * @deprecated This component is in beta, and might receive breaking changes in minor releases!
  */
-declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
 type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
@@ -22987,7 +23538,7 @@ type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
  * Component that sets the base structure for scrollable content in a max height container
  * @example <ProgressList items={[{ id: 'step1', label: 'Step 1' }, { id: 'step2', label: 'Step 2' }]} />
  */
-declare const ProgressList: ({ inProgressId, items, autoEllipsis, ...htmlProps }: ProgressListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ProgressList: ({ inProgressId, items, autoEllipsis, ...htmlProps }: ProgressListProps) => _emotion_react_jsx_runtime.JSX.Element;
 type ProgressListItemProps = React__default.HTMLAttributes<HTMLLIElement> & {
     /** The status of the item. Defaults to 'queued' */
     status?: ProgressListItemStatus;
@@ -23006,333 +23557,7 @@ type ProgressListItem<IdType extends string = string> = {
      * */
     errorLevel?: 'danger' | 'caution';
 };
-declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-/** @deprecated beta - Filter editor component names */
-type FilterEditor = 'singleChoice' | 'multiChoice' | 'dateRange' | 'date' | 'text' | 'empty' | 'number' | 'numberRange' | 'statusMultiChoice' | 'statusSingleChoice';
-/** @deprecated beta - Input option props */
-type InputOption = {
-    /** The label for the option */
-    label: string;
-    /** The value for the option */
-    value?: string | undefined;
-    /** The options for the option */
-    options?: Array<FilterOption>;
-    /** Set a disabled state on the input */
-    isDisabled?: boolean;
-    /** Set a readonly state on the input */
-    readOnly?: boolean;
-};
-/** @deprecated beta - Operator option props */
-type Operator = {
-    /** The label for the operator */
-    label: string;
-    /** The symbol for the operator */
-    value?: string;
-    /** The symbol for the operator */
-    symbol?: string;
-    /** The editor type for the operator */
-    options?: Array<InputOption>;
-    /** The editor type for the operator */
-    editorType?: FilterEditor;
-};
-/** @deprecated beta - Filter option props */
-type FilterOption = {
-    /** The label for the option */
-    label: string;
-    /** The value for the option */
-    value: string;
-    /** The options for the option */
-    options?: FilterOption[];
-    /** The operator options for the option */
-    operatorOptions?: Operator[];
-    /** The value options for the option */
-    valueOptions?: InputOption[];
-    /** Set a readonly state on the input */
-    readOnly?: boolean;
-    /** Set a disabled state on the input */
-    disabled?: boolean;
-};
-/** @deprecated beta - Filter selected and query value props */
-type Filter = {
-    /** The field value selected */
-    field: string;
-    /** The operator value selected */
-    operator: string;
-    /** The value selected */
-    value: string | string[];
-};
-
-/** @deprecated beta - a list of possible operator values that sync with uniform search api */
-type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
-type OperatorValueType = {
-    value: OperatorValue;
-};
-/** @deprecated beta - a list of possible operator types */
-type OperatorType = Array<Omit<Operator, 'value'> & OperatorValueType>;
-/** @deprecated beta - uniform number operators */
-declare const NUMBER_OPERATORS: OperatorType;
-/** @deprecated beta - uniform date operators */
-declare const DATE_OPERATORS: OperatorType;
-/** @deprecated beta - uniform textbox operators */
-declare const TEXTBOX_OPERATORS: OperatorType;
-/** @deprecated beta - uniform user operators */
-declare const USER_OPERATORS: OperatorType;
-/** @deprecated beta - uniform system date operators */
-declare const SYSTEM_DATE_OPERATORS: OperatorType;
-/** @deprecated beta - uniform rich text operators */
-declare const RICHTEXT_OPERATORS: OperatorType;
-/** @deprecated beta - uniform checkbox operators */
-declare const CHECKBOX_OPERATORS: OperatorType;
-/** @deprecated beta - uniform system field operators */
-declare const SYSTEM_FIELD_OPERATORS: OperatorType;
-
-/** @description beta - filter button type */
-type FilterButtonProps = {
-    /** text to display on the button
-     * @default "Filters"
-     */
-    text?: string;
-    /** icon to display on the button
-     * @default "filter-add"
-     */
-    icon?: IconType;
-    /** number of filters to display on the button and sets the styles on the button */
-    filterCount?: number;
-    /** sets the selected styles on the button */
-    hasSelectedValue?: boolean;
-    /** sets the data-testid attribute on the button */
-    dataTestId?: string;
-} & HTMLAttributes<HTMLButtonElement>;
-/**
- * @deprecated beta - A filter button component used to display filter menu options
- * @example <FilterButton text="Filters" filterCount={3} />
- */
-declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, ...props }: FilterButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-/**
- * @deprecated beta - Default filter controls for search and filter
- * @example <FilterControls />
- */
-declare const FilterControls: ({ children, defaultSortByValue, hideSearchInput, }: {
-    /** optional param to allow you to add your own controls */
-    children?: ReactNode;
-    /** optional param to hide the search input */
-    hideSearchInput?: boolean | undefined;
-    /** The default sort by value */
-    defaultSortByValue: string;
-}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type FilterRowProps = {
-    /** the index of the filter row */
-    index: number;
-    /** the list of filter options for each filter row */
-    paramOptions: FilterOption[];
-    /** function to trigger filter change events */
-    onParamChange: (e: string) => void;
-    /** the list of operator options for each filter row */
-    operatorOptions: Operator[];
-    /** function to trigger operator change events */
-    onOperatorChange: (e: string) => void;
-    /** function to trigger value change events */
-    onValueChange: (e: string) => void;
-    /** the list of value options for each filter row */
-    valueOptions: InputOption[];
-};
-/** @deprecated beta - A filter item component used to display filter options */
-declare const FilterItem: ({ index, paramOptions, operatorOptions, valueOptions, onParamChange, onOperatorChange, onValueChange, }: FilterRowProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-type FilterItemsProps = {
-    /** The text for the add button */
-    addButtonText?: string;
-    /** The text for the reset button */
-    resetButtonText?: string;
-};
-/** @deprecated beta - A filter items component used to display filter options */
-declare const FilterItems: ({ addButtonText, resetButtonText, }: FilterItemsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type SearchAndFilterOptionsContainerProps = {
-    /** The button row to be displayed at the bottom of the container */
-    buttonRow?: React__default.ReactNode;
-    /** The children of the container */
-    children: React__default.ReactNode;
-};
-/**
- * @deprecated beta - A container component for search and filter options
- * @example <SearchAndFilterOptionsContainer buttonRow={<button>Button</button>}>Children</SearchAndFilterOptionsContainer>
- * */
-declare const SearchAndFilterOptionsContainer: ({ buttonRow, children, }: SearchAndFilterOptionsContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-type FiltersProps = {
-    /** The id of the filter menu */
-    id: string;
-    /** The text for the filter title */
-    filterTitle?: string;
-    /** The controls to be displayed at the bottom of the filter menu */
-    menuControls?: React__default.ReactNode;
-    /** The children of the filter menu */
-    children: React__default.ReactNode;
-    /** Sets the data-test-id attribute for the filter menu */
-    dataTestId?: string;
-};
-/**
- * @deprecated beta - A filter menu component used to display filter options
- * @example <FilterMenu id="search-and-filter-options">Children</FilterMenu>
- * */
-declare const FilterMenu: ({ id, filterTitle, menuControls, children, dataTestId, }: FiltersProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type SearchAndFilterProviderProps = {
-    /** sets the filter values */
-    filters: Filter[];
-    /** sets the filter mode */
-    filterMode?: filterMode;
-    /** function to trigger search change event */
-    onSearchChange?: (term: string) => void;
-    /** function to trigger filter change events */
-    onChange: (filters: Filter[]) => void;
-    /** function to trigger sort change events */
-    onSortChange: (sort: string) => void;
-    /** sets the reset filter values
-     * @default []
-     */
-    resetFilterValues?: Filter[];
-    /** sets the list of filter options for each filter row */
-    filterOptions: FilterOption[];
-    /** sets the list of sort options */
-    sortOptions: FilterOption[];
-    /** the default sort by value */
-    defaultSortByValue: string;
-    /** the total number of results */
-    totalResults?: number;
-    /** sets child components giving access to useSearchAndFilter context */
-    children: ReactNode;
-};
-type filterMode = 'filters' | 'sort' | undefined;
-type SearchAndFilterContextProps = {
-    /** the search term value */
-    searchTerm: string;
-    /** sets the search term value */
-    setSearchTerm: (term: string) => void;
-    /** current filter visibility */
-    filterVisibility?: filterMode;
-    /** sets the filter visibility */
-    setFilterVisibility: (mode: filterMode) => void;
-    /** sets the initial filters */
-    filters: Filter[];
-    /** function to update the current filters */
-    setFilters: (updatedFilters: Filter[]) => void;
-    /** function to update the current sort */
-    setSortBy: (sort: string) => void;
-    /** function that adds a blank set of filter options */
-    handleAddFilter: () => void;
-    /** function to reset all filter values */
-    handleResetFilters: (filters?: Filter[]) => void;
-    /** function that deletes a row and it's values visually and from state */
-    handleDeleteFilter: (index: number) => void;
-    /** sets the initial list of filter options */
-    filterOptions: FilterOption[];
-    /** sets the initial list of sort options */
-    sortOptions: FilterOption[];
-    /** a valid list of valid filter options */
-    sortByValue: string;
-    /** a valid list of valid filter options */
-    validFilterQuery: Filter[] | undefined;
-    /** the total number of results */
-    totalResults?: number;
-};
-declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProps>;
-/**
- * @deprecated beta - Search and filter provider
- * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
- * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, sortOptions, defaultSortByValue, filterMode, onSearchChange, onChange, onSortChange, resetFilterValues, totalResults, children, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-/** @deprecated beta - Search and filter hook
- * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
- */
-declare const useSearchAndFilter: () => {
-    /** the search term value */
-    searchTerm: string;
-    /** sets the search term value */
-    setSearchTerm: (term: string) => void;
-    /** current filter visibility */
-    filterVisibility?: filterMode;
-    /** sets the filter visibility */
-    setFilterVisibility: (mode: filterMode) => void;
-    /** sets the initial filters */
-    filters: Filter[];
-    /** function to update the current filters */
-    setFilters: (updatedFilters: Filter[]) => void;
-    /** function to update the current sort */
-    setSortBy: (sort: string) => void;
-    /** function that adds a blank set of filter options */
-    handleAddFilter: () => void;
-    /** function to reset all filter values */
-    handleResetFilters: (filters?: Filter[]) => void;
-    /** function that deletes a row and it's values visually and from state */
-    handleDeleteFilter: (index: number) => void;
-    /** sets the initial list of filter options */
-    filterOptions: FilterOption[];
-    /** sets the initial list of sort options */
-    sortOptions: FilterOption[];
-    /** a valid list of valid filter options */
-    sortByValue: string;
-    /** a valid list of valid filter options */
-    validFilterQuery: Filter[] | undefined;
-    /** the total number of results */
-    totalResults?: number | undefined;
-};
-
-type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
-    /** The filter controls to be displayed
-     * @default '<FilterControls />'
-     */
-    filterControls?: React$1.ReactNode;
-    /** sets the filter mode */
-    filterMode?: filterMode;
-    /** The view switch controls to be displayed */
-    viewSwitchControls?: React$1.ReactNode;
-    /** The default sort by value */
-    defaultSortByValue: string;
-    /** The number of total results */
-    totalResults?: number;
-    /** The results container view
-     * @default '<SearchAndFilterResultContainer />'
-     */
-    resultsContainerView?: React$1.ReactNode;
-    /** sets the reset filter values */
-    resetFilterValues?: Filter[];
-    /** The children of the search and filter component */
-    children?: React$1.ReactNode;
-};
-/**
- * @deprecated beta - Search and filter component
- * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
- * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterMode, sortOptions, defaultSortByValue, filterControls, viewSwitchControls, resultsContainerView, children, onChange, onSearchChange, onSortChange, totalResults, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type SearchAndFilterResultContainerProps = {
-    /** The label for the clear button
-     * @default 'Clear'
-     */
-    clearButtonLabel?: string;
-    /** The text for the button */
-    buttonText?: string;
-    /** The title for the callout */
-    calloutTitle?: string;
-    /** The text for the callout */
-    calloutText?: string;
-    /** The function to handle the clear button */
-    onHandleClear?: () => void;
-};
-/** @deprecated beta - Search and filter results container */
-declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, }: SearchAndFilterResultContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
-type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {
-    /** sets the max width of input wrapper
-     * @default '712px'
-     */
-    maxWidth?: string;
-};
-declare const SearchOnlyFilter: ({ onSearchChange, maxWidth }: SearchOnlyProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SegmentedControlOption<TValue extends string = string> = {
     value: TValue;
@@ -23340,6 +23565,7 @@ type SegmentedControlOption<TValue extends string = string> = {
     icon?: IconType;
     tooltip?: string;
     disabled?: boolean;
+    'data-testid'?: string;
 };
 type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
     /** A unique name for the component, used to group the options */
@@ -23363,33 +23589,24 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
      * The size of the input
      * @default 'md'
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Hides the text of the options */
+    hideOptionText?: boolean;
+    /** The size of the icon
+     * @default '1.5em'
+     */
+    iconSize?: string;
+    /**
+     * This is used to match the color of the scroll indicators with the background color of the parent.
+     * @default 'white'
+     */
+    currentBackgroundColor?: React__default.CSSProperties['backgroundColor'];
 };
 /**
- * Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
+ * A control with multiple segments. Can be used as a replacement of radio buttons.
  * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
  */
-declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-declare function ShortcutContext({ children }: {
-    children: React__default.ReactNode;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
-    shortcut: string;
-    macShortcut?: string;
-    className?: SerializedStyles | string;
-}): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-declare const isMacLike: boolean;
-type UseShortcutOptions = {
-    shortcut: string | null;
-    macShortcut?: string | null;
-    handler: (event: KeyboardEvent) => void;
-    doNotPreventDefault?: boolean;
-    activeWhenEditing?: boolean;
-};
-declare function macifyShortcut(shortcut: string | null): string | null;
-declare function useShortcut({ handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions): React$1.MutableRefObject<react_hotkeys_hook_dist_types.RefType<HTMLElement>>;
+declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
     width?: string;
@@ -23401,17 +23618,19 @@ type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttribu
  * A loading skeleton
  * @example <Skeleton width="50%" height="32px" />
  */
-declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
-    label: string;
+    label: ReactNode;
     /** (optional) sets information text */
     infoText?: string;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
+    /** the size of the control */
+    switchSize?: 'base' | 'sm';
 };
 /**
  * Uniform Switch Input Component
@@ -23420,13 +23639,15 @@ type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> &
  */
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     /** sets the label value */
-    label: string;
+    label: ReactNode;
     /** (optional) sets information text */
-    infoText?: string | undefined;
+    infoText?: string;
     /** sets the toggle text value */
-    toggleText?: string | undefined;
+    toggleText?: string;
     /** sets child elements */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
+    /** the size of the control */
+    switchSize?: "base" | "sm";
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type TableProps = {
@@ -23468,7 +23689,7 @@ declare const Table: React$1.ForwardRefExoticComponent<{
     /** The CSS padding of the table cells (includes the head cells as well).
      * @default 'var(--spacing-base) var(--spacing-md)'
      */
-    cellPadding?: string | undefined;
+    cellPadding?: string;
 } & Omit<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "cellPadding"> & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -23489,18 +23710,18 @@ type TabsProps<TTabName extends string = string> = {
      */
     useHashForState?: boolean;
 };
-declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_jsx_runtime.JSX.Element;
 type TabButtonProps<TTabName extends string = string> = Partial<TabProps> & {
     id: TTabName;
     children: React__default.ReactNode;
 };
-declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
 type TabContentProps<TTabName extends string = string> = Partial<TabPanelProps> & {
     tabId?: TTabName;
     children: React__default.ReactNode;
 };
-declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the title value
@@ -23518,7 +23739,7 @@ type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     asDeepLink?: boolean;
 };
-declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface IntegrationTileFields {
     icon?: string | React.ComponentType<{
@@ -23540,7 +23761,7 @@ type EditTeamIntegrationTileProps = IntegrationTileFields & {
 /** Uniform Edit Team Integration Tile
  * @example <EditTeamIntegrationTile id="example" onEdit={() => func()} canEdit={true} isPublis={true} name="example" icon="./image.svg" />
  */
-declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<HTMLDivElement> & {
     /** sets the id and data-testid value */
@@ -23556,7 +23777,7 @@ type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<H
  * Uniform Integration Coming Soon Component
  * @example <IntegrationComingSoon id="piedpiper" name="Pied Piper" icon="./piedpiper.svg" onUpVoteClick={() => someFunc()} />
  */
-declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type IntegrationLoadingTileProps = {
     /** (optional) sets the number of skeletal loading elements to show
@@ -23567,7 +23788,7 @@ type IntegrationLoadingTileProps = {
 /** Uniform Integration Loading Tile
  * @example <IntegrationLoadingTile count={10} />
  */
-declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
     /** sets the icon as inline svg or img tag */
@@ -23581,7 +23802,7 @@ type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
  * Uniform Integration Modal Icon
  * @example <IntegrationModalIcon name="name" icon="/my-icon.svg" />
  */
-declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     id: string;
@@ -23593,7 +23814,7 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
         className?: string;
     }> | undefined;
 };
-declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ClassNameOptions = 'logo' | 'author';
 type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
@@ -23605,14 +23826,14 @@ type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVG
 /** Uniform Resolve Icon Component
  * @example <ResolveIcon icon="/my-image.png" name="my image" />
  */
-declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type TileProps = {
     children: ReactNode;
     disabled?: boolean;
     isSelected?: boolean;
 } & HtmlHTMLAttributes<HTMLButtonElement>;
-declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the background colour of the outter container
@@ -23638,37 +23859,26 @@ type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
  * Uniform Tile Container Component
  * @example <TileContainer><div>child content</div></TileContainer>
  */
-declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TileTitleProps = {
     as?: 'heading' | 'description';
     children: ReactNode;
 } & HTMLAttributes<HTMLSpanElement>;
-declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ToastContainerProps = {
     limit?: number;
+    /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
+     * @default 'normal'
+     */
+    autoCloseDelay?: 'normal' | 'medium' | 'long';
 };
 /**
  * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
- * @example <App><ToastContainer /></App>
- *
- * @deprecated This component is in beta, and might receive breaking changes in minor releases!
+ * @example <App><ToastContainer autoCloseDelay="normal" /></App>
  */
-declare const ToastContainer: ({ limit }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
-type TooltipProps = TooltipOptions & {
-    /** Content of tooltip popover */
-    title: string | React__default.ReactElement;
-    /** Optional ability to specify alternative placement. By default - bottom center */
-    placement?: TooltipInitialState['placement'];
-    /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
-    visible?: TooltipInitialState['visible'];
-    children: JSX.Element;
-    /** If the tooltip should not be rendered inside a portal */
-    withoutPortal?: boolean;
-};
-declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /** Available heading weights e.g. 1 - 6 */
 type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
@@ -23694,8 +23904,9 @@ type HeadingProps = {
  * Component that sets the heading tag
  * @example <Heading level={1}>Blog Post Title</Heading>
  */
-declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** @deprecated - Integration header section props are no longer supported or maintained */
 type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the title text of the integration */
     title: string;
@@ -23715,10 +23926,10 @@ type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement>
     menu?: React$1.ReactNode;
 };
 /**
- * Uniform Integration Header Section Component
+ * @deprecated Uniform Integration Header Section Component is no longer supported or maintained
  * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
  */
-declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LinkColorProps = 'currentColor' | 'destructive' | 'default';
 type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -23755,16 +23966,16 @@ declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.Anchor
     /** (optional) sets the link color
      * @default 'currentColor'
      */
-    linkColor?: LinkColorProps | undefined;
+    linkColor?: LinkColorProps;
     /** (optional) sets whether the link is external or not adding an icon to the link */
-    external?: boolean | undefined;
+    external?: boolean;
     /** (optional) For supporting inside next/link component */
-    ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
+    ref?: React$1.ForwardedRef<HTMLAnchorElement>;
     /** (optional) sets react child elements */
     children?: React$1.ReactNode;
 } & {
     href: string;
-    as?: string | undefined;
+    as?: string;
     linkManagerComponent: LinkManagerWithRefType;
 }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
 
@@ -23781,7 +23992,7 @@ type PageHeaderSectionProps = Omit<React$1.HTMLAttributes<HTMLHeadingElement>, '
     level?: LevelProps;
     linkManagerComponent?: LinkManagerWithRefType;
 };
-declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParagraphProps = {
     /** (optional) adds child elements to the paragraph tag */
@@ -23795,7 +24006,7 @@ type ParagraphProps = {
  * Component for generic paragraph tags
  * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
  */
-declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
 type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
@@ -23812,6 +24023,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
      */
     size?: 'sm' | 'base';
 };
-declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, Fieldset, type FieldsetProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterItem, FilterItems, type FilterItemsProps, FilterMenu, type FilterOption, type FilterRowProps, type FiltersProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputOption, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, RICHTEXT_OPERATORS, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TEXTBOX_OPERATORS, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, USER_OPERATORS, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, type filterMode, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useSearchAndFilter, useShortcut, warningIcon, yesNoIcon };
+export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemHeading, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };