@uniformdev/design-system 19.62.0 → 19.62.1-alpha.127

package/dist/index.d.ts

@@ -1,29 +1,31 @@
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
+import { DecoratorFn } from '@storybook/react';
 import * as React$1 from 'react';
-import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
-import { GroupBase } from 'react-select';
+import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
+import { GroupBase, Props } 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 { MenuProps as MenuProps$1, MenuItemHTMLProps } from 'reakit';
+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 { 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 { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
-import { MenuHTMLProps, MenuProps as MenuProps$2, MenuStateReturn } from 'reakit/Menu';
+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 { 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 { PopoverProps as PopoverProps$1, PopoverInitialState } from 'reakit/Popover';
 import * as react_hotkeys_hook_dist_types from 'react-hotkeys-hook/dist/types';
-import { TabState, TabListProps, TabProps, TabPanelProps } from 'reakit/Tab';
 import { TooltipOptions, TooltipInitialState } from 'reakit/Tooltip';
 export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/richtext';
+export { Id as ToastId, toast } from 'react-toastify';
 
 /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
 type ThemeProps = {
@@ -42,6 +44,8 @@ type ThemeProps = {
  * @example <Theme disableReset={true} /> */
 declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare const BetaDecorator: DecoratorFn;
+
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type BreakpointsMap = Record<BreakpointSize, number>;
@@ -74,7 +78,7 @@ declare const supports: (cssProp: string) => string;
  * @function
  * @param {string} size - The responsive breakpoint value
  * @returns {string} - compiled container query e.g. @container (min-width: 640px)
- * @example `${cq('300px`)} { background: red; }`
+ * @example `${cq('300px')} { background: red; }`
  */
 declare const cq: (size: string) => string;
 
@@ -154,6 +158,7 @@ declare const skeletonLoading: _emotion_react.Keyframes;
 declare const fadeInLtr: _emotion_react.Keyframes;
 declare const fadeInRtl: _emotion_react.Keyframes;
 declare const slideInTtb: _emotion_react.Keyframes;
+declare const spin: _emotion_react.Keyframes;
 
 /** Custom scrollbar styles */
 declare const scrollbarStyles: _emotion_react.SerializedStyles;
@@ -20350,6 +20355,11 @@ declare const allSupportedIcons: {
     '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;
+    'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
+    'clipboard-paste': (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;
@@ -20535,6 +20545,7 @@ declare const allSupportedIcons: {
     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;
@@ -20999,7 +21010,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-light';
+type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light';
 /** sets the type of icon to use from the available list */
 type IconType = IconName | IconType$1;
 interface IconProps extends IconBaseProps {
@@ -21057,6 +21068,11 @@ declare const customIcons: {
     '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;
+    'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
+    'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
 };
 
 type IconsMap = Record<string, IconType$1>;
@@ -21072,6 +21088,12 @@ declare function IconsProvider({ children }: {
     children: ReactNode;
 }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare const uniformComponentIcon: IconType$1;
+declare const uniformComponentPatternIcon: 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';
 interface ActionButtonsProps {
@@ -21084,13 +21106,24 @@ interface ActionButtonsProps {
      */
     buttonType?: ButtonThemeProps;
     /** sets the button text value */
-    buttonText: string;
+    buttonText: React$1.ReactNode;
     /** sets a leading icon supporting the button text */
     icon?: IconName;
     /** adds child components to the ButtonWithMenu component */
     children: React$1.ReactNode;
     /** sets the button size */
     size?: ButtonSizeProps;
+    /** sets additional Menu component styles */
+    menuContainerCssClasses?: SerializedStyles;
+    /** sets whether to use a React portal rendering or not.
+     * @default false
+     */
+    withoutPortal?: 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;
 }
 /** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
 type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
@@ -21116,7 +21149,26 @@ type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTM
     </MenuItem>
 </ButtonWithMenu>
  */
-declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, maxMenuHeight, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+/**
+ * A string in the ISO 8601 date format: YYYY-MM-DD
+ */
+type IsoDateString = string;
+type CalendarProps = Pick<CalendarProps$1<DateValue>, 'autoFocus' | 'isDisabled' | 'isReadOnly' | 'isInvalid'> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus'> & {
+    value: IsoDateString | null | undefined;
+    timeZone: string;
+    minValue?: IsoDateString;
+    maxValue?: IsoDateString;
+    onChange?: (value: IsoDateString) => void;
+};
+/**
+ * A Calendar Grid which allows the user to navigate
+ * and select a date.
+ *
+ * @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;
 
 /** Callout button types available to use with our brand */
 type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
@@ -21156,7 +21208,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets options for a dropdown menu */
     menuItems?: JSX.Element;
     /** (optional) sets the data-testid attribute on the button element
-     * @default 'list-card-menu'
+     * @default 'button-more'
      */
     menuButtonTestId?: string;
     /** (optional) sets the menu button disabled state */
@@ -21270,11 +21322,79 @@ type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
  */
 declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/**
+ * A string in the ISO 8601 datetime format
+ */
+type IsoDateTimeString = string;
+declare enum DateTimePickerVariant {
+    Date = "date",
+    ZonedDateTime = "zoned-datetime"
+}
+interface DateTimePickerValue {
+    datetime: IsoDateTimeString | null;
+    timeZone?: string;
+}
+
+type DateTimePickerProps = {
+    id: string;
+    /** (optional) sets the label value */
+    label?: ReactNode;
+    /** The current controlled value of the picker */
+    value: DateTimePickerValue | null | undefined;
+    /** (optional) The minimum visible date. The calendar will not show previous months */
+    minVisible?: IsoDateTimeString;
+    /** (optional) The maximum visible date. The calendar will not show subsequent months */
+    maxVisible?: IsoDateTimeString;
+    /** (optional) An event that fires when the value changes */
+    onChange?: (value: DateTimePickerValue) => void;
+    /** (optional) The UI variant for the picker which controls which components are shown */
+    variant?: DateTimePickerVariant;
+    /** (optional) sets caption text value */
+    placeholder?: ReactNode;
+    /** (optional) A slot below the time input, use this to populate quick time presets */
+    belowTimeInputSlot?: ReactNode;
+    /** (optional) sets caption text value */
+    caption?: string | JSX.Element;
+    /** (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 error message value */
+    errorMessage?: string;
+    /** (optional) sets and shows the warning message value */
+    warningMessage?: string;
+    /** (optional) disables the input preventing any interaction */
+    disabled?: boolean;
+    /** (optional) sets the base test id for each of the elements with a testid */
+    testId?: string;
+};
+/**
+ * Use this context for slots within the date time picker
+ * in order to manipulate the current value
+ */
+declare function useDateTimePickerContext(): {
+    clearValue(): void;
+    changeDate(isoDate: string): void;
+    changeTime(isoTime: string): void;
+};
+/**
+ * Date Time Picker
+ *
+ * @deprecated This component is in beta, name and props are subject to change without a major version
+ *
+ * This is a Calendar, Time input and TimeZone selector
+ * housed in a popup. You can use it to pick a date as well
+ * as a time, or you can also change it to only pick a date.
+ *
+ * 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;
+
 type DescriptionListProps = {
     items: {
         label: string;
         value: string | number | boolean | React__default.ReactNode;
     }[];
+    variant?: 'horizontal' | 'vertical';
 } & React__default.HTMLAttributes<HTMLDListElement>;
 /**
  * A component to render a key-value list (uses <dl />, <dt /> and <dd /> under the hood).
@@ -21285,6 +21405,7 @@ declare const DescriptionList: React__default.ForwardRefExoticComponent<{
         label: string;
         value: string | number | boolean | React__default.ReactNode;
     }[];
+    variant?: "horizontal" | "vertical" | undefined;
 } & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
 
 type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
@@ -21298,9 +21419,19 @@ type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
      * @default false
      */
     isOpenByDefault?: boolean;
+    /** Makes the content indented, and shows an indent guide line.
+     * @default false
+     * @deprecated this prop is in beta, and might get breaking changes in minor releases.
+     */
+    isIndented?: boolean;
+    /** Makes the the UI of the summary more compact, by removing the paddings.
+     * @default false
+     * @deprecated this prop is in beta, and might get breaking changes in minor releases.
+     */
+    isCompact?: boolean;
 };
 /** @example  <Details summary="summary text">child content here</Details>*/
-declare const Details: ({ summary, children, isOpenByDefault, isOpen, onChange, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 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 */
@@ -21391,9 +21522,13 @@ type DrawersRegistryRecord = DrawerItem & {
 };
 type DrawerContextValue = {
     providerId: string;
+    /** Render all drawers inside ref, used for complex modals */
     drawersRegistry: DrawersRegistryRecord[];
     registerDrawer: (props: RegisterDrawerProps) => void;
     unregisterDrawer: (drawerId: Pick<DrawerItem, 'id' | 'stackId' | 'instanceKey'>) => void;
+    drawerTakeoverStackId?: string;
+    registerTakeoverStackId: (stackId: string) => void;
+    unregisterTakeoverStackId: (stackId: string) => void;
 };
 /**
  * Provides the context to the Drawer and DrawerRenderer components.
@@ -21437,6 +21572,11 @@ type DrawerContentProps = {
 } & HTMLAttributes<HTMLDivElement>;
 declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare const TAKEOVER_STACK_ID = "takeover-stack";
+declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, 'stackId'> & {
+    stackId?: string;
+}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 interface IconButtonProps extends Omit<ButtonProps, 'size'> {
     variant?: 'square' | 'rounded';
     /** Style for the larger sizes have not been decided yet */
@@ -21494,12 +21634,36 @@ type ErrorMessageProps = {
     /** sets the test id for test automation (optional) */
     testId?: string;
     className?: string;
+    /**
+     * When set to true, the error message will be truncated instead of wrapped
+     * when it's longer than the available width.
+     * @default false
+     **/
+    truncated?: boolean;
 };
 /**
  * Component that provides error messaging to input fields
  * @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
  */
-declare const ErrorMessage: ({ message, testId, ...otherProps }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.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_types_jsx_namespace.EmotionJSX.Element | null;
 
 type FieldsetProps = React$1.HTMLAttributes<HTMLFieldSetElement> & {
     /** sets the legend value */
@@ -21546,7 +21710,7 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string;
-    /** (optional) sets and shows the the warning message value */
+    /** (optional) sets and shows the warning message value */
     warningMessage?: string;
     /** (optional) sets the test id for input field container for test automation*/
     containerTestId?: string;
@@ -21589,7 +21753,7 @@ declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttribut
     showLabel?: boolean | undefined;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string | undefined;
-    /** (optional) sets and shows the the warning message value */
+    /** (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;
@@ -21626,7 +21790,7 @@ type InputComboBoxOption = {
     /** (optional) sets the disabled value on the input */
     isDisabled?: 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 ComboBoxGroupBase<TOption> = GroupBase<TOption>;
 /**
  * InputComboBox
@@ -21658,7 +21822,7 @@ type InputInlineSelectProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'o
  */
 declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.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
@@ -21692,9 +21856,23 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
 }
 /**
  * Component used for keyword search functionality
- * @example <InlineSelectInput disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
+ *
+ * @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
+ */
+declare const InputKeywordSearch: React$1.ForwardRefExoticComponent<InputKeywordSearchProps & React$1.RefAttributes<HTMLInputElement>>;
+type DebouncedInputKeywordSearchProps = 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;
+};
+/**
+ * Wrapper for InputKeywordSearch that debounces the onSearchTextChanged callback
+ * to avoid triggering any business logic on every keystroke.
+ *
+ * @example <DebouncedInputKeywordSearch onSearchTextChanged={setKeyword} delay={500}  />
  */
-declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, compact, rounded, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
+declare const DebouncedInputKeywordSearch: ({ delay, onSearchTextChanged, defaultValue, ...props }: DebouncedInputKeywordSearchProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets the first item in the options list with empty value */
@@ -21713,7 +21891,7 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string;
-    /** (optional) sets and shows the the warning message value */
+    /** (optional) sets and shows the warning message value */
     warningMessage?: string;
     /** (optional) allows react components to be added inline with the label element */
     labelCta?: JSX.Element;
@@ -21736,8 +21914,110 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
  * Input Select Component
  * @example <InputSelect label="my label" options={[{label: "option 1"}, {label: "option 2"}]} />
  */
-declare const InputSelect: ({ label, defaultOption, options, caption, errorMessage, warningMessage, showLabel, labelCta, compact, classNameContainer, classNameControl, classNameLabel, ...props }: InputSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+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;
+    /** 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;
+    /** 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;
+    /** (optional) sets and shows the the error message value */
+    errorMessage?: string | undefined;
+    /** (optional) sets and shows the warning message value */
+    warningMessage?: string | undefined;
+    /** (optional) allows react components to be added inline with the label element */
+    labelCta?: JSX.Element | undefined;
+    /** (optional) styles the component in a compact format */
+    compact?: boolean | undefined;
+    /**
+     * (optional) sets an overriding classname on the container element
+     * @deprecated */
+    classNameContainer?: string | undefined;
+    /**
+     * (optional) sets an overriding classname on the input element
+     * @deprecated */
+    classNameControl?: string | undefined;
+    /**
+     * (optional) sets an overriding classname on the label element
+     * @deprecated */
+    classNameLabel?: string | undefined;
+} & 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;
+    /** (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;
@@ -21753,12 +22033,12 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     caption?: string | JSX.Element;
     /** (optional) sets shows the the error message value */
     errorMessage?: string;
-    /** (optional) sets and shows the the warning message value */
+    /** (optional) sets and shows the warning message value */
     warningMessage?: string;
     /** (optional) sets the font weight of the label text
-     * @default 'bold'
+     * @default 'normal'
      */
-    fontWeight?: 'normal' | 'medium' | 'bold';
+    fontWeight?: FontWeightProps;
     /** (optional) sets test id for test automation*/
     testId?: string;
 };
@@ -21781,12 +22061,12 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     caption?: string | JSX.Element | undefined;
     /** (optional) sets shows the the error message value */
     errorMessage?: string | undefined;
-    /** (optional) sets and shows the the warning message value */
+    /** (optional) sets and shows the warning message value */
     warningMessage?: string | undefined;
     /** (optional) sets the font weight of the label text
-     * @default 'bold'
+     * @default 'normal'
      */
-    fontWeight?: "bold" | "medium" | "normal" | undefined;
+    fontWeight?: FontWeightProps | undefined;
     /** (optional) sets test id for test automation*/
     testId?: string | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;
@@ -21938,6 +22218,9 @@ type RhythmProps = React.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> &
     align?: CSSProperties['alignItems'];
     justify?: CSSProperties['justifyContent'];
     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> & {
@@ -21946,7 +22229,7 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
 };
 declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.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_types_jsx_namespace.EmotionJSX.Element;
 
 type TwoColumnLayoutProps = {
     /** sets the full bleed background colour
@@ -21965,7 +22248,7 @@ type TwoColumnLayoutProps = {
 /** @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 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_types_jsx_namespace.EmotionJSX.Element;
 
 type LimitsBarProps = {
     /** The current value of used limits */
@@ -22091,13 +22374,18 @@ interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
  */
 declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-interface MenuProps extends MenuHTMLProps {
-    /** sets aria-label attribute */
-    menuLabel: string;
+declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
+type LegacyPlacement = (typeof legacyPlacements)[number];
+interface MenuProps extends MenuProps$2 {
+    /**
+     * sets aria-label attribute.
+     * @deprecated Set the label directly on the `menuTrigger`
+     */
+    menuLabel?: string;
     /** the component that triggers the menu functionality */
     menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
     /** (optional) reakit placements options for the expandable menu */
-    placement?: MenuProps$2['placement'];
+    placement?: MenuStoreProps['placement'] | LegacyPlacement;
     /** (optional) allows users to set additional class names  */
     menuItemsContainerCssClasses?: SerializedStyles | string;
     /** (optional) allows users to add child elements */
@@ -22105,6 +22393,7 @@ interface MenuProps extends MenuHTMLProps {
     /**
      * Overrides the visibility of the menu.
      * When unset, visibility is owned by the menu. When a boolean, forces the menu visibility.
+     * @deprecated use the `open` prop instead
      */
     forceVisible?: boolean;
     /**
@@ -22118,21 +22407,29 @@ interface MenuProps extends MenuHTMLProps {
      * If you need to disable this functionality, set this prop to true.
      */
     disableAutoSeparatorManagement?: boolean;
-    /** sets whether to use a React portal rendering or not */
+    /** sets whether to use a React portal rendering or not.
+     * @deprecated this prop was added to fix a bug with portal, this issue is now fixed, and we don't need this prop anymore.
+     */
     withoutPortal?: boolean;
+    /** (optional) sets the test id attribute */
+    testId?: string;
+    /** (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;
 }
-declare const MenuContext: React$1.Context<MenuStateReturn>;
-declare const useMenuContext: () => MenuStateReturn | undefined;
 /**
  * Component used for creating clickable menus
  * @example
  * <Menu
  * menuTrigger={<button type="button">Click me</button>}
  * menuItemsContainerCssClasses="bg-white"
- * menuLabel="Linked environment management options">
+ * >
+ *   <MenuItem>Item 1</MenuItem>
  * </Menu>
  */
-declare const Menu: ({ menuLabel, menuTrigger, placement, menuItemsContainerCssClasses, children, forceVisible, disableAutoSeparatorManagement, withoutPortal, }: MenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Menu: React$1.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 type MenuGroupProps = {
     /** Title for the menu group. If undefined or an empty string, the group will render as normal menu */
@@ -22143,9 +22440,12 @@ type MenuGroupProps = {
 declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type MenuItemTextThemeProps = 'base' | 'red';
-type MenuItemProps = MenuItemHTMLProps & {
-    /** sets child elements within the component */
-    children: ChildFunction | React$1.ReactNode;
+type MenuItemProps = MenuItemProps$1 & {
+    /**
+     * Sets child elements within the component.
+     * Can be omitted when using the `render` prop
+     */
+    children?: ChildFunction | React$1.ReactNode;
     /** (optional) set whether to hide the menu after a click action */
     hideMenuOnClick?: boolean;
     /** (optional) set an icon along side the item text */
@@ -22162,12 +22462,19 @@ type MenuItemProps = MenuItemHTMLProps & {
      */
     active?: boolean;
 };
-type ChildFunction = (menuItemProps: MenuItemHTMLProps) => React$1.ReactElement | null;
+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>;
+/**
+ * MenuItem Component for headless use outside <Menu /> component
+ * Use only if adapting Uniform menu item appearance to a non-ariakit menu.
+ * This is required because ariakit does not let you use MenuItem outside of a Menu component.
+ * @example <MenuItemInner onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
+ */
+declare const MenuItemInner: React$1.FC<MenuItemProps>;
 
 declare const MenuItemSeparator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -22178,46 +22485,51 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
     cover?: React.ReactNode;
     menuItems?: React.ReactElement<MenuItemProps>[] | React.ReactNode;
     sideSection?: React.ReactNode;
+    buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     onClick?: () => void;
 };
-declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ModalProps = {
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
     /** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked  */
     onRequestClose: () => void;
+    /** The size sets the modal width to one of three options sm = 400px, md = 600px and lg = 800px
+     * if a width attribute is used the size will be overridden by the width attribute
+     * @default 'lg'
+     */
+    modalSize?: 'sm' | 'md' | 'lg';
     /** A valid CSS width */
     width?: string;
     /** A valid CSS height */
     height?: string;
-    /** The classname to set on the wrapper of the modal */
+    /** The classname to set on the wrapper of the modal.
+     * @deprecated the dialog is not rendered inside a wrapper anymore.
+     */
     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.HTMLAttributes<HTMLDialogElement>;
+} & React__default.HTMLProps<HTMLDialogElement>;
 /**
  * A modal component to open a dialog with a backdrop that covers the whole page.
  * @example <Modal>Hello World</Modal>
  */
-declare const Modal: React__default.ForwardRefExoticComponent<{
-    header?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    /** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked  */
-    onRequestClose: () => void;
-    /** A valid CSS width */
-    width?: string | undefined;
-    /** A valid CSS height */
-    height?: string | undefined;
-    /** The classname to set on the wrapper of the modal */
-    wrapperClassName?: string | undefined;
-    /** Removes the default padding on the content wrapper */
-    withoutContentPadding?: boolean | undefined;
-    /** Places buttons at the bottom of the modal */
-    buttonGroup?: ReactNode;
-} & React__default.HTMLAttributes<HTMLDialogElement> & React__default.RefAttributes<HTMLDialogElement>>;
+declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React__default.RefAttributes<HTMLDialogElement>>;
+
+type ModalDialogProps = Omit<ModalProps, 'width'>;
+declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
+
+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;
 
 type CommonParameterProps = {
     /** sets the label value */
@@ -22324,6 +22636,9 @@ type ParameterDrawerHeaderProps = {
     iconBeforeTitle?: ReactNode;
     children?: ReactNode;
 };
+/**
+ * @deprecated use <Drawer heading={"Hi!"} /> instead, to use default drawer heading styles
+ */
 declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
@@ -22423,6 +22738,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' | '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_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta
+ * @example  <ParameterMultiSelectInner options={[{ label: 'option label', value: 0}]} />*/
+declare const ParameterMultiSelectInner: (props: ParameterMultiSelectInnerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 type ParameterNameAndPublicIdInputProps = {
     id?: undefined | string;
     /** sets the label for the name input field
@@ -22592,7 +22921,7 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
         errorTestId?: string | undefined;
         captionTestId?: string | undefined;
         title?: string | undefined;
-    }, "caption" | "label" | "title" | "id" | "menuItems" | "errorMessage" | "warningMessage" | "errorTestId" | "captionTestId" | "hiddenLabel" | "labelLeadingIcon" | "infoMessage" | "hasOverriddenValue" | "onResetOverriddenValue">;
+    }, "caption" | "label" | "title" | "id" | "errorMessage" | "menuItems" | "warningMessage" | "infoMessage" | "errorTestId" | "captionTestId" | "hiddenLabel" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
 };
 type ParameterShellOverrideProps = {
     /** sets overriding parameters indicator
@@ -22603,13 +22932,18 @@ type ParameterShellOverrideProps = {
      * @deprecated
      */
     onResetOverriddenValue?: () => void;
+    /**
+     * Adjusts the UI to work with parameter groups. At the moment, it just remove the white background.
+     * @default false
+     */
+    isParameterGroup?: boolean;
 };
 type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps;
 /**
  * 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, ...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_types_jsx_namespace.EmotionJSX.Element;
 declare const ParameterShellPlaceholder: ({ children }: {
     children?: ReactNode;
 }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
@@ -22666,24 +23000,26 @@ type PopoverProps = PopoverProps$1 & {
     /** sets the placement of the popover
      * @default 'bottom'
      */
-    placement?: PopoverInitialState['placement'];
+    placement?: PopoverProviderProps['placement'];
     /** sets a test id for e2e tests */
     testId?: string;
     children: ReactNode;
     trigger?: ReactNode;
+    /** @deprecated */
+    baseId?: string;
 };
-declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, ...otherProps }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, ...otherProps }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-interface ProgressBarProps {
-    className?: string;
+interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     current: number;
     max: number;
-    theme?: 'primary' | 'secondary';
+    theme?: 'primary' | 'secondary' | 'destructive';
+    variant?: 'determinate' | 'indeterminate';
 }
 /**
- * @deprecated unstable - props and functionality is likely to change
+ * @deprecated This component is in beta, and might receive breaking changes in minor releases!
  */
-declare function ProgressBar({ className, current, max, theme }: ProgressBarProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
 type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
@@ -22728,12 +23064,13 @@ 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 */
     name: string;
     /** The options to show */
-    options: SegmentedControlOption<TValue>[];
+    options: Array<SegmentedControlOption<TValue> | undefined>;
     /** The value of the option to be selected */
     value?: TValue;
     /** Called when the user selects a different option */
@@ -22751,13 +23088,19 @@ 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;
 };
 /**
  * Horizontal 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 const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare function ShortcutContext({ children }: {
     children: React__default.ReactNode;
@@ -22865,27 +23208,30 @@ declare const TableRow: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedH
 declare const TableCellHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
 declare const TableCellData: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
 
-declare const useCurrentTab: () => TabState;
-interface TabsProps {
+declare const useCurrentTab: () => _ariakit_react.TabStore;
+type TabsProps<TTabName extends string = string> = {
     children: React__default.ReactNode;
-    selectedId?: string;
+    selectedId?: TTabName;
     manual?: boolean;
-    orientation?: TabState['orientation'];
-    onSelectedIdChange?: (tabName: string | undefined) => void;
+    orientation?: TabStoreState['orientation'];
+    onSelectedIdChange?: (tabName: TTabName | undefined) => void;
+    /**
+     * @deprecated you can control the route state on the application level.
+     */
     useHashForState?: boolean;
-}
-declare const Tabs: ({ children, onSelectedIdChange, useHashForState, selectedId, ...props }: TabsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+};
+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;
-interface TabButtonProps extends Partial<TabProps> {
-    id: string;
+type TabButtonProps<TTabName extends string = string> = Partial<TabProps> & {
+    id: TTabName;
     children: React__default.ReactNode;
-}
-declare const TabButton: ({ children, id, ...props }: TabButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-interface TabContentProps extends Partial<TabPanelProps> {
-    id: string;
+};
+declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type TabContentProps<TTabName extends string = string> = Partial<TabPanelProps> & {
+    tabId?: TTabName;
     children: React__default.ReactNode;
-}
-declare const TabContent: ({ children, ...props }: TabContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+};
+declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the title value
@@ -22995,8 +23341,9 @@ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProp
 type TileProps = {
     children: ReactNode;
     disabled?: boolean;
+    isSelected?: boolean;
 } & HtmlHTMLAttributes<HTMLButtonElement>;
-declare const Tile: ({ children, disabled, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the background colour of the outter container
@@ -23030,6 +23377,17 @@ type TileTitleProps = {
 } & HTMLAttributes<HTMLSpanElement>;
 declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type ToastContainerProps = {
+    limit?: number;
+};
+/**
+ * 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!
+ */
+declare const ToastContainer: ({ limit }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 type TooltipProps = TooltipOptions & {
     /** Content of tooltip popover */
     title: string | React__default.ReactElement;
@@ -23046,12 +23404,14 @@ declare function Tooltip({ children, title, placement, visible, withoutPortal, .
 /** Available heading weights e.g. 1 - 6 */
 type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
 type HeadingProps = {
-    /** sets the type of heading tag between h1 to h6, defaults to <h2>
+    /** sets the type of heading between h1 to h6, defaults to <h2>
      * @default 2
      */
     level?: LevelProps;
+    /** override the underlying html tag */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
     /** sets whether to display a span with the defined heading styles
-     * @default undefined
+     * @deprecated use as="span"
      */
     asSpan?: boolean;
     /** sets the title value */
@@ -23065,7 +23425,7 @@ type HeadingProps = {
  * Component that sets the heading tag
  * @example <Heading level={1}>Blog Post Title</Heading>
  */
-declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the title text of the integration */
@@ -23168,7 +23528,7 @@ type ParagraphProps = {
  */
 declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown';
+type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
 type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
     /** sets the current status */
     status: StatusTypeProps;
@@ -23185,4 +23545,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps$1 as ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, Image, ImageBroken, ImageProps, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressBar, ProgressBarProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RhythmProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, 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, 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, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
+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, 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, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, 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, 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, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, 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, 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, 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, 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, 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, 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, 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, uniformComponentIcon, uniformComponentPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };