@uniformdev/design-system 20.35.0 → 20.35.1-alpha.210

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { Decorator } from '@storybook/react';
 import * as React$1 from 'react';
-import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } 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';
 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';
@@ -9,14 +9,13 @@ 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 { RefType } from 'react-hotkeys-hook/dist/types';
-import { IconType as IconType$1, IconBaseProps } from '@react-icons/all-files/lib';
+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$2 } from '@react-icons/all-files';
+import { IconType as IconType$1 } from '@react-icons/all-files';
 import { DateValue } from '@internationalized/date';
 import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
 import { CreatableProps } from 'react-select/creatable';
-import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
+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';
@@ -80,6 +79,14 @@ declare const supports: (cssProp: string) => string;
  * @example `${cq('300px')} { background: red; }`
  */
 declare const cq: (size: string) => string;
+/**
+ * Prefers Reduced Motion Helper Function
+ * @function
+ * @param {string} cssProp - The css property you want to check support
+ * @returns {string} - compiled prefers reduced motion query e.g. @media (prefers-reduced-motion: reduce)
+ * @example `${prefersReducedMotion('reduce')} { animation: none; }`
+ */
+declare const prefersReducedMotion: (cssProp: "reduce" | "no-preference") => string;
 
 /** @deprecated for internal use only */
 declare const debounce: (fn: (...args: any[]) => void, ms?: number) => (this: any, ...args: any[]) => void;
@@ -105,6 +112,7 @@ declare const getParentPath: (path: string | undefined, noRootSlash?: boolean) =
 declare const useOutsideClick: (containerRef: RefObject<HTMLElement | null>, handler: () => void) => void;
 
 declare const button: _emotion_react.SerializedStyles;
+declare const buttonDisabled: _emotion_react.SerializedStyles;
 declare const buttonRippleEffect: (props: {
     hoverColor: string;
     activeColor?: string;
@@ -162,34 +170,94 @@ declare const functionalColors: _emotion_react.SerializedStyles;
  * growSubtle animation
  * @description - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)
  */
-declare const growSubtle: _emotion_react.Keyframes;
+declare const growSubtle: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
 /**
  * fadeInBottom animation
  * @description - fades in an element from the Y axis by 10px
  */
-declare const fadeInBottom: _emotion_react.Keyframes;
+declare const fadeInBottom: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
 /**
  * fadeInTop animation
  * @description - fades in an element from the Y axis by -10px
  */
-declare const fadeInTop: _emotion_react.Keyframes;
+declare const fadeInTop: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
 /**
  * fadeOutBottom animation
  * @description - fades out an element from the Y axis by 10px
  */
-declare const fadeOutBottom: _emotion_react.Keyframes;
+declare const fadeOutBottom: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
 /**
  * fadeIn animation
  * @description - fade in an element from 0 to 1 opacity
  */
-declare const fadeIn: _emotion_react.Keyframes;
-declare const ripple: _emotion_react.Keyframes;
-declare const skeletonLoading: _emotion_react.Keyframes;
-declare const fadeInLtr: _emotion_react.Keyframes;
-declare const fadeInRtl: _emotion_react.Keyframes;
-declare const slideInTtb: _emotion_react.Keyframes;
-declare const slideInRtl: _emotion_react.Keyframes;
-declare const spin: _emotion_react.Keyframes;
+declare const fadeIn: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const ripple: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const skeletonLoading: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const fadeInLtr: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const fadeInRtl: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const slideInTtb: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const slideInRtl: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const spin: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
 
 /** Custom scrollbar styles */
 declare const scrollbarStyles: _emotion_react.SerializedStyles;
@@ -389,6 +457,12 @@ type UseShortcutOptions = {
      * 'silent' will not show a toast notification when the shortcut is invoked while disabled.
      */
     disabled?: boolean | 'silent';
+    /**
+     * Use the produced key instead of the physical key code.
+     * Useful for special characters (like /, [, ], etc.) that can vary in position across keyboard layouts.
+     * Defaults to false (uses key code).
+     */
+    useKey?: boolean;
 };
 type ShortcutReference = {
     shortcut: string;
@@ -396,20 +470,20 @@ type ShortcutReference = {
     disabled: boolean;
 };
 interface UseShortcutResult extends ShortcutReference {
-    focusTrap: MutableRefObject<RefType<HTMLElement>>;
+    focusTrap: RefObject<HTMLElement | null>;
 }
-declare function useShortcut({ disabled, handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions): UseShortcutResult;
+declare function useShortcut({ disabled, handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, useKey, }: UseShortcutOptions): UseShortcutResult;
 
 type TooltipProps = TooltipOptions & {
     /** Content of tooltip popover */
-    title: string | React__default.ReactElement;
+    title: string | React.ReactElement;
     /** Optional ability to specify alternative placement. By default - bottom center */
     placement?: TooltipStoreProps['placement'];
     /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
     visible?: TooltipStoreProps['open'];
     /** Offset between the reference and the popover on the main axis. Use it only in special cases. */
     gutter?: TooltipProps$1['gutter'];
-    children: JSX.Element;
+    children: ReactElement;
     /** If the tooltip should not be rendered inside a portal */
     withoutPortal?: boolean;
     /** sets the delay time before showing the tooltip
@@ -420,22 +494,22 @@ type TooltipProps = TooltipOptions & {
 declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
 
 /** Button sizes that are available to use with our brand */
-type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Button themes that are available to use with our brand */
-type ButtonThemeProps$1 = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
+type ButtonThemeProps = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
 /** @deprecated - Beta Button themes for the soft variant */
 type ButtonSoftThemeProps = 'primary' | 'tertiary' | 'alt' | 'destructive' | 'accent-primary';
 type ButtonStylesProps = ButtonDefaultStylesProps | ButtonSoftStylesProps;
 type ButtonDefaultStylesProps = {
-    theme: ButtonThemeProps$1;
-    size: ButtonSizeProps$1;
+    theme: ButtonThemeProps;
+    size: ButtonSizeProps;
 };
 type ButtonSoftStylesProps = {
     theme: ButtonSoftThemeProps;
-    size: ButtonSizeProps$1;
+    size: ButtonSizeProps;
     variant?: 'soft' | undefined;
 };
-declare const getButtonSize: (size: ButtonSizeProps$1) => string;
+declare const getButtonSize: (size: ButtonSizeProps) => string;
 declare const getButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
     buttonTheme: SerializedStyles;
     btnSize: string;
@@ -450,13 +524,13 @@ type ButtonProps = ButtonProps$1 & {
     /** sets the theme of the button
      * @default "primary"
      */
-    buttonType?: ButtonThemeProps$1;
+    buttonType?: ButtonThemeProps;
     /** React child node */
     children?: React$1.ReactNode;
     /**
      * @default "md"
      * */
-    size?: ButtonSizeProps$1;
+    size?: ButtonSizeProps;
     /**
      * Sets a tooltip on the button when hovered
      * Note that the tooltip will be shown whether disabled or not.
@@ -484,39 +558,92 @@ type ButtonWithVariantProps = Omit<ButtonProps, 'buttonType'> & {
  */
 declare const Button: React$1.ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<ButtonWithVariantProps, "ref">) & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const rectangleRoundedIcon: IconType$1;
+declare const cardIcon: IconType$1;
+declare const imageTextIcon: IconType$1;
+declare const borderTopIcon: IconType$1;
+declare const fullWidthScreenIcon: IconType$1;
+declare const textInput: IconType$1;
+declare const numberInput: IconType$1;
+declare const canvasAlertIcon: IconType$1;
+declare const warningIcon: IconType$1;
+declare const infoFilledIcon: IconType$1;
+declare const settingsIcon: IconType$1;
+declare const settings: IconType$1;
+declare const queryStringIcon: IconType$1;
+declare const structurePanelIcon: IconType$1;
+declare const jsonIcon: IconType$1;
+declare const yesNoIcon: IconType$1;
+declare const zigZag: IconType$1;
+declare const zigZagThick: IconType$1;
+declare const customIcons: {
+    'rectangle-rounded': IconType$1;
+    card: IconType$1;
+    'image-text': IconType$1;
+    'border-top': IconType$1;
+    'full-width-screen': IconType$1;
+    'text-input': IconType$1;
+    'number-input': IconType$1;
+    'canvas-alert': IconType$1;
+    warning: IconType$1;
+    'info-filled': IconType$1;
+    settings: IconType$1;
+    'query-string': IconType$1;
+    json: IconType$1;
+    'format-bold': IconType$1;
+    'format-code': IconType$1;
+    'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
+    'format-superscript': IconType$1;
+    'format-subscript': IconType$1;
+    'layout-list-numbered': IconType$1;
+    'clear-formatting': IconType$1;
+    'yes-no': IconType$1;
+    'diamond-outline': IconType$1;
+    'diamond-fill': IconType$1;
+    'magic-wand': IconType$1;
+    'list-view-short': IconType$1;
+    'list-view-long': IconType$1;
+    'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
+    'clipboard-copy': IconType$1;
+    'clipboard-paste': IconType$1;
+    refresh: IconType$1;
+    'zig-zag': IconType$1;
+    'zig-zag-thick': IconType$1;
+};
+
 declare const allSupportedIcons: {
-    'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
-    'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
+    'rectangle-rounded': _react_icons_all_files.IconType;
+    card: _react_icons_all_files.IconType;
+    'image-text': _react_icons_all_files.IconType;
+    'border-top': _react_icons_all_files.IconType;
+    'full-width-screen': _react_icons_all_files.IconType;
+    'text-input': _react_icons_all_files.IconType;
+    'number-input': _react_icons_all_files.IconType;
+    'canvas-alert': _react_icons_all_files.IconType;
+    warning: _react_icons_all_files.IconType;
+    'info-filled': _react_icons_all_files.IconType;
+    settings: _react_icons_all_files.IconType;
+    'query-string': _react_icons_all_files.IconType;
+    json: _react_icons_all_files.IconType;
+    'format-bold': _react_icons_all_files.IconType;
+    'format-code': _react_icons_all_files.IconType;
     'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
+    'format-superscript': _react_icons_all_files.IconType;
+    'format-subscript': _react_icons_all_files.IconType;
+    'layout-list-numbered': _react_icons_all_files.IconType;
+    'clear-formatting': _react_icons_all_files.IconType;
+    'yes-no': _react_icons_all_files.IconType;
+    'diamond-outline': _react_icons_all_files.IconType;
+    'diamond-fill': _react_icons_all_files.IconType;
+    'magic-wand': _react_icons_all_files.IconType;
+    'list-view-short': _react_icons_all_files.IconType;
+    'list-view-long': _react_icons_all_files.IconType;
     'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
+    'clipboard-copy': _react_icons_all_files.IconType;
+    'clipboard-paste': _react_icons_all_files.IconType;
+    refresh: _react_icons_all_files.IconType;
+    'zig-zag': _react_icons_all_files.IconType;
+    'zig-zag-thick': _react_icons_all_files.IconType;
     'add-r': _react_icons_all_files.IconType;
     add: _react_icons_all_files.IconType;
     airplane: _react_icons_all_files.IconType;
@@ -1171,11 +1298,11 @@ declare const allSupportedIcons: {
 /** A list of available icon names that can be used with the Uniform brand */
 type IconName = keyof typeof allSupportedIcons;
 /** sets the type of icon to use from the available list */
-type IconType = IconName | IconType$1;
+type IconType = IconName | IconType$2;
 /** sets fill color of the svg icon
  * @default 'default'
  */
-type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
+type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark' | 'utility-success';
 interface IconProps extends IconBaseProps {
     /** sets the icon to be used */
     icon: IconType;
@@ -1185,66 +1312,13 @@ interface IconProps extends IconBaseProps {
     otherProps?: IconBaseProps;
 }
 
-declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const imageTextIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const borderTopIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const fullWidthScreenIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const textInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const numberInput: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const settingsIcon: IconType$2;
-declare const settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const customIcons: {
-    'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    card: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'image-text': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'border-top': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'full-width-screen': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'text-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'number-input': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    warning: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'info-filled': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
-    'query-string': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    json: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-bold': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-code': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-strike': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-superscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'format-subscript': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'layout-list-numbered': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'clear-formatting': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'yes-no': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'magic-wand': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'list-view-short': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'list-view-long': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'filter-add': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    refresh: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-    'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-};
-
 /**
  * Component that renders icons
  * @example <Icon icon="add-r" iconColor="currentColor" />
  */
 declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
 
-type IconsMap = Record<string, IconType$1>;
+type IconsMap = Record<string, IconType$2>;
 declare function useIconContext(): {
     iconsMap: IconsMap;
     isLoading: boolean;
@@ -1257,43 +1331,53 @@ declare function IconsProvider({ children }: {
     children: ReactNode;
 }): _emotion_react_jsx_runtime.JSX.Element;
 
-declare const uniformComponentIcon: IconType$1;
-declare const uniformConditionalValuesIcon: IconType$1;
-declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
-declare const uniformLocaleIcon: IconType$1;
-declare const uniformLocaleDisabledIcon: IconType$1;
-declare const uniformComponentPatternIcon: IconType$1;
-declare const uniformCompositionPatternIcon: IconType$1;
-declare const uniformContentTypeIcon: IconType$1;
-declare const uniformEntryIcon: IconType$1;
-declare const uniformEntryPatternIcon: IconType$1;
-declare const uniformStatusDraftIcon: IconType$1;
-declare const uniformStatusModifiedIcon: IconType$1;
-declare const uniformStatusPublishedIcon: IconType$1;
-declare const uniformUsageStatusIcon: IconType$1;
-
-type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
-type ButtonSizeProps = 'sm' | 'base' | 'lg';
-interface ActionButtonsProps {
+declare const uniformComponentIcon: IconType$2;
+declare const uniformConditionalValuesIcon: IconType$2;
+declare const uniformAiIcon: IconType$2;
+declare const uniformLocaleIcon: IconType$2;
+declare const uniformLocaleDisabledIcon: IconType$2;
+declare const uniformComponentPatternIcon: IconType$2;
+declare const uniformCompositionPatternIcon: IconType$2;
+declare const uniformContentTypeIcon: IconType$2;
+declare const uniformEntryIcon: IconType$2;
+declare const uniformEntryPatternIcon: IconType$2;
+declare const uniformStatusDraftIcon: IconType$2;
+declare const uniformStatusModifiedIcon: IconType$2;
+declare const uniformStatusPublishedIcon: IconType$2;
+declare const uniformUsageStatusIcon: IconType$2;
+
+type ButtonWithMenuThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
+/** Note: base is deprecated, use md instead for consistency with Button */
+type ButtonWithMenuSizeProps = 'sm' | 'base' | 'md' | 'lg';
+type ButtonWithMenuSoftThemeProps = {
+    variant: 'soft' /** sets the theme of the button
+     * @default "primary"
+     */;
+    buttonType?: ButtonSoftThemeProps;
+};
+type ButtonWithMenuDefaultStylesProps = {
+    /** sets the theme of the button
+     * @default "secondary"
+     */
+    buttonType?: ButtonWithMenuThemeProps;
+};
+type ButtonWithMenuStylesProps = ButtonWithMenuDefaultStylesProps | ButtonWithMenuSoftThemeProps;
+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'];
-    /** sets the theme of the button
-     * @default "secondary"
-     */
-    buttonType?: ButtonThemeProps;
     /** sets the button text value */
-    buttonText: React$1.ReactNode;
+    buttonText: React.ReactNode;
     /** sets a leading icon supporting the button text */
     icon?: IconName;
     /** adds child components to the ButtonWithMenu component */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * sets the button size
-     * @default "base"
+     * @default "md"
      */
-    size?: ButtonSizeProps;
+    size?: ButtonWithMenuSizeProps;
     /** sets additional Menu component styles */
     menuContainerCssClasses?: SerializedStyles;
     /** sets whether to use a React portal rendering or not. */
@@ -1307,17 +1391,26 @@ interface ActionButtonsProps {
      * Sets a tooltip on the button when hovered
      * Note that the tooltip will be shown whether disabled or not.
      */
-    tooltip?: React$1.ReactNode;
+    tooltip?: React.ReactNode;
     /**
      * Sets a shortcut for the button.
      * The shortcut's handler function will be automatically set to the onClick of the button,
      * and a tooltip will be added to the button that shows the keyboard shortcut.
      */
     shortcut?: ShortcutReference;
+    /**
+     * Whether the button is disabled or loading
+     * @default false
+     *
+     * - false: the button is enabled
+     * - true: the button is disabled
+     * - 'loading': the button is disabled, and a loading spinner replaces the menu icon. After loading ceases (and the button transitions to disabled=false), a success checkmark is shown briefly in place of the menu icon
+     */
+    disabled?: boolean | 'loading';
 }
 /** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
-type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, portal, maxMenuHeight, tooltip, shortcut, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+type ButtonWithMenuProps = ActionButtonsProps & ButtonWithMenuStylesProps;
+declare const ButtonWithMenu: ({ onButtonClick, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, portal, maxMenuHeight, tooltip, shortcut, buttonType, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * A string in the ISO 8601 date format: YYYY-MM-DD
@@ -1364,7 +1457,7 @@ interface CalloutProps {
  */
 declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
+type CardProps = React.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the title value of the card */
     title?: string;
     /** sets whether or not to apply a margin bottom to the title
@@ -1372,9 +1465,9 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
      */
     titleWithMarginBottom?: boolean;
     /** (optional) sets react child components */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
     /** (optional) sets options for a dropdown menu */
-    menuItems?: JSX.Element;
+    menuItems?: ReactNode;
     /** (optional) sets the data-testid attribute on the button element
      * @default 'button-more'
      */
@@ -1385,7 +1478,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
      * The name of the  HTML tag to render.
      * @default "div"
      */
-    tag?: React$1.ElementType;
+    tag?: React.ElementType;
 };
 /**
  * @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
@@ -1393,7 +1486,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
  */
 declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
 type CardTitleProps = {
-    children?: React$1.ReactNode;
+    children?: ReactNode;
 } & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
 declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1480,6 +1573,17 @@ type DismissibleChipActionProps = {
  */
 declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type FilterChipSize = 'xs' | 'sm' | 'md' | 'lg';
+type FilterChipProps = {
+    leadingIcon?: IconType;
+    asDropdown?: boolean;
+    children: React.ReactNode;
+    dataTestId?: string;
+    size?: FilterChipSize;
+    isSelected?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const FilterChip: ({ leadingIcon, asDropdown, children, dataTestId, size, isSelected, ...props }: FilterChipProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type MultilineChipProps = {
     children: ReactNode;
     onClick?: () => void;
@@ -1492,10 +1596,12 @@ type MultilineChipProps = {
 declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
-type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
+type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'var(--utility-success-icon)' | 'red';
 type CounterProps = {
-    /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
-    count: number | undefined;
+    /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear.
+     * String can be used for formatting purposes, e.g. "1.2k" or regionalized number, e.g. "1,200"
+     */
+    count: number | string | undefined;
     /** sets the background color
      * @default 'transparent'
      */
@@ -1504,9 +1610,13 @@ type CounterProps = {
     iconColor?: CounterIconColors;
     /** Optional icon for the counter */
     icon?: IconType;
+    /** sets the size of the counter
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
 } & React.HTMLAttributes<HTMLDivElement>;
 /** @example <Counter count={1} /> */
-declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const Counter: ({ count, bgColor, icon, iconColor, size, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type TextAlignProps = 'left' | 'right' | 'center';
 type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -1534,7 +1644,7 @@ type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle
     /** (optional) sets the label value */
     label?: string;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** The current value in ISO 8601 time format */
     value: IsoTimeString | null | undefined;
     /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
@@ -1567,7 +1677,7 @@ declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<T
     /** (optional) sets the label value */
     label?: string;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** The current value in ISO 8601 time format */
     value: IsoTimeString | null | undefined;
     /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
@@ -1610,7 +1720,7 @@ type DateTimePickerProps = {
     /** (optional) sets the label value */
     label?: ReactNode;
     /** (optional) icon for the trigger */
-    triggerIcon?: IconType$2;
+    triggerIcon?: IconType$1;
     /** The current controlled value of the picker */
     value: DateTimePickerValue | null | undefined;
     /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -1626,7 +1736,7 @@ type DateTimePickerProps = {
     /** (optional) A slot below the time input, use this to populate quick time presets */
     belowTimeInputSlot?: ReactNode;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
     showLabel?: boolean;
     /** (optional) sets and shows the error message value */
@@ -1961,7 +2071,7 @@ declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: Erro
 
 type FieldMessageProps = {
     /** (optional) sets help message within the caption component */
-    helperMessage?: string | JSX.Element;
+    helperMessage?: string | ReactNode;
     /** (option)  sets caption message test id for test automation */
     helperMessageTestId?: string;
     /** (optional) sets and shows the warning message value */
@@ -2013,13 +2123,13 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
  */
 declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string | React$1.ReactNode;
+    label?: string | ReactNode;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) add an input icon to the input field */
-    icon?: React$1.ReactElement;
+    icon?: ReactElement;
     /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
     showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
@@ -2062,11 +2172,11 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  */
 declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string | React$1.ReactNode;
+    label?: string | ReactNode;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) add an input icon to the input field */
-    icon?: React$1.ReactElement;
+    icon?: ReactElement;
     /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
     showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
@@ -2123,6 +2233,11 @@ type InputComboBoxOption<TValue = string> = {
      * Note: this works for any type used for an option where a boolean called indented exists.
      */
     indented?: boolean;
+    /**
+     * Sets the option to be fixed.
+     * This will prevent the option from being removed or selected.
+     */
+    isFixed?: boolean;
 };
 type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
 type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
@@ -2259,15 +2374,24 @@ declare const DebouncedInputKeywordSearch: React$1.ForwardRefExoticComponent<Omi
     defaultValue?: string;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type GroupedOption = {
+    label: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+};
 type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets the first item in the options list with empty value */
     defaultOption?: string;
     /** sets an array of select options with value and text value */
-    options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
+    options?: Array<React.OptionHTMLAttributes<HTMLOptionElement | HTMLOptGroupElement> & {
         label: string;
     }>;
+    /** (optional) sets grouped options with optgroups */
+    groupedOptions?: GroupedOption[];
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** sets the label value */
     label: string;
     /** (optional) sets whether to hide the label and use aria-label on the input field
@@ -2279,7 +2403,7 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets and shows the warning message value */
     warningMessage?: string;
     /** (optional) allows react components to be added inline with the label element */
-    labelCta?: JSX.Element;
+    labelCta?: ReactNode;
     /** (optional) styles the component in a compact format */
     compact?: boolean;
     /**
@@ -2303,11 +2427,13 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
     /** (optional) sets the first item in the options list with empty value */
     defaultOption?: string;
     /** sets an array of select options with value and text value */
-    options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
+    options?: Array<React.OptionHTMLAttributes<HTMLOptionElement | HTMLOptGroupElement> & {
         label: string;
     }>;
+    /** (optional) sets grouped options with optgroups */
+    groupedOptions?: GroupedOption[];
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** sets the label value */
     label: string;
     /** (optional) sets whether to hide the label and use aria-label on the input field
@@ -2319,7 +2445,7 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
     /** (optional) sets and shows the warning message value */
     warningMessage?: string;
     /** (optional) allows react components to be added inline with the label element */
-    labelCta?: JSX.Element;
+    labelCta?: ReactNode;
     /** (optional) styles the component in a compact format */
     compact?: boolean;
     /**
@@ -2337,9 +2463,9 @@ declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLA
 } & React$1.RefAttributes<HTMLSelectElement>>;
 
 type FontWeightProps = 'normal' | 'medium' | 'bold';
-type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
+type InputToggleProps = InputHTMLAttributes<HTMLInputElement> & {
     /** sets the label value */
-    label: React$1.ReactNode;
+    label: ReactNode;
     /** sets the type of input to use, either radio or checkbox */
     type: 'radio' | 'checkbox';
     /** sets the name value of the radio/checkbox input */
@@ -2351,7 +2477,7 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the checked state of the input */
     checked?: boolean;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) sets shows the the error message value */
     errorMessage?: string;
     /** (optional) sets and shows the warning message value */
@@ -2367,9 +2493,9 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  * Component that creates a checkbox or radio input field
  * @example <InputToggle label="Do you like ice cream?" type="checkbox" name="ice-cream" />
  */
-declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
+declare const InputToggle: React$1.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     /** sets the label value */
-    label: React$1.ReactNode;
+    label: ReactNode;
     /** sets the type of input to use, either radio or checkbox */
     type: "radio" | "checkbox";
     /** sets the name value of the radio/checkbox input */
@@ -2381,7 +2507,7 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     /** (optional) sets the checked state of the input */
     checked?: boolean;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) sets shows the the error message value */
     errorMessage?: string;
     /** (optional) sets and shows the warning message value */
@@ -2421,13 +2547,13 @@ type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
  */
 declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** (optional) sets the label value */
     label?: string;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) add an input icon to the input field */
-    icon?: React$1.ReactElement;
+    icon?: ReactElement;
     /** (optional) sets whether to hide the label and use aria-label on the input field */
     showLabel?: boolean;
     /** (optional) sets shows the error message value */
@@ -2443,9 +2569,9 @@ declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAt
     /** (optional) sets the label value */
     label?: string;
     /** (optional) sets caption text value */
-    caption?: string | JSX.Element;
+    caption?: string | ReactNode;
     /** (optional) add an input icon to the input field */
-    icon?: React$1.ReactElement;
+    icon?: ReactElement;
     /** (optional) sets whether to hide the label and use aria-label on the input field */
     showLabel?: boolean;
     /** (optional) sets shows the error message value */
@@ -2511,6 +2637,7 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
 type KeyValueItem<TValue extends string = string> = {
     key: string;
     value: TValue;
+    icon?: string;
     uniqueId?: string;
 };
 type KeyValueInputProps<TValue extends string = string> = {
@@ -2521,10 +2648,18 @@ type KeyValueInputProps<TValue extends string = string> = {
     newItemDefault?: KeyValueItem<TValue>;
     keyLabel?: string;
     valueLabel?: string;
+    iconLabel?: string;
     keyInfoPopover?: ReactNode;
     valueInfoPopover?: ReactNode;
-    errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | null)[];
+    iconInfoPopover?: ReactNode;
+    errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | Partial<Record<keyof Omit<KeyValueItem, 'uniqueId'>, string>> | null)[];
     onFocusChange?: (isFocused: boolean) => void;
+    showIconColumn?: boolean;
+    renderIconSelector?: (props: {
+        value?: string;
+        onChange: (icon: string) => void;
+        disabled?: boolean;
+    }) => ReactNode;
 };
 /**
  * A component to render a sortable key-value input
@@ -2533,7 +2668,7 @@ type KeyValueInputProps<TValue extends string = string> = {
  * return <KeyValueInput value={value} onChange={setValue} />
  * @deprecated This component is in beta, name and props are subject to change without a major version
  */
-declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AsideAndSectionLayout = {
     /** sets child components in the aside / supporting column */
@@ -2693,7 +2828,7 @@ 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 | JSX.Element;
+    statusMessage?: string | ReactNode;
     /** (optional) the z-index value of the overlay
      * @default 9999
      */
@@ -2714,7 +2849,7 @@ interface LoadingOverlayProps {
      * @default false
      */
     isTopAligned?: boolean;
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
     /** (optional) sets the position of the overlay
      * @default 'absolute'
      */
@@ -2742,6 +2877,10 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
     children: React.ReactNode;
     /** sets the background color of the button */
     bgColor?: string;
+    /** sets the variant of the button
+     * @default "ghost"
+     */
+    variant?: 'ghost' | 'outline';
 }
 /** Renders a dropdown menu style menu trigger button */
 declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -2804,6 +2943,11 @@ type MenuGroupProps = {
 };
 declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * base - default
+ * red - red text
+ * accent-alt - AI color (accent-alt-dark). DOES NOT change the text - only the icon color!
+ */
 type MenuItemTextThemeProps = 'base' | 'red' | 'accent-alt';
 type MenuItemProps = MenuItemProps$1 & {
     /**
@@ -2879,6 +3023,7 @@ type MenuThreeDotsProps = {
      * @default '1rem'
      */
     iconSize?: string;
+    disabled?: boolean;
 } & HTMLAttributes<HTMLButtonElement>;
 declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
     /** sets the aria-label and title value on the button
@@ -2889,6 +3034,14 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
      * @default '1rem'
      */
     iconSize?: string;
+    disabled?: boolean;
+} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const MenuSelect: React$1.ForwardRefExoticComponent<{
+    /** sets the size of the menu select
+     * @default 'base'
+     */
+    size?: "xs" | "sm" | "base" | "md" | "lg";
+    children: React.ReactNode;
 } & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
 type SearchableMenuProps = {
@@ -3177,6 +3330,35 @@ type LabelLeadingIconProps = HTMLAttributes<HTMLButtonElement> & {
 };
 declare const LabelLeadingIcon: ({ icon, iconColor, children, isActive, isLocked, title, ...props }: LabelLeadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type BaseParameterActionButtonProps = {
+    children: React__default.ReactNode;
+    disabled?: boolean;
+    /**
+     * The tooltip to display when hovering over the button.
+     * If a string is provided, it will be displayed as a tooltip.
+     * If a React element is provided, it will be displayed as a tooltip.
+     */
+    tooltip?: string | React__default.ReactNode;
+    /**
+     * The component to render the button as.
+     * There maybe a scenario where we want to render the button as a div
+     * @default 'button'
+     */
+    renderAs?: 'button' | 'div';
+} & HTMLAttributes<HTMLButtonElement | HTMLDivElement>;
+interface OutlineVariant extends BaseParameterActionButtonProps {
+    themeType: 'outline';
+}
+interface FilledVariant extends BaseParameterActionButtonProps {
+    themeType: 'filled';
+    /** inverts the border layout of the button
+     * @default false
+     */
+    inverted?: boolean;
+}
+type ParameterActionButtonProps = OutlineVariant | FilledVariant;
+declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ParameterDrawerHeaderProps = {
     title: string;
     iconBeforeTitle?: ReactNode;
@@ -3189,7 +3371,7 @@ declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: Para
 
 type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
     /** sets the legend value */
-    legend: string | JSX.Element;
+    legend: string | ReactNode;
     /** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
     isDisabled?: boolean;
     children: ReactNode;
@@ -3197,7 +3379,7 @@ type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
 /** @example <ParameterGroup legend="legend name">{...some form input elements}</ParameterGroup> */
 declare const ParameterGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFieldSetElement> & {
     /** sets the legend value */
-    legend: string | JSX.Element;
+    legend: string | ReactNode;
     /** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
     isDisabled?: boolean;
     children: ReactNode;
@@ -3298,6 +3480,9 @@ type ParameterMenuButtonProps = {
     /** sets the legend value */
     label: string;
     children?: ReactNode;
+    disabled?: boolean;
+    /** set to true to render the menu directly in the parent DOM */
+    withoutPortal?: boolean;
 };
 /** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
 declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -3367,6 +3552,66 @@ type ParameterNameAndPublicIdInputProps = {
 /** @example <ParameterNameAndPublicIdInput /> */
 declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type SliderOption = {
+    value: string;
+    text: string;
+};
+type SliderProps = {
+    value: number | undefined;
+    onChange: (value: number | undefined) => void;
+    onBlur?: () => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: SliderOption[];
+    showNumberInput?: boolean;
+    disabled?: boolean;
+    'aria-label'?: string;
+    id?: string;
+    name?: string;
+};
+/**
+ * Slider component that supports both numeric values and predefined options
+ * @example
+ * // Numeric mode
+ * <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
+ *
+ * // Options mode
+ * <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
+ */
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type TickMark = {
+    position: number;
+    percentage: number;
+    label?: string;
+    isLarge: boolean;
+};
+type SliderLabelsProps = {
+    ticks: TickMark[];
+    currentValue: number | undefined;
+    containerWidth?: number;
+};
+/**
+ * SliderLabels component that intelligently shows/hides labels based on available space
+ */
+declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'>;
+/**
+ * Parameter wrapper for numeric sliders
+ * @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
+ */
+declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
+    caption?: string;
+    menuItems?: React$1.ReactNode;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
+} & Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
+
 type LinkNodeProps = NonNullable<LinkParamValue>;
 type SerializedLinkNode = Spread<{
     link: LinkNodeProps;
@@ -3500,6 +3745,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
 /** @example  <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
 declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
 
+type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
+    /**
+     * The available options for the slider
+     */
+    options: SliderOption[];
+    /**
+     * The current selected value (option value string)
+     */
+    value: string | undefined;
+    /**
+     * Callback when the selection changes (receives option value string)
+     */
+    onChange: (value: string | undefined) => void;
+};
+/**
+ * Parameter wrapper for option-based sliders
+ * @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
+ */
+declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
+    caption?: string;
+    menuItems?: React$1.ReactNode;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
+} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "value" | "step" | "showNumberInput"> & {
+    /**
+     * The available options for the slider
+     */
+    options: SliderOption[];
+    /**
+     * The current selected value (option value string)
+     */
+    value: string | undefined;
+    /**
+     * Callback when the selection changes (receives option value string)
+     */
+    onChange: (value: string | undefined) => void;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
+
 /** A function that extracts all common props and element props
  * @example const { shellProps, innerProps } = extractParameterProps(props) */
 declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
@@ -3541,12 +3827,15 @@ type ParameterShellOverrideProps = {
      */
     isParameterGroup?: boolean;
 };
-type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps;
+type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps & {
+    /** set to true to render the menu directly in the parent DOM */
+    menuWithoutPortal?: boolean;
+};
 /**
  * Uniform Parameter shell component
  * @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
  */
-declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, menuWithoutPortal, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare const ParameterShellPlaceholder: ({ children }: {
     children?: ReactNode;
 }) => _emotion_react_jsx_runtime.JSX.Element;
@@ -3565,21 +3854,27 @@ declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParamet
 /** @example <ParameterTextareaInner /> */
 declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
-type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & CommonParameterInputProps & {
+type ParameterToggleInnerProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     type: 'checkbox' | 'radio';
+    withoutIndeterminateState?: boolean;
 };
+type ParameterToggleProps = CommonParameterInputProps & ParameterToggleInnerProps;
 /** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
-declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
+declare const ParameterToggle: React$1.ForwardRefExoticComponent<CommonParameterProps & {
     caption?: string;
     menuItems?: React$1.ReactNode;
     actionItems?: React.ReactNode;
     errorTestId?: string;
     captionTestId?: string;
     title?: string;
-} & {
+} & Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     type: "checkbox" | "radio";
+    withoutIndeterminateState?: boolean;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    type: "checkbox" | "radio";
+    withoutIndeterminateState?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
-declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
     /** sets the aria-controls and id value of the matching popover set */
@@ -3624,11 +3919,29 @@ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, plac
 /**
  * Hook to get the current popover context
  * @description This hook is used to get the current popover context
- * useful for closing the popover with a nested button or interative element
+ * useful for closing the popover with a nested button or interactive element
  * @example const currentPopoverContext = usePopoverComponentContext();
  */
 declare const usePopoverComponentContext: () => PopoverStore | undefined;
 
+type PopoverBodyProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Valid CSS unit to set the maximum popover width
+     * @default '14rem'
+     */
+    maxWidth?: string;
+    /** sets the variant to show
+     * @default 'small'
+     */
+    variant?: 'large' | 'small';
+    children: ReactNode;
+};
+/**
+ * A styled popover body component with design system styles.
+ * Used to create custom popover-like behavior.
+ */
+declare const PopoverBody: ({ variant, maxWidth, children, ...otherProps }: PopoverBodyProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     current: number;
     max: number;
@@ -3691,7 +4004,9 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
     value?: TValue;
     /** Called when the user selects a different option */
     onChange: (value: TValue) => void;
-    /** Doesn't show a checkmark next to the selected item */
+    /**
+     * @deprecated This prop has no effect. Checkmarks are no longer displayed.
+     */
     noCheckmark?: boolean;
     /** Disables all the options */
     disabled?: boolean;
@@ -3721,7 +4036,7 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
  * A control with multiple segments. Can be used as a replacement of radio buttons.
  * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
  */
-declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, noCheckmark: _noCheckmark, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
     width?: string;
@@ -3745,7 +4060,7 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
     label: ReactNode;
     /** (optional) sets information text */
-    infoText?: string;
+    infoText?: string | ReactNode;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
@@ -3767,7 +4082,7 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
     /** sets the label value */
     label: ReactNode;
     /** (optional) sets information text */
-    infoText?: string;
+    infoText?: string | ReactNode;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
@@ -3996,7 +4311,9 @@ declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & R
 type LinkManagerWithRefType = (props: Partial<LinkProps> & {
     as?: string;
     href: string;
-    passHref: true;
+    /** @deprecated This prop has no effect */
+    passHref?: boolean;
+    /** @deprecated This prop has no effect */
     legacyBehavior?: boolean;
 } & React$1.RefAttributes<HTMLAnchorElement>) => React$1.ReactNode | null;
 /** Uniform LinkWithRef Component
@@ -4067,7 +4384,6 @@ type LinkTileWithRefProps = {
     as?: string;
     href: string;
     passHref: true;
-    legacyBehavior?: boolean;
 } & React.RefAttributes<HTMLAnchorElement> & LinkOrientation;
 declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
 
@@ -4165,4 +4481,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FlexiCard, FlexiCardTitle, 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, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, 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, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+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, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, prefersReducedMotion, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };