@box/blueprint-web 14.13.0 → 14.15.0

package/dist/lib-esm/index.d.ts

@@ -51,6 +51,7 @@ export * from './primitives/dropdown-menu';
 export * from './primitives/icon-button';
 export * from './primitives/inline-error/inline-error';
 export * from './primitives/link';
+export * from './primitives/menu-combobox';
 export * from './primitives/notification';
 export * from './primitives/page-header';
 export * from './primitives/popover';

package/dist/lib-esm/index.js

@@ -69,6 +69,7 @@ export { DropdownMenu } from './primitives/dropdown-menu/index.js';
 export { IconButton } from './primitives/icon-button/icon-button.js';
 export { InlineError } from './primitives/inline-error/inline-error.js';
 export { Link } from './primitives/link/link.js';
+export { MenuCombobox } from './primitives/menu-combobox/index.js';
 export { Notification } from './primitives/notification/index.js';
 export { PageHeader } from './primitives/page-header/page-header.js';
 export { Popover } from './primitives/popover/index.js';

package/dist/lib-esm/primitives/menu-combobox/index.d.ts

@@ -0,0 +1,27 @@
+export declare const MenuCombobox: {
+    Root: {
+        (props: import("./types").MenuComboboxRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: import("react").ForwardRefExoticComponent<Omit<import("./types").MenuComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("./types").MenuComboboxContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: (({ children, className, ...rest }: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
+        MenuCloseButton: import("react").ForwardRefExoticComponent<Omit<import("./menu-combobox-header").MenuComboboxHeaderMenuCloseButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+        TextContent: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+            subtitle?: string;
+            title: string;
+        } & import("react").RefAttributes<HTMLDivElement>>;
+    };
+    Search: import("react").ForwardRefExoticComponent<Omit<import("./types").MenuComboboxSearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<import("./types").MenuComboboxListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("./types").MenuComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Empty: import("react").ForwardRefExoticComponent<Omit<import("./types").MenuComboboxEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type { MenuComboboxHeaderMenuCloseButtonProps, MenuComboboxHeaderTextContentProps, } from './menu-combobox-header';
+export type { MenuComboboxContentProps } from './types';
+export type { MenuComboboxEmptyProps } from './types';
+export type { MenuComboboxItemProps } from './types';
+export type { MenuComboboxListProps } from './types';
+export type { MenuComboboxRootProps } from './types';
+export type { MenuComboboxSearchProps } from './types';
+export type { MenuComboboxTriggerProps } from './types';

package/dist/lib-esm/primitives/menu-combobox/index.js

@@ -0,0 +1,21 @@
+import { MenuComboboxContent } from './menu-combobox-content.js';
+import { MenuComboboxEmpty } from './menu-combobox-empty.js';
+import { MenuComboboxHeader } from './menu-combobox-header.js';
+import { MenuComboboxItem } from './menu-combobox-item.js';
+import { MenuComboboxList } from './menu-combobox-list.js';
+import { MenuComboboxRoot } from './menu-combobox-root.js';
+import { MenuComboboxSearch } from './menu-combobox-search.js';
+import { MenuComboboxTrigger } from './menu-combobox-trigger.js';
+
+const MenuCombobox = {
+  Root: MenuComboboxRoot,
+  Trigger: MenuComboboxTrigger,
+  Content: MenuComboboxContent,
+  Header: MenuComboboxHeader,
+  Search: MenuComboboxSearch,
+  List: MenuComboboxList,
+  Item: MenuComboboxItem,
+  Empty: MenuComboboxEmpty
+};
+
+export { MenuCombobox };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-content.d.ts

@@ -0,0 +1,3 @@
+import { type MenuComboboxContentProps } from './types';
+/** Menu panel that contains the search input and items. */
+export declare const MenuComboboxContent: import("react").ForwardRefExoticComponent<Omit<MenuComboboxContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-content.js

@@ -0,0 +1,61 @@
+import { jsx } from 'react/jsx-runtime';
+import { Space2 } from '@box/blueprint-web-assets/tokens/px-tokens';
+import { Menu } from '@ariakit/react';
+import clsx from 'clsx';
+import { forwardRef, useMemo } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
+import { useMenuComboboxContext } from './menu-combobox-context.js';
+import styles from './menu-combobox.module.js';
+
+const GUTTER = parseInt(Space2, 10);
+/* Force-fill the viewport when fullscreen; `pointerEvents: 'none'` lets clicks reach the
+ * trigger while closed, the inner content re-enables them via SCSS. */
+const FULLSCREEN_WRAPPER_STYLE = {
+  position: 'fixed',
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  width: '100vw',
+  height: '100dvh',
+  transform: 'none',
+  pointerEvents: 'none'
+};
+const noopUpdatePosition = () => {
+  /* Skip Ariakit positioning when fullscreen so it doesn't override the wrapper style. */
+};
+/** Menu panel that contains the search input and items. */
+const MenuComboboxContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    portalElement,
+    ...rest
+  } = props;
+  const {
+    isFullScreenEnabled
+  } = useMenuComboboxContext();
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
+  const gutter = isFullScreenEnabled ? 0 : GUTTER;
+  const wrapperProps = useMemo(() => isFullScreenEnabled ? {
+    style: FULLSCREEN_WRAPPER_STYLE
+  } : undefined, [isFullScreenEnabled]);
+  return jsx(Menu, {
+    ref: forwardedRef,
+    portal: true,
+    portalElement: portalElement,
+    gutter: gutter,
+    wrapperProps: wrapperProps,
+    updatePosition: isFullScreenEnabled ? noopUpdatePosition : undefined,
+    ...rest,
+    className: clsx(styles.content, className),
+    "data-menu-fullscreen": isFullScreenEnabled ? 'true' : 'false',
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    children: children
+  });
+});
+MenuComboboxContent.displayName = 'MenuComboboxContent';
+
+export { MenuComboboxContent };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-context.d.ts

@@ -0,0 +1,8 @@
+export type MenuComboboxContextValue = {
+    searchPlaceholder: string | undefined;
+    isFullScreenEnabled: boolean;
+    /** Imperatively close the menu. */
+    setOpen: (open: boolean) => void;
+};
+export declare const MenuComboboxContext: import("react").Context<MenuComboboxContextValue>;
+export declare const useMenuComboboxContext: () => MenuComboboxContextValue;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-context.js

@@ -0,0 +1,13 @@
+import { useContext, createContext } from 'react';
+
+const defaultValue = {
+  searchPlaceholder: undefined,
+  isFullScreenEnabled: false,
+  setOpen: () => {
+    /* no-op outside of a MenuCombobox.Root */
+  }
+};
+const MenuComboboxContext = /*#__PURE__*/createContext(defaultValue);
+const useMenuComboboxContext = () => useContext(MenuComboboxContext);
+
+export { MenuComboboxContext, useMenuComboboxContext };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-empty.d.ts

@@ -0,0 +1,3 @@
+import { type MenuComboboxEmptyProps } from './types';
+/** Shown when the filtered list has no matches. */
+export declare const MenuComboboxEmpty: import("react").ForwardRefExoticComponent<Omit<MenuComboboxEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-empty.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
+import styles from './menu-combobox.module.js';
+
+/** Shown when the filtered list has no matches. */
+const MenuComboboxEmpty = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
+  return jsx("div", {
+    ref: forwardedRef,
+    role: "status",
+    ...rest,
+    className: clsx(styles.empty, enableModernizedComponents && styles.emptyModern, className),
+    children: children
+  });
+});
+MenuComboboxEmpty.displayName = 'MenuComboboxEmpty';
+
+export { MenuComboboxEmpty };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-header.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes } from 'react';
+import { type IconButtonProps } from '../icon-button';
+export type MenuComboboxHeaderMenuCloseButtonProps = Omit<IconButtonProps, 'icon' | 'variant' | 'size'>;
+export type MenuComboboxHeaderTextContentProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** Secondary line below the title. */
+    subtitle?: string;
+    /** Primary line. */
+    title: string;
+};
+export declare const MenuComboboxHeader: (({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
+    MenuCloseButton: import("react").ForwardRefExoticComponent<Omit<MenuComboboxHeaderMenuCloseButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    TextContent: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+        /** Secondary line below the title. */
+        subtitle?: string;
+        /** Primary line. */
+        title: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-header.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import { XMark } from '@box/blueprint-web-assets/icons/Medium';
+import clsx from 'clsx';
+import { forwardRef, useCallback } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
+import { IconButton } from '../icon-button/icon-button.js';
+import { Text } from '../../text/text.js';
+import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
+import { useMenuComboboxContext } from './menu-combobox-context.js';
+import styles from './menu-combobox.module.js';
+
+const MenuCloseButton = /*#__PURE__*/forwardRef(({
+  onClick,
+  className,
+  ...rest
+}, ref) => {
+  const {
+    setOpen
+  } = useMenuComboboxContext();
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
+  const handleCloseClick = useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const CloseIcon = enableModernizedComponents ? XMark : XMark$1;
+  return jsx(IconButton, {
+    ref: ref,
+    ...rest,
+    className: clsx(styles.menuCloseButton, className),
+    icon: CloseIcon,
+    onClick: composeEventHandlers(handleCloseClick, onClick),
+    variant: "small-utility"
+  });
+});
+MenuCloseButton.displayName = 'MenuComboboxHeaderMenuCloseButton';
+const TextContent = /*#__PURE__*/forwardRef(({
+  title,
+  subtitle,
+  className,
+  ...rest
+}, ref) => {
+  return jsxs("div", {
+    ref: ref,
+    ...rest,
+    className: clsx(styles.headerTextContent, className),
+    children: [jsx(Text, {
+      as: "span",
+      className: styles.headerEllipsis,
+      variant: "bodyLargeBold",
+      children: title
+    }), subtitle && jsx(Text, {
+      as: "span",
+      className: styles.headerEllipsis,
+      color: "textOnLightSecondary",
+      variant: "caption",
+      children: subtitle
+    })]
+  });
+});
+TextContent.displayName = 'MenuComboboxHeaderTextContent';
+const MenuComboboxHeaderPrimitive = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return jsx("div", {
+    ...rest,
+    className: clsx(styles.menuHeader, className),
+    role: "presentation",
+    children: children
+  });
+};
+const MenuComboboxHeader = Object.assign(MenuComboboxHeaderPrimitive, {
+  MenuCloseButton,
+  TextContent
+});
+
+export { MenuComboboxHeader };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-item.d.ts

@@ -0,0 +1,3 @@
+import { type MenuComboboxItemProps } from './types';
+/** A filterable menu item. */
+export declare const MenuComboboxItem: import("react").ForwardRefExoticComponent<Omit<MenuComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-item.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxItem } from '@ariakit/react';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Text } from '../../text/text.js';
+import styles from './menu-combobox.module.js';
+
+/** A filterable menu item. */
+const MenuComboboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  return jsx(ComboboxItem, {
+    ref: forwardedRef,
+    focusOnHover: true,
+    setValueOnClick: false,
+    ...rest,
+    className: clsx(styles.item, className),
+    children: jsx(Text, {
+      as: "span",
+      className: styles.itemLabel,
+      variant: "bodyDefault",
+      children: children
+    })
+  });
+});
+MenuComboboxItem.displayName = 'MenuComboboxItem';
+
+export { MenuComboboxItem };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-list.d.ts

@@ -0,0 +1,3 @@
+import { type MenuComboboxListProps } from './types';
+/** Scrollable list of combobox items. */
+export declare const MenuComboboxList: import("react").ForwardRefExoticComponent<Omit<MenuComboboxListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-list.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxList } from '@ariakit/react';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import styles from './menu-combobox.module.js';
+
+/** Scrollable list of combobox items. */
+const MenuComboboxList = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  return jsx(ComboboxList, {
+    ref: forwardedRef,
+    ...rest,
+    className: clsx(styles.list, className),
+    children: children
+  });
+});
+MenuComboboxList.displayName = 'MenuComboboxList';
+
+export { MenuComboboxList };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-root.d.ts

@@ -0,0 +1,6 @@
+import { type MenuComboboxRootProps } from './types';
+/** Root provider that wires the combobox + menu state together. */
+export declare const MenuComboboxRoot: {
+    (props: MenuComboboxRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-root.js

@@ -0,0 +1,51 @@
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxProvider, MenuProvider } from '@ariakit/react';
+import { useState, useCallback, startTransition, useMemo } from 'react';
+import { MenuComboboxContext } from './menu-combobox-context.js';
+
+/** Root provider that wires the combobox + menu state together. */
+const MenuComboboxRoot = props => {
+  const {
+    children,
+    open: controlledOpen,
+    onOpenChange,
+    defaultOpen = false,
+    onSearchValueChange,
+    searchPlaceholder,
+    isFullScreenEnabled = false
+  } = props;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== undefined;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleSetOpen = useCallback(nextOpen => {
+    if (!isControlled) {
+      setUncontrolledOpen(nextOpen);
+    }
+    onOpenChange?.(nextOpen);
+  }, [isControlled, onOpenChange]);
+  const handleSetValue = useCallback(value => {
+    startTransition(() => {
+      onSearchValueChange?.(value);
+    });
+  }, [onSearchValueChange]);
+  const contextValue = useMemo(() => ({
+    searchPlaceholder,
+    isFullScreenEnabled,
+    setOpen: handleSetOpen
+  }), [searchPlaceholder, isFullScreenEnabled, handleSetOpen]);
+  return jsx(MenuComboboxContext.Provider, {
+    value: contextValue,
+    children: jsx(ComboboxProvider, {
+      resetValueOnHide: true,
+      setValue: handleSetValue,
+      children: jsx(MenuProvider, {
+        open: isOpen,
+        setOpen: handleSetOpen,
+        children: children
+      })
+    })
+  });
+};
+MenuComboboxRoot.displayName = 'MenuComboboxRoot';
+
+export { MenuComboboxRoot };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-search.d.ts

@@ -0,0 +1,3 @@
+import { type MenuComboboxSearchProps } from './types';
+/** Filterable search input rendered inside the menu panel. */
+export declare const MenuComboboxSearch: import("react").ForwardRefExoticComponent<Omit<MenuComboboxSearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-search.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Combobox } from '@ariakit/react';
+import { Search as Search$1 } from '@box/blueprint-web-assets/icons/Fill';
+import { Search } from '@box/blueprint-web-assets/icons/Medium';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
+import { useMenuComboboxContext } from './menu-combobox-context.js';
+import styles from './menu-combobox.module.js';
+
+/** Filterable search input rendered inside the menu panel. */
+const MenuComboboxSearch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    className,
+    placeholder,
+    'aria-label': ariaLabel,
+    ...rest
+  } = props;
+  const {
+    searchPlaceholder: rootSearchPlaceholder
+  } = useMenuComboboxContext();
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
+  const SearchIcon = enableModernizedComponents ? Search : Search$1;
+  const resolvedPlaceholder = placeholder ?? rootSearchPlaceholder;
+  return jsxs("span", {
+    className: styles.searchWrapper,
+    children: [jsx(SearchIcon, {
+      "aria-hidden": "true",
+      className: styles.searchIcon
+    }), jsx(Combobox, {
+      ref: forwardedRef,
+      "aria-label": ariaLabel,
+      autoSelect: true,
+      ...rest,
+      className: clsx(styles.search, enableModernizedComponents && styles.searchModern, className),
+      placeholder: resolvedPlaceholder
+    })]
+  });
+});
+MenuComboboxSearch.displayName = 'MenuComboboxSearch';
+
+export { MenuComboboxSearch };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-trigger.d.ts

@@ -0,0 +1,3 @@
+import { type MenuComboboxTriggerProps } from './types';
+/** Connects the menu disclosure to a single interactive child (asChild pattern). */
+export declare const MenuComboboxTrigger: import("react").ForwardRefExoticComponent<Omit<MenuComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-trigger.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { MenuButton } from '@ariakit/react';
+import { forwardRef, Children, isValidElement } from 'react';
+
+/** Connects the menu disclosure to a single interactive child (asChild pattern). */
+const MenuComboboxTrigger = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    render: renderProp,
+    ...rest
+  } = props;
+  const elements = Children.toArray(children).filter(isValidElement);
+  if (process.env.NODE_ENV !== 'production' && !renderProp && elements.length !== 1) {
+    // eslint-disable-next-line no-console
+    console.warn('MenuCombobox.Trigger expects a single element child so disclosure props can be merged into it. ' + `Received ${elements.length} element(s).`);
+  }
+  const renderFromChild = elements.length === 1 ? elements[0] : undefined;
+  const render = renderProp ?? renderFromChild;
+  return jsx(MenuButton, {
+    ref: forwardedRef,
+    ...rest,
+    render: render,
+    children: renderFromChild ? undefined : children
+  });
+});
+MenuComboboxTrigger.displayName = 'MenuComboboxTrigger';
+
+export { MenuComboboxTrigger };

package/dist/lib-esm/primitives/menu-combobox/menu-combobox.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"content":"bp_menu_combobox_module_content--6ad69","searchWrapper":"bp_menu_combobox_module_searchWrapper--6ad69","searchIcon":"bp_menu_combobox_module_searchIcon--6ad69","search":"bp_menu_combobox_module_search--6ad69","searchModern":"bp_menu_combobox_module_searchModern--6ad69","list":"bp_menu_combobox_module_list--6ad69","item":"bp_menu_combobox_module_item--6ad69","itemLabel":"bp_menu_combobox_module_itemLabel--6ad69","empty":"bp_menu_combobox_module_empty--6ad69","emptyModern":"bp_menu_combobox_module_emptyModern--6ad69","menuHeader":"bp_menu_combobox_module_menuHeader--6ad69","headerTextContent":"bp_menu_combobox_module_headerTextContent--6ad69","headerEllipsis":"bp_menu_combobox_module_headerEllipsis--6ad69","menuCloseButton":"bp_menu_combobox_module_menuCloseButton--6ad69"};
+
+export { styles as default };

package/dist/lib-esm/primitives/menu-combobox/types.d.ts

@@ -0,0 +1,36 @@
+import { type ComboboxItemProps as AriakitComboboxItemProps, type ComboboxListProps as AriakitComboboxListProps, type ComboboxProps as AriakitComboboxProps, type MenuButtonProps as AriakitMenuButtonProps, type MenuProps as AriakitMenuProps } from '@ariakit/react';
+import { type ComponentProps, type ReactNode } from 'react';
+export interface MenuComboboxRootProps {
+    children: ReactNode;
+    /** Controlled open state. Pair with `onOpenChange`. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** @default false */
+    defaultOpen?: boolean;
+    /** Called as the search input value changes; use it to filter the rendered items. */
+    onSearchValueChange?: (value: string) => void;
+    /** Default placeholder for `MenuCombobox.Search`. */
+    searchPlaceholder?: string;
+    /** Render the panel as a full-screen mobile surface. @default false */
+    isFullScreenEnabled?: boolean;
+}
+export interface MenuComboboxTriggerProps extends Omit<AriakitMenuButtonProps, 'store'> {
+    /** A single interactive element to merge disclosure behavior into (asChild pattern). */
+    children: ReactNode;
+}
+export type MenuComboboxContentProps = Omit<AriakitMenuProps, 'store'>;
+export interface MenuComboboxSearchProps extends Omit<AriakitComboboxProps, 'store'> {
+    /** Required, localized accessible name for the search input. */
+    'aria-label': string;
+    /** Overrides `searchPlaceholder` from `MenuCombobox.Root`. */
+    placeholder?: string;
+}
+export interface MenuComboboxListProps extends Omit<AriakitComboboxListProps, 'store'> {
+    children: ReactNode;
+}
+export interface MenuComboboxItemProps extends Omit<AriakitComboboxItemProps, 'store'> {
+    children?: ReactNode;
+}
+export interface MenuComboboxEmptyProps extends ComponentProps<'div'> {
+    children: ReactNode;
+}

package/dist/lib-esm/text/text.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"textReset":"bp_text_module_textReset--1fd57","breakWord":"bp_text_module_breakWord--1fd57","textOnLightDefault":"bp_text_module_textOnLightDefault--1fd57","textOnLightSecondary":"bp_text_module_textOnLightSecondary--1fd57","textOnLightLink":"bp_text_module_textOnLightLink--1fd57","textOnLightError":"bp_text_module_textOnLightError--1fd57","textOnDarkDefault":"bp_text_module_textOnDarkDefault--1fd57","titleMondo":"bp_text_module_titleMondo--1fd57","titleXLarge":"bp_text_module_titleXLarge--1fd57","titleLarge":"bp_text_module_titleLarge--1fd57","titleMedium":"bp_text_module_titleMedium--1fd57","titleSmall":"bp_text_module_titleSmall--1fd57","subtitle":"bp_text_module_subtitle--1fd57","bodyLargeBold":"bp_text_module_bodyLargeBold--1fd57","bodyLarge":"bp_text_module_bodyLarge--1fd57","bodyDefaultBold":"bp_text_module_bodyDefaultBold--1fd57","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--1fd57","bodyDefault":"bp_text_module_bodyDefault--1fd57","bodySmallSemibold":"bp_text_module_bodySmallSemibold--1fd57","bodySmall":"bp_text_module_bodySmall--1fd57","captionBold":"bp_text_module_captionBold--1fd57","caption":"bp_text_module_caption--1fd57","labelBold":"bp_text_module_labelBold--1fd57","label":"bp_text_module_label--1fd57","linkDefault":"bp_text_module_linkDefault--1fd57","notificationDefault":"bp_text_module_notificationDefault--1fd57","metricLarge":"bp_text_module_metricLarge--1fd57","metricMedium":"bp_text_module_metricMedium--1fd57","metricSmall":"bp_text_module_metricSmall--1fd57"};
+var styles = {"textReset":"bp_text_module_textReset--1bfe8","breakWord":"bp_text_module_breakWord--1bfe8","textOnLightDefault":"bp_text_module_textOnLightDefault--1bfe8","textOnLightSecondary":"bp_text_module_textOnLightSecondary--1bfe8","textOnLightLink":"bp_text_module_textOnLightLink--1bfe8","textOnLightError":"bp_text_module_textOnLightError--1bfe8","textOnDarkDefault":"bp_text_module_textOnDarkDefault--1bfe8","titleMondo":"bp_text_module_titleMondo--1bfe8","titleXLarge":"bp_text_module_titleXLarge--1bfe8","titleLarge":"bp_text_module_titleLarge--1bfe8","titleMedium":"bp_text_module_titleMedium--1bfe8","titleSmall":"bp_text_module_titleSmall--1bfe8","subtitle":"bp_text_module_subtitle--1bfe8","bodyLargeBold":"bp_text_module_bodyLargeBold--1bfe8","bodyLarge":"bp_text_module_bodyLarge--1bfe8","bodyDefaultBold":"bp_text_module_bodyDefaultBold--1bfe8","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--1bfe8","bodyDefault":"bp_text_module_bodyDefault--1bfe8","bodySmallSemibold":"bp_text_module_bodySmallSemibold--1bfe8","bodySmall":"bp_text_module_bodySmall--1bfe8","captionBold":"bp_text_module_captionBold--1bfe8","caption":"bp_text_module_caption--1bfe8","labelBold":"bp_text_module_labelBold--1bfe8","label":"bp_text_module_label--1bfe8","linkDefault":"bp_text_module_linkDefault--1bfe8","notificationDefault":"bp_text_module_notificationDefault--1bfe8","metricLarge":"bp_text_module_metricLarge--1bfe8","metricMedium":"bp_text_module_metricMedium--1bfe8","metricSmall":"bp_text_module_metricSmall--1bfe8"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "14.13.0",
+    "version": "14.15.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^4.114.4",
+        "@box/blueprint-web-assets": "^4.114.6",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.17.46",
+        "@box/storybook-utils": "^0.17.48",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",