@uniformdev/design-system 20.7.1-alpha.81 → 20.7.1-alpha.84

package/dist/index.d.ts

@@ -80,6 +80,14 @@ declare const supports: (cssProp: string) => string;
  * @example `${cq('300px')} { background: red; }`
  */
 declare const cq: (size: string) => string;
+/**
+ * Prefers Reduced Motion Helper Function
+ * @function
+ * @param {string} cssProp - The css property you want to check support
+ * @returns {string} - compiled prefers reduced motion query e.g. @media (prefers-reduced-motion: reduce)
+ * @example `${prefersReducedMotion('reduce')} { animation: none; }`
+ */
+declare const prefersReducedMotion: (cssProp: "reduce" | "no-preference") => string;
 
 /** @deprecated for internal use only */
 declare const debounce: (fn: (...args: any[]) => void, ms?: number) => (this: any, ...args: any[]) => void;
@@ -1175,7 +1183,7 @@ type IconType = IconName | IconType$1;
 /** sets fill color of the svg icon
  * @default 'default'
  */
-type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
+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;
@@ -1492,10 +1500,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 +1514,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';
@@ -2123,6 +2137,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>;
@@ -2511,6 +2530,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 +2541,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 +2561,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 */
@@ -2742,6 +2770,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 +2836,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 +2916,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 +2927,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 +3223,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;
@@ -3298,6 +3373,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 +3445,84 @@ type ParameterNameAndPublicIdInputProps = {
 /** @example <ParameterNameAndPublicIdInput /> */
 declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type SliderOption = {
+    value: string;
+    text: string;
+};
+type SliderProps = {
+    value: number;
+    onChange: (value: number) => void;
+    onBlur?: () => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: SliderOption[];
+    showNumberInput?: boolean;
+    disabled?: boolean;
+    'aria-label'?: string;
+    id?: string;
+    name?: string;
+};
+/**
+ * Slider component that supports both numeric values and predefined options
+ * @example
+ * // Numeric mode
+ * <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
+ *
+ * // Options mode
+ * <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
+ */
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type TickMark = {
+    position: number;
+    percentage: number;
+    label?: string;
+    isLarge: boolean;
+};
+type SliderLabelsProps = {
+    ticks: TickMark[];
+    currentValue: number;
+    containerWidth?: number;
+};
+/**
+ * SliderLabels component that intelligently shows/hides labels based on available space
+ */
+declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'> & {
+    /**
+     * The current numeric value of the slider
+     */
+    value: number;
+    /**
+     * Callback when the value changes
+     */
+    onChange: (value: number) => void;
+};
+/**
+ * Parameter wrapper for numeric sliders
+ * @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
+ */
+declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
+    caption?: string;
+    menuItems?: React$1.ReactNode;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
+} & Omit<SliderProps, "id" | "aria-label" | "options"> & {
+    /**
+     * The current numeric value of the slider
+     */
+    value: number;
+    /**
+     * Callback when the value changes
+     */
+    onChange: (value: number) => void;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
+
 type LinkNodeProps = NonNullable<LinkParamValue>;
 type SerializedLinkNode = Spread<{
     link: LinkNodeProps;
@@ -3475,16 +3631,17 @@ type RichTextProps = {
     } | null>;
     /** Assets */
     onInsertAsset?: () => void;
+    placeholder?: string;
 };
 type RichTextParamValue = SerializedEditorState | undefined | null;
-type ParameterRichTextInnerProps = RichTextProps & {
+type ParameterRichTextInnerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & RichTextProps & {
     value: RichTextParamValue | ((editor: LexicalEditor) => void);
     editorWrapperClassName?: string;
     editorFooter?: React.ReactNode;
 };
 type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
-declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, customNodes, children, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, children, customNodes, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, children, ...innerProps }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ParameterRichTextInner: ({ value, editorFooter, children, customNodes, editorWrapperClassName, ...richTextProps }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
 /** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
@@ -3499,6 +3656,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
 /** @example  <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
 declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
 
+type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
+    /**
+     * The available options for the slider
+     */
+    options: SliderOption[];
+    /**
+     * The current selected value (option value string)
+     */
+    value: string;
+    /**
+     * Callback when the selection changes (receives option value string)
+     */
+    onChange: (value: string) => void;
+};
+/**
+ * Parameter wrapper for option-based sliders
+ * @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
+ */
+declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
+    caption?: string;
+    menuItems?: React$1.ReactNode;
+    actionItems?: React.ReactNode;
+    errorTestId?: string;
+    captionTestId?: string;
+    title?: string;
+} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "step" | "value" | "showNumberInput"> & {
+    /**
+     * The available options for the slider
+     */
+    options: SliderOption[];
+    /**
+     * The current selected value (option value string)
+     */
+    value: string;
+    /**
+     * Callback when the selection changes (receives option value string)
+     */
+    onChange: (value: string) => void;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
+
 /** A function that extracts all common props and element props
  * @example const { shellProps, innerProps } = extractParameterProps(props) */
 declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
@@ -3540,12 +3738,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;
@@ -3564,21 +3765,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 */
@@ -3744,7 +3951,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 */
@@ -3766,7 +3973,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 */
@@ -4164,4 +4371,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$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, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, prefersReducedMotion, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };