@uniformdev/design-system 20.50.2-alpha.9 → 20.50.2-alpha.96

package/dist/index.d.mts

@@ -1,14 +1,11 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { Decorator } from '@storybook/react-vite';
 import * as React$1 from 'react';
-import React__default, { RefObject, ReactElement, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
-import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
+import React__default, { RefObject, ReactElement, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, HtmlHTMLAttributes, PropsWithChildren, CSSProperties, Ref, FocusEventHandler, ChangeEvent } from 'react';
+import { GroupBase, Props, MultiValue, SingleValue, StylesConfig } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
-import { SerializedStyles } from '@emotion/react';
-import * as _ariakit_react from '@ariakit/react';
-import { TooltipOptions, TooltipStoreProps, TooltipProps as TooltipProps$1, ButtonProps as ButtonProps$1, MenuStoreProps, PopoverStoreState, MenuProps as MenuProps$1, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
-export { PopoverStore } from '@ariakit/react';
+import { SerializedStyles, Interpolation, Theme as Theme$1 } from '@emotion/react';
 import { IconType as IconType$2, IconBaseProps } from '@react-icons/all-files/lib';
 import * as _react_icons_all_files from '@react-icons/all-files';
 import { IconType as IconType$1 } from '@react-icons/all-files';
@@ -19,11 +16,10 @@ import { JsonSchema7Type } from 'zod-to-json-schema';
 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 { ElementNode, NodeKey, Spread, SerializedElementNode, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
 import * as _uniformdev_richtext from '@uniformdev/richtext';
 import { RichTextBuiltInElement } from '@uniformdev/richtext';
 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 = {
@@ -58,10 +54,12 @@ declare const useBreakpoint: () => BreakpointSize;
  * Media Query Helper Function
  * @function
  * @param {string} size - The responsive breakpoint value
- * @returns {string} - compiled media query e.g. (min-width: 640px)
+ * @param {'min' | 'max'} [bound='min'] - Whether to use min-width or max-width
+ * @returns {string} - compiled media query e.g. @media (min-width: 640px)
  * @example `${mq('md')} { background: red; }`
+ * @example `${mq('lg', 'max')} { overflow: hidden; }`
  */
-declare const mq: (size: BreakpointSize) => string;
+declare const mq: (size: BreakpointSize, bound?: "min" | "max") => string;
 /**
  * Media Query Helper Function
  * @function
@@ -345,7 +343,7 @@ type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
  */
 declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type AvatarProps = {
     /**
      * The src of the avatar.
@@ -370,6 +368,27 @@ type AvatarProps = {
  */
 declare const Avatar: ({ src, label, children, size, as, labelWithoutPortal, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** Canonical width tokens for each `Avatar` `size` (single source of truth for rem values). */
+declare const AVATAR_SIZE_2XS = "1rem";
+declare const AVATAR_SIZE_XS = "1.5rem";
+declare const AVATAR_SIZE_SM = "2rem";
+declare const AVATAR_SIZE_MD = "2.5rem";
+declare const AVATAR_SIZE_LG = "3rem";
+declare const AVATAR_SIZE_XL = "4rem";
+declare const AVATAR_SIZE_2XL = "5rem";
+/** Largest step (6rem ≈ 96px when root font size is 16px). */
+declare const AVATAR_SIZE_3XL = "6rem";
+declare const avatarStyles: _emotion_react.SerializedStyles;
+declare const avatarImageStyles: _emotion_react.SerializedStyles;
+declare const avatarSize2xsStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeXsStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeSmStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeMdStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeLgStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeXlStyles: _emotion_react.SerializedStyles;
+declare const avatarSize2xlStyles: _emotion_react.SerializedStyles;
+declare const avatarSize3xlStyles: _emotion_react.SerializedStyles;
+
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The maximum number of avatars to show. This must be 2 or more.
@@ -505,24 +524,40 @@ interface UseShortcutResult extends ShortcutReference {
 }
 declare function useShortcut({ disabled, handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, useKey, }: UseShortcutOptions): UseShortcutResult;
 
-type TooltipProps = TooltipOptions & {
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+interface PopoverStore {
+    show(): void;
+    hide(): void;
+    readonly open: boolean;
+}
+
+type TooltipProps = {
     /** Content of tooltip popover */
     title: string | React.ReactElement;
     /** Optional ability to specify alternative placement. By default - bottom center */
-    placement?: TooltipStoreProps['placement'];
+    placement?: Placement;
     /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
-    visible?: TooltipStoreProps['open'];
+    visible?: boolean | undefined;
     /** Offset between the reference and the popover on the main axis. Use it only in special cases. */
-    gutter?: TooltipProps$1['gutter'];
+    gutter?: number;
     children: ReactElement;
     /** If the tooltip should not be rendered inside a portal */
     withoutPortal?: boolean;
-    /** sets the delay time before showing the tooltip
+    /**
+     * Sets the delay time before showing the tooltip.
      * @default 0
      */
     timeout?: number;
-} & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
-declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+    /**
+     * Sets the visibility of the tooltip. This is deprecated and will be removed in the next major version.
+     * @deprecated Use `visible` instead.
+     */
+    open?: boolean | undefined;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
+/**
+ * Displays contextual information when hovering or focusing an element.
+ */
+declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, gutter, ...popupProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
 
 /** Button sizes that are available to use with our brand */
 type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -551,7 +586,7 @@ declare const useButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
     btnSize: string;
 };
 
-type ButtonProps = ButtonProps$1 & {
+type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** sets the theme of the button
      * @default "primary"
      */
@@ -587,7 +622,25 @@ type ButtonWithVariantProps = Omit<ButtonProps, 'buttonType'> & {
  * Uniform Button Component
  * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
  */
-declare const Button: React$1.ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<ButtonWithVariantProps, "ref">) & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<(ButtonProps | ButtonWithVariantProps) & React$1.RefAttributes<HTMLButtonElement>>;
+
+type LinkButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** React child node */
+    children?: React$1.ReactNode;
+    /** (optional) sets whether the link is truncated or not */
+    truncated?: boolean;
+};
+/**
+ * @deprecated - Beta - A button styled as a link with ghost-like appearance.
+ * Features no padding, left-aligned content, text truncation, and no background hover color.
+ * @example <LinkButton onClick={() => {}}>Click me</LinkButton>
+ */
+declare const LinkButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** React child node */
+    children?: React$1.ReactNode;
+    /** (optional) sets whether the link is truncated or not */
+    truncated?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const rectangleRoundedIcon: IconType$1;
 declare const cardIcon: IconType$1;
@@ -1400,8 +1453,8 @@ type ButtonWithMenuStylesProps = ButtonWithMenuDefaultStylesProps | ButtonWithMe
 interface ActionButtonsProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'disabled'> {
     /** Takes a function for the visible button */
     onButtonClick?: () => void;
-    /** (optional) ariakit placements options for the expandable menu */
-    placement?: MenuStoreProps['placement'];
+    /** (optional) placement options for the expandable menu */
+    placement?: Placement;
     /** sets the button text value */
     buttonText: React.ReactNode;
     /** sets a leading icon supporting the button text */
@@ -1451,12 +1504,25 @@ declare const ButtonWithMenu: ({ onButtonClick, buttonText, icon, disabled, chil
  * A string in the ISO 8601 date format: YYYY-MM-DD
  */
 type IsoDateString = string;
+type CalendarCellCss = Interpolation<Theme$1> | null | false | undefined;
+/**
+ * Optional style overrides for calendar sub-elements.
+ */
+type CalendarStyles = {
+    /**
+     * Returns custom styles to append to a date cell.
+     */
+    calendarCell?: (date: Date) => CalendarCellCss[];
+};
 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;
+    styles?: CalendarStyles;
+    withTodayButton?: boolean;
+    isDateUnavailable?: (date: Date) => boolean;
 };
 /**
  * A Calendar Grid which allows the user to navigate
@@ -1464,7 +1530,7 @@ type CalendarProps = Pick<CalendarProps$1<DateValue>, 'autoFocus' | 'isDisabled'
  *
  * @deprecated This component is in beta, name and props are subject to change without a major version
  */
-declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, styles: stylesProp, autoFocus, isDisabled, isInvalid, isReadOnly, withTodayButton, isDateUnavailable, ...props }: CalendarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /** Callout button types available to use with our brand */
 type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
@@ -1561,7 +1627,7 @@ declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...p
  */
 declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
 
-type ChipSizeProp = 'xs' | 'sm' | 'md';
+type ChipSizeProp = 'xxs' | 'xs' | 'sm' | 'md';
 type ChipTheme = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark' | 'utility-caution' | 'utility-danger' | 'utility-info' | 'utility-success';
 type ChipProps = {
     icon?: IconType;
@@ -1609,15 +1675,23 @@ type DismissibleChipActionProps = {
 declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type FilterChipSize = 'xs' | 'sm' | 'md' | 'lg';
-type FilterChipProps = {
+/**
+ * Compact button used to toggle a filter on/off, optionally rendered as a
+ * dropdown trigger. Spreads `...props` first then sets `type` last with a
+ * fallback to `"button"` so wrappers like Base UI's `Menu.Trigger` (which can
+ * forward `type: undefined` via `cloneElement`) cannot accidentally turn it
+ * into a submit button inside a `<form>`. Marked with `markNativeButton` so
+ * `Menu` knows the rendered DOM is a real `<button>` and can pass
+ * `nativeButton={true}` to Base UI.
+ */
+declare const FilterChip: React$1.ForwardRefExoticComponent<{
     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;
+} & ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
 type MultilineChipProps = {
     children: ReactNode;
@@ -1783,13 +1857,15 @@ type DateTimePickerProps = {
     /** (optional) sets the base test id for each of the elements with a testid */
     testId?: string;
     /** (optional) sets the popover placement */
-    placement?: PopoverStoreState['placement'];
+    placement?: Placement;
     /** (optional) sets the popover offset
      * @default 8
      */
     offset?: number;
     /** (optional) sets whether to render the popover in a portal */
     portal?: boolean;
+    /** (optional) reduces input height to match compact parameter inputs */
+    compact?: boolean;
 };
 /**
  * Use this context for slots within the date time picker
@@ -1809,7 +1885,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, portal, ...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, compact, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare function DateTimePickerSummary({ value, placeholder, }: {
     value: DateTimePickerValue | null | undefined;
@@ -2048,7 +2124,7 @@ interface IconButtonProps extends Omit<ButtonProps, 'size'> {
     /** Style for the larger sizes have not been decided yet */
     size?: 'xs' | 'sm' | 'md';
 }
-declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     imgClassName?: string;
@@ -2653,8 +2729,6 @@ type IntegrationModalHeaderProps = {
     /** (optional) sets child elements in */
     menu?: React$1.ReactNode;
 };
-type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
-declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** Uniform Integration Modal Header
  * @example <IntegrationModalHeader icon="/icon.svg" name="name" />
  */
@@ -2709,6 +2783,14 @@ type KeyValueInputProps<TValue extends string = string> = {
         onChange: (icon: string) => void;
         disabled?: boolean;
     }) => ReactNode;
+    /**
+     * When true, keys and values are treated as fully independent: typing a key
+     * does not autofill the value, and multi-line paste lines without a comma
+     * are imported as keys with empty values rather than mirroring key into value.
+     * Use for inputs where the value has no logical relation to the key
+     * (e.g. HTTP header name/value pairs).
+     */
+    independentKeyValue?: boolean;
 };
 /**
  * A component to render a sortable key-value input
@@ -2717,212 +2799,9 @@ 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, 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';
-type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
-type BorderRadiusProps = 'rounded-sm' | 'rounded-base' | 'rounded-md';
-type CommonContainerProps = {
-    /** sets the background color of the element */
-    backgroundColor?: BackgroundColorProp;
-    /** sets border: 1px solid var(--gray-300)*/
-    border?: boolean;
-    /** sets the border radius of the element */
-    rounded?: BorderRadiusProps;
-    /** sets the padding of the element */
-    padding?: string;
-    /** sets the margin of the element */
-    margin?: string;
-};
-type RhythmProps = React.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> & {
-    /** sets the wrapping html tag
-     * @default 'div'
-     */
-    tag?: HtmlTagProps | 'fieldset';
-    /** sets the spacing between each element
-     * @default 'div'
-     */
-    gap?: SpacingProp;
-    /** sets the alignment of elements
-     * @default normal browser behaviour
-     */
-    align?: CSSProperties['alignItems'];
-    justify?: CSSProperties['justifyContent'];
-    children: React.ReactNode;
-    /** for use when fieldset is applied to the tag prop */
-    disabled?: boolean;
-    ref?: Ref<HTMLDivElement>;
-};
-
-type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivElement> & {
-    tag?: HtmlTagProps;
-    children: React$1.ReactNode;
-};
-declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TwoColumnLayoutProps = {
-    /** sets the full bleed background colour
-     * @default 'var(--white)'
-     */
-    bgColor?: 'var(--white)' | 'var(--gray-50)';
-    /** sets child components in the aside / supporting column */
-    supportingContent?: ReactNode;
-    /** sets child components in the section / main content column */
-    children?: ReactNode;
-    /** inverts the layout placing the aside container on the left
-     * @default false
-     */
-    invertLayout?: boolean;
-};
-/** @example <TwoColumnLayout supportingContent={<div>supporting content</div>}><h1>title</h1></TwoColumnLayout> */
-declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type LimitsBarProps = {
-    /** The current value of used limits */
-    current: number;
-    /** The maximum number of limits */
-    max: number;
-    /** @deprecated No longer used */
-    label?: string;
-    /** Optional popover content for info icon */
-    popoverContent?: ReactNode;
-};
-/**
- * Uniform Limits Bar Component
- * @example <LimitsBar current={3} max={5} />
- */
-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;
-    /** (optional) sets react child component */
-    children?: React$1.ReactNode;
-};
-declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    /** (optional) sets the label value */
-    label?: string;
-    /** (optional) allows users to add child components within the container */
-    children?: React$1.ReactNode;
-};
-/**
- * Component that sets the base structure for scrollable content in a max height container
- * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
- */
-declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ScrollableListContainerProps = {
-    /** sets whether to show or hide the shadow around the element
-     * @default 'false'
-     */
-    disableShadow?: boolean;
-    /** sets the active style of the button */
-    active: boolean;
-};
-
-type ScrollableItemProps = {
-    /** sets an element within the label > span element */
-    icon?: React.ReactElement;
-    /**sets the label value */
-    label: string | React.ReactElement;
-    /** sets a data-testid on the label */
-    labelTestId?: string;
-    /** recommended to use a form input element of type radio or checkbox */
-    children: React.ReactNode;
-} & ScrollableListContainerProps;
-/** @example  <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
-declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** sets the button text value */
-    buttonText: string;
-    icon?: React$1.ReactElement;
-} & ScrollableListContainerProps;
-/**
- * Component used within <ScrollableList /> for adding interactive button components with predefined styles
- * @example <ScrollableListItem buttontext="my button" active={false} />
- */
-declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type LoadingIndicatorProps = {
-    color?: 'gray' | 'accent-alt';
-    size?: 'lg' | 'sm';
-} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
-/**
- * Loading Indicator
- * @example <LoadingIndicator />
- */
-declare const LoadingIndicator: ({ size, color, ...props }: LoadingIndicatorProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-interface LoadingOverlayProps {
-    /** sets whether to display the loading overlay components */
-    isActive: boolean;
-    /** (optional) type that sets a text value or React component under the loading icon */
-    statusMessage?: string | ReactNode;
-    /** (optional) the z-index value of the overlay
-     * @default 9999
-     */
-    zIndex?: number;
-    /** (optional) sets the width and height of the loader
-     * @default 128
-     */
-    loaderSize?: number;
-    /** (optional) sets the loading overlay background color
-     * @default 'var(--white)'
-     */
-    overlayBackgroundColor?: 'transparent' | 'var(--white)';
-    /** (optional) if set to true, the animation of the loading indicator is paused
-     * @default false
-     */
-    isPaused?: boolean;
-    /** (optional) aligns the content of the overlay to the top instead of having it centered
-     * @default false
-     */
-    isTopAligned?: boolean;
-    children?: React.ReactNode;
-    /** (optional) sets the position of the overlay
-     * @default 'absolute'
-     */
-    position?: 'absolute' | 'fixed';
-}
-/**
- * Loading Overlay.
- * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
- * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
- */
-declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, position, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
-interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
-    /** (optional) prop that sets a number value for the height of the icon */
-    width?: number;
-    /** (optional) prop that sets a number value for the width of the icon */
-    height?: number;
-}
-/**
- * Loading Icon
- * @example <LoadingIcon height={128} width={128} />
- */
-declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _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, independentKeyValue, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
-interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+interface DropdownStyleMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
     /** sets the background color of the button */
     bgColor?: string;
@@ -2931,17 +2810,29 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
      */
     variant?: 'ghost' | 'outline';
 }
-/** Renders a dropdown menu style menu trigger button */
+/**
+ * Renders a dropdown menu style menu trigger button. Marked with
+ * `markNativeButton` so the design system's `Menu` knows to opt into Base UI's
+ * native-button code path even though the React element type is a function
+ * component.
+ */
 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];
-interface MenuProps extends MenuProps$1 {
-    /** the component that triggers the menu functionality */
+/**
+ * @internal Hook used by MenuItem to detect when it is being rendered as the
+ * `render` element of a Base UI SubmenuTrigger, so it can render a plain styled
+ * div instead of `<BaseUIMenu.Item>` (which conflicts with SubmenuTrigger's own
+ * composite-store registration and breaks click handling on submenu children).
+ */
+declare function useIsSubmenuTriggerMode(): boolean;
+interface MenuProps extends Pick<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'style'> {
+    /** The component that triggers the menu functionality */
     menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
-    /** (optional) Ariakit placements options for the expandable menu */
-    placement?: MenuStoreProps['placement'] | LegacyPlacement;
-    /** (optional) allows users to set additional class names  */
+    /** (optional) placement options for the expandable menu */
+    placement?: Placement | LegacyPlacement;
+    /** (optional) allows users to set additional class names */
     menuItemsContainerCssClasses?: SerializedStyles | string;
     /** (optional) allows users to add child elements */
     children?: React$1.ReactNode;
@@ -2956,7 +2847,7 @@ interface MenuProps extends MenuProps$1 {
      * If you need to disable this functionality, set this prop to true.
      */
     disableAutoSeparatorManagement?: boolean;
-    /** sets whether to use a React portal rendering or not. */
+    /** Sets whether to use a React portal rendering or not. */
     withoutPortal?: boolean;
     /** (optional) sets the test id attribute */
     testId?: string;
@@ -2965,12 +2856,47 @@ interface MenuProps extends MenuProps$1 {
      * this is not compatible with nested menus that expand to the left or right of the menu
      */
     maxMenuHeight?: string;
-    portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
-    /** sets the menu size
+    /** Optional container element for the portal */
+    portalElement?: HTMLElement | null;
+    /** Sets the menu size
      * it's recommended to use the same size for all menu items in a menu
      * @default 'base'
      */
     size?: 'small' | 'base';
+    /** (optional) disables the menu trigger so the menu cannot be opened */
+    disabled?: boolean;
+    /** Controls the open state of the menu (controlled mode) */
+    open?: boolean;
+    /** Called when the menu closes */
+    onClose?: () => void;
+    /** Called when the menu open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Distance between the trigger and the menu popup in pixels */
+    gutter?: number;
+    /** Offset along the alignment axis in pixels */
+    shift?: number;
+    /**
+     * Returns a custom anchor rect for positioning the menu.
+     * Used by QuickFilter for custom anchor positioning.
+     */
+    getAnchorRect?: (anchor: HTMLElement | null) => {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    };
+    /**
+     * Controls when the menu repositions.
+     * When provided, disables automatic anchor tracking after initial placement.
+     */
+    updatePosition?: (props: {
+        updatePosition: () => void;
+    }) => void;
+    /**
+     * @deprecated use `withoutPortal={false}` instead (default behavior).
+     * Kept for backward compatibility.
+     */
+    portal?: boolean;
 }
 /**
  * Component used for creating clickable menus
@@ -2982,7 +2908,7 @@ interface MenuProps extends MenuProps$1 {
  *   <MenuItem>Item 1</MenuItem>
  * </Menu>
  */
-declare const Menu: React$1.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Menu: React$1.ForwardRefExoticComponent<MenuProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type MenuGroupProps = {
     /** Title for the menu group. If undefined or an empty string, the group will render as normal menu */
@@ -2998,7 +2924,7 @@ declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react
  * 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 & {
+type MenuItemProps = Pick<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'tabIndex' | 'id' | 'title' | 'onMouseEnter' | 'onMouseLeave'> & {
     /**
      * Sets child elements within the component.
      * Can be omitted when using the `render` prop
@@ -3006,6 +2932,11 @@ type MenuItemProps = MenuItemProps$1 & {
     children?: ChildFunction | React$1.ReactNode;
     /** (optional) set whether to hide the menu after a click action */
     hideMenuOnClick?: boolean;
+    /**
+     * @deprecated Use `hideMenuOnClick` instead.
+     * Alias kept for backward compatibility.
+     */
+    hideOnClick?: boolean;
     /** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
      * @example <MenuItemIcon icon="add-r" />
      */
@@ -3026,8 +2957,18 @@ type MenuItemProps = MenuItemProps$1 & {
      * be automatically set to invoke the shortcut's handler function.
      */
     shortcut?: ShortcutReference;
+    /** Click handler for the menu item */
+    onClick?: React$1.MouseEventHandler<HTMLElement>;
+    /** Whether the menu item is disabled */
+    disabled?: boolean;
+    /** Overrides the rendered element */
+    render?: React$1.ReactElement;
+    /** Ref forwarded to the root element */
+    ref?: React$1.Ref<HTMLDivElement>;
+    /** Overrides the text label to use when the item is matched during keyboard text navigation */
+    label?: string;
 };
-type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement | null;
+type ChildFunction = (menuItemProps: Record<string, unknown>) => React$1.ReactElement | null;
 /**
  * MenuItem Component used along side <Menu /> component
  * @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
@@ -3035,8 +2976,8 @@ type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement |
 declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * MenuItem Component for headless use outside <Menu /> component
- * Use only if adapting Uniform menu item appearance to a non-ariakit menu.
- * This is required because ariakit does not let you use MenuItem outside of a Menu component.
+ * Use only if adapting Uniform menu item appearance to a non-Base UI menu.
+ * This is required because Base UI does not let you use MenuItem outside of a Menu component.
  * @example <MenuItemInner onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
  */
 declare const MenuItemInner: React$1.FC<MenuItemProps>;
@@ -3059,10 +3000,20 @@ declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement
 
 type MenuButtonProp = {
     children: React.ReactNode;
-} & HTMLAttributes<HTMLButtonElement>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Bare `<button type="button">` styled wrapper used as a Menu trigger.
+ *
+ * The `type` attribute is set after `...props` with a fallback so wrappers
+ * such as Base UI's `Menu.Trigger` (which can forward `type: undefined` via
+ * `cloneElement`) cannot accidentally turn this into a submit button when
+ * placed inside a `<form>`. Marked with `markNativeButton` so the design
+ * system's `Menu` component knows to opt into Base UI's native-button code
+ * path.
+ */
 declare const MenuButton: React$1.ForwardRefExoticComponent<{
     children: React.ReactNode;
-} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+} & ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 type MenuThreeDotsProps = {
     /** sets the aria-label and title value on the button
      * @default 'More options'
@@ -3073,7 +3024,12 @@ type MenuThreeDotsProps = {
      */
     iconSize?: string;
     disabled?: boolean;
-} & HTMLAttributes<HTMLButtonElement>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Three-dot ("more options") Menu trigger. Marked as a native-button trigger
+ * so `Menu` reports `nativeButton={true}` to Base UI even though it is a
+ * function component (Base UI inspects the React element's outer `type`).
+ */
 declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
     /** sets the aria-label and title value on the button
      * @default 'More options'
@@ -3084,14 +3040,18 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
      */
     iconSize?: string;
     disabled?: boolean;
-} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+} & ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Select-style Menu trigger that renders the current value with a chevron.
+ * Marked as a native-button trigger for the same reason as `MenuThreeDots`.
+ */
 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>>;
+} & ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
 type SearchableMenuProps = {
     /** Note: this is pre-debounced for your handling enjoyment */
@@ -3102,6 +3062,8 @@ type SearchableMenuProps = {
     disableSearch?: boolean;
     /** Sets the placeholder in the search input */
     searchPlaceholder?: string;
+    /** Called when Enter is pressed in the search input and no highlighted menu item handles the event */
+    onSearchEnterKeyDown?: () => void;
 } & MenuProps;
 /**
  * Searchable menu allows searching through its menu items
@@ -3109,9 +3071,445 @@ type SearchableMenuProps = {
 declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
+    /** whether the menu item is selected */
     selected: boolean;
+    /** the styles to use for the selectable menu item
+     * @default 'default'
+     */
+    selectStyles?: 'default' | 'checkbox-select';
+    /** whether the menu item is selectable
+     * @default true
+     */
+    isSelectable?: boolean;
 }
-declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * A {@link MenuItem} that displays a selected state via a leading check icon.
+ *
+ * The component forwards refs to the underlying menu item DOM node so that
+ * Base UI's `SubmenuTrigger` (which clones its `render` element and attaches a
+ * ref for positioning/focus management) works correctly when a
+ * SelectableMenuItem is used as a submenu trigger.
+ */
+declare const SelectableMenuItem: React$1.ForwardRefExoticComponent<Omit<SelectableMenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type SwatchSize = 'default' | 'small';
+type SwatchVariant = 'swatch-default' | 'swatch-red' | 'swatch-orange' | 'swatch-yellow' | 'swatch-green' | 'swatch-blue' | 'swatch-purple' | 'swatch-pink' | 'swatch-brown' | 'swatch-gray';
+type SwatchProps = {
+    /** sets the size of the swatch
+     * @default 'default'
+     */
+    size?: SwatchSize;
+    /** sets the color variant of the swatch
+     * @default 'swatch-default'
+     */
+    variant?: SwatchVariant;
+    /** sets the tooltip of the swatch
+     * @default undefined
+     */
+    tooltip?: string;
+    /** sets the test id of the swatch
+     * @default 'swatch'
+     */
+    testId?: string;
+};
+/** @example <Swatch variant="swatch-blue" size="default" /> */
+declare const Swatch: ({ size, variant, tooltip, testId, }: SwatchProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** Swatch color CSS custom properties
+ * Exports CSS variables for all swatch variants that can be used in other components.
+ * Each variant has --swatch-{variant}-bg and --swatch-{variant}-border variables.
+ * @example <div css={swatchColors}></div>
+ * @example css-in-js my-component { ${swatchColors} }
+ */
+declare const swatchColors: _emotion_react.SerializedStyles;
+/**
+ * Swatch variant styles as plain objects.
+ * Works with both Emotion's css prop and react-select's styles API.
+ * @example <div css={swatchVariant['swatch-blue']}></div>
+ * @example styles={{ multiValue: (base, { data }) => ({ ...base, ...swatchVariant[data.color] }) }}
+ */
+declare const swatchVariant: {
+    readonly 'swatch-default': {
+        readonly '--variant-bg': "var(--swatch-default-bg)";
+        readonly '--variant-border': "var(--swatch-default-border)";
+    };
+    readonly 'swatch-gray': {
+        readonly '--variant-bg': "var(--swatch-gray-bg)";
+        readonly '--variant-border': "var(--swatch-gray-border)";
+    };
+    readonly 'swatch-brown': {
+        readonly '--variant-bg': "var(--swatch-brown-bg)";
+        readonly '--variant-border': "var(--swatch-brown-border)";
+    };
+    readonly 'swatch-orange': {
+        readonly '--variant-bg': "var(--swatch-orange-bg)";
+        readonly '--variant-border': "var(--swatch-orange-border)";
+    };
+    readonly 'swatch-yellow': {
+        readonly '--variant-bg': "var(--swatch-yellow-bg)";
+        readonly '--variant-border': "var(--swatch-yellow-border)";
+    };
+    readonly 'swatch-green': {
+        readonly '--variant-bg': "var(--swatch-green-bg)";
+        readonly '--variant-border': "var(--swatch-green-border)";
+    };
+    readonly 'swatch-blue': {
+        readonly '--variant-bg': "var(--swatch-blue-bg)";
+        readonly '--variant-border': "var(--swatch-blue-border)";
+    };
+    readonly 'swatch-purple': {
+        readonly '--variant-bg': "var(--swatch-purple-bg)";
+        readonly '--variant-border': "var(--swatch-purple-border)";
+    };
+    readonly 'swatch-pink': {
+        readonly '--variant-bg': "var(--swatch-pink-bg)";
+        readonly '--variant-border': "var(--swatch-pink-border)";
+    };
+    readonly 'swatch-red': {
+        readonly '--variant-bg': "var(--swatch-red-bg)";
+        readonly '--variant-border': "var(--swatch-red-border)";
+    };
+};
+
+/**
+ * SwatchComboBoxLabelStyles provides custom styles for react-select's multiValue and multiValueLabel.
+ * Dynamically applies color based on each option's color property.
+ * @returns A StylesConfig object with customized styles.
+ */
+declare const SwatchComboBoxLabelStyles: <TOption, IsMulti extends boolean = boolean, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>() => StylesConfig<TOption, IsMulti, TGroup>;
+declare function SwatchComboBox<TOption = InputComboBoxOption & {
+    color: SwatchVariant;
+}, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>({ labelTitle, caption, isMulti, ...props }: InputComboBoxProps<TOption, IsMulti, TGroup> & {
+    labelTitle?: string;
+    caption?: string;
+    isMulti?: boolean;
+}): _emotion_react_jsx_runtime.JSX.Element;
+
+type SwatchLabelProps = {
+    /** Sets the color variant of the swatch label
+     * @default 'swatch-default'
+     */
+    variant?: SwatchVariant;
+    /** The text to display inside the swatch label */
+    label: string;
+    /** The size of the swatch label
+     * @default 'default'
+     */
+    size?: 'xs' | 'sm' | 'md';
+    /** The right slot to display inside the swatch label */
+    rightSlot?: React.ReactNode;
+    /** The tooltip to display inside the swatch label */
+    tooltip?: string | React.ReactElement;
+    /** The left slot to display inside the swatch label */
+    leftSlot?: React.ReactNode;
+};
+/**
+ * A colored label component that uses the same color variants as Swatch.
+ * @example <SwatchLabel variant="swatch-blue" label="Blue Label" />
+ */
+declare const SwatchLabel: ({ variant, size, label, rightSlot, tooltip, leftSlot, }: SwatchLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SwatchLabelRemoveButton: ({ onRemove, size, }: {
+    /** The function to call when the remove button is clicked */
+    onRemove: () => void;
+    /** The size of the remove button
+     * @default 'sm'
+     */
+    size?: SwatchLabelProps["size"];
+}) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * A tooltip component that displays a swatch label with a parent title and a description.
+ * @example <SwatchLabelTooltip parentTitle="Parent Title" title="Title" description="Description" />
+ */
+declare const SwatchLabelTooltip: ({ parentTitle, title, description, }: {
+    parentTitle?: string | React.ReactElement;
+    title?: string | React.ReactElement;
+    description?: string | React.ReactElement;
+}) => _emotion_react_jsx_runtime.JSX.Element;
+
+/** Represents a label item that can be displayed in the quick filter */
+type LabelsQuickFilterItem = {
+    /** Unique identifier for the label */
+    id: string;
+    /** Display name for the label */
+    name: string;
+    /** Optional swatch variant color */
+    variant?: SwatchVariant;
+    /** Optional tooltip content */
+    tooltip?: string | React.ReactElement;
+    /** Whether this item represents a group header */
+    isGroup?: boolean;
+    /** The parent group ID if this label belongs to a group */
+    parent?: string;
+};
+type LabelsQuickFilterProps = {
+    /** The text to display on the filter button */
+    buttonText: string;
+    /** The text to display on the add button */
+    addButtonText?: string | null;
+    /** All available label items (including groups and children) */
+    items: LabelsQuickFilterItem[];
+    /** Set or array of currently selected item IDs */
+    selectedIds: Set<string> | string[];
+    /** Callback when a label is selected */
+    onSelect: (item: LabelsQuickFilterItem) => void;
+    /** Callback when a label is deselected */
+    onDeselect: (id: string) => void;
+    /** Whether the filter is disabled */
+    disabled?: boolean;
+    /** Test ID for the component */
+    testId?: string;
+    /** Override the total results count (defaults to items.length excluding groups) */
+    totalResults?: number;
+    /** handles creating a new label */
+    onCreateLabel?: (label: string) => void;
+    /** sets whether to use a React portal rendering or not. */
+    withoutPortal?: boolean;
+    /**
+     * The maximum width of the quick filter container.
+     * Useful for controlling the maximum width of the filter in different layouts (e.g., responsive sidebars).
+     * @default '4rem'
+     */
+    maxContainerSize?: string;
+    /** the function to call when the quick filter is opened */
+    onOpen?: () => void;
+    /** the function to call when the quick filter is closed */
+    onClose?: () => void;
+    /**
+     * Override the placement of the dropdown menu.
+     * @default 'right-start'
+     */
+    menuPlacement?: MenuProps['placement'];
+    /**
+     * Override the anchor rect for custom menu positioning.
+     * Pass `null` to disable the built-in default and use standard positioning.
+     */
+    menuGetAnchorRect?: ((anchor: HTMLElement | null) => {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    }) | null;
+    /**
+     * Override the updatePosition callback to control when the menu repositions.
+     * Pass `null` to disable the built-in default (position freezing) and allow normal repositioning.
+     */
+    menuUpdatePosition?: MenuProps['updatePosition'] | null;
+    /** the maximum number of results to display
+     * @default 0 (no limit)
+     */
+    maxCount?: number;
+};
+/**
+ * A reusable quick filter component for selecting labels with swatch colors.
+ * Supports flat labels and grouped labels with nested menus.
+ * @example <LabelsQuickFilter buttonText="Filter by label" items={labels} selectedIds={selectedSet} onSelect={handleSelect} onDeselect={handleDeselect} />
+ */
+declare const LabelsQuickFilter: ({ buttonText, addButtonText, items, selectedIds, onSelect, onDeselect, disabled, testId, totalResults, onCreateLabel, withoutPortal, maxContainerSize, onOpen, onClose, menuPlacement, menuGetAnchorRect, menuUpdatePosition, maxCount, }: LabelsQuickFilterProps) => _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';
+type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
+type BorderRadiusProps = 'rounded-sm' | 'rounded-base' | 'rounded-md';
+type CommonContainerProps = {
+    /** sets the background color of the element */
+    backgroundColor?: BackgroundColorProp;
+    /** sets border: 1px solid var(--gray-300)*/
+    border?: boolean;
+    /** sets the border radius of the element */
+    rounded?: BorderRadiusProps;
+    /** sets the padding of the element */
+    padding?: string;
+    /** sets the margin of the element */
+    margin?: string;
+};
+type RhythmProps = React.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> & {
+    /** sets the wrapping html tag
+     * @default 'div'
+     */
+    tag?: HtmlTagProps | 'fieldset';
+    /** sets the spacing between each element
+     * @default 'div'
+     */
+    gap?: SpacingProp;
+    /** sets the alignment of elements
+     * @default normal browser behaviour
+     */
+    align?: CSSProperties['alignItems'];
+    justify?: CSSProperties['justifyContent'];
+    children: React.ReactNode;
+    /** for use when fieldset is applied to the tag prop */
+    disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
+};
+
+type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivElement> & {
+    tag?: HtmlTagProps;
+    children: React$1.ReactNode;
+};
+declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type TwoColumnLayoutProps = {
+    /** sets the full bleed background colour
+     * @default 'var(--white)'
+     */
+    bgColor?: 'var(--white)' | 'var(--gray-50)';
+    /** sets child components in the aside / supporting column */
+    supportingContent?: ReactNode;
+    /** sets child components in the section / main content column */
+    children?: ReactNode;
+    /** inverts the layout placing the aside container on the left
+     * @default false
+     */
+    invertLayout?: boolean;
+};
+/** @example <TwoColumnLayout supportingContent={<div>supporting content</div>}><h1>title</h1></TwoColumnLayout> */
+declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type LimitsBarProps = {
+    /** The current value of used limits */
+    current: number;
+    /** The maximum number of limits */
+    max: number;
+    /** @deprecated No longer used */
+    label?: string;
+    /** Optional popover content for info icon */
+    popoverContent?: ReactNode;
+    /** Optional css value passed to the background color of the bar. Leave empty for dynamic color based on usage percentage. */
+    barColor?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Uniform Limits Bar Component
+ * @example <LimitsBar current={3} max={5} />
+ */
+declare const LimitsBar: ({ current, max, popoverContent, barColor, ...props }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** sets the title field */
+    title: string;
+    /** (optional) sets react child component */
+    children?: React$1.ReactNode;
+};
+declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** (optional) sets the label value */
+    label?: string;
+    /** (optional) allows users to add child components within the container */
+    children?: React$1.ReactNode;
+};
+/**
+ * Component that sets the base structure for scrollable content in a max height container
+ * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
+ */
+declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ScrollableListContainerProps = {
+    /** sets whether to show or hide the shadow around the element
+     * @default 'false'
+     */
+    disableShadow?: boolean;
+    /** sets the active style of the button */
+    active: boolean;
+};
+
+type ScrollableItemProps = {
+    /** sets an element within the label > span element */
+    icon?: React.ReactElement;
+    /**sets the label value */
+    label: string | React.ReactElement;
+    /** sets a data-testid on the label */
+    labelTestId?: string;
+    /** recommended to use a form input element of type radio or checkbox */
+    children: React.ReactNode;
+} & ScrollableListContainerProps;
+/** @example  <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
+declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** sets the button text value */
+    buttonText: string;
+    icon?: React$1.ReactElement;
+} & ScrollableListContainerProps;
+/**
+ * Component used within <ScrollableList /> for adding interactive button components with predefined styles
+ * @example <ScrollableListItem buttontext="my button" active={false} />
+ */
+declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type LoadingIndicatorProps = {
+    color?: 'gray' | 'accent-alt';
+    size?: 'lg' | 'sm';
+} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+/**
+ * Loading Indicator
+ * @example <LoadingIndicator />
+ */
+declare const LoadingIndicator: ({ size, color, ...props }: LoadingIndicatorProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+interface LoadingOverlayProps {
+    /** sets whether to display the loading overlay components */
+    isActive: boolean;
+    /** (optional) type that sets a text value or React component under the loading icon */
+    statusMessage?: string | ReactNode;
+    /** (optional) the z-index value of the overlay
+     * @default 9999
+     */
+    zIndex?: number;
+    /** (optional) sets the width and height of the loader
+     * @default 128
+     */
+    loaderSize?: number;
+    /** (optional) sets the loading overlay background color
+     * @default 'var(--white)'
+     */
+    overlayBackgroundColor?: 'transparent' | 'var(--white)';
+    /** (optional) if set to true, the animation of the loading indicator is paused
+     * @default false
+     */
+    isPaused?: boolean;
+    /** (optional) aligns the content of the overlay to the top instead of having it centered
+     * @default false
+     */
+    isTopAligned?: boolean;
+    children?: React.ReactNode;
+    /** (optional) sets the position of the overlay
+     * @default 'absolute'
+     */
+    position?: 'absolute' | 'fixed';
+}
+/**
+ * Loading Overlay.
+ * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
+ * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
+ */
+declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, position, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
+interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
+    /** (optional) prop that sets a number value for the height of the icon */
+    width?: number;
+    /** (optional) prop that sets a number value for the width of the icon */
+    height?: number;
+}
+/**
+ * Loading Icon
+ * @example <LoadingIcon height={128} width={128} />
+ */
+declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ModalProps = {
     header?: React__default.ReactNode;
@@ -3152,120 +3550,315 @@ declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "
 type ModalDialogProps = Omit<ModalProps, 'width'>;
 declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
 
+/**
+ * Context for passing a portal container element to child popover/menu components
+ * rendered inside a Modal. This ensures floating elements render into the dialog
+ * instead of document.body, preventing clipping by the modal's overflow.
+ */
+declare const ModalPortalContext: React$1.Context<HTMLElement | null>;
+declare function useModalPortalContainer(): HTMLElement | null;
+
+/**
+ * Tracks the stack of currently open native `<dialog>` elements that have been
+ * promoted to the browser's top layer via `HTMLDialogElement.showModal()`.
+ *
+ * Anything portalled to `document.body` is rendered behind any top-layer
+ * dialog, which means toasts (whose Base UI portal defaults to `body`) would
+ * be hidden behind an open modal. By keeping a shared stack here we can hand
+ * the topmost dialog to `BaseToast.Portal`'s `container` prop and have toasts
+ * portal _into_ that dialog while it is open, then fall back to `body` when no
+ * modal is on screen.
+ *
+ * The stack supports nested modals — each `Modal` registers on mount /
+ * `showModal()` and unregisters on cleanup, and listeners always receive the
+ * topmost (last-pushed) entry.
+ */
+/**
+ * Push a dialog element onto the stack. Intended to be called by `Modal`
+ * immediately after `showModal()` so the dialog can become the active toast
+ * portal target.
+ */
+declare const pushTopLayerDialog: (dialog: HTMLDialogElement) => void;
+/**
+ * Remove a dialog element from the stack. Safe to call even if the dialog is
+ * not currently in the stack (no-op in that case).
+ */
+declare const popTopLayerDialog: (dialog: HTMLDialogElement) => void;
+/**
+ * Subscribe to changes to the topmost open dialog. The listener is invoked
+ * immediately with the current top (or `null` if no dialog is open) so
+ * subscribers don't need a separate initial read.
+ *
+ * @returns A teardown function that removes the listener.
+ */
+declare const subscribeTopLayerDialog: (listener: (top: HTMLDialogElement | null) => void) => (() => void);
+
+/** Props for {@link ObjectGridContainer}. */
 type ObjectGridContainerProps = {
-    /** The number of columns in the grid
+    /** Number of columns in the grid, passed to CSS `repeat()`.
+     * Accepts a number (e.g. `3`) or any valid `repeat()` track value (e.g. `'auto-fill, minmax(200px, 1fr)'`).
      * @default 3
-     * the expected values should follow css repeat() function values
-     * see https://developer.mozilla.org/en-US/docs/Web/CSS/repeat#syntax for examples
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/repeat#syntax
      */
     gridCount?: string | number;
-    /** The children to render */
+    /** Grid item children — typically {@link ObjectGridItem} or {@link ObjectGridItemLoadingSkeleton} elements. */
     children: React.ReactNode;
 };
+/**
+ * CSS Grid container for laying out {@link ObjectGridItem} elements in a responsive grid.
+ * Supports forwarding a ref to the underlying `<div>`.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridContainer gridCount={4}>
+ *   <ObjectGridItem header={<ObjectGridItemHeading heading="Item" />} cover={...} />
+ * </ObjectGridContainer>
+ * ```
+ */
 declare const ObjectGridContainer: React$1.ForwardRefExoticComponent<ObjectGridContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/** Shared props for heading components used across list and grid Object items. */
 type ObjectHeadingProps = {
-    /** sets the heading value */
+    /** The heading content to display. */
     heading: ReactNode;
-    /** Slot that renders a component before the heading */
+    /** Slot rendered before the heading text (e.g. an icon or status indicator). */
     beforeHeadingSlot?: ReactNode;
-    /** Slot that renders a component after the heading */
+    /** Slot rendered after the heading text (e.g. a badge or chip). */
     afterHeadingSlot?: ReactNode;
-    /** sets the heading tooltip */
+    /** Tooltip text shown on hover when the heading is truncated. */
     tooltip?: string;
 };
+/**
+ * Shared props for Object item components ({@link ObjectListItem} and {@link ObjectGridItem}).
+ * Defines the common slot-based API for composing item layouts.
+ */
 type ObjectItemProps = {
-    /** Slot for the header component, we recommend using <ObjectGridItemHeading /> or <ObjectListItemHeading /> */
+    /** Slot for the header — use {@link ObjectGridItemHeading} or {@link ObjectListItemHeading}. */
     header: ReactNode;
-    /** Slot for the cover component, we recommend using <ObjectGridItemCoverButton />, <ObjectGridItemCover /> or <ObjectListItemCover /> */
+    /** Slot for the cover media — use {@link ObjectGridItemCoverButton}, {@link ObjectGridItemCover}, or {@link ObjectListItemCover}. */
     cover: ReactNode;
-    /** Slot for the right component */
+    /** Slot rendered on the right side of the item (e.g. timestamps, status badges). */
     rightSlot?: React.ReactNode;
-    /** Slot for the menu items, <MenuItem /> component should be used here */
+    /** Slot for the left component */
+    leftSlot?: React.ReactNode;
+    /** Slot for context menu items — pass `<MenuItem />` elements here. When provided, a three-dot menu trigger is rendered automatically. */
     menuItems?: React.ReactNode;
-    /** If the item is selected */
+    /** Whether the item is visually marked as selected via `aria-selected`. */
     isSelected?: boolean;
-    /** Slot for the children */
+    /** Additional child content rendered below the header (only visible in `renderAs="multi"` mode for list items). */
     children?: React.ReactNode;
 };
 
-type ObjectGridItemProps = ObjectItemProps & {
+/** Props for {@link ObjectGridItem}. */
+type ObjectGridItemProps = Omit<ObjectItemProps, 'leftSlot'> & {
+    /** Whether the item is visually marked as selected. */
     isSelected?: boolean;
-    /** sets the menu test id
-     * @default object-grid-item-menu-btn
+    /** Override the `data-testid` on the context menu trigger button.
+     * @default 'object-grid-item-menu-btn'
      */
     menuTestId?: string;
 } & HTMLAttributes<HTMLDivElement>;
+/**
+ * A card-style grid item for displaying an object with cover media, heading, subtitle, and optional context menu.
+ *
+ * When an `onClick` handler is provided, the entire card becomes clickable with hover styles.
+ * Menu and right-slot interactions use `stopPropagation` to prevent triggering the card click.
+ * Wrap items with {@link ObjectGridContainer} for responsive grid layout.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridItem
+ *   cover={<ObjectGridItemCover imageUrl="/thumb.jpg" icon={uniformComposition} />}
+ *   header={<ObjectGridItemHeading heading="My composition" tooltip="My composition" />}
+ *   rightSlot={<StatusBullet status="published" />}
+ *   menuItems={<MenuItem onClick={onEdit}>Edit</MenuItem>}
+ *   onClick={handleOpen}
+ * />
+ * ```
+ */
 declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, menuTestId, ...props }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * Props for {@link ObjectGridItemCardCover}.
+ * Pass **either** an `icon` or an `imageUrl` — the component renders the appropriate variant.
+ */
 type ObjectGridItemCardCoverProps = {
-    icon: IconType;
-    iconColor?: 'currentColor' | 'accent-dark' | 'accent-alt-dark';
+    /** Icon to render as the card cover. */ icon: IconType;
+    /** Color applied to the icon. */ iconColor?: 'currentColor' | 'accent-dark' | 'accent-alt-dark';
 } | {
-    imageUrl: string;
-    srcSet?: string;
-    alt?: string;
-    errorFallbackSrc?: string;
+    /** URL of the image to render as the card cover. */ imageUrl: string;
+    /** Optional `srcSet` for responsive images. */ srcSet?: string;
+    /** Alt text for the image. */ alt?: string;
+    /** Fallback image URL shown when the primary image fails to load. */ errorFallbackSrc?: string;
 };
+/**
+ * Low-level cover media for a grid card — renders either a lazy-loaded image
+ * or an icon with a ghost background. Typically used via {@link ObjectGridItemCover}
+ * rather than directly.
+ */
 declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+/**
+ * Props for {@link ObjectGridItemCover}.
+ * Extends {@link ObjectGridItemCardCoverProps} with overlay slots at each corner.
+ */
 type ObjectGridItemCoverProps = {
-    /** The left slot to render components */
+    /** Slot positioned at the top-left of the cover (e.g. a selection checkbox). */
     coverSlotLeft?: React.ReactNode;
-    /** The right slot to render components */
+    /** Slot positioned at the top-right of the cover (e.g. a favourite icon). */
     coverSlotRight?: React.ReactNode;
-    /** The bottom left slot to render components */
+    /** Slot positioned at the bottom-left of the cover. */
     coverSlotBottomLeft?: React.ReactNode;
-    /** The bottom right slot to render components */
+    /** Slot positioned at the bottom-right of the cover (e.g. a status chip). */
     coverSlotBottomRight?: React.ReactNode;
 } & ObjectGridItemCardCoverProps;
+/**
+ * Grid item cover with corner overlay slots for badges, checkboxes, or status indicators.
+ * Wraps {@link ObjectGridItemCardCover} and positions slot content at each corner.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridItemCover
+ *   imageUrl="/thumb.jpg"
+ *   coverSlotRight={<Chip text="New" />}
+ * />
+ * ```
+ */
 declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, coverSlotBottomLeft, coverSlotBottomRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Props for {@link ObjectGridItemCoverButton}.
+ * The `coverSlotBottomRight` is reserved for the selection chip and cannot be overridden.
+ */
 type ObjectGridItemCoverButtonProps = {
+    /** Unique identifier passed back to `onSelection` when the cover is clicked. */
     id: string;
+    /** Callback fired when the cover button is clicked. */
     onSelection: (id: string) => void;
+    /** Whether this cover is currently selected — renders a chip in the bottom-right corner. */
     isSelected?: boolean;
+    /** Label text shown on the selection chip.
+     * @default 'selected'
+     */
     selectedText?: string;
 } & Omit<ObjectGridItemCoverProps, 'coverSlotBottomRight'> & ObjectGridItemCardCoverProps;
+/**
+ * Clickable variant of {@link ObjectGridItemCover} that acts as a selection toggle.
+ * When selected, a chip with `selectedText` appears in the bottom-right corner.
+ * Click events are stopped from propagating to parent elements.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridItemCoverButton
+ *   id={item.id}
+ *   imageUrl={item.thumbnail}
+ *   isSelected={selectedId === item.id}
+ *   onSelection={setSelectedId}
+ * />
+ * ```
+ */
 declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** Props for {@link ObjectGridItemHeading}. */
 type ObjectGridItemTitleProps = ObjectHeadingProps & HTMLAttributes<HTMLDivElement>;
+/**
+ * Heading component designed for use inside {@link ObjectGridItem}'s `header` slot.
+ *
+ * Automatically detects when the heading text is truncated (via a `ResizeObserver`)
+ * and shows the `tooltip` on hover so users can still read the full title.
+ * Click events on `beforeHeadingSlot` and `afterHeadingSlot` are stopped from propagating
+ * to the parent grid item.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridItemHeading
+ *   heading="My composition"
+ *   tooltip="My composition"
+ *   beforeHeadingSlot={<Icon icon={uniformComposition} />}
+ * />
+ * ```
+ */
 declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, tooltip, ...props }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** Props for {@link ObjectGridItemIconWithTooltip}. */
 type ObjectGridItemIconWithTooltipProps = {
-    /** The title of the tooltip */
+    /** Text shown inside the tooltip on hover. */
     tooltipTitle: string;
-    /** The icon to display */
+    /** The icon to render. */
     icon: IconType;
-    /** The color of the icon */
+    /** Color applied to the icon.
+     * @default 'accent-dark'
+     */
     iconColor?: IconColor;
 } & Pick<TooltipProps, 'placement' | 'withoutPortal'>;
+/**
+ * Small icon with a tooltip, designed for the `rightSlot` of {@link ObjectGridItem}.
+ * Useful for showing contextual indicators (e.g. entry type, locale) without taking up text space.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridItemIconWithTooltip
+ *   tooltipTitle="Composition"
+ *   icon={uniformComposition}
+ * />
+ * ```
+ */
 declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, ...props }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-/** @deprecated - Beta Object grid loading skeleton component
- * @example <ObjectGridItemLoadingSkeleton />
+/**
+ * Animated skeleton placeholder for {@link ObjectGridItem}, displayed while data is loading.
+ * Renders a simulated cover image and two text lines matching the visual dimensions
+ * of a real grid card so the layout doesn't shift on load.
+ *
+ * @example
+ * ```tsx
+ * <ObjectGridContainer gridCount={3}>
+ *   <ObjectGridItemLoadingSkeleton />
+ *   <ObjectGridItemLoadingSkeleton />
+ *   <ObjectGridItemLoadingSkeleton />
+ * </ObjectGridContainer>
+ * ```
  */
 declare const ObjectGridItemLoadingSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
 
-/** @deprecated - Beta Object item loading skeleton component */
+/** Props for {@link ObjectItemLoadingSkeleton}. */
 type ObjectItemLoadingSkeletonProps = {
-    /** Show cover image loading skeleton */
+    /** When `true`, renders an additional 80×55 animated rectangle representing a cover image. */
     showCover?: boolean;
-    /** Render as single or multi
+    /** Controls the skeleton layout to match the corresponding {@link ObjectListItem} mode.
+     * - `"single"` — single text line (vertically centered).
+     * - `"multi"` — two text lines (top-aligned).
      * @default 'single'
      */
     renderAs?: 'single' | 'multi';
 };
-/** @deprecated - Beta Object item loading skeleton component
- * @example <ObjectItemLoadingSkeleton showCover />
+/**
+ * Animated skeleton placeholder for {@link ObjectListItem}, displayed while data is loading.
+ * Matches the visual dimensions of a real list item so the layout doesn't shift on load.
+ *
+ * @example
+ * ```tsx
+ * <ObjectListItemContainer>
+ *   <ObjectItemLoadingSkeleton />
+ *   <ObjectItemLoadingSkeleton showCover renderAs="multi" />
+ * </ObjectListItemContainer>
+ * ```
  */
 declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-/** @deprecated - Beta Object list item component  */
+/**
+ * Props for {@link ObjectListItem}.
+ *
+ * Supports two layout modes via `renderAs`:
+ * - `"single"` (default) — header and right slot vertically centered on one line.
+ * - `"multi"` — header aligned to top with additional `children` rendered below it.
+ */
 type ObjectListItemProps = {
-    /** Optional ref to the stacked route container to scope all components rendered via portal to be inside the stacked route container */
+    /** Portal target for the context menu, useful inside stacked route containers to prevent clipping. */
     portalElement?: MenuProps['portalElement'];
+    /** Optional cover media rendered to the left of the header (e.g. {@link ObjectListItemCover}). */
     cover?: ReactNode;
+    /** Optional drag handle rendered at the leading edge (e.g. `<DragHandle />`). */
     dragHandle?: ReactNode;
-    /** Sets the container query width for wrapping container
+    /** Minimum width at which the container query breakpoint activates to lay out columns side-by-side.
      * @default '34rem'
      */
     minContainerQueryWidth?: string;
@@ -3277,29 +3870,93 @@ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
     renderAs?: 'multi';
     children?: ReactNode;
 };
-/** @deprecated - beta Object list item component  */
+/**
+ * A horizontal list item for displaying an object with header, cover, right slot, and optional context menu.
+ *
+ * Uses container queries so the layout adapts to its parent width rather than the viewport.
+ * Wrap items with {@link ObjectListItemContainer} to get proper list semantics and dividers.
+ *
+ * @example
+ * ```tsx
+ * <ObjectListItem
+ *   header={<ObjectListItemHeading heading="My entry" />}
+ *   rightSlot={<StatusBullet status="published" />}
+ *   menuItems={<MenuItem onClick={onDelete}>Delete</MenuItem>}
+ * />
+ * ```
+ */
 declare const ObjectListItem: ({ minContainerQueryWidth, ...props }: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-/** @deprecated - Beta Object list item container component  */
+/**
+ * Vertical container that wraps {@link ObjectListItem} elements with `role="list"` semantics
+ * and renders a top-border divider between each item.
+ *
+ * @example
+ * ```tsx
+ * <ObjectListItemContainer>
+ *   <ObjectListItem header={<ObjectListItemHeading heading="Item 1" />} />
+ *   <ObjectListItem header={<ObjectListItemHeading heading="Item 2" />} />
+ * </ObjectListItemContainer>
+ * ```
+ */
 declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-/** @deprecated - Beta Object list item cover component  */
+/** Props for {@link ObjectListItemCover}. */
 type ObjectListItemCoverProps = {
+    /** URL of the thumbnail image. When omitted, a placeholder with `noImageText` is shown instead. */
     imageUrl?: string;
-    /** (optional) sets the text to display when there is no image
+    /** Placeholder text displayed when `imageUrl` is not provided.
      * @default 'Image not available'
      */
     noImageText?: string;
+    /** (optional) sets the icon to display when there is no image */
+    icon?: IconType | undefined;
 } & HTMLAttributes<HTMLImageElement>;
-/** @deprecated - beta Object list item cover component  */
-declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Thumbnail cover image for use inside {@link ObjectListItem}'s `cover` slot.
+ * Renders a fixed-size (80×45) container with a lazy-loaded image, or a
+ * text placeholder when no `imageUrl` is available.
+ *
+ * @example
+ * ```tsx
+ * <ObjectListItem
+ *   cover={<ObjectListItemCover imageUrl="https://example.com/thumb.jpg" />}
+ *   header={<ObjectListItemHeading heading="My entry" />}
+ * />
+ * ```
+ */
+declare const ObjectListItemCover: ({ imageUrl, noImageText, icon, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-/** @deprecated - Beta Object list item heading component  */
+/** Props for {@link ObjectListItemHeading}. */
 type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading' | 'tooltip'> & HTMLAttributes<HTMLDivElement> & {
+    /** The heading content — typically a string, link, or inline element. */
     heading: ReactNode;
+    /** Override the `data-testid` on the heading element.
+     * @default 'reference-item-name'
+     */
+    headingTestId?: string;
 };
-/** @deprecated - beta Object list item heading component  */
-declare const ObjectListItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, ...props }: ObjectListItemHeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Heading component designed for use inside {@link ObjectListItem}'s `header` slot.
+ *
+ * Renders a responsive heading row that stacks vertically on narrow containers
+ * and switches to a horizontal layout at wider widths (controlled by a container query).
+ *
+ * @example
+ * ```tsx
+ * <ObjectListItemHeading
+ *   heading={<a href="/entries/123">My entry</a>}
+ *   beforeHeadingSlot={<Icon icon={uniformComposition} />}
+ *   afterHeadingSlot={<Chip text="Draft" />}
+ * />
+ * ```
+ */
+declare const ObjectListItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, headingTestId, ...props }: ObjectListItemHeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ObjectListSubTextProps = {
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare const ObjectListSubText: ({ children, ...props }: ObjectListSubTextProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare function Pagination({ limit, offset, total, onPageChange, }: {
     limit: number;
@@ -3389,6 +4046,7 @@ type BaseParameterActionButtonProps = {
      * If a React element is provided, it will be displayed as a tooltip.
      */
     tooltip?: string | React__default.ReactNode;
+    tooltipProps?: Partial<TooltipProps>;
     /**
      * The component to render the button as.
      * There maybe a scenario where we want to render the button as a div
@@ -3407,7 +4065,7 @@ interface FilledVariant extends BaseParameterActionButtonProps {
     inverted?: boolean;
 }
 type ParameterActionButtonProps = OutlineVariant | FilledVariant;
-declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterActionButton: ({ children, themeType, tooltip, tooltipProps, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterDrawerHeaderProps = {
     title: string;
@@ -3496,6 +4154,44 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
 /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
 declare const ParameterLabel: ({ id, asSpan, children, testId, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** Extended option type that supports label-specific properties */
+type LabelOption = InputComboBoxOption & {
+    /** The color variant for the label swatch */
+    color?: SwatchVariant;
+    /** Whether this option represents a group header */
+    isGroup?: boolean;
+    /** The parent group ID if this label belongs to a group */
+    parent?: string;
+    /** Tooltip content for the label */
+    tooltip?: string | React.ReactElement;
+};
+type ParameterLabelsInnerProps = Pick<InputComboBoxProps<LabelOption, true>, 'options' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'isClearable' | 'isDisabled'> & {
+    /** Callback when an item is removed from the selection */
+    onItemRemoved?: (id: string) => void;
+    /** Callback when a new label is created */
+    onCreateLabel?: (label: string) => void;
+    /** Override the text displayed on the filter button */
+    buttonText?: string;
+    /** Override the text displayed on the add button */
+    addButtonText?: string | null;
+    /** the function to call when the quick filter is opened */
+    onOpen?: () => void;
+    /** the function to call when the quick filter is closed */
+    onClose?: () => void;
+    /** The maximum number of labels that can be selected */
+    maxCount?: number;
+};
+type ParameterLabelsProps = CommonParameterInputProps & ParameterLabelsInnerProps & {
+    disabled?: boolean;
+};
+/**
+ * A parameter input component for selecting multiple labels with swatch colors.
+ * Supports grouped labels with nested menus.
+ * @example <ParameterLabels id="labels" label="Labels" options={[]} value={[]} onChange={() => {}} />
+ */
+declare const ParameterLabels: ({ disabled, ...props }: ParameterLabelsProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterLabelsInner: (props: ParameterLabelsInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the button text when value is empty
      * @default 'Configure link'
@@ -3900,7 +4596,9 @@ declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hid
 declare const ParameterShellPlaceholder: ({ children }: {
     children?: ReactNode;
 }) => _emotion_react_jsx_runtime.JSX.Element;
-declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement> & {
+    tooltipProps?: Partial<TooltipProps>;
+}) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterTextareaProps = CommonParameterInputProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 /** @example <ParameterTextarea label="label value" id="my-textarea" /> */
@@ -3941,8 +4639,7 @@ declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React
     withoutIndeterminateState?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
-    /** sets the aria-controls and id value of the matching popover set */
+type PopoverProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'tabIndex' | 'id'> & {
     /** sets the icon color
      * @default 'action'
      */
@@ -3962,7 +4659,7 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
     /** sets the placement of the popover
      * @default 'bottom'
      */
-    placement?: PopoverProviderProps['placement'];
+    placement?: Placement;
     /** sets a test id for e2e tests */
     testId?: string;
     children: ReactNode;
@@ -3979,15 +4676,36 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
      * @default 'small'
      */
     variant?: 'large' | 'small';
+    /**
+     * Distance between the anchor and the popover in pixels.
+     * @default 0
+     */
+    gutter?: number;
+    /**
+     * Whether to render the popover in a portal.
+     * @default true
+     */
+    portal?: boolean;
+    /** Controls the popover open state externally. */
+    open?: boolean;
+    /** Called when the popover open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables the popover trigger */
+    disabled?: boolean;
 };
-declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
+interface PopoverComponentContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    hide: () => void;
+    show: () => void;
+}
+declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, gutter, portal, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, style, tabIndex, id, disabled, }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
 /**
- * Hook to get the current popover context
- * @description This hook is used to get the current popover context
- * useful for closing the popover with a nested button or interactive element
- * @example const currentPopoverContext = usePopoverComponentContext();
+ * Hook to get the current popover context.
+ * Useful for closing the popover with a nested button or interactive element.
+ * @example const popoverContext = usePopoverComponentContext();
  */
-declare const usePopoverComponentContext: () => PopoverStore | undefined;
+declare const usePopoverComponentContext: () => PopoverComponentContextValue | null;
 
 type PopoverBodyProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
@@ -4052,6 +4770,118 @@ type ProgressListItem<IdType extends string = string> = {
 };
 declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type QuickFilterSelectedItem = {
+    /** Unique identifier for the selected item */
+    id: string;
+    /** Display name for the selected item */
+    name: string;
+    /** Optional swatch variant color */
+    variant?: SwatchVariant | string;
+    /** The tooltip to display inside the selected item */
+    tooltip?: string | React.ReactElement;
+    /** Optional icon to display on the left of the selected item */
+    icon?: IconType;
+};
+type QuickFilterProps = {
+    /** the icon to display on the left of the quick filter */
+    iconLeft?: IconType;
+    /** the text to display on the quick filter */
+    buttonText: string;
+    /** the function to call when the quick filter is clicked */
+    /** the size of the quick filter
+     * @default 'sm'
+     */
+    size?: ButtonSizeProps;
+    /** the test id to use for the quick filter */
+    testId?: string;
+    /** the aria label to use for the quick filter */
+    ariaLabel?: string;
+    /** the children to display inside the quick filter */
+    children: ReactNode;
+    /** whether the quick filter is disabled */
+    disabled?: boolean;
+    /** the selected items to display inside the quick filter */
+    selectedItems?: QuickFilterSelectedItem[];
+    /** the function to call when the search term is changed */
+    onSearchTermChanged: (searchTerm: string) => void;
+    /** addButtonText to use for the add button
+     * @default 'Add'
+     */
+    addButtonText?: string | null;
+    /** the css to use for the swatch colors
+     * @default swatchColors from the Swatch component
+     */
+    swatchColorsCss?: SerializedStyles;
+    /** the function to call when an item is removed */
+    onItemRemoved?: (id: string) => void;
+    /** the total number of results */
+    totalResults: number;
+    /** the maximum height of the menu
+     * @default '320px'
+     */
+    maxMenuHeight?: string;
+    /** the maximum number of results to display
+     * @default 5
+     */
+    maxCount?: number;
+    /** the css to use for the container
+     * @default swatchColors from the Swatch component
+     */
+    containerCss?: SerializedStyles;
+    /** Render function for displaying selected items. Receives selectedItems and onItemRemoved.
+     * @default Renders SwatchLabel components
+     */
+    resultsComponent?: (props: {
+        selectedItems: QuickFilterSelectedItem[];
+        onItemRemoved?: (id: string) => void;
+    }) => ReactNode;
+    /** the message to display when there are no results
+     * @default ''
+     */
+    hasNoResultsMessage?: string;
+    /** the placeholder text to display in the search input
+     * @default 'Search...'
+     */
+    searchPlaceholderText?: string;
+    /**
+     * The maximum width of the quick filter container.
+     * Useful for controlling the maximum width of the filter in different layouts (e.g., responsive sidebars).
+     * @default '4rem'
+     */
+    maxContainerSize?: string;
+    /** the icon to display on the left of the quick filter when collapsed */
+    collapsedIcon?: IconType;
+    /** the function to call when the quick filter is opened */
+    onOpen?: () => void;
+    /** the function to call when the quick filter is closed */
+    onClose?: () => void;
+    /**
+     * Override the placement of the dropdown menu.
+     * @default 'right-start'
+     */
+    menuPlacement?: MenuProps['placement'];
+    /**
+     * Override the anchor rect for custom menu positioning.
+     * Pass `null` to disable the built-in default and use standard positioning.
+     * @default Anchors to the container's right edge
+     */
+    menuGetAnchorRect?: ((anchor: HTMLElement | null) => {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    }) | null;
+    /**
+     * Override the updatePosition callback to control when the menu repositions.
+     * Pass `null` to disable the built-in default (position freezing) and allow normal repositioning.
+     * @default Freezes position after initial placement
+     */
+    menuUpdatePosition?: MenuProps['updatePosition'] | null;
+    /** Called when Enter is pressed in the search input and no active menu item handles the event */
+    onSearchEnterKeyDown?: () => void;
+};
+declare const QuickFilter: ({ iconLeft, collapsedIcon, buttonText, testId, ariaLabel, children, size, disabled, selectedItems, onSearchTermChanged, addButtonText, onItemRemoved, totalResults, maxMenuHeight, maxCount, containerCss, resultsComponent, hasNoResultsMessage, searchPlaceholderText, maxContainerSize, onOpen, onClose, menuPlacement, menuGetAnchorRect, menuUpdatePosition, onSearchEnterKeyDown, }: QuickFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type SegmentedControlOption<TValue extends string = string> = {
     value: TValue;
     label?: string;
@@ -4121,6 +4951,114 @@ declare const Spinner: ({ width, label, isPaused, }: {
     isPaused?: boolean;
 }) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** The direction of a step transition, determining which slide animation to play. */
+type StackedModalDirection = 'forward' | 'backward';
+/** The full navigation state exposed by the `useStackedModal` hook. */
+type StackedModalContextValue = {
+    /** The zero-indexed active step. */
+    currentStep: number;
+    /** The total number of steps. */
+    totalSteps: number;
+    /** The direction of the last navigation, used to drive slide animations. */
+    direction: StackedModalDirection;
+    /** The zero-indexed step that was active before the last navigation. Used internally for animation. */
+    previousStep: number;
+    /** Navigate to the next step. No-op if already on the last step. */
+    nextStep: () => void;
+    /** Navigate to the previous step. No-op if already on the first step. */
+    goBack: () => void;
+    /** Navigate to a specific step by index. */
+    goToStep: (index: number) => void;
+};
+/**
+ * Hook to access the stacked modal navigation context.
+ * Provides the current step, total steps, navigation direction, and functions to navigate between steps.
+ *
+ * @throws If used outside of a `<StackedModal>` component tree.
+ */
+declare function useStackedModal(): StackedModalContextValue;
+/** The semantic transition state for a single step, derived from the navigation context. */
+type StepTransitionState = {
+    /** Whether this step is the currently visible step. */
+    isActive: boolean;
+    /** Whether this step is animating out after being replaced by a new active step. */
+    isExiting: boolean;
+    /** Whether the modal is idle (no transition in progress). True on initial render and after animations complete. */
+    isIdle: boolean;
+    /** The direction of the current or most recent transition. */
+    direction: StackedModalDirection;
+};
+
+type StackedModalProps = {
+    /** The step content. Each child should be a `StackedModalStep` component. */
+    children: ReactNode;
+    /**
+     * Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked.
+     * If undefined is passed, the modal will not be closable by the user and the close button will not be rendered.
+     */
+    onRequestClose: ModalProps['onRequestClose'];
+    /**
+     * 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?: ModalProps['modalSize'];
+    /** A valid CSS width. Overrides `modalSize` when provided. */
+    width?: string;
+    /** A valid CSS height. */
+    height?: string;
+    /**
+     * The zero-indexed step to display initially.
+     * @default 0
+     */
+    initialStep?: number;
+};
+/**
+ * A modal component that supports multi-step content with sliding transitions.
+ * Each child should be a `StackedModalStep` component that defines its own header,
+ * content, and button group.
+ *
+ * Use the `useStackedModal` hook inside step content to navigate between steps.
+ *
+ * @example
+ * <StackedModal onRequestClose={handleClose} modalSize="lg">
+ *   <StackedModalStep header="Step 1" buttonGroup={<Buttons />}>
+ *     <StepOneContent />
+ *   </StackedModalStep>
+ *   <StackedModalStep header="Step 2" buttonGroup={<Buttons />}>
+ *     <StepTwoContent />
+ *   </StackedModalStep>
+ * </StackedModal>
+ */
+declare const StackedModal: React__default.ForwardRefExoticComponent<StackedModalProps & React__default.RefAttributes<HTMLDialogElement>>;
+
+/** Props for a single step within a `StackedModal`. */
+type StackedModalStepProps = {
+    /**
+     * Header content displayed in the modal's header row, inline with the close icon.
+     * This prop is extracted by the parent `StackedModal` and rendered in the
+     * modal chrome -- it is **not** rendered by `StackedModalStep` itself.
+     */
+    header?: ReactNode;
+    /** Optional button group rendered at the bottom of the step, typically navigation or submit buttons. */
+    buttonGroup?: ReactNode;
+    /** The main body content of the step. */
+    children: ReactNode;
+};
+/**
+ * Defines a single step inside a `StackedModal`.
+ *
+ * Renders a scrollable content area and an optional bottom button group.
+ * The `header` prop is read by the parent `StackedModal` and displayed in the
+ * modal header row with a matching slide animation.
+ *
+ * @example
+ * <StackedModalStep header="Account details" buttonGroup={<Button>Next</Button>}>
+ *   <FormFields />
+ * </StackedModalStep>
+ */
+declare function StackedModalStep({ children, buttonGroup }: StackedModalStepProps): _emotion_react_jsx_runtime.JSX.Element;
+
 type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
     label: ReactNode;
@@ -4214,30 +5152,57 @@ 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: () => _ariakit_react.TabStore;
+interface TabsContextValue {
+    value: string | undefined;
+    setValue: (value: string | undefined) => void;
+}
+/** Returns the current tabs context with `value` and `setValue`. Must be used inside `<Tabs>`. */
+declare const useCurrentTab: () => TabsContextValue;
 type TabsProps<TTabName extends string = string> = {
     children: React__default.ReactNode;
     selectedId?: TTabName;
     manual?: boolean;
-    orientation?: TabStoreState['orientation'];
+    orientation?: 'horizontal' | 'vertical';
     onSelectedIdChange?: (tabName: TTabName | undefined) => void;
     /**
      * @deprecated you can control the route state on the application level.
      */
     useHashForState?: boolean;
+    /** Forwarded to the root element. Receives the `className` generated by Emotion's `css` prop. */
+    className?: string;
+    /** Forwarded to the root element. */
+    style?: React__default.CSSProperties;
 };
-declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
-declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_jsx_runtime.JSX.Element;
-type TabButtonProps<TTabName extends string = string> = Partial<TabProps> & {
+declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, orientation, className, style, }: TabsProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
+type TabButtonGroupProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    children?: React__default.ReactNode;
+};
+declare const TabButtonGroup: ({ children, ...props }: TabButtonGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
+type TabButtonProps<TTabName extends string = string> = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     id: TTabName;
     children: React__default.ReactNode;
 };
 declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
-type TabContentProps<TTabName extends string = string> = Partial<TabPanelProps> & {
+type TabContentProps<TTabName extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'id'> & {
+    /**
+     * When `tabId` is not set, this identifies which tab the panel belongs to.
+     * When `tabId` IS set, this is just the HTML `id` attribute on the panel element.
+     * @deprecated Pass `tabId` for tab identification; use `id` only as an HTML id.
+     */
+    id?: TTabName | (string & {});
+    /** Identifies which tab this content panel belongs to. Matches the `id` on the corresponding `TabButton`. */
     tabId?: TTabName;
+    /**
+     * Whether to keep the panel mounted in the DOM when its tab is inactive.
+     * Defaults to `true` so that embedded forms (e.g. Formik with debounced
+     * auto-submit) preserve their state and pending work across tab switches.
+     * Pass `false` only when you explicitly want inactive panels unmounted.
+     * @default true
+     */
+    keepMounted?: boolean;
     children: React__default.ReactNode;
 };
-declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const TabContent: <TTabName extends string = string>({ children, tabId, id, keepMounted, ...props }: TabContentProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the title value
@@ -4500,16 +5465,143 @@ type TileTitleProps = {
 } & HTMLAttributes<HTMLSpanElement>;
 declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * Identifier returned by `toast.*` calls. Kept as `string | number` for
+ * backwards compatibility with the previous react-toastify `Id` type that
+ * several consumers store in `useRef<number | string>`. Internally the
+ * underlying Base UI manager always uses `string`.
+ */
+type ToastId = string | number;
+/**
+ * The shape consumers can store on a toast via the `data` field. Recognised
+ * by the default `<ToastList>` renderer to render either a progress bar or
+ * an inline Undo affordance, while keeping the imperative `toast.*` API
+ * unchanged for the rest of the codebase.
+ */
+type ToastData = {
+    /** Progress-bar toast (used by `CopyValuesToLocales`). */
+    kind: 'progress';
+    /** Label rendered above the progress bar. */
+    label: React__default.ReactNode;
+    /** Completion ratio in the closed interval [0, 1]. */
+    progress: number;
+} | {
+    /** Toast with an inline 'Undo' button (used by the InlineAI popovers). */
+    kind: 'undoable';
+    /** Description rendered next to the Undo button. */
+    description: React__default.ReactNode;
+    /** Invoked when the user clicks the Undo button. */
+    onUndo: () => void;
+    /** Custom label for the Undo button. */
+    undoLabel?: string;
+};
+/**
+ * Per-call options accepted by every `toast.*` method. The shape mirrors the
+ * legacy react-toastify options the design system used to forward.
+ */
+type ToastOptions = {
+    /**
+     * Time in milliseconds before the toast is auto-dismissed. Pass `false` to
+     * keep the toast open until it is dismissed manually (maps to Base UI's
+     * `timeout: 0`).
+     */
+    autoClose?: number | false;
+    /**
+     * Stable id for the toast. When provided, calling a toast method again with
+     * the same id updates the existing toast in place (and refreshes its
+     * auto-dismiss timer) instead of stacking a new one. Useful for deduping
+     * toasts triggered by repeated user actions.
+     */
+    toastId?: string;
+};
+/**
+ * Promise-toast options accepted by `toast.promise`. Each handler may be a
+ * static description string or a function that receives the resolved value /
+ * rejection error and returns a description. All three keys are optional to
+ * mirror react-toastify's behaviour where any unset state simply rendered an
+ * empty toast (or none at all when the promise settled fast enough).
+ */
+type ToastPromiseOptions<TValue, TError = unknown> = {
+    /** Description shown while the promise is pending. */
+    pending?: React__default.ReactNode;
+    /** Description shown when the promise resolves. */
+    success?: React__default.ReactNode | ((value: TValue) => React__default.ReactNode);
+    /** Description shown when the promise rejects. */
+    error?: React__default.ReactNode | ((error: TError) => React__default.ReactNode);
+};
+/**
+ * Patch shape accepted by `toast.update`. A subset of Base UI's
+ * `ToastManagerUpdateOptions<ToastData>` that consumers actually use.
+ */
+type ToastUpdate = {
+    type?: string;
+    description?: React__default.ReactNode;
+    timeout?: number;
+    data?: ToastData;
+};
+/**
+ * Imperative API for showing toasts from anywhere in the app. Mirrors the
+ * historical react-toastify surface (`toast`, `.success`, `.error`, `.info`,
+ * `.warning`, `.loading`, `.dismiss`, `.update`, `.done`, `.promise`) so the
+ * ~200 existing call sites continue to work unchanged. Internally delegates
+ * to the singleton Base UI `toastManager` mounted by `<ToastContainer />`.
+ */
+declare const toast: ((description: React__default.ReactNode, options?: ToastOptions) => ToastId) & {
+    success: (description: React__default.ReactNode, options?: ToastOptions) => ToastId;
+    error: (description: React__default.ReactNode, options?: ToastOptions) => ToastId;
+    info: (description: React__default.ReactNode, options?: ToastOptions) => ToastId;
+    warning: (description: React__default.ReactNode, options?: ToastOptions) => ToastId;
+    loading: (description: React__default.ReactNode) => ToastId;
+    dismiss: (id?: ToastId) => void;
+    update: (id: ToastId, patch: ToastUpdate) => void;
+    /**
+     * Closes the toast. Carried forward from the react-toastify API where
+     * `done()` ended a `loading` toast — Base UI has no separate concept,
+     * so this is an alias for `dismiss(id)`.
+     */
+    done: (id: ToastId) => void;
+    /**
+     * Wraps an async operation in a 3-state toast (loading / success / error).
+     * Accepts either a `Promise` or a thunk returning a `Promise` to match the
+     * historical react-toastify usage. The optional `TError` type argument
+     * narrows the parameter type of the `error` callback for call sites that
+     * historically supplied an explicit error type (e.g. `toast.promise<void, Error>`).
+     *
+     * Unlike Base UI's built-in `toastManager.promise`, this implementation
+     * skips rendering toasts for states whose option is `undefined`. This
+     * preserves the legacy react-toastify behaviour many call sites depend on
+     * (e.g. save-draft flows omit `pending`/`success` and only want a toast
+     * when the operation fails).
+     */
+    promise: <TValue, TError = unknown>(input: Promise<TValue> | (() => Promise<TValue>), options: ToastPromiseOptions<TValue, TError>) => Promise<TValue>;
+};
 type ToastContainerProps = {
+    /**
+     * Maximum number of toasts visible at once. Older toasts are dismissed when
+     * the limit is exceeded.
+     * @default 4
+     */
     limit?: number;
-    /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
+    /**
+     * Default auto-close duration applied to every toast that does not specify
+     * its own `autoClose` option.
+     * - `'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>
+ * Renders the global toast viewport. Intended to be mounted exactly once near
+ * the root of the app (typically in `_app.tsx`).
+ *
+ * @example
+ * ```tsx
+ * <App>
+ *   <ToastContainer autoCloseDelay="normal" />
+ * </App>
+ * ```
  */
 declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -4536,4 +5628,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
 
 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, type ButtonSoftThemeProps, type 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, PopoverBody, type PopoverBodyProps, 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, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, 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, useImageLoadFallback, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, ModalPortalContext, 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, ObjectListSubText, 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, ParameterLabels, ParameterLabelsInner, 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, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, StackedModal, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, 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, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };