@uniformdev/design-system 20.49.4-alpha.102 → 20.49.4-alpha.124

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-vite';
 import * as React$1 from 'react';
-import React__default, { RefObject, ReactElement, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
+import React__default, { RefObject, ReactElement, HTMLAttributes, ReactNode, ButtonHTMLAttributes, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, HtmlHTMLAttributes, PropsWithChildren, CSSProperties, Ref, FocusEventHandler, ChangeEvent } from 'react';
 import { GroupBase, Props, MultiValue, SingleValue, StylesConfig } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
@@ -2723,6 +2723,208 @@ type KeyValueInputProps<TValue extends string = string> = {
  */
 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;
 
+interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+    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>>;
+
+declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
+type LegacyPlacement = (typeof legacyPlacements)[number];
+interface MenuProps extends MenuProps$1 {
+    /** the component that triggers the menu functionality */
+    menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
+    /** (optional) Ariakit placements options for the expandable menu */
+    placement?: MenuStoreProps['placement'] | LegacyPlacement;
+    /** (optional) allows users to set additional class names  */
+    menuItemsContainerCssClasses?: SerializedStyles | string;
+    /** (optional) allows users to add child elements */
+    children?: React$1.ReactNode;
+    /**
+     * By default the menu will automatically remove MenuItemSeparator components when they are:
+     * - the first child
+     * - the last child
+     * - adjacent to another separator
+     *
+     * ...both in the menu's immediate child items and any Fragment or MenuGroup components' children within.
+     * This simplifies boolean logic with highly conditional menus so one can not worry about contiguous separators.
+     * If you need to disable this functionality, set this prop to true.
+     */
+    disableAutoSeparatorManagement?: boolean;
+    /** sets whether to use a React portal rendering or not. */
+    withoutPortal?: boolean;
+    /** (optional) sets the test id attribute */
+    testId?: string;
+    /** (optional) sets the maximum height of the menu
+     * setting a max menu height value will make the menu scrollable if the content exceeds the height
+     * this is not compatible with nested menus that expand to the left or right of the menu
+     */
+    maxMenuHeight?: string;
+    portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
+    /** sets the menu size
+     * it's recommended to use the same size for all menu items in a menu
+     * @default 'base'
+     */
+    size?: 'small' | 'base';
+    /** (optional) disables the menu trigger so the menu cannot be opened */
+    disabled?: boolean;
+}
+/**
+ * Component used for creating clickable menus
+ * @example
+ * <Menu
+ * menuTrigger={<button type="button">Click me</button>}
+ * menuItemsContainerCssClasses="bg-white"
+ * >
+ *   <MenuItem>Item 1</MenuItem>
+ * </Menu>
+ */
+declare const Menu: React$1.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type MenuGroupProps = {
+    /** Title for the menu group. If undefined or an empty string, the group will render as normal menu */
+    title: ReactNode | undefined;
+    /** Menu items to render in the group */
+    children: ReactNode;
+};
+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 & {
+    /**
+     * Sets child elements within the component.
+     * Can be omitted when using the `render` prop
+     */
+    children?: ChildFunction | React$1.ReactNode;
+    /** (optional) set whether to hide the menu after a click action */
+    hideMenuOnClick?: boolean;
+    /** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
+     * @example <MenuItemIcon icon="add-r" />
+     */
+    icon?: React$1.ReactElement;
+    /** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set.  */
+    focusable?: boolean;
+    /** (optional) set the menu item text color
+     * @default 'base'
+     */
+    textColor?: MenuItemTextThemeProps;
+    /**
+     * Overrides the focus styles and forces this menu item to have highlighted/selected styles
+     * Normally automatically managed.
+     */
+    active?: boolean;
+    /**
+     * Renders a keyboard shortcut for the menu item. The onClick of the menu will
+     * be automatically set to invoke the shortcut's handler function.
+     */
+    shortcut?: ShortcutReference;
+};
+type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement | null;
+/**
+ * MenuItem Component used along side <Menu /> component
+ * @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
+ */
+declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * MenuItem Component for headless use outside <Menu /> component
+ * Use only if adapting Uniform menu item appearance to a non-ariakit menu.
+ * This is required because ariakit does not let you use MenuItem outside of a Menu component.
+ * @example <MenuItemInner onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
+ */
+declare const MenuItemInner: React$1.FC<MenuItemProps>;
+/**
+ * Renders an icon for a menu item. Optional micro wrapper around an Icon component
+ * configured to match the menu item icon style.
+ */
+declare function MenuItemIcon({ icon, size }: {
+    icon: IconType;
+    size?: string;
+}): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Indents a menu item as if it had an icon when it does not
+ * Use this to align menu items without icons with those that have icons
+ * in a mixed menu. Intended to be passed as the `icon` prop to a MenuItem.
+ */
+declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
+
+type MenuButtonProp = {
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLButtonElement>;
+declare const MenuButton: React$1.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+type MenuThreeDotsProps = {
+    /** sets the aria-label and title value on the button
+     * @default 'More options'
+     */
+    buttonTitle?: string;
+    /** sets the icon size
+     * @default '1rem'
+     */
+    iconSize?: string;
+    disabled?: boolean;
+} & HTMLAttributes<HTMLButtonElement>;
+declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
+    /** sets the aria-label and title value on the button
+     * @default 'More options'
+     */
+    buttonTitle?: string;
+    /** sets the icon size
+     * @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 = {
+    /** Note: this is pre-debounced for your handling enjoyment */
+    onSearchTextChanged: (searchTerm: string) => void;
+    /** Shows a no results message when no matching results exist */
+    hasNoResults: boolean | string;
+    /** Disables the search function, i.e. if few menu items exist */
+    disableSearch?: boolean;
+    /** Sets the placeholder in the search input */
+    searchPlaceholder?: string;
+} & MenuProps;
+/**
+ * Searchable menu allows searching through its menu items
+ */
+declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
+    /** whether the menu item is selected */
+    selected: boolean;
+    /** the styles to use for the selectable menu item
+     * @default 'default'
+     */
+    selectStyles?: 'default' | 'checkbox-select';
+    /** whether the menu item is selectable
+     * @default true
+     */
+    isSelectable?: boolean;
+}
+declare function SelectableMenuItem({ selected, children, selectStyles, isSelectable, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
+
 type SwatchSize = 'default' | 'small';
 type SwatchVariant = 'swatch-default' | 'swatch-red' | 'swatch-orange' | 'swatch-yellow' | 'swatch-green' | 'swatch-blue' | 'swatch-purple' | 'swatch-pink' | 'swatch-brown' | 'swatch-gray';
 type SwatchProps = {
@@ -2875,6 +3077,8 @@ type LabelsQuickFilterItem = {
 type LabelsQuickFilterProps = {
     /** The text to display on the filter button */
     buttonText: string;
+    /** The text to display on the add button */
+    addButtonText?: string | null;
     /** All available label items (including groups and children) */
     items: LabelsQuickFilterItem[];
     /** Set or array of currently selected item IDs */
@@ -2899,13 +3103,36 @@ type LabelsQuickFilterProps = {
      * @default '4rem'
      */
     maxContainerSize?: string;
+    /** the function to call when the quick filter is opened */
+    onOpen?: () => void;
+    /** the function to call when the quick filter is closed */
+    onClose?: () => void;
+    /**
+     * Override the Ariakit placement of the dropdown menu.
+     * @default 'bottom-end'
+     */
+    menuPlacement?: MenuProps['placement'];
+    /**
+     * Override the Ariakit getAnchorRect for custom menu anchor positioning.
+     * Pass `null` to disable the built-in default and use standard Ariakit positioning.
+     */
+    menuGetAnchorRect?: MenuProps['getAnchorRect'] | null;
+    /**
+     * Override the Ariakit updatePosition to control when the menu repositions.
+     * Pass `null` to disable the built-in default (position freezing) and allow normal repositioning.
+     */
+    menuUpdatePosition?: MenuProps['updatePosition'] | null;
+    /** the maximum number of results to display
+     * @default 0 (no limit)
+     */
+    maxCount?: number;
 };
 /**
  * A reusable quick filter component for selecting labels with swatch colors.
  * Supports flat labels and grouped labels with nested menus.
  * @example <LabelsQuickFilter buttonText="Filter by label" items={labels} selectedIds={selectedSet} onSelect={handleSelect} onDeselect={handleDeselect} />
  */
-declare const LabelsQuickFilter: ({ buttonText, items, selectedIds, onSelect, onDeselect, disabled, testId, totalResults, onCreateLabel, withoutPortal, maxContainerSize, }: LabelsQuickFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LabelsQuickFilter: ({ buttonText, addButtonText, items, selectedIds, onSelect, onDeselect, disabled, testId, totalResults, onCreateLabel, withoutPortal, maxContainerSize, onOpen, onClose, menuPlacement, menuGetAnchorRect, menuUpdatePosition, maxCount, }: LabelsQuickFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AsideAndSectionLayout = {
     /** sets child components in the aside / supporting column */
@@ -3110,208 +3337,6 @@ interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
  */
 declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
-    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>>;
-
-declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
-type LegacyPlacement = (typeof legacyPlacements)[number];
-interface MenuProps extends MenuProps$1 {
-    /** the component that triggers the menu functionality */
-    menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
-    /** (optional) Ariakit placements options for the expandable menu */
-    placement?: MenuStoreProps['placement'] | LegacyPlacement;
-    /** (optional) allows users to set additional class names  */
-    menuItemsContainerCssClasses?: SerializedStyles | string;
-    /** (optional) allows users to add child elements */
-    children?: React$1.ReactNode;
-    /**
-     * By default the menu will automatically remove MenuItemSeparator components when they are:
-     * - the first child
-     * - the last child
-     * - adjacent to another separator
-     *
-     * ...both in the menu's immediate child items and any Fragment or MenuGroup components' children within.
-     * This simplifies boolean logic with highly conditional menus so one can not worry about contiguous separators.
-     * If you need to disable this functionality, set this prop to true.
-     */
-    disableAutoSeparatorManagement?: boolean;
-    /** sets whether to use a React portal rendering or not. */
-    withoutPortal?: boolean;
-    /** (optional) sets the test id attribute */
-    testId?: string;
-    /** (optional) sets the maximum height of the menu
-     * setting a max menu height value will make the menu scrollable if the content exceeds the height
-     * this is not compatible with nested menus that expand to the left or right of the menu
-     */
-    maxMenuHeight?: string;
-    portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
-    /** sets the menu size
-     * it's recommended to use the same size for all menu items in a menu
-     * @default 'base'
-     */
-    size?: 'small' | 'base';
-    /** (optional) disables the menu trigger so the menu cannot be opened */
-    disabled?: boolean;
-}
-/**
- * Component used for creating clickable menus
- * @example
- * <Menu
- * menuTrigger={<button type="button">Click me</button>}
- * menuItemsContainerCssClasses="bg-white"
- * >
- *   <MenuItem>Item 1</MenuItem>
- * </Menu>
- */
-declare const Menu: React$1.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-type MenuGroupProps = {
-    /** Title for the menu group. If undefined or an empty string, the group will render as normal menu */
-    title: ReactNode | undefined;
-    /** Menu items to render in the group */
-    children: ReactNode;
-};
-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 & {
-    /**
-     * Sets child elements within the component.
-     * Can be omitted when using the `render` prop
-     */
-    children?: ChildFunction | React$1.ReactNode;
-    /** (optional) set whether to hide the menu after a click action */
-    hideMenuOnClick?: boolean;
-    /** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
-     * @example <MenuItemIcon icon="add-r" />
-     */
-    icon?: React$1.ReactElement;
-    /** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set.  */
-    focusable?: boolean;
-    /** (optional) set the menu item text color
-     * @default 'base'
-     */
-    textColor?: MenuItemTextThemeProps;
-    /**
-     * Overrides the focus styles and forces this menu item to have highlighted/selected styles
-     * Normally automatically managed.
-     */
-    active?: boolean;
-    /**
-     * Renders a keyboard shortcut for the menu item. The onClick of the menu will
-     * be automatically set to invoke the shortcut's handler function.
-     */
-    shortcut?: ShortcutReference;
-};
-type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement | null;
-/**
- * MenuItem Component used along side <Menu /> component
- * @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
- */
-declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * MenuItem Component for headless use outside <Menu /> component
- * Use only if adapting Uniform menu item appearance to a non-ariakit menu.
- * This is required because ariakit does not let you use MenuItem outside of a Menu component.
- * @example <MenuItemInner onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
- */
-declare const MenuItemInner: React$1.FC<MenuItemProps>;
-/**
- * Renders an icon for a menu item. Optional micro wrapper around an Icon component
- * configured to match the menu item icon style.
- */
-declare function MenuItemIcon({ icon, size }: {
-    icon: IconType;
-    size?: string;
-}): _emotion_react_jsx_runtime.JSX.Element;
-/**
- * Indents a menu item as if it had an icon when it does not
- * Use this to align menu items without icons with those that have icons
- * in a mixed menu. Intended to be passed as the `icon` prop to a MenuItem.
- */
-declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
-
-declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type MenuButtonProp = {
-    children: React.ReactNode;
-} & HTMLAttributes<HTMLButtonElement>;
-declare const MenuButton: React$1.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
-type MenuThreeDotsProps = {
-    /** sets the aria-label and title value on the button
-     * @default 'More options'
-     */
-    buttonTitle?: string;
-    /** sets the icon size
-     * @default '1rem'
-     */
-    iconSize?: string;
-    disabled?: boolean;
-} & HTMLAttributes<HTMLButtonElement>;
-declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
-    /** sets the aria-label and title value on the button
-     * @default 'More options'
-     */
-    buttonTitle?: string;
-    /** sets the icon size
-     * @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 = {
-    /** Note: this is pre-debounced for your handling enjoyment */
-    onSearchTextChanged: (searchTerm: string) => void;
-    /** Shows a no results message when no matching results exist */
-    hasNoResults: boolean | string;
-    /** Disables the search function, i.e. if few menu items exist */
-    disableSearch?: boolean;
-    /** Sets the placeholder in the search input */
-    searchPlaceholder?: string;
-} & MenuProps;
-/**
- * Searchable menu allows searching through its menu items
- */
-declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
-    /** whether the menu item is selected */
-    selected: boolean;
-    /** the styles to use for the selectable menu item
-     * @default 'default'
-     */
-    selectStyles?: 'default' | 'checkbox-select';
-    /** whether the menu item is selectable
-     * @default true
-     */
-    isSelectable?: boolean;
-}
-declare function SelectableMenuItem({ selected, children, selectStyles, isSelectable, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
-
 type ModalProps = {
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
@@ -3712,6 +3737,14 @@ type ParameterLabelsInnerProps = Pick<InputComboBoxProps<LabelOption, true>, 'op
     onCreateLabel?: (label: string) => void;
     /** Override the text displayed on the filter button */
     buttonText?: string;
+    /** Override the text displayed on the add button */
+    addButtonText?: string | null;
+    /** the function to call when the quick filter is opened */
+    onOpen?: () => void;
+    /** the function to call when the quick filter is closed */
+    onClose?: () => void;
+    /** The maximum number of labels that can be selected */
+    maxCount?: number;
 };
 type ParameterLabelsProps = CommonParameterInputProps & ParameterLabelsInnerProps & {
     disabled?: boolean;
@@ -4306,7 +4339,7 @@ type QuickFilterProps = {
     /** addButtonText to use for the add button
      * @default 'Add'
      */
-    addButtonText?: string;
+    addButtonText?: string | null;
     /** the css to use for the swatch colors
      * @default swatchColors from the Swatch component
      */
@@ -4350,8 +4383,29 @@ type QuickFilterProps = {
     maxContainerSize?: string;
     /** the icon to display on the left of the quick filter when collapsed */
     collapsedIcon?: IconType;
+    /** the function to call when the quick filter is opened */
+    onOpen?: () => void;
+    /** the function to call when the quick filter is closed */
+    onClose?: () => void;
+    /**
+     * Override the Ariakit placement of the dropdown menu.
+     * @default 'bottom-end'
+     */
+    menuPlacement?: MenuProps['placement'];
+    /**
+     * Override the Ariakit getAnchorRect for custom menu anchor positioning.
+     * Pass `null` to disable the built-in default and use standard Ariakit positioning.
+     * @default Anchors to the container's right edge
+     */
+    menuGetAnchorRect?: MenuProps['getAnchorRect'] | null;
+    /**
+     * Override the Ariakit updatePosition to control when the menu repositions.
+     * Pass `null` to disable the built-in default (position freezing) and allow normal repositioning.
+     * @default Freezes position after initial placement
+     */
+    menuUpdatePosition?: MenuProps['updatePosition'] | null;
 };
-declare const QuickFilter: ({ iconLeft, collapsedIcon, buttonText, testId, ariaLabel, children, size, disabled, selectedItems, onSearchTermChanged, addButtonText, onItemRemoved, totalResults, maxMenuHeight, maxCount, containerCss, resultsComponent, hasNoResultsMessage, searchPlaceholderText, maxContainerSize, }: QuickFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const QuickFilter: ({ iconLeft, collapsedIcon, buttonText, testId, ariaLabel, children, size, disabled, selectedItems, onSearchTermChanged, addButtonText, onItemRemoved, totalResults, maxMenuHeight, maxCount, containerCss, resultsComponent, hasNoResultsMessage, searchPlaceholderText, maxContainerSize, onOpen, onClose, menuPlacement, menuGetAnchorRect, menuUpdatePosition, }: QuickFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SegmentedControlOption<TValue extends string = string> = {
     value: TValue;