@itwin/itwinui-react 3.11.3 → 3.12.0

package/cjs/core/ComboBox/ComboBox.test-types.js

@@ -0,0 +1,91 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+const _jsxruntime = require('react/jsx-runtime');
+const _react = require('react');
+const _ComboBox = require('./ComboBox.js');
+() => {
+  const ref = (0, _react.useRef)(null);
+  return (0, _jsxruntime.jsx)(_ComboBox.ComboBox, {
+    options: [
+      {
+        label: 'Item 1',
+        value: 1,
+      },
+      {
+        label: 'Item 2',
+        value: 2,
+      },
+      {
+        label: 'Item 3',
+        value: 3,
+      },
+    ],
+    onChange: (value) => {
+      const returnValue = value;
+      return returnValue;
+    },
+    ref: ref,
+  });
+};
+() => {
+  return (0, _jsxruntime.jsx)(_ComboBox.ComboBox, {
+    options: [
+      {
+        label: 'Item 1',
+        value: 1,
+      },
+      {
+        label: 'Item 2',
+        value: 2,
+      },
+      {
+        label: 'Item 3',
+        value: 3,
+      },
+    ],
+    onChange: (value) => {
+      const returnValue = value;
+      return returnValue;
+    },
+  });
+};
+() => {
+  return (0, _jsxruntime.jsx)(_ComboBox.ComboBox, {
+    options: [
+      {
+        label: 'Item 1',
+        value: `1`,
+      },
+      {
+        label: 'Item 2',
+        value: `2`,
+      },
+      {
+        label: 'Item 3',
+        value: `3`,
+      },
+    ],
+    onChange: (value) => {
+      const returnValue = value;
+      return returnValue;
+    },
+  });
+};
+() => {
+  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+    children: (0, _jsxruntime.jsx)(_ComboBox.ComboBox, {
+      options: [
+        {
+          label: 'Item #1',
+          value: 1,
+        },
+      ],
+      onChange: (value) => {
+        const returnValue = value;
+        return returnValue;
+      },
+    }),
+  });
+};

package/cjs/core/ComboBox/ComboBoxEndIcon.js

@@ -1,45 +1,39 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboBoxEndIcon = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const Icon_js_1 = require("../Icon/Icon.js");
-exports.ComboBoxEndIcon = React.forwardRef((props, forwardedRef) => {
-    const { className, children, disabled, isOpen, ...rest } = props;
-    return (React.createElement(Icon_js_1.Icon, { as: 'span', ref: forwardedRef, className: (0, classnames_1.default)('iui-end-icon', {
-            'iui-disabled': disabled,
-            'iui-open': isOpen,
-        }, className), ...rest }, children ?? React.createElement(index_js_1.SvgCaretDownSmall, { "aria-hidden": true })));
+Object.defineProperty(exports, 'ComboBoxEndIcon', {
+  enumerable: true,
+  get: function () {
+    return ComboBoxEndIcon;
+  },
 });
-exports.ComboBoxEndIcon.displayName = 'ComboBoxEndIcon';
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _Icon = require('../Icon/Icon.js');
+const ComboBoxEndIcon = _react.forwardRef((props, forwardedRef) => {
+  const { className, children, disabled, isOpen, ...rest } = props;
+  return (0, _jsxruntime.jsx)(_Icon.Icon, {
+    as: 'span',
+    ref: forwardedRef,
+    className: (0, _classnames.default)(
+      'iui-end-icon',
+      {
+        'iui-disabled': disabled,
+        'iui-open': isOpen,
+      },
+      className,
+    ),
+    ...rest,
+    children:
+      children ??
+      (0, _jsxruntime.jsx)(_index.SvgCaretDownSmall, {
+        'aria-hidden': true,
+      }),
+  });
+});
+ComboBoxEndIcon.displayName = 'ComboBoxEndIcon';

package/cjs/core/ComboBox/ComboBoxInput.js

@@ -1,181 +1,224 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'ComboBoxInput', {
+  enumerable: true,
+  get: function () {
+    return ComboBoxInput;
+  },
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboBoxInput = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const Input_js_1 = require("../Input/Input.js");
-const index_js_1 = require("../../utils/index.js");
-const ComboBoxMultipleContainer_js_1 = require("./ComboBoxMultipleContainer.js");
-const helpers_js_1 = require("./helpers.js");
-exports.ComboBoxInput = React.forwardRef((props, forwardedRef) => {
-    const { selectTags, size, style, ...rest } = props;
-    const { isOpen, id, focusedIndex, enableVirtualization, multiple, onClickHandler, popover, show, hide, } = (0, index_js_1.useSafeContext)(helpers_js_1.ComboBoxStateContext);
-    const dispatch = (0, index_js_1.useSafeContext)(helpers_js_1.ComboBoxActionContext);
-    const { inputRef, menuRef, optionsExtraInfoRef } = (0, index_js_1.useSafeContext)(helpers_js_1.ComboBoxRefsContext);
-    const refs = (0, index_js_1.useMergedRefs)(inputRef, popover.refs.setReference, forwardedRef);
-    const focusedIndexRef = (0, index_js_1.useLatestRef)(focusedIndex ?? -1);
-    const getIdFromIndex = (index) => {
-        return (menuRef.current?.querySelector(`[data-iui-index="${index}"]`)?.id ?? '');
-    };
-    const handleKeyDown = React.useCallback((event) => {
-        const length = Object.keys(optionsExtraInfoRef.current).length ?? 0;
-        if (event.altKey) {
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _Input = require('../Input/Input.js');
+const _index = require('../../utils/index.js');
+const _ComboBoxMultipleContainer = require('./ComboBoxMultipleContainer.js');
+const _helpers = require('./helpers.js');
+const ComboBoxInput = _react.forwardRef((props, forwardedRef) => {
+  const { selectTags, size, style, ...rest } = props;
+  const {
+    isOpen,
+    id,
+    focusedIndex,
+    setFocusedIndex,
+    enableVirtualization,
+    multiple,
+    onClickHandler,
+    popover,
+    show,
+    hide,
+  } = (0, _index.useSafeContext)(_helpers.ComboBoxStateContext);
+  const { inputRef, menuRef, optionsExtraInfo } = (0, _index.useSafeContext)(
+    _helpers.ComboBoxRefsContext,
+  );
+  const refs = (0, _index.useMergedRefs)(
+    inputRef,
+    popover.refs.setReference,
+    forwardedRef,
+  );
+  const focusedIndexRef = (0, _index.useLatestRef)(focusedIndex ?? -1);
+  const getIdFromIndex = (index) => {
+    return (
+      menuRef.current?.querySelector(`[data-iui-index="${index}"]`)?.id ?? ''
+    );
+  };
+  const handleKeyDown = _react.useCallback(
+    (event) => {
+      const length = Object.keys(optionsExtraInfo).length ?? 0;
+      if (event.altKey) {
+        return;
+      }
+      switch (event.key) {
+        case 'ArrowDown': {
+          event.preventDefault();
+          if (!isOpen) {
+            return show();
+          }
+          if (length === 0) {
             return;
-        }
-        switch (event.key) {
-            case 'ArrowDown': {
-                event.preventDefault();
-                if (!isOpen) {
-                    return show();
-                }
-                if (length === 0) {
-                    return;
-                }
-                if (focusedIndexRef.current === -1) {
-                    const currentElement = menuRef.current?.querySelector('[data-iui-index]');
-                    return dispatch({
-                        type: 'focus',
-                        value: Number(currentElement?.getAttribute('data-iui-index') ?? 0),
-                    });
-                }
-                // If virtualization is enabled, dont let round scrolling
-                if (enableVirtualization &&
-                    !menuRef.current?.querySelector(`[data-iui-index="${focusedIndexRef.current}"]`)?.nextElementSibling) {
-                    return;
-                }
-                let nextIndex = focusedIndexRef.current;
-                do {
-                    const currentElement = menuRef.current?.querySelector(`[data-iui-index="${nextIndex}"]`);
-                    const nextElement = currentElement?.nextElementSibling ??
-                        menuRef.current?.querySelector('[data-iui-index]');
-                    nextIndex = Number(nextElement?.getAttribute('data-iui-index'));
-                    if (nextElement) {
-                        return dispatch({ type: 'focus', value: nextIndex });
-                    }
-                } while (nextIndex !== focusedIndexRef.current);
-                break;
-            }
-            case 'ArrowUp': {
-                event.preventDefault();
-                if (!isOpen) {
-                    return show();
-                }
-                if (length === 0) {
-                    return;
-                }
-                // If virtualization is enabled, dont let round scrolling
-                if (enableVirtualization &&
-                    !menuRef.current?.querySelector(`[data-iui-index="${focusedIndexRef.current}"]`)?.previousElementSibling) {
-                    return;
-                }
-                if (focusedIndexRef.current === -1) {
-                    return dispatch({
-                        type: 'focus',
-                        value: Object.values(optionsExtraInfoRef.current)?.[length - 1]
-                            .__originalIndex ?? -1,
-                    });
-                }
-                let prevIndex = focusedIndexRef.current;
-                do {
-                    const currentElement = menuRef.current?.querySelector(`[data-iui-index="${prevIndex}"]`);
-                    const prevElement = currentElement?.previousElementSibling ??
-                        menuRef.current?.querySelector('[data-iui-index]:last-of-type');
-                    prevIndex = Number(prevElement?.getAttribute('data-iui-index'));
-                    if (prevElement) {
-                        return dispatch({ type: 'focus', value: prevIndex });
-                    }
-                } while (prevIndex !== focusedIndexRef.current);
-                break;
-            }
-            case 'Enter': {
-                event.preventDefault();
-                if (isOpen) {
-                    if (focusedIndexRef.current > -1) {
-                        onClickHandler?.(focusedIndexRef.current);
-                    }
-                }
-                else {
-                    show();
-                }
-                break;
+          }
+          if (focusedIndexRef.current === -1) {
+            const currentElement =
+              menuRef.current?.querySelector('[data-iui-index]');
+            return setFocusedIndex(
+              Number(currentElement?.getAttribute('data-iui-index') ?? 0),
+            );
+          }
+          if (
+            enableVirtualization &&
+            !menuRef.current?.querySelector(
+              `[data-iui-index="${focusedIndexRef.current}"]`,
+            )?.nextElementSibling
+          ) {
+            return;
+          }
+          let nextIndex = focusedIndexRef.current;
+          do {
+            const currentElement = menuRef.current?.querySelector(
+              `[data-iui-index="${nextIndex}"]`,
+            );
+            const nextElement =
+              currentElement?.nextElementSibling ??
+              menuRef.current?.querySelector('[data-iui-index]');
+            nextIndex = Number(nextElement?.getAttribute('data-iui-index'));
+            if (nextElement) {
+              return setFocusedIndex(nextIndex);
             }
-            case 'Escape': {
-                event.preventDefault();
-                hide();
-                break;
+          } while (nextIndex !== focusedIndexRef.current);
+          break;
+        }
+        case 'ArrowUp': {
+          event.preventDefault();
+          if (!isOpen) {
+            return show();
+          }
+          if (length === 0) {
+            return;
+          }
+          if (
+            enableVirtualization &&
+            !menuRef.current?.querySelector(
+              `[data-iui-index="${focusedIndexRef.current}"]`,
+            )?.previousElementSibling
+          ) {
+            return;
+          }
+          if (focusedIndexRef.current === -1) {
+            return setFocusedIndex(
+              Object.values(optionsExtraInfo)?.[length - 1].__originalIndex ??
+                -1,
+            );
+          }
+          let prevIndex = focusedIndexRef.current;
+          do {
+            const currentElement = menuRef.current?.querySelector(
+              `[data-iui-index="${prevIndex}"]`,
+            );
+            const prevElement =
+              currentElement?.previousElementSibling ??
+              menuRef.current?.querySelector('[data-iui-index]:last-of-type');
+            prevIndex = Number(prevElement?.getAttribute('data-iui-index'));
+            if (prevElement) {
+              return setFocusedIndex(prevIndex);
             }
-            case 'Tab':
-                hide();
-                break;
+          } while (prevIndex !== focusedIndexRef.current);
+          break;
         }
-    }, [
-        dispatch,
-        enableVirtualization,
-        focusedIndexRef,
-        isOpen,
-        menuRef,
-        onClickHandler,
-        optionsExtraInfoRef,
-        show,
-        hide,
-    ]);
-    /**
-     * This temporarily stores the state of `isOpen` before click event starts and resets it later.
-     * It is necessary because `isOpen` may have changed during the process of the click,
-     * e.g. because of focus, which could cause the menu to close immediately after opening.
-     */
-    const wasOpenBeforeClick = React.useRef(false);
-    const handlePointerDown = React.useCallback(() => {
-        wasOpenBeforeClick.current = isOpen;
-    }, [isOpen]);
-    const handleClick = React.useCallback(() => {
-        if (!wasOpenBeforeClick.current) {
+        case 'Enter': {
+          event.preventDefault();
+          if (isOpen) {
+            if (focusedIndexRef.current > -1) {
+              onClickHandler?.(focusedIndexRef.current);
+            }
+          } else {
             show();
+          }
+          break;
         }
-        else {
-            hide();
+        case 'Escape': {
+          event.preventDefault();
+          hide();
+          break;
         }
-        wasOpenBeforeClick.current = false;
-    }, [hide, show]);
-    const [tagContainerWidthRef, tagContainerWidth] = (0, index_js_1.useContainerWidth)();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Input_js_1.Input, { ref: refs, "aria-expanded": isOpen, "aria-activedescendant": isOpen && focusedIndex != undefined && focusedIndex > -1
-                ? getIdFromIndex(focusedIndex)
-                : undefined, role: 'combobox', "aria-controls": isOpen ? `${id}-list` : undefined, "aria-autocomplete": 'list', spellCheck: false, autoCapitalize: 'none', autoCorrect: 'off', style: {
-                ...(multiple && { paddingInlineStart: tagContainerWidth + 18 }),
-                ...style,
-            }, "aria-describedby": multiple ? `${id}-selected-live` : undefined, size: size, ...popover.getReferenceProps({
-                ...rest,
-                onPointerDown: (0, index_js_1.mergeEventHandlers)(props.onPointerDown, handlePointerDown),
-                onClick: (0, index_js_1.mergeEventHandlers)(props.onClick, handleClick),
-                onKeyDown: (0, index_js_1.mergeEventHandlers)(props.onKeyDown, handleKeyDown),
-            }) }),
-        multiple && selectTags ? (React.createElement(ComboBoxMultipleContainer_js_1.ComboBoxMultipleContainer, { ref: tagContainerWidthRef, selectedItems: selectTags, id: `${id}-selected-live` })) : null));
+        case 'Tab':
+          hide();
+          break;
+      }
+    },
+    [
+      setFocusedIndex,
+      enableVirtualization,
+      focusedIndexRef,
+      isOpen,
+      menuRef,
+      onClickHandler,
+      optionsExtraInfo,
+      show,
+      hide,
+    ],
+  );
+  const wasOpenBeforeClick = _react.useRef(false);
+  const handlePointerDown = _react.useCallback(() => {
+    wasOpenBeforeClick.current = isOpen;
+  }, [isOpen]);
+  const handleClick = _react.useCallback(() => {
+    if (!wasOpenBeforeClick.current) {
+      show();
+    } else {
+      hide();
+    }
+    wasOpenBeforeClick.current = false;
+  }, [hide, show]);
+  const [tagContainerWidthRef, tagContainerWidth] = (0,
+  _index.useContainerWidth)();
+  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    children: [
+      (0, _jsxruntime.jsx)(_Input.Input, {
+        ref: refs,
+        'aria-expanded': isOpen,
+        'aria-activedescendant':
+          isOpen && focusedIndex != undefined && focusedIndex > -1
+            ? getIdFromIndex(focusedIndex)
+            : undefined,
+        role: 'combobox',
+        'aria-controls': isOpen ? `${id}-list` : undefined,
+        'aria-autocomplete': 'list',
+        spellCheck: false,
+        autoCapitalize: 'none',
+        autoCorrect: 'off',
+        style: {
+          ...(multiple && {
+            paddingInlineStart: tagContainerWidth + 18,
+          }),
+          ...style,
+        },
+        'aria-describedby': multiple ? `${id}-selected-live` : undefined,
+        size: size,
+        ...popover.getReferenceProps({
+          ...rest,
+          onPointerDown: (0, _index.mergeEventHandlers)(
+            props.onPointerDown,
+            handlePointerDown,
+          ),
+          onClick: (0, _index.mergeEventHandlers)(props.onClick, handleClick),
+          onKeyDown: (0, _index.mergeEventHandlers)(
+            props.onKeyDown,
+            handleKeyDown,
+          ),
+        }),
+      }),
+      multiple && selectTags
+        ? (0, _jsxruntime.jsx)(
+            _ComboBoxMultipleContainer.ComboBoxMultipleContainer,
+            {
+              ref: tagContainerWidthRef,
+              selectedItems: selectTags,
+              id: `${id}-selected-live`,
+            },
+          )
+        : null,
+    ],
+  });
 });
-exports.ComboBoxInput.displayName = 'ComboBoxInput';
+ComboBoxInput.displayName = 'ComboBoxInput';

package/cjs/core/ComboBox/ComboBoxInputContainer.js

@@ -1,42 +1,41 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboBoxInputContainer = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const StatusMessage_js_1 = require("../StatusMessage/StatusMessage.js");
-const index_js_1 = require("../../utils/index.js");
-const helpers_js_1 = require("./helpers.js");
-exports.ComboBoxInputContainer = React.forwardRef((props, forwardedRef) => {
-    const { className, status, message, children, ...rest } = props;
-    const { id } = (0, index_js_1.useSafeContext)(helpers_js_1.ComboBoxStateContext);
-    return (React.createElement(index_js_1.InputContainer, { className: className, status: status, statusMessage: typeof message === 'string' ? (React.createElement(StatusMessage_js_1.StatusMessage, { status: status }, message)) : (React.isValidElement(message) &&
-            React.cloneElement(message, { status })), ref: forwardedRef, ...rest, id: id },
-        React.createElement(index_js_1.InputWithIcon, null, children)));
+Object.defineProperty(exports, 'ComboBoxInputContainer', {
+  enumerable: true,
+  get: function () {
+    return ComboBoxInputContainer;
+  },
 });
-exports.ComboBoxInputContainer.displayName = 'ComboBoxInputContainer';
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _StatusMessage = require('../StatusMessage/StatusMessage.js');
+const _index = require('../../utils/index.js');
+const _helpers = require('./helpers.js');
+const ComboBoxInputContainer = _react.forwardRef((props, forwardedRef) => {
+  const { className, status, message, children, ...rest } = props;
+  const { id } = (0, _index.useSafeContext)(_helpers.ComboBoxStateContext);
+  return (0, _jsxruntime.jsx)(_index.InputContainer, {
+    className: className,
+    status: status,
+    statusMessage:
+      typeof message === 'string'
+        ? (0, _jsxruntime.jsx)(_StatusMessage.StatusMessage, {
+            status: status,
+            children: message,
+          })
+        : _react.isValidElement(message) &&
+          _react.cloneElement(message, {
+            status,
+          }),
+    ref: forwardedRef,
+    ...rest,
+    id: id,
+    children: (0, _jsxruntime.jsx)(_index.InputWithIcon, {
+      children: children,
+    }),
+  });
+});
+ComboBoxInputContainer.displayName = 'ComboBoxInputContainer';

package/cjs/core/ComboBox/ComboBoxMenu.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Menu } from '../Menu/Menu.js';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type ComboBoxMenuProps = Omit<React.ComponentPropsWithoutRef<typeof Menu>, 'onClick'> & React.ComponentPropsWithoutRef<'div'>;
+type ComboBoxMenuProps = Omit<React.ComponentPropsWithoutRef<typeof Menu>, 'onClick' | 'trigger'> & React.ComponentPropsWithoutRef<'div'>;
 export declare const ComboBoxMenu: PolymorphicForwardRefComponent<"div", ComboBoxMenuProps>;
 export {};