@uniformdev/design-system 20.7.1-alpha.12 → 20.7.1-alpha.120

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { Decorator } from '@storybook/react';
+import { Decorator } from '@storybook/react-vite';
 import * as React$1 from 'react';
-import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
+import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
 import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
@@ -16,7 +16,6 @@ import { IconType as IconType$2 } from '@react-icons/all-files';
 import { DateValue } from '@internationalized/date';
 import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
 import { CreatableProps } from 'react-select/creatable';
-import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
 import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
@@ -81,6 +80,14 @@ declare const supports: (cssProp: string) => string;
  * @example `${cq('300px')} { background: red; }`
  */
 declare const cq: (size: string) => string;
+/**
+ * Prefers Reduced Motion Helper Function
+ * @function
+ * @param {string} cssProp - The css property you want to check support
+ * @returns {string} - compiled prefers reduced motion query e.g. @media (prefers-reduced-motion: reduce)
+ * @example `${prefersReducedMotion('reduce')} { animation: none; }`
+ */
+declare const prefersReducedMotion: (cssProp: "reduce" | "no-preference") => string;
 
 /** @deprecated for internal use only */
 declare const debounce: (fn: (...args: any[]) => void, ms?: number) => (this: any, ...args: any[]) => void;
@@ -189,6 +196,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 slideInRtl: _emotion_react.Keyframes;
 declare const spin: _emotion_react.Keyframes;
 
 /** Custom scrollbar styles */
@@ -383,8 +391,12 @@ type UseShortcutOptions = {
     doNotPreventDefault?: boolean;
     /** Whether the shortcut will activate with a form field in focus */
     activeWhenEditing?: boolean;
-    /** When true, the shortcut is disabled. The result will also reflect this state, which may disable attached menus, buttons, etc */
-    disabled?: boolean;
+    /**
+     * When true or 'silent', the shortcut is disabled. When undefined or false, it is enabled.
+     * The result will also reflect this state, which may disable attached menus, buttons, etc
+     * 'silent' will not show a toast notification when the shortcut is invoked while disabled.
+     */
+    disabled?: boolean | 'silent';
 };
 type ShortcutReference = {
     shortcut: string;
@@ -408,8 +420,12 @@ type TooltipProps = TooltipOptions & {
     children: JSX.Element;
     /** If the tooltip should not be rendered inside a portal */
     withoutPortal?: boolean;
+    /** sets the delay time before showing the tooltip
+     * @default 0
+     */
+    timeout?: number;
 } & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
-declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
 
 /** Button sizes that are available to use with our brand */
 type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -427,6 +443,12 @@ type ButtonSoftStylesProps = {
     size: ButtonSizeProps$1;
     variant?: 'soft' | undefined;
 };
+declare const getButtonSize: (size: ButtonSizeProps$1) => string;
+declare const getButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
+    buttonTheme: SerializedStyles;
+    btnSize: string;
+};
+/** @deprecated - use getButtonStyles instead */
 declare const useButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
     buttonTheme: SerializedStyles;
     btnSize: string;
@@ -1150,17 +1172,18 @@ declare const allSupportedIcons: {
     'device-tv': _react_icons_all_files.IconType;
     'device-ipad': _react_icons_all_files.IconType;
     'device-mobile-rotated': _react_icons_all_files.IconType;
+    'plug-angled': _react_icons_all_files.IconType;
+    'clock-edit': _react_icons_all_files.IconType;
 };
 
 /** A list of available icon names that can be used with the Uniform brand */
 type IconName = keyof typeof allSupportedIcons;
-
+/** sets the type of icon to use from the available list */
+type IconType = IconName | IconType$1;
 /** sets fill color of the svg icon
  * @default 'default'
  */
-type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
-/** sets the type of icon to use from the available list */
-type IconType = IconName | IconType$1;
+type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark' | 'utility-success';
 interface IconProps extends IconBaseProps {
     /** sets the icon to be used */
     icon: IconType;
@@ -1169,11 +1192,6 @@ interface IconProps extends IconBaseProps {
     /** sets additional icon props provided by "react-icons" */
     otherProps?: IconBaseProps;
 }
-/**
- * Component that renders icons
- * @example <Icon icon="add-r" iconColor="currentColor" />
- */
-declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
 
 declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
 declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
@@ -1228,6 +1246,12 @@ declare const customIcons: {
     'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
 };
 
+/**
+ * Component that renders icons
+ * @example <Icon icon="add-r" iconColor="currentColor" />
+ */
+declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
+
 type IconsMap = Record<string, IconType$1>;
 declare function useIconContext(): {
     iconsMap: IconsMap;
@@ -1251,6 +1275,10 @@ declare const uniformCompositionPatternIcon: IconType$1;
 declare const uniformContentTypeIcon: IconType$1;
 declare const uniformEntryIcon: IconType$1;
 declare const uniformEntryPatternIcon: IconType$1;
+declare const uniformStatusDraftIcon: IconType$1;
+declare const uniformStatusModifiedIcon: IconType$1;
+declare const uniformStatusPublishedIcon: IconType$1;
+declare const uniformUsageStatusIcon: IconType$1;
 
 type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
 type ButtonSizeProps = 'sm' | 'base' | 'lg';
@@ -1269,7 +1297,10 @@ interface ActionButtonsProps {
     icon?: IconName;
     /** adds child components to the ButtonWithMenu component */
     children: React$1.ReactNode;
-    /** sets the button size */
+    /**
+     * sets the button size
+     * @default "base"
+     */
     size?: ButtonSizeProps;
     /** sets additional Menu component styles */
     menuContainerCssClasses?: SerializedStyles;
@@ -1364,6 +1395,10 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
      */
     tag?: React$1.ElementType;
 };
+/**
+ * @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
+ * It will be removed in the next major version.
+ */
 declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
 type CardTitleProps = {
     children?: React$1.ReactNode;
@@ -1391,11 +1426,19 @@ type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
      */
     withLastColumn?: boolean;
 };
-/** Uniform Card Container
+/**
+ * Uniform Card Container
  * @example <CardContainer><Card title="card title" /></CardContainer>
+ *
+ * @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
+ * It will be removed in the next major version.
  */
 declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * @deprecated Use the `LoadingCardSkeleton` component from `@uniformdev/design-system` instead.
+ * It will be removed in the next major version.
+ */
 declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
 
 type ChipSizeProp = 'xs' | 'sm' | 'md';
@@ -1445,6 +1488,17 @@ type DismissibleChipActionProps = {
  */
 declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type FilterChipSize = 'xs' | 'sm' | 'md' | 'lg';
+type FilterChipProps = {
+    leadingIcon?: IconType;
+    asDropdown?: boolean;
+    children: React.ReactNode;
+    dataTestId?: string;
+    size?: FilterChipSize;
+    isSelected?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const FilterChip: ({ leadingIcon, asDropdown, children, dataTestId, size, isSelected, ...props }: FilterChipProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type MultilineChipProps = {
     children: ReactNode;
     onClick?: () => void;
@@ -1457,10 +1511,12 @@ type MultilineChipProps = {
 declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
-type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
+type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'var(--utility-success-icon)' | 'red';
 type CounterProps = {
-    /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
-    count: number | undefined;
+    /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear.
+     * String can be used for formatting purposes, e.g. "1.2k" or regionalized number, e.g. "1,200"
+     */
+    count: number | string | undefined;
     /** sets the background color
      * @default 'transparent'
      */
@@ -1469,9 +1525,13 @@ type CounterProps = {
     iconColor?: CounterIconColors;
     /** Optional icon for the counter */
     icon?: IconType;
+    /** sets the size of the counter
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
 } & React.HTMLAttributes<HTMLDivElement>;
 /** @example <Counter count={1} /> */
-declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const Counter: ({ count, bgColor, icon, iconColor, size, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type TextAlignProps = 'left' | 'right' | 'center';
 type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -1608,6 +1668,8 @@ type DateTimePickerProps = {
      * @default 8
      */
     offset?: number;
+    /** (optional) sets whether to render the popover in a portal */
+    portal?: boolean;
 };
 /**
  * Use this context for slots within the date time picker
@@ -1627,7 +1689,7 @@ declare function useDateTimePickerContext(): {
  * Subcomponents can manipulate the value directly by using
  * the `useDateTimePickerContext()` hook.
  */
-declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, offset, testId, placement, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, offset, testId, placement, portal, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare function DateTimePickerSummary({ value, placeholder, }: {
     value: DateTimePickerValue | null | undefined;
@@ -1835,6 +1897,23 @@ declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, "stackId
     stackId?: string;
 }) => _emotion_react_jsx_runtime.JSX.Element;
 
+type FlexiCardProps = {
+    heading?: ReactNode;
+    children: ReactNode;
+    height?: string;
+    width?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare const FlexiCard: ({ heading, children, width, height, ...props }: FlexiCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type FlexiCardTitleProps = {
+    icon?: IconType;
+    heading: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+/** Flexi Card Title Component
+ * recommended to be used within the FlexiCard component
+ */
+declare const FlexiCardTitle: ({ icon, heading, ...props }: FlexiCardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 interface IconButtonProps extends Omit<ButtonProps, 'size'> {
     variant?: 'square' | 'rounded';
     /** Style for the larger sizes have not been decided yet */
@@ -1888,7 +1967,7 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
 
 type ErrorMessageProps = {
     /** sets the error message value */
-    message?: string;
+    message?: ReactNode;
     /** sets the test id for test automation (optional) */
     testId?: string;
     className?: string;
@@ -1996,6 +2075,11 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
      * (optional) sets an overriding classname on the label element
      * @deprecated */
     classNameLabel?: string | SerializedStyles;
+    /**
+     * If true, the input will allow mouse wheel scrolling to change the value.
+     * @default false
+     */
+    enableMouseWheel?: boolean;
 };
 /**
  * Input Component
@@ -2038,6 +2122,11 @@ declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttribut
      * (optional) sets an overriding classname on the label element
      * @deprecated */
     classNameLabel?: string | SerializedStyles;
+    /**
+     * If true, the input will allow mouse wheel scrolling to change the value.
+     * @default false
+     */
+    enableMouseWheel?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 /**
@@ -2059,8 +2148,13 @@ type InputComboBoxOption<TValue = string> = {
      * Note: this works for any type used for an option where a boolean called indented exists.
      */
     indented?: boolean;
+    /**
+     * Sets the option to be fixed.
+     * This will prevent the option from being removed or selected.
+     */
+    isFixed?: boolean;
 };
-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 InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
 type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
 type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
 /**
@@ -2195,13 +2289,22 @@ declare const DebouncedInputKeywordSearch: React$1.ForwardRefExoticComponent<Omi
     defaultValue?: string;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type GroupedOption = {
+    label: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+};
 type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets the first item in the options list with empty value */
     defaultOption?: string;
     /** sets an array of select options with value and text value */
-    options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
+    options?: Array<React.OptionHTMLAttributes<HTMLOptionElement | HTMLOptGroupElement> & {
         label: string;
     }>;
+    /** (optional) sets grouped options with optgroups */
+    groupedOptions?: GroupedOption[];
     /** (optional) sets caption text value */
     caption?: string | JSX.Element;
     /** sets the label value */
@@ -2239,9 +2342,11 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
     /** (optional) sets the first item in the options list with empty value */
     defaultOption?: string;
     /** sets an array of select options with value and text value */
-    options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
+    options?: Array<React.OptionHTMLAttributes<HTMLOptionElement | HTMLOptGroupElement> & {
         label: string;
     }>;
+    /** (optional) sets grouped options with optgroups */
+    groupedOptions?: GroupedOption[];
     /** (optional) sets caption text value */
     caption?: string | JSX.Element;
     /** sets the label value */
@@ -2447,6 +2552,7 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
 type KeyValueItem<TValue extends string = string> = {
     key: string;
     value: TValue;
+    icon?: string;
     uniqueId?: string;
 };
 type KeyValueInputProps<TValue extends string = string> = {
@@ -2457,10 +2563,18 @@ type KeyValueInputProps<TValue extends string = string> = {
     newItemDefault?: KeyValueItem<TValue>;
     keyLabel?: string;
     valueLabel?: string;
+    iconLabel?: string;
     keyInfoPopover?: ReactNode;
     valueInfoPopover?: ReactNode;
-    errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | null)[];
+    iconInfoPopover?: ReactNode;
+    errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | Partial<Record<keyof Omit<KeyValueItem, 'uniqueId'>, string>> | null)[];
     onFocusChange?: (isFocused: boolean) => void;
+    showIconColumn?: boolean;
+    renderIconSelector?: (props: {
+        value?: string;
+        onChange: (icon: string) => void;
+        disabled?: boolean;
+    }) => ReactNode;
 };
 /**
  * A component to render a sortable key-value input
@@ -2469,7 +2583,19 @@ type KeyValueInputProps<TValue extends string = string> = {
  * return <KeyValueInput value={value} onChange={setValue} />
  * @deprecated This component is in beta, name and props are subject to change without a major version
  */
-declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
+
+type AsideAndSectionLayout = {
+    /** sets child components in the aside / supporting column */
+    sidebar?: ReactNode;
+    /** sets child components in the section / main content column */
+    children: ReactNode;
+    /** Makes the sidebar sticky to the top of the container
+     * @default false
+     */
+    isStickyAside?: boolean;
+};
+declare const AsideAndSectionLayout: ({ sidebar, children, isStickyAside, }: AsideAndSectionLayout) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
 type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
@@ -2539,26 +2665,24 @@ type LimitsBarProps = {
     current: number;
     /** The maximum number of limits */
     max: number;
-    /** Text value used for the label text */
-    label: string;
+    /** @deprecated No longer used */
+    label?: string;
+    /** Optional popover content for info icon */
+    popoverContent?: ReactNode;
 };
 /**
  * Uniform Limits Bar Component
- * @example <LimitsBar current="3" max="5" label="signals" />
+ * @example <LimitsBar current={3} max={5} />
  */
-declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LimitsBar: ({ current, max, popoverContent }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** sets the title field */
     title: string;
-    /** sets padding value
-     * @default 'var(--spacing-md)'
-     */
-    padding?: string;
     /** (optional) sets react child component */
     children?: React$1.ReactNode;
 };
-declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the label value */
@@ -2668,9 +2792,13 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
     children: React.ReactNode;
     /** sets the background color of the button */
     bgColor?: string;
+    /** sets the variant of the button
+     * @default "ghost"
+     */
+    variant?: 'ghost' | 'outline';
 }
 /** Renders a dropdown menu style menu trigger button */
-declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
+declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
 type LegacyPlacement = (typeof legacyPlacements)[number];
@@ -2704,6 +2832,11 @@ interface MenuProps extends MenuProps$1 {
      */
     maxMenuHeight?: string;
     portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
+    /** sets the menu size
+     * it's recommended to use the same size for all menu items in a menu
+     * @default 'base'
+     */
+    size?: 'small' | 'base';
 }
 /**
  * Component used for creating clickable menus
@@ -2725,6 +2858,11 @@ type MenuGroupProps = {
 };
 declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * base - default
+ * red - red text
+ * accent-alt - AI color (accent-alt-dark). DOES NOT change the text - only the icon color!
+ */
 type MenuItemTextThemeProps = 'base' | 'red' | 'accent-alt';
 type MenuItemProps = MenuItemProps$1 & {
     /**
@@ -2734,7 +2872,9 @@ type MenuItemProps = MenuItemProps$1 & {
     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 */
+    /** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
+     * @example <MenuItemIcon icon="add-r" />
+     */
     icon?: React$1.ReactElement;
     /** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set.  */
     focusable?: boolean;
@@ -2770,8 +2910,9 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
  * Renders an icon for a menu item. Optional micro wrapper around an Icon component
  * configured to match the menu item icon style.
  */
-declare function MenuItemIcon({ icon }: {
+declare function MenuItemIcon({ icon, size }: {
     icon: IconType;
+    size?: string;
 }): _emotion_react_jsx_runtime.JSX.Element;
 /**
  * Indents a menu item as if it had an icon when it does not
@@ -2780,7 +2921,7 @@ declare function MenuItemIcon({ icon }: {
  */
 declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
 
-declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MenuButtonProp = {
     children: React.ReactNode;
@@ -2797,6 +2938,7 @@ type MenuThreeDotsProps = {
      * @default '1rem'
      */
     iconSize?: string;
+    disabled?: boolean;
 } & HTMLAttributes<HTMLButtonElement>;
 declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
     /** sets the aria-label and title value on the button
@@ -2807,6 +2949,14 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
      * @default '1rem'
      */
     iconSize?: string;
+    disabled?: boolean;
+} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const MenuSelect: React$1.ForwardRefExoticComponent<{
+    /** sets the size of the menu select
+     * @default 'base'
+     */
+    size?: "xs" | "sm" | "base" | "md" | "lg";
+    children: React.ReactNode;
 } & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
 type SearchableMenuProps = {
@@ -2822,7 +2972,7 @@ type SearchableMenuProps = {
 /**
  * Searchable menu allows searching through its menu items
  */
-declare function SearchableMenu(props: SearchableMenuProps): _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
     selected: boolean;
@@ -2975,20 +3125,25 @@ type ObjectItemLoadingSkeletonProps = {
 declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /** @deprecated - Beta Object list item component  */
-type ObjectListItemProps = (ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>);
-type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
+type ObjectListItemProps = {
+    /** Optional ref to the stacked route container to scope all components rendered via portal to be inside the stacked route container */
+    portalElement?: MenuProps['portalElement'];
     cover?: ReactNode;
     dragHandle?: ReactNode;
+    /** Sets the container query width for wrapping container
+     * @default '34rem'
+     */
+    minContainerQueryWidth?: string;
+} & ((ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>));
+type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
     renderAs?: 'single';
 };
 type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
-    cover?: ReactNode;
-    dragHandle?: ReactNode;
     renderAs?: 'multi';
     children?: ReactNode;
 };
 /** @deprecated - beta Object list item component  */
-declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ObjectListItem: ({ minContainerQueryWidth, ...props }: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /** @deprecated - Beta Object list item container component  */
 declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -3090,6 +3245,35 @@ type LabelLeadingIconProps = HTMLAttributes<HTMLButtonElement> & {
 };
 declare const LabelLeadingIcon: ({ icon, iconColor, children, isActive, isLocked, title, ...props }: LabelLeadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type BaseParameterActionButtonProps = {
+    children: React__default.ReactNode;
+    disabled?: boolean;
+    /**
+     * The tooltip to display when hovering over the button.
+     * If a string is provided, it will be displayed as a tooltip.
+     * If a React element is provided, it will be displayed as a tooltip.
+     */
+    tooltip?: string | React__default.ReactNode;
+    /**
+     * The component to render the button as.
+     * There maybe a scenario where we want to render the button as a div
+     * @default 'button'
+     */
+    renderAs?: 'button' | 'div';
+} & HTMLAttributes<HTMLButtonElement | HTMLDivElement>;
+interface OutlineVariant extends BaseParameterActionButtonProps {
+    themeType: 'outline';
+}
+interface FilledVariant extends BaseParameterActionButtonProps {
+    themeType: 'filled';
+    /** inverts the border layout of the button
+     * @default false
+     */
+    inverted?: boolean;
+}
+type ParameterActionButtonProps = OutlineVariant | FilledVariant;
+declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ParameterDrawerHeaderProps = {
     title: string;
     iconBeforeTitle?: ReactNode;
@@ -3135,8 +3319,16 @@ declare function ParameterImagePreview({ imageSrc }: {
     imageSrc: string;
 }): _emotion_react_jsx_runtime.JSX.Element | null;
 
-type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement>;
-/** @example <ParameterInput label="label value" id="my-input" /> */
+type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
+    /**
+     * If true, the input will allow mouse wheel scrolling to change the value.
+     * @default false
+     */
+    enableMouseWheel?: boolean;
+};
+/** @example <ParameterInput label="label value" id="my-input" />
+ * @example <ParameterInput label="Number input" id="my-number" type="number" enableMouseWheel={false} />
+ */
 declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string;
     menuItems?: React$1.ReactNode;
@@ -3144,8 +3336,16 @@ declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterP
     errorTestId?: string;
     captionTestId?: string;
     title?: string;
-} & React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
-declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
+} & React$1.InputHTMLAttributes<HTMLInputElement> & {
+    /**
+     * If true, the input will allow mouse wheel scrolling to change the value.
+     * @default false
+     */
+    enableMouseWheel?: boolean;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
+    enableMouseWheel?: boolean;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
     /** sets the value for label and id on the input field */
@@ -3195,6 +3395,9 @@ type ParameterMenuButtonProps = {
     /** sets the legend value */
     label: string;
     children?: ReactNode;
+    disabled?: boolean;
+    /** set to true to render the menu directly in the parent DOM */
+    withoutPortal?: boolean;
 };
 /** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
 declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -3264,6 +3467,84 @@ type ParameterNameAndPublicIdInputProps = {
 /** @example <ParameterNameAndPublicIdInput /> */
 declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type SliderOption = {
+    value: string;
+    text: string;
+};
+type SliderProps = {
+    value: number;
+    onChange: (value: number) => void;
+    onBlur?: () => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: SliderOption[];
+    showNumberInput?: boolean;
+    disabled?: boolean;
+    'aria-label'?: string;
+    id?: string;
+    name?: string;
+};
+/**
+ * Slider component that supports both numeric values and predefined options
+ * @example
+ * // Numeric mode
+ * <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
+ *
+ * // Options mode
+ * <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
+ */
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type TickMark = {
+    position: number;
+    percentage: number;
+    label?: string;
+    isLarge: boolean;
+};
+type SliderLabelsProps = {
+    ticks: TickMark[];
+    currentValue: number;
+    containerWidth?: number;
+};
+/**
+ * SliderLabels component that intelligently shows/hides labels based on available space
+ */
+declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'> & {
+    /**
+     * The current numeric value of the slider
+     */
+    value: number;
+    /**
+     * Callback when the value changes
+     */
+    onChange: (value: number) => void;
+};
+/**
+ * Parameter wrapper for numeric sliders
+ * @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
+ */
+declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
+    caption?: string;
+    menuItems?: React$1.ReactNode;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
+} & Omit<SliderProps, "id" | "aria-label" | "options"> & {
+    /**
+     * The current numeric value of the slider
+     */
+    value: number;
+    /**
+     * Callback when the value changes
+     */
+    onChange: (value: number) => void;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
+
 type LinkNodeProps = NonNullable<LinkParamValue>;
 type SerializedLinkNode = Spread<{
     link: LinkNodeProps;
@@ -3372,16 +3653,17 @@ type RichTextProps = {
     } | null>;
     /** Assets */
     onInsertAsset?: () => void;
+    placeholder?: string;
 };
 type RichTextParamValue = SerializedEditorState | undefined | null;
-type ParameterRichTextInnerProps = RichTextProps & {
-    value: RichTextParamValue;
+type ParameterRichTextInnerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & RichTextProps & {
+    value: RichTextParamValue | ((editor: LexicalEditor) => void);
     editorWrapperClassName?: string;
     editorFooter?: React.ReactNode;
 };
 type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
-declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, customNodes, children, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, children, customNodes, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, children, ...innerProps }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterRichTextInner: ({ value, editorFooter, children, customNodes, editorWrapperClassName, ...richTextProps }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
 /** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
@@ -3396,6 +3678,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
 /** @example  <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
 declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
 
+type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
+    /**
+     * The available options for the slider
+     */
+    options: SliderOption[];
+    /**
+     * The current selected value (option value string)
+     */
+    value: string;
+    /**
+     * Callback when the selection changes (receives option value string)
+     */
+    onChange: (value: string) => void;
+};
+/**
+ * Parameter wrapper for option-based sliders
+ * @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
+ */
+declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
+    caption?: string;
+    menuItems?: React$1.ReactNode;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
+} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "step" | "value" | "showNumberInput"> & {
+    /**
+     * The available options for the slider
+     */
+    options: SliderOption[];
+    /**
+     * The current selected value (option value string)
+     */
+    value: string;
+    /**
+     * Callback when the selection changes (receives option value string)
+     */
+    onChange: (value: string) => void;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
+
 /** A function that extracts all common props and element props
  * @example const { shellProps, innerProps } = extractParameterProps(props) */
 declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
@@ -3437,12 +3760,15 @@ type ParameterShellOverrideProps = {
      */
     isParameterGroup?: boolean;
 };
-type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps;
+type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps & {
+    /** set to true to render the menu directly in the parent DOM */
+    menuWithoutPortal?: boolean;
+};
 /**
  * Uniform Parameter shell component
  * @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
  */
-declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, menuWithoutPortal, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare const ParameterShellPlaceholder: ({ children }: {
     children?: ReactNode;
 }) => _emotion_react_jsx_runtime.JSX.Element;
@@ -3461,21 +3787,27 @@ declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParamet
 /** @example <ParameterTextareaInner /> */
 declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
-type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & CommonParameterInputProps & {
+type ParameterToggleInnerProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     type: 'checkbox' | 'radio';
+    withoutIndeterminateState?: boolean;
 };
+type ParameterToggleProps = CommonParameterInputProps & ParameterToggleInnerProps;
 /** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
-declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
+declare const ParameterToggle: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string;
     menuItems?: React$1.ReactNode;
     actionItems?: React.ReactNode;
     errorTestId?: string;
     captionTestId?: string;
     title?: string;
-} & {
+} & Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    type: "checkbox" | "radio";
+    withoutIndeterminateState?: boolean;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     type: "checkbox" | "radio";
+    withoutIndeterminateState?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
-declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
     /** sets the aria-controls and id value of the matching popover set */
@@ -3508,11 +3840,15 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
     }) => void;
     /**
      * Valid CSS unit to set the maximum popover width
-     * @default '220px'
+     * @default '14rem'
      */
     maxWidth?: string;
+    /** sets the variant to show
+     * @default 'small'
+     */
+    variant?: 'large' | 'small';
 };
-declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * Hook to get the current popover context
  * @description This hook is used to get the current popover context
@@ -3637,13 +3973,18 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
     label: ReactNode;
     /** (optional) sets information text */
-    infoText?: string;
+    infoText?: string | ReactNode;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
     children?: ReactNode;
     /** the size of the control */
     switchSize?: 'base' | 'sm';
+    /**
+     * sets the switch positioning
+     * @default "left"
+     */
+    alignment?: 'left' | 'right';
 };
 /**
  * Uniform Switch Input Component
@@ -3654,15 +3995,25 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
     /** sets the label value */
     label: ReactNode;
     /** (optional) sets information text */
-    infoText?: string;
+    infoText?: string | ReactNode;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
     children?: ReactNode;
     /** the size of the control */
     switchSize?: "base" | "sm";
+    /**
+     * sets the switch positioning
+     * @default "left"
+     */
+    alignment?: "left" | "right";
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+/** @deprecated - Beta Responsive table container component */
+declare const ResponsiveTableContainer: ({ children }: {
+    children: ReactNode;
+}) => _emotion_react_jsx_runtime.JSX.Element;
+
 type TableProps = {
     /** The CSS padding of the table cells (includes the head cells as well).
      * @default 'var(--spacing-base) var(--spacing-md)'
@@ -3829,70 +4180,6 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
 };
 declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type ClassNameOptions = 'logo' | 'author';
-type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
-    /** sets the emotion styles for the rendered image
-     * @default 'logo'
-     */
-    styleType?: ClassNameOptions;
-};
-/** Uniform Resolve Icon Component
- * @example <ResolveIcon icon="/my-image.png" name="my image" />
- */
-declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-type TileProps = {
-    children: ReactNode;
-    disabled?: boolean;
-    isSelected?: boolean;
-} & HtmlHTMLAttributes<HTMLButtonElement>;
-declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
-    /** sets the background colour of the outter container
-     * @default 'var(--brand-secondary-2)'
-     */
-    bgColor?: string;
-    /** sets the padding of the outter container
-     * @default 'base'
-     */
-    containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
-    /** sets the grid-template-columns css property
-     * @default 'repeat(auto-fill, minmax(13rem, 1fr))'
-     */
-    gridTemplateColumns?: string;
-    /** sets the spacing between grid elements
-     * @default 'base'
-     */
-    gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
-    /** sets react child elements */
-    children: React$1.ReactNode;
-};
-/**
- * Uniform Tile Container Component
- * @example <TileContainer><div>child content</div></TileContainer>
- */
-declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TileTitleProps = {
-    as?: 'heading' | 'description';
-    children: ReactNode;
-} & HTMLAttributes<HTMLSpanElement>;
-declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ToastContainerProps = {
-    limit?: number;
-    /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
-     * @default 'normal'
-     */
-    autoCloseDelay?: 'normal' | 'medium' | 'long';
-};
-/**
- * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
- * @example <App><ToastContainer autoCloseDelay="normal" /></App>
- */
-declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
 /** Available heading weights e.g. 1 - 6 */
 type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
 type HeadingProps = {
@@ -3992,6 +4279,99 @@ type ParagraphProps = {
  */
 declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type LinkOrientation = {
+    /**
+     * The orientation of the tile icon and content
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+};
+type LinkTileProps = {
+    children: ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkOrientation;
+type LinkTileWithRefProps = {
+    children: ReactNode;
+    linkManagerComponent: LinkManagerWithRefType;
+    as?: string;
+    href: string;
+    passHref: true;
+    legacyBehavior?: boolean;
+} & React.RefAttributes<HTMLAnchorElement> & LinkOrientation;
+declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
+
+type ClassNameOptions = 'logo' | 'author';
+type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
+    /** sets the emotion styles for the rendered image
+     * @default 'logo'
+     */
+    styleType?: ClassNameOptions;
+};
+/** Uniform Resolve Icon Component
+ * @example <ResolveIcon icon="/my-image.png" name="my image" />
+ */
+declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
+type TileProps = {
+    children: ReactNode;
+    disabled?: boolean;
+    isSelected?: boolean;
+    /**
+     * The orientation of the tile icon and content
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+} & HtmlHTMLAttributes<HTMLButtonElement>;
+declare const Tile: ({ children, disabled, isSelected, orientation, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
+    /** sets the background colour of the outter container
+     * @default 'var(--brand-secondary-2)'
+     */
+    bgColor?: string;
+    /** sets the padding of the outter container
+     * @default 'base'
+     */
+    containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
+    /** sets the grid-template-columns css property
+     * @default 'repeat(auto-fill, minmax(13rem, 1fr))'
+     */
+    gridTemplateColumns?: string;
+    /** sets the spacing between grid elements
+     * @default 'base'
+     */
+    gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
+    /** sets react child elements */
+    children: React$1.ReactNode;
+    /** sets whether to group the tiles in a container without a contour or not
+     * @default false
+     */
+    withoutGrouping?: boolean;
+};
+/**
+ * Uniform Tile Container Component
+ * @example <TileContainer><div>child content</div></TileContainer>
+ */
+declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, withoutGrouping, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type TileTitleProps = {
+    as?: 'heading' | 'description';
+    children: ReactNode;
+} & HTMLAttributes<HTMLSpanElement>;
+declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ToastContainerProps = {
+    limit?: number;
+    /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
+     * @default 'normal'
+     */
+    autoCloseDelay?: 'normal' | 'medium' | 'long';
+};
+/**
+ * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
+ * @example <App><ToastContainer autoCloseDelay="normal" /></App>
+ */
+declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
 type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
     /** sets the current status */
@@ -4013,4 +4393,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, 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, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
+
+export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, 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, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, 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, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, 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, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, prefersReducedMotion, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };