@uniformdev/design-system 19.79.0 → 19.79.1-alpha.13

package/dist/index.d.mts

@@ -11,19 +11,21 @@ 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 { MenuProps as MenuProps$2, MenuStoreProps, MenuItemProps as MenuItemProps$1 } from '@ariakit/react';
+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 = {
@@ -74,7 +76,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;
 
@@ -20350,6 +20352,8 @@ 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;
     'add-r': _react_icons_all_files_lib.IconType;
     add: _react_icons_all_files_lib.IconType;
     airplane: _react_icons_all_files_lib.IconType;
@@ -21057,6 +21061,8 @@ 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;
 };
 
 type IconsMap = Record<string, IconType$1>;
@@ -21091,6 +21097,8 @@ interface ActionButtonsProps {
     children: React$1.ReactNode;
     /** sets the button size */
     size?: ButtonSizeProps;
+    /** sets additional Menu component styles */
+    menuContainerCssClasses?: SerializedStyles;
 }
 /** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
 type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
@@ -21116,7 +21124,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, ...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 +21183,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,6 +21297,73 @@ 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?: string;
+    /** 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;
@@ -21573,7 +21667,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;
@@ -21616,7 +21710,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;
@@ -21740,7 +21834,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;
@@ -21763,7 +21857,108 @@ 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> & {
@@ -21781,7 +21976,7 @@ 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 'normal'
@@ -21809,7 +22004,7 @@ 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 'normal'
@@ -22158,6 +22353,8 @@ interface MenuProps extends MenuProps$2 {
      * @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;
 }
 /**
  * Component used for creating clickable menus
@@ -22181,8 +22378,11 @@ declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react
 
 type MenuItemTextThemeProps = 'base' | 'red';
 type MenuItemProps = MenuItemProps$1 & {
-    /** sets child elements within the component */
-    children: ChildFunction | React$1.ReactNode;
+    /**
+     * 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 */
@@ -22231,6 +22431,11 @@ type ModalProps = {
     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 */
@@ -22239,33 +22444,14 @@ type ModalProps = {
      * @deprecated the dialog is not rendered inside a wrapper anymore.
      */
     wrapperClassName?: string;
-    /** Removes the default padding on the content wrapper */
-    withoutContentPadding?: 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.
-     * @deprecated the dialog is not rendered inside a wrapper anymore.
-     */
-    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>>;
 
 declare function Pagination({ limit, offset, total, onPageChange, }: {
     limit: number;
@@ -22647,7 +22833,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
@@ -22726,13 +22912,15 @@ 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 extends React$1.HTMLAttributes<HTMLDivElement> {
     current: number;
@@ -22741,7 +22929,7 @@ interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     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({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -22793,7 +22981,7 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
     /** 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 */
@@ -22925,27 +23113,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
@@ -23091,6 +23282,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;
@@ -23248,4 +23450,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, MenuGroup, MenuGroupProps, MenuItem, MenuItemInner, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Pagination, 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, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TakeoverDrawerRenderer, 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, 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, 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, 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, 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, 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, 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, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };