@redsift/pickers 11.5.0 → 11.6.0-alpha.0

package/_internal/ComboboxTrigger.js

@@ -0,0 +1,377 @@
+import { b as _objectSpread2, _ as _objectWithoutProperties } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext, useRef, useEffect } from 'react';
+import { useId, useMessageFormatter, FocusWithinGroupContext, ListboxContext, useTheme, isComponent, FocusWithinGroupActionType, IconButton, ListboxActionType, EventKey } from '@redsift/design-system';
+import { usePopoverContext, useMergeRefs } from '@redsift/popovers';
+import { b as ComboboxContext, C as ComboboxSelectionMode, a as ComboboxVariant } from './types.js';
+import { mdiClose, mdiChevronDown } from '@redsift/icons';
+import classNames from 'classnames';
+
+var collapse$1 = "Collapse";
+var expand$1 = "Expand";
+var selected$1 = "{count, plural, =0 {None selected} other {# selected}}";
+var unselect$1 = "Unselect {label}";
+var enUS = {
+	collapse: collapse$1,
+	expand: expand$1,
+	selected: selected$1,
+	unselect: unselect$1
+};
+
+var collapse = "Réduire";
+var expand = "Développer";
+var selected = "{count, plural, =0 {Aucun sélectionné} =1 {1 sélectionné} other {# sélectionnés}}";
+var unselect = "Déselectionner {label}";
+var frFR = {
+	collapse: collapse,
+	expand: expand,
+	selected: selected,
+	unselect: unselect
+};
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+const _excluded = ["aria-controls", "aria-expanded", "aria-haspopup", "role"];
+const COMPONENT_NAME = 'ComboboxTrigger';
+const CLASSNAME = 'redsift-combobox-trigger';
+
+/**
+ * The ComboboxTrigger component.
+ */
+const ComboboxTrigger = /*#__PURE__*/forwardRef((props, ref) => {
+  var _renderedChildren$pro;
+  const [id] = useId();
+  const {
+    children,
+    hideExpandButton,
+    openOnFocus,
+    hideClearButton,
+    pillProps
+  } = props;
+  const format = useMessageFormatter(intlMessages);
+  const {
+    getReferenceProps,
+    isOpen,
+    handleOpen: handleOpenPopover,
+    refs
+  } = usePopoverContext();
+  const childrenRef = children.ref;
+  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
+  const focusContext = useContext(FocusWithinGroupContext);
+  const comboboxState = useContext(ComboboxContext);
+  const listboxState = useContext(ListboxContext);
+  const theme = useTheme();
+  const canHaveMultipleSelections = (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.selectionMode) === ComboboxSelectionMode.multiple;
+  const canHaveFreeText = (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.variant) === ComboboxVariant.suggestions;
+  const renderedChildren = typeof children === 'function' ? children({
+    value: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value,
+    isOpen
+  }) : children;
+  const isTextArea = isComponent('TextArea')(renderedChildren);
+  const isTextField = isComponent('TextField')(renderedChildren);
+  const hasMultipleLines = isTextArea && (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.inputValue.includes('\n'));
+  const _inputRef = useRef();
+  const inputRef = (_renderedChildren$pro = renderedChildren.props.inputRef) !== null && _renderedChildren$pro !== void 0 ? _renderedChildren$pro : _inputRef;
+  const handleChange = value => {
+    focusContext.dispatch({
+      type: FocusWithinGroupActionType.FILTER_LIST,
+      payload: {
+        filter: _objectSpread2({
+          value: value || ''
+        }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
+      }
+    });
+    comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue(value);
+  };
+  const handleKeyDown = event => {
+    const code = event.code;
+    if (code === 'Escape' || code === 'Tab') {
+      if (isOpen) {
+        handleOpenPopover(false);
+      }
+      if (canHaveMultipleSelections && canHaveFreeText && comboboxState.inputValue) {
+        listboxState.dispatch({
+          type: ListboxActionType.TOGGLE,
+          payload: {
+            value: comboboxState.inputValue,
+            activedescendant: [comboboxState.freeTextItemId, comboboxState.inputValue]
+          }
+        });
+      }
+    }
+    if ((/^.$/.test(event.key) || code === 'Backspace') && !hasMultipleLines) {
+      if (!isOpen) {
+        handleOpenPopover(true);
+      }
+      if (canHaveMultipleSelections && canHaveFreeText) {
+        focusContext.dispatch({
+          type: FocusWithinGroupActionType.DELAY_ACTION,
+          payload: {
+            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+            payload: {
+              key: EventKey.Home,
+              ctrlKey: event.ctrlKey
+            }
+          }
+        });
+      }
+    }
+    if (canHaveMultipleSelections && comboboxState.inputValue === '' && code === 'Backspace') {
+      listboxState.dispatch({
+        type: ListboxActionType.SET,
+        payload: {
+          values: comboboxState.value.slice(0, comboboxState.value.length - 1),
+          activedescendant: focusContext.state.activedescendant
+        }
+      });
+    }
+    if (code === 'ArrowDown' && !hasMultipleLines) {
+      if (!isOpen) {
+        handleOpenPopover(true);
+      }
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+          payload: {
+            key: focusContext.state.selectedId !== null ? EventKey.ArrowDown : EventKey.Home,
+            ctrlKey: event.ctrlKey
+          }
+        }
+      });
+      event.preventDefault();
+    }
+    if (code === 'ArrowUp' && !hasMultipleLines) {
+      if (!isOpen) {
+        handleOpenPopover(true);
+      }
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+          payload: {
+            key: focusContext.state.selectedId !== null ? EventKey.ArrowUp : EventKey.End,
+            ctrlKey: event.ctrlKey
+          }
+        }
+      });
+      event.preventDefault();
+    }
+    if (code === 'Enter') {
+      var _focusContext$state$a;
+      if (isTextField || isTextArea && !event.shiftKey) {
+        event.preventDefault();
+      }
+      if (canHaveMultipleSelections && canHaveFreeText && ((_focusContext$state$a = focusContext.state.activedescendant) === null || _focusContext$state$a === void 0 ? void 0 : _focusContext$state$a[0]) === comboboxState.freeTextItemId && comboboxState.inputValue) {
+        listboxState.dispatch({
+          type: ListboxActionType.TOGGLE,
+          payload: {
+            value: comboboxState.inputValue,
+            activedescendant: [comboboxState.freeTextItemId, comboboxState.inputValue]
+          }
+        });
+        handleOpenPopover(false);
+      } else if (isOpen && focusContext.state.selectedId) {
+        if (canHaveMultipleSelections) {
+          var _focusContext$state$a2, _focusContext$state$a3;
+          listboxState.dispatch({
+            type: ListboxActionType.TOGGLE,
+            payload: {
+              value: (_focusContext$state$a2 = (_focusContext$state$a3 = focusContext.state.activedescendant) === null || _focusContext$state$a3 === void 0 ? void 0 : _focusContext$state$a3[1]) !== null && _focusContext$state$a2 !== void 0 ? _focusContext$state$a2 : '',
+              activedescendant: focusContext.state.activedescendant
+            }
+          });
+        } else {
+          var _focusContext$state$a4, _focusContext$state$a5;
+          listboxState.dispatch({
+            type: ListboxActionType.SET,
+            payload: {
+              values: [(_focusContext$state$a4 = (_focusContext$state$a5 = focusContext.state.activedescendant) === null || _focusContext$state$a5 === void 0 ? void 0 : _focusContext$state$a5[1]) !== null && _focusContext$state$a4 !== void 0 ? _focusContext$state$a4 : ''],
+              activedescendant: focusContext.state.activedescendant
+            }
+          });
+        }
+      } else if (!event.shiftKey) {
+        var _comboboxState$formRe, _comboboxState$formRe2, _comboboxState$submit, _comboboxState$submit2;
+        comboboxState === null || comboboxState === void 0 ? void 0 : (_comboboxState$formRe = comboboxState.formRef) === null || _comboboxState$formRe === void 0 ? void 0 : (_comboboxState$formRe2 = _comboboxState$formRe.current) === null || _comboboxState$formRe2 === void 0 ? void 0 : _comboboxState$formRe2.submit();
+        comboboxState === null || comboboxState === void 0 ? void 0 : (_comboboxState$submit = comboboxState.submitRef) === null || _comboboxState$submit === void 0 ? void 0 : (_comboboxState$submit2 = _comboboxState$submit.current) === null || _comboboxState$submit2 === void 0 ? void 0 : _comboboxState$submit2.click();
+      }
+    }
+  };
+  const handleOpen = () => {
+    if (isOpen) {
+      handleOpenPopover(false);
+    } else {
+      var _inputRef$current, _focusContext$state$a6;
+      handleOpenPopover(true);
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.FOCUS_ON_LIST,
+          payload: {
+            id: (_focusContext$state$a6 = focusContext.state.activedescendant) === null || _focusContext$state$a6 === void 0 ? void 0 : _focusContext$state$a6[0],
+            filter: _objectSpread2({
+              value: ''
+            }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
+          }
+        }
+      });
+    }
+  };
+  const handleFocus = () => {
+    var _inputRef$current2;
+    if (openOnFocus) {
+      handleOpen();
+    }
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
+  };
+  const handleBlur = () => {
+    if (canHaveMultipleSelections) {
+      if (!canHaveFreeText) {
+        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue('');
+      }
+    } else {
+      if (canHaveFreeText) {
+        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setValue(comboboxState.inputValue);
+      } else {
+        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue(listboxState.state.selectedValues[0]);
+      }
+    }
+  };
+  const handleClear = () => {
+    listboxState.dispatch({
+      type: ListboxActionType.SET,
+      payload: {
+        values: [],
+        activedescendant: ['', '']
+      }
+    });
+  };
+  useEffect(() => {
+    if (canHaveMultipleSelections) {
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.FILTER_LIST,
+        payload: {
+          filter: _objectSpread2({
+            value: ''
+          }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
+        }
+      });
+      comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setValue(listboxState.state.selectedValues);
+      comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue('');
+      handleOpenPopover(false);
+    } else {
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.FILTER_LIST,
+        payload: {
+          filter: _objectSpread2({
+            value: listboxState.state.selectedValues[0] || ''
+          }, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.filter)
+        }
+      });
+      comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setValue(listboxState.state.selectedValues[0]);
+      if (listboxState.state.selectedValues.length) {
+        comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.setInputValue(listboxState.state.selectedValues[0]);
+      }
+      handleOpenPopover(false);
+    }
+  }, [listboxState.state]);
+  if (isTextField || isTextArea) {
+    var _props$children, _focusContext$state$a7, _comboboxState$value;
+    const _getReferenceProps = getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
+        ref: triggerRef
+      }, props), renderedChildren.props), {}, {
+        children: (_props$children = renderedChildren.props.children) !== null && _props$children !== void 0 ? _props$children : ''
+      })),
+      {
+        'aria-controls': ariaControls,
+        'aria-expanded': ariaExpanded,
+        'aria-haspopup': ariaHaspopup,
+        role
+      } = _getReferenceProps,
+      forwardedProps = _objectWithoutProperties(_getReferenceProps, _excluded);
+    const inputProps = {
+      'aria-activedescendant': isOpen ? (_focusContext$state$a7 = focusContext.state.activedescendant) === null || _focusContext$state$a7 === void 0 ? void 0 : _focusContext$state$a7[0] : undefined,
+      'aria-controls': ariaControls,
+      'aria-expanded': ariaExpanded,
+      'aria-haspopup': ariaHaspopup,
+      autoComplete: 'off',
+      autoCapitalize: 'off',
+      autoCorrect: 'off',
+      spellCheck: 'false',
+      'aria-autocomplete': canHaveMultipleSelections ? 'list' : undefined,
+      'aria-description': canHaveMultipleSelections ? format('selected', {
+        count: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value.length
+      }) : undefined,
+      onKeyDown: handleKeyDown,
+      role
+    };
+    return /*#__PURE__*/React.cloneElement(renderedChildren, _objectSpread2(_objectSpread2({}, forwardedProps), {}, {
+      theme,
+      className: classNames(renderedChildren.props.className, comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.triggerClassName),
+      isDisabled: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isDisabled,
+      isInvalid: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isInvalid,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      value: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.inputValue
+    }, isTextField ? {
+      inputProps,
+      inputRef,
+      onClear: handleClear,
+      hasClearButton: hideClearButton ? false : {
+        isDisabled: (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isDisabled) || (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value) && (comboboxState === null || comboboxState === void 0 ? void 0 : (_comboboxState$value = comboboxState.value) === null || _comboboxState$value === void 0 ? void 0 : _comboboxState$value.length) === 0,
+        onClick: () => inputRef.current.focus()
+      },
+      pills: canHaveMultipleSelections ? (comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.value).map(v => _objectSpread2({
+        isDisabled: comboboxState === null || comboboxState === void 0 ? void 0 : comboboxState.isDisabled,
+        children: [v, /*#__PURE__*/React.createElement(IconButton, {
+          key: `${id}-pill-${v}-icon-button`,
+          icon: mdiClose,
+          "aria-label": format('unselect', {
+            label: v
+          }),
+          onClick: event => {
+            event.preventDefault();
+            listboxState.dispatch({
+              type: ListboxActionType.TOGGLE,
+              payload: {
+                value: v,
+                activedescendant: focusContext.state.activedescendant
+              }
+            });
+          }
+        })]
+      }, pillProps)) : undefined,
+      internal: (value, isDisabled, isInvalid, isRequired) => {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, typeof renderedChildren.props.internal === 'function' ? renderedChildren.props.internal(value, isDisabled, isInvalid, isRequired) : renderedChildren.props.internal, hideExpandButton ? null : /*#__PURE__*/React.createElement(IconButton, {
+          theme: theme,
+          "aria-label": format(!isOpen ? 'expand' : 'collapse'),
+          color: "grey",
+          icon: mdiChevronDown,
+          onClick: handleOpen,
+          isDisabled: isDisabled,
+          tabIndex: -1,
+          iconProps: {
+            style: {
+              transition: 'transform 300ms ease-out',
+              transform: `rotate(${isOpen ? '-180deg' : '0'})`
+            }
+          }
+        }));
+      }
+    } : {
+      textareaProps: inputProps,
+      textareaRef: inputRef
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedChildren);
+});
+ComboboxTrigger.className = CLASSNAME;
+ComboboxTrigger.displayName = COMPONENT_NAME;
+
+export { ComboboxTrigger as C };
+//# sourceMappingURL=ComboboxTrigger.js.map

package/_internal/ComboboxTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTrigger.js","sources":["../../src/components/combobox/intl/index.ts","../../src/components/combobox-trigger/ComboboxTrigger.tsx"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import React, { KeyboardEvent, ReactElement, forwardRef, useContext, useEffect, useRef } from 'react';\n\nimport { useId, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from '../combobox/intl';\n\nimport {\n  Comp,\n  EventKey,\n  FocusWithinGroupActionType,\n  FocusWithinGroupContext,\n  IconButton,\n  ListboxActionType,\n  ListboxContext,\n  isComponent,\n  useTheme,\n} from '@redsift/design-system';\nimport { ComboboxTriggerProps } from './types';\nimport { useMergeRefs, usePopoverContext } from '@redsift/popovers';\nimport { ComboboxContext } from '../combobox/context';\nimport { mdiChevronDown, mdiClose } from '@redsift/icons';\nimport { ComboboxSelectionMode, ComboboxVariant } from '../combobox/types';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'ComboboxTrigger';\nconst CLASSNAME = 'redsift-combobox-trigger';\n\n/**\n * The ComboboxTrigger component.\n */\nexport const ComboboxTrigger: Comp<ComboboxTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const [id] = useId();\n  const { children, hideExpandButton, openOnFocus, hideClearButton, pillProps } = props;\n\n  const format = useMessageFormatter(intlMessages);\n\n  const { getReferenceProps, isOpen, handleOpen: handleOpenPopover, refs } = usePopoverContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  const focusContext = useContext(FocusWithinGroupContext);\n  const comboboxState = useContext(ComboboxContext);\n  const listboxState = useContext(ListboxContext);\n  const theme = useTheme();\n\n  const canHaveMultipleSelections = comboboxState?.selectionMode === ComboboxSelectionMode.multiple;\n  const canHaveFreeText = comboboxState?.variant === ComboboxVariant.suggestions;\n\n  const renderedChildren =\n    typeof children === 'function' ? children({ value: comboboxState?.value, isOpen }) : children;\n\n  const isTextArea = isComponent('TextArea')(renderedChildren);\n  const isTextField = isComponent('TextField')(renderedChildren);\n  const hasMultipleLines = isTextArea && comboboxState?.inputValue.includes('\\n');\n\n  const _inputRef = useRef<HTMLInputElement>();\n  const inputRef = renderedChildren.props.inputRef ?? _inputRef;\n\n  const handleChange = (value?: string) => {\n    focusContext.dispatch({\n      type: FocusWithinGroupActionType.FILTER_LIST,\n      payload: { filter: { value: value || '', ...comboboxState?.filter! } },\n    });\n\n    comboboxState?.setInputValue(value!);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    const code = event.code;\n\n    if (code === 'Escape' || code === 'Tab') {\n      if (isOpen) {\n        handleOpenPopover(false);\n      }\n\n      if (canHaveMultipleSelections && canHaveFreeText && comboboxState.inputValue) {\n        listboxState.dispatch({\n          type: ListboxActionType.TOGGLE,\n          payload: {\n            value: comboboxState.inputValue,\n            activedescendant: [comboboxState.freeTextItemId as string, comboboxState.inputValue],\n          },\n        });\n      }\n    }\n\n    if ((/^.$/.test(event.key) || code === 'Backspace') && !hasMultipleLines) {\n      if (!isOpen) {\n        handleOpenPopover(true);\n      }\n\n      if (canHaveMultipleSelections && canHaveFreeText) {\n        focusContext.dispatch({\n          type: FocusWithinGroupActionType.DELAY_ACTION,\n          payload: {\n            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n            payload: {\n              key: EventKey.Home,\n              ctrlKey: event.ctrlKey,\n            },\n          },\n        });\n      }\n    }\n\n    if (canHaveMultipleSelections && comboboxState.inputValue === '' && code === 'Backspace') {\n      listboxState.dispatch({\n        type: ListboxActionType.SET,\n        payload: {\n          values: (comboboxState.value as string[]).slice(0, (comboboxState.value as string[]).length - 1),\n          activedescendant: focusContext.state.activedescendant,\n        },\n      });\n    }\n\n    if (code === 'ArrowDown' && !hasMultipleLines) {\n      if (!isOpen) {\n        handleOpenPopover(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: focusContext.state.selectedId !== null ? EventKey.ArrowDown : EventKey.Home,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n    }\n\n    if (code === 'ArrowUp' && !hasMultipleLines) {\n      if (!isOpen) {\n        handleOpenPopover(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: focusContext.state.selectedId !== null ? EventKey.ArrowUp : EventKey.End,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n    }\n\n    if (code === 'Enter') {\n      if (isTextField || (isTextArea && !event.shiftKey)) {\n        event.preventDefault();\n      }\n\n      if (\n        canHaveMultipleSelections &&\n        canHaveFreeText &&\n        focusContext.state.activedescendant?.[0] === comboboxState.freeTextItemId &&\n        comboboxState.inputValue\n      ) {\n        listboxState.dispatch({\n          type: ListboxActionType.TOGGLE,\n          payload: {\n            value: comboboxState.inputValue,\n            activedescendant: [comboboxState.freeTextItemId as string, comboboxState.inputValue],\n          },\n        });\n        handleOpenPopover(false);\n      } else if (isOpen && focusContext.state.selectedId) {\n        if (canHaveMultipleSelections) {\n          listboxState.dispatch({\n            type: ListboxActionType.TOGGLE,\n            payload: {\n              value: focusContext.state.activedescendant?.[1] ?? '',\n              activedescendant: focusContext.state.activedescendant,\n            },\n          });\n        } else {\n          listboxState.dispatch({\n            type: ListboxActionType.SET,\n            payload: {\n              values: [focusContext.state.activedescendant?.[1] ?? ''],\n              activedescendant: focusContext.state.activedescendant,\n            },\n          });\n        }\n      } else if (!event.shiftKey) {\n        comboboxState?.formRef?.current?.submit();\n        comboboxState?.submitRef?.current?.click();\n      }\n    }\n  };\n\n  const handleOpen = () => {\n    if (isOpen) {\n      handleOpenPopover(false);\n    } else {\n      handleOpenPopover(true);\n      inputRef.current?.focus();\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.FOCUS_ON_LIST,\n          payload: {\n            id: focusContext.state.activedescendant?.[0]!,\n            filter: { value: '', ...comboboxState?.filter! },\n          },\n        },\n      });\n    }\n  };\n\n  const handleFocus = () => {\n    if (openOnFocus) {\n      handleOpen();\n    }\n    inputRef.current?.select();\n  };\n\n  const handleBlur = () => {\n    if (canHaveMultipleSelections) {\n      if (!canHaveFreeText) {\n        comboboxState?.setInputValue('');\n      }\n    } else {\n      if (canHaveFreeText) {\n        comboboxState?.setValue(comboboxState.inputValue);\n      } else {\n        comboboxState?.setInputValue(listboxState.state.selectedValues[0]);\n      }\n    }\n  };\n\n  const handleClear = () => {\n    listboxState.dispatch({\n      type: ListboxActionType.SET,\n      payload: {\n        values: [],\n        activedescendant: ['', ''],\n      },\n    });\n  };\n\n  useEffect(() => {\n    if (canHaveMultipleSelections) {\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.FILTER_LIST,\n        payload: { filter: { value: '', ...comboboxState?.filter! } },\n      });\n      comboboxState?.setValue(listboxState.state.selectedValues);\n      comboboxState?.setInputValue('');\n      handleOpenPopover(false);\n    } else {\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.FILTER_LIST,\n        payload: { filter: { value: listboxState.state.selectedValues[0] || '', ...comboboxState?.filter! } },\n      });\n      comboboxState?.setValue(listboxState.state.selectedValues[0]);\n      if (listboxState.state.selectedValues.length) {\n        comboboxState?.setInputValue(listboxState.state.selectedValues[0]);\n      }\n      handleOpenPopover(false);\n    }\n  }, [listboxState.state]);\n\n  if (isTextField || isTextArea) {\n    const {\n      'aria-controls': ariaControls,\n      'aria-expanded': ariaExpanded,\n      'aria-haspopup': ariaHaspopup,\n      role,\n      ...forwardedProps\n    } = getReferenceProps({\n      ref: triggerRef,\n      ...props,\n      ...(renderedChildren as ReactElement).props,\n      children: (renderedChildren as ReactElement).props.children ?? '',\n    });\n\n    const inputProps = {\n      'aria-activedescendant': isOpen ? focusContext.state.activedescendant?.[0] : undefined,\n      'aria-controls': ariaControls,\n      'aria-expanded': ariaExpanded,\n      'aria-haspopup': ariaHaspopup,\n      autoComplete: 'off',\n      autoCapitalize: 'off',\n      autoCorrect: 'off',\n      spellCheck: 'false',\n      'aria-autocomplete': canHaveMultipleSelections ? 'list' : undefined,\n      'aria-description': canHaveMultipleSelections\n        ? format('selected', { count: comboboxState?.value.length })\n        : undefined,\n      onKeyDown: handleKeyDown,\n      role,\n    };\n\n    return React.cloneElement(renderedChildren, {\n      ...forwardedProps,\n      theme,\n      className: classNames((renderedChildren as ReactElement).props.className, comboboxState?.triggerClassName),\n      isDisabled: comboboxState?.isDisabled,\n      isInvalid: comboboxState?.isInvalid,\n      onChange: handleChange,\n      onBlur: handleBlur,\n      onFocus: handleFocus,\n      value: comboboxState?.inputValue,\n      ...(isTextField\n        ? {\n            inputProps,\n            inputRef,\n            onClear: handleClear,\n            hasClearButton: hideClearButton\n              ? false\n              : {\n                  isDisabled: comboboxState?.isDisabled || (comboboxState?.value && comboboxState?.value?.length === 0),\n                  onClick: () => inputRef.current.focus(),\n                },\n            pills: canHaveMultipleSelections\n              ? (comboboxState?.value as string[]).map((v) => ({\n                  isDisabled: comboboxState?.isDisabled,\n                  children: [\n                    v,\n                    <IconButton\n                      key={`${id}-pill-${v}-icon-button`}\n                      icon={mdiClose}\n                      aria-label={format('unselect', { label: v })}\n                      onClick={(event) => {\n                        event.preventDefault();\n                        listboxState.dispatch({\n                          type: ListboxActionType.TOGGLE,\n                          payload: {\n                            value: v,\n                            activedescendant: focusContext.state.activedescendant,\n                          },\n                        });\n                      }}\n                    />,\n                  ],\n                  ...pillProps,\n                }))\n              : undefined,\n            internal: (value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => {\n              return (\n                <>\n                  {typeof (renderedChildren as ReactElement).props.internal === 'function'\n                    ? (renderedChildren as ReactElement).props.internal(value, isDisabled, isInvalid, isRequired)\n                    : (renderedChildren as ReactElement).props.internal}\n                  {hideExpandButton ? null : (\n                    <IconButton\n                      theme={theme}\n                      aria-label={format(!isOpen ? 'expand' : 'collapse')}\n                      color=\"grey\"\n                      icon={mdiChevronDown}\n                      onClick={handleOpen}\n                      isDisabled={isDisabled}\n                      tabIndex={-1}\n                      iconProps={{\n                        style: {\n                          transition: 'transform 300ms ease-out',\n                          transform: `rotate(${isOpen ? '-180deg' : '0'})`,\n                        },\n                      }}\n                    />\n                  )}\n                </>\n              );\n            },\n          }\n        : {\n            textareaProps: inputProps,\n            textareaRef: inputRef,\n          }),\n    });\n  }\n\n  return <>{renderedChildren}</>;\n});\nComboboxTrigger.className = CLASSNAME;\nComboboxTrigger.displayName = COMPONENT_NAME;\n"],"names":["enUS","frFR","COMPONENT_NAME","CLASSNAME","ComboboxTrigger","forwardRef","props","ref","_renderedChildren$pro","id","useId","children","hideExpandButton","openOnFocus","hideClearButton","pillProps","format","useMessageFormatter","intlMessages","getReferenceProps","isOpen","handleOpen","handleOpenPopover","refs","usePopoverContext","childrenRef","triggerRef","useMergeRefs","setReference","focusContext","useContext","FocusWithinGroupContext","comboboxState","ComboboxContext","listboxState","ListboxContext","theme","useTheme","canHaveMultipleSelections","selectionMode","ComboboxSelectionMode","multiple","canHaveFreeText","variant","ComboboxVariant","suggestions","renderedChildren","value","isTextArea","isComponent","isTextField","hasMultipleLines","inputValue","includes","_inputRef","useRef","inputRef","handleChange","dispatch","type","FocusWithinGroupActionType","FILTER_LIST","payload","filter","_objectSpread","setInputValue","handleKeyDown","event","code","ListboxActionType","TOGGLE","activedescendant","freeTextItemId","test","key","DELAY_ACTION","KEY_DOWN_ON_LIST","EventKey","Home","ctrlKey","SET","values","slice","length","state","selectedId","ArrowDown","preventDefault","ArrowUp","End","_focusContext$state$a","shiftKey","_focusContext$state$a2","_focusContext$state$a3","_focusContext$state$a4","_focusContext$state$a5","_comboboxState$formRe","_comboboxState$formRe2","_comboboxState$submit","_comboboxState$submit2","formRef","current","submit","submitRef","click","_inputRef$current","_focusContext$state$a6","focus","FOCUS_ON_LIST","handleFocus","_inputRef$current2","select","handleBlur","setValue","selectedValues","handleClear","useEffect","_props$children","_focusContext$state$a7","_comboboxState$value","_getReferenceProps","ariaControls","ariaExpanded","ariaHaspopup","role","forwardedProps","_objectWithoutProperties","_excluded","inputProps","undefined","autoComplete","autoCapitalize","autoCorrect","spellCheck","count","onKeyDown","React","cloneElement","className","classNames","triggerClassName","isDisabled","isInvalid","onChange","onBlur","onFocus","onClear","hasClearButton","onClick","pills","map","v","createElement","IconButton","icon","mdiClose","label","internal","isRequired","Fragment","color","mdiChevronDown","tabIndex","iconProps","style","transition","transform","textareaProps","textareaRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;ACiBD,MAAMC,cAAc,GAAG,iBAAiB,CAAA;AACxC,MAAMC,SAAS,GAAG,0BAA0B,CAAA;;AAE5C;AACA;AACA;AACO,MAAMC,eAA8D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACvG,EAAA,MAAM,CAACC,EAAE,CAAC,GAAGC,KAAK,EAAE,CAAA;EACpB,MAAM;IAAEC,QAAQ;IAAEC,gBAAgB;IAAEC,WAAW;IAAEC,eAAe;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGT,KAAK,CAAA;AAErF,EAAA,MAAMU,MAAM,GAAGC,mBAAmB,CAACC,YAAY,CAAC,CAAA;EAEhD,MAAM;IAAEC,iBAAiB;IAAEC,MAAM;AAAEC,IAAAA,UAAU,EAAEC,iBAAiB;AAAEC,IAAAA,IAAAA;GAAM,GAAGC,iBAAiB,EAAE,CAAA;AAC9F,EAAA,MAAMC,WAAW,GAAId,QAAQ,CAASJ,GAAG,CAAA;AACzC,EAAA,MAAMmB,UAAU,GAAGC,YAAY,CAAC,CAACJ,IAAI,CAACK,YAAY,EAAErB,GAAG,EAAEkB,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,MAAMI,YAAY,GAAGC,UAAU,CAACC,uBAAuB,CAAC,CAAA;AACxD,EAAA,MAAMC,aAAa,GAAGF,UAAU,CAACG,eAAe,CAAC,CAAA;AACjD,EAAA,MAAMC,YAAY,GAAGJ,UAAU,CAACK,cAAc,CAAC,CAAA;AAC/C,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,yBAAyB,GAAG,CAAAN,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEO,aAAa,MAAKC,qBAAqB,CAACC,QAAQ,CAAA;AACjG,EAAA,MAAMC,eAAe,GAAG,CAAAV,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEW,OAAO,MAAKC,eAAe,CAACC,WAAW,CAAA;EAE9E,MAAMC,gBAAgB,GACpB,OAAOnC,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;AAAEoC,IAAAA,KAAK,EAAEf,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEe,KAAK;AAAE3B,IAAAA,MAAAA;GAAQ,CAAC,GAAGT,QAAQ,CAAA;EAE/F,MAAMqC,UAAU,GAAGC,WAAW,CAAC,UAAU,CAAC,CAACH,gBAAgB,CAAC,CAAA;EAC5D,MAAMI,WAAW,GAAGD,WAAW,CAAC,WAAW,CAAC,CAACH,gBAAgB,CAAC,CAAA;AAC9D,EAAA,MAAMK,gBAAgB,GAAGH,UAAU,KAAIhB,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEoB,UAAU,CAACC,QAAQ,CAAC,IAAI,CAAC,CAAA,CAAA;AAE/E,EAAA,MAAMC,SAAS,GAAGC,MAAM,EAAoB,CAAA;AAC5C,EAAA,MAAMC,QAAQ,GAAA,CAAAhD,qBAAA,GAAGsC,gBAAgB,CAACxC,KAAK,CAACkD,QAAQ,MAAAhD,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI8C,SAAS,CAAA;EAE7D,MAAMG,YAAY,GAAIV,KAAc,IAAK;IACvClB,YAAY,CAAC6B,QAAQ,CAAC;MACpBC,IAAI,EAAEC,0BAA0B,CAACC,WAAW;AAC5CC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,MAAM,EAAAC,cAAA,CAAA;UAAIjB,KAAK,EAAEA,KAAK,IAAI,EAAA;AAAE,SAAA,EAAKf,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE+B,MAAM,CAAA;AAAI,OAAA;AACvE,KAAC,CAAC,CAAA;IAEF/B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiC,aAAa,CAAClB,KAAM,CAAC,CAAA;GACrC,CAAA;EAED,MAAMmB,aAAa,GAAIC,KAAoB,IAAK;AAC9C,IAAA,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAA;AAEvB,IAAA,IAAIA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,KAAK,EAAE;AACvC,MAAA,IAAIhD,MAAM,EAAE;QACVE,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC1B,OAAA;AAEA,MAAA,IAAIgB,yBAAyB,IAAII,eAAe,IAAIV,aAAa,CAACoB,UAAU,EAAE;QAC5ElB,YAAY,CAACwB,QAAQ,CAAC;UACpBC,IAAI,EAAEU,iBAAiB,CAACC,MAAM;AAC9BR,UAAAA,OAAO,EAAE;YACPf,KAAK,EAAEf,aAAa,CAACoB,UAAU;YAC/BmB,gBAAgB,EAAE,CAACvC,aAAa,CAACwC,cAAc,EAAYxC,aAAa,CAACoB,UAAU,CAAA;AACrF,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AAEA,IAAA,IAAI,CAAC,KAAK,CAACqB,IAAI,CAACN,KAAK,CAACO,GAAG,CAAC,IAAIN,IAAI,KAAK,WAAW,KAAK,CAACjB,gBAAgB,EAAE;MACxE,IAAI,CAAC/B,MAAM,EAAE;QACXE,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACzB,OAAA;MAEA,IAAIgB,yBAAyB,IAAII,eAAe,EAAE;QAChDb,YAAY,CAAC6B,QAAQ,CAAC;UACpBC,IAAI,EAAEC,0BAA0B,CAACe,YAAY;AAC7Cb,UAAAA,OAAO,EAAE;YACPH,IAAI,EAAEC,0BAA0B,CAACgB,gBAAgB;AACjDd,YAAAA,OAAO,EAAE;cACPY,GAAG,EAAEG,QAAQ,CAACC,IAAI;cAClBC,OAAO,EAAEZ,KAAK,CAACY,OAAAA;AACjB,aAAA;AACF,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;IAEA,IAAIzC,yBAAyB,IAAIN,aAAa,CAACoB,UAAU,KAAK,EAAE,IAAIgB,IAAI,KAAK,WAAW,EAAE;MACxFlC,YAAY,CAACwB,QAAQ,CAAC;QACpBC,IAAI,EAAEU,iBAAiB,CAACW,GAAG;AAC3BlB,QAAAA,OAAO,EAAE;AACPmB,UAAAA,MAAM,EAAGjD,aAAa,CAACe,KAAK,CAAcmC,KAAK,CAAC,CAAC,EAAGlD,aAAa,CAACe,KAAK,CAAcoC,MAAM,GAAG,CAAC,CAAC;AAChGZ,UAAAA,gBAAgB,EAAE1C,YAAY,CAACuD,KAAK,CAACb,gBAAAA;AACvC,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAIH,IAAI,KAAK,WAAW,IAAI,CAACjB,gBAAgB,EAAE;MAC7C,IAAI,CAAC/B,MAAM,EAAE;QACXE,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACzB,OAAA;MACAO,YAAY,CAAC6B,QAAQ,CAAC;QACpBC,IAAI,EAAEC,0BAA0B,CAACe,YAAY;AAC7Cb,QAAAA,OAAO,EAAE;UACPH,IAAI,EAAEC,0BAA0B,CAACgB,gBAAgB;AACjDd,UAAAA,OAAO,EAAE;AACPY,YAAAA,GAAG,EAAE7C,YAAY,CAACuD,KAAK,CAACC,UAAU,KAAK,IAAI,GAAGR,QAAQ,CAACS,SAAS,GAAGT,QAAQ,CAACC,IAAI;YAChFC,OAAO,EAAEZ,KAAK,CAACY,OAAAA;AACjB,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;MACFZ,KAAK,CAACoB,cAAc,EAAE,CAAA;AACxB,KAAA;AAEA,IAAA,IAAInB,IAAI,KAAK,SAAS,IAAI,CAACjB,gBAAgB,EAAE;MAC3C,IAAI,CAAC/B,MAAM,EAAE;QACXE,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACzB,OAAA;MACAO,YAAY,CAAC6B,QAAQ,CAAC;QACpBC,IAAI,EAAEC,0BAA0B,CAACe,YAAY;AAC7Cb,QAAAA,OAAO,EAAE;UACPH,IAAI,EAAEC,0BAA0B,CAACgB,gBAAgB;AACjDd,UAAAA,OAAO,EAAE;AACPY,YAAAA,GAAG,EAAE7C,YAAY,CAACuD,KAAK,CAACC,UAAU,KAAK,IAAI,GAAGR,QAAQ,CAACW,OAAO,GAAGX,QAAQ,CAACY,GAAG;YAC7EV,OAAO,EAAEZ,KAAK,CAACY,OAAAA;AACjB,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;MACFZ,KAAK,CAACoB,cAAc,EAAE,CAAA;AACxB,KAAA;IAEA,IAAInB,IAAI,KAAK,OAAO,EAAE;AAAA,MAAA,IAAAsB,qBAAA,CAAA;MACpB,IAAIxC,WAAW,IAAKF,UAAU,IAAI,CAACmB,KAAK,CAACwB,QAAS,EAAE;QAClDxB,KAAK,CAACoB,cAAc,EAAE,CAAA;AACxB,OAAA;MAEA,IACEjD,yBAAyB,IACzBI,eAAe,IACf,CAAA,CAAAgD,qBAAA,GAAA7D,YAAY,CAACuD,KAAK,CAACb,gBAAgB,MAAA,IAAA,IAAAmB,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnCA,qBAAA,CAAsC,CAAC,CAAC,MAAK1D,aAAa,CAACwC,cAAc,IACzExC,aAAa,CAACoB,UAAU,EACxB;QACAlB,YAAY,CAACwB,QAAQ,CAAC;UACpBC,IAAI,EAAEU,iBAAiB,CAACC,MAAM;AAC9BR,UAAAA,OAAO,EAAE;YACPf,KAAK,EAAEf,aAAa,CAACoB,UAAU;YAC/BmB,gBAAgB,EAAE,CAACvC,aAAa,CAACwC,cAAc,EAAYxC,aAAa,CAACoB,UAAU,CAAA;AACrF,WAAA;AACF,SAAC,CAAC,CAAA;QACF9B,iBAAiB,CAAC,KAAK,CAAC,CAAA;OACzB,MAAM,IAAIF,MAAM,IAAIS,YAAY,CAACuD,KAAK,CAACC,UAAU,EAAE;AAClD,QAAA,IAAI/C,yBAAyB,EAAE;UAAA,IAAAsD,sBAAA,EAAAC,sBAAA,CAAA;UAC7B3D,YAAY,CAACwB,QAAQ,CAAC;YACpBC,IAAI,EAAEU,iBAAiB,CAACC,MAAM;AAC9BR,YAAAA,OAAO,EAAE;cACPf,KAAK,EAAA,CAAA6C,sBAAA,GAAAC,CAAAA,sBAAA,GAAEhE,YAAY,CAACuD,KAAK,CAACb,gBAAgB,MAAA,IAAA,IAAAsB,sBAAA,KAAnCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAsC,CAAC,CAAC,cAAAD,sBAAA,KAAA,KAAA,CAAA,GAAAA,sBAAA,GAAI,EAAE;AACrDrB,cAAAA,gBAAgB,EAAE1C,YAAY,CAACuD,KAAK,CAACb,gBAAAA;AACvC,aAAA;AACF,WAAC,CAAC,CAAA;AACJ,SAAC,MAAM;UAAA,IAAAuB,sBAAA,EAAAC,sBAAA,CAAA;UACL7D,YAAY,CAACwB,QAAQ,CAAC;YACpBC,IAAI,EAAEU,iBAAiB,CAACW,GAAG;AAC3BlB,YAAAA,OAAO,EAAE;cACPmB,MAAM,EAAE,CAAAa,CAAAA,sBAAA,GAAAC,CAAAA,sBAAA,GAAClE,YAAY,CAACuD,KAAK,CAACb,gBAAgB,MAAA,IAAA,IAAAwB,sBAAA,KAAnCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAsC,CAAC,CAAC,MAAA,IAAA,IAAAD,sBAAA,KAAAA,KAAAA,CAAAA,GAAAA,sBAAA,GAAI,EAAE,CAAC;AACxDvB,cAAAA,gBAAgB,EAAE1C,YAAY,CAACuD,KAAK,CAACb,gBAAAA;AACvC,aAAA;AACF,WAAC,CAAC,CAAA;AACJ,SAAA;AACF,OAAC,MAAM,IAAI,CAACJ,KAAK,CAACwB,QAAQ,EAAE;AAAA,QAAA,IAAAK,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,CAAA;QAC1BnE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAAgE,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAbhE,aAAa,CAAEoE,OAAO,MAAA,IAAA,IAAAJ,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,sBAAA,GAAtBD,qBAAA,CAAwBK,OAAO,MAAAJ,IAAAA,IAAAA,sBAAA,uBAA/BA,sBAAA,CAAiCK,MAAM,EAAE,CAAA;QACzCtE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAAkE,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAblE,aAAa,CAAEuE,SAAS,MAAA,IAAA,IAAAL,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,sBAAA,GAAxBD,qBAAA,CAA0BG,OAAO,MAAAF,IAAAA,IAAAA,sBAAA,uBAAjCA,sBAAA,CAAmCK,KAAK,EAAE,CAAA;AAC5C,OAAA;AACF,KAAA;GACD,CAAA;EAED,MAAMnF,UAAU,GAAGA,MAAM;AACvB,IAAA,IAAID,MAAM,EAAE;MACVE,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC1B,KAAC,MAAM;MAAA,IAAAmF,iBAAA,EAAAC,sBAAA,CAAA;MACLpF,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvB,MAAA,CAAAmF,iBAAA,GAAAjD,QAAQ,CAAC6C,OAAO,MAAA,IAAA,IAAAI,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,iBAAA,CAAkBE,KAAK,EAAE,CAAA;MACzB9E,YAAY,CAAC6B,QAAQ,CAAC;QACpBC,IAAI,EAAEC,0BAA0B,CAACe,YAAY;AAC7Cb,QAAAA,OAAO,EAAE;UACPH,IAAI,EAAEC,0BAA0B,CAACgD,aAAa;AAC9C9C,UAAAA,OAAO,EAAE;AACPrD,YAAAA,EAAE,EAAAiG,CAAAA,sBAAA,GAAE7E,YAAY,CAACuD,KAAK,CAACb,gBAAgB,MAAA,IAAA,IAAAmC,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnCA,sBAAA,CAAsC,CAAC,CAAE;AAC7C3C,YAAAA,MAAM,EAAAC,cAAA,CAAA;AAAIjB,cAAAA,KAAK,EAAE,EAAA;AAAE,aAAA,EAAKf,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE+B,MAAM,CAAA;AAC/C,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;GACD,CAAA;EAED,MAAM8C,WAAW,GAAGA,MAAM;AAAA,IAAA,IAAAC,kBAAA,CAAA;AACxB,IAAA,IAAIjG,WAAW,EAAE;AACfQ,MAAAA,UAAU,EAAE,CAAA;AACd,KAAA;AACA,IAAA,CAAAyF,kBAAA,GAAAtD,QAAQ,CAAC6C,OAAO,MAAA,IAAA,IAAAS,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,kBAAA,CAAkBC,MAAM,EAAE,CAAA;GAC3B,CAAA;EAED,MAAMC,UAAU,GAAGA,MAAM;AACvB,IAAA,IAAI1E,yBAAyB,EAAE;MAC7B,IAAI,CAACI,eAAe,EAAE;QACpBV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiC,aAAa,CAAC,EAAE,CAAC,CAAA;AAClC,OAAA;AACF,KAAC,MAAM;AACL,MAAA,IAAIvB,eAAe,EAAE;QACnBV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEiF,QAAQ,CAACjF,aAAa,CAACoB,UAAU,CAAC,CAAA;AACnD,OAAC,MAAM;AACLpB,QAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiC,aAAa,CAAC/B,YAAY,CAACkD,KAAK,CAAC8B,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AACpE,OAAA;AACF,KAAA;GACD,CAAA;EAED,MAAMC,WAAW,GAAGA,MAAM;IACxBjF,YAAY,CAACwB,QAAQ,CAAC;MACpBC,IAAI,EAAEU,iBAAiB,CAACW,GAAG;AAC3BlB,MAAAA,OAAO,EAAE;AACPmB,QAAAA,MAAM,EAAE,EAAE;AACVV,QAAAA,gBAAgB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;AAC3B,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AAED6C,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI9E,yBAAyB,EAAE;MAC7BT,YAAY,CAAC6B,QAAQ,CAAC;QACpBC,IAAI,EAAEC,0BAA0B,CAACC,WAAW;AAC5CC,QAAAA,OAAO,EAAE;AAAEC,UAAAA,MAAM,EAAAC,cAAA,CAAA;AAAIjB,YAAAA,KAAK,EAAE,EAAA;AAAE,WAAA,EAAKf,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE+B,MAAM,CAAA;AAAI,SAAA;AAC9D,OAAC,CAAC,CAAA;AACF/B,MAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiF,QAAQ,CAAC/E,YAAY,CAACkD,KAAK,CAAC8B,cAAc,CAAC,CAAA;MAC1DlF,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiC,aAAa,CAAC,EAAE,CAAC,CAAA;MAChC3C,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC1B,KAAC,MAAM;MACLO,YAAY,CAAC6B,QAAQ,CAAC;QACpBC,IAAI,EAAEC,0BAA0B,CAACC,WAAW;AAC5CC,QAAAA,OAAO,EAAE;AAAEC,UAAAA,MAAM,EAAAC,cAAA,CAAA;YAAIjB,KAAK,EAAEb,YAAY,CAACkD,KAAK,CAAC8B,cAAc,CAAC,CAAC,CAAC,IAAI,EAAA;AAAE,WAAA,EAAKlF,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE+B,MAAM,CAAA;AAAI,SAAA;AACtG,OAAC,CAAC,CAAA;AACF/B,MAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiF,QAAQ,CAAC/E,YAAY,CAACkD,KAAK,CAAC8B,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AAC7D,MAAA,IAAIhF,YAAY,CAACkD,KAAK,CAAC8B,cAAc,CAAC/B,MAAM,EAAE;AAC5CnD,QAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiC,aAAa,CAAC/B,YAAY,CAACkD,KAAK,CAAC8B,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AACpE,OAAA;MACA5F,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC1B,KAAA;AACF,GAAC,EAAE,CAACY,YAAY,CAACkD,KAAK,CAAC,CAAC,CAAA;EAExB,IAAIlC,WAAW,IAAIF,UAAU,EAAE;AAAA,IAAA,IAAAqE,eAAA,EAAAC,sBAAA,EAAAC,oBAAA,CAAA;IAC7B,MAAAC,kBAAA,GAMIrG,iBAAiB,CAAA6C,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA;AACnBzD,QAAAA,GAAG,EAAEmB,UAAAA;AAAU,OAAA,EACZpB,KAAK,CAAA,EACJwC,gBAAgB,CAAkBxC,KAAK,CAAA,EAAA,EAAA,EAAA;AAC3CK,QAAAA,QAAQ,EAAA0G,CAAAA,eAAA,GAAGvE,gBAAgB,CAAkBxC,KAAK,CAACK,QAAQ,MAAA0G,IAAAA,IAAAA,eAAA,KAAAA,KAAAA,CAAAA,GAAAA,eAAA,GAAI,EAAA;AAAE,OAAA,CAClE,CAAC;AAXI,MAAA;AACJ,QAAA,eAAe,EAAEI,YAAY;AAC7B,QAAA,eAAe,EAAEC,YAAY;AAC7B,QAAA,eAAe,EAAEC,YAAY;AAC7BC,QAAAA,IAAAA;AAEF,OAAC,GAAAJ,kBAAA;AADIK,MAAAA,cAAc,GAAAC,wBAAA,CAAAN,kBAAA,EAAAO,SAAA,CAAA,CAAA;AAQnB,IAAA,MAAMC,UAAU,GAAG;AACjB,MAAA,uBAAuB,EAAE5G,MAAM,GAAA,CAAAkG,sBAAA,GAAGzF,YAAY,CAACuD,KAAK,CAACb,gBAAgB,MAAA,IAAA,IAAA+C,sBAAA,KAAnCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAsC,CAAC,CAAC,GAAGW,SAAS;AACtF,MAAA,eAAe,EAAER,YAAY;AAC7B,MAAA,eAAe,EAAEC,YAAY;AAC7B,MAAA,eAAe,EAAEC,YAAY;AAC7BO,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,cAAc,EAAE,KAAK;AACrBC,MAAAA,WAAW,EAAE,KAAK;AAClBC,MAAAA,UAAU,EAAE,OAAO;AACnB,MAAA,mBAAmB,EAAE/F,yBAAyB,GAAG,MAAM,GAAG2F,SAAS;AACnE,MAAA,kBAAkB,EAAE3F,yBAAyB,GACzCtB,MAAM,CAAC,UAAU,EAAE;QAAEsH,KAAK,EAAEtG,aAAa,KAAbA,IAAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAEe,KAAK,CAACoC,MAAAA;OAAQ,CAAC,GAC1D8C,SAAS;AACbM,MAAAA,SAAS,EAAErE,aAAa;AACxB0D,MAAAA,IAAAA;KACD,CAAA;IAED,oBAAOY,KAAK,CAACC,YAAY,CAAC3F,gBAAgB,EAAAkB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACrC6D,cAAc,CAAA,EAAA,EAAA,EAAA;MACjBzF,KAAK;AACLsG,MAAAA,SAAS,EAAEC,UAAU,CAAE7F,gBAAgB,CAAkBxC,KAAK,CAACoI,SAAS,EAAE1G,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAE4G,gBAAgB,CAAC;AAC1GC,MAAAA,UAAU,EAAE7G,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE6G,UAAU;AACrCC,MAAAA,SAAS,EAAE9G,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE8G,SAAS;AACnCC,MAAAA,QAAQ,EAAEtF,YAAY;AACtBuF,MAAAA,MAAM,EAAEhC,UAAU;AAClBiC,MAAAA,OAAO,EAAEpC,WAAW;AACpB9D,MAAAA,KAAK,EAAEf,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEoB,UAAAA;AAAU,KAAA,EAC5BF,WAAW,GACX;MACE8E,UAAU;MACVxE,QAAQ;AACR0F,MAAAA,OAAO,EAAE/B,WAAW;AACpBgC,MAAAA,cAAc,EAAErI,eAAe,GAC3B,KAAK,GACL;AACE+H,QAAAA,UAAU,EAAE,CAAA7G,aAAa,KAAbA,IAAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAE6G,UAAU,KAAK,CAAA7G,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEe,KAAK,KAAI,CAAAf,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAAuF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,oBAAA,GAAbvF,aAAa,CAAEe,KAAK,MAAA,IAAA,IAAAwE,oBAAA,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAsBpC,MAAM,MAAK,CAAE;QACrGiE,OAAO,EAAEA,MAAM5F,QAAQ,CAAC6C,OAAO,CAACM,KAAK,EAAC;OACvC;AACL0C,MAAAA,KAAK,EAAE/G,yBAAyB,GAC5B,CAACN,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEe,KAAK,EAAcuG,GAAG,CAAEC,CAAC,IAAAvF,cAAA,CAAA;AACvC6E,QAAAA,UAAU,EAAE7G,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE6G,UAAU;QACrClI,QAAQ,EAAE,CACR4I,CAAC,eACDf,KAAA,CAAAgB,aAAA,CAACC,UAAU,EAAA;AACT/E,UAAAA,GAAG,EAAG,CAAA,EAAEjE,EAAG,CAAA,MAAA,EAAQ8I,CAAE,CAAc,YAAA,CAAA;AACnCG,UAAAA,IAAI,EAAEC,QAAS;UACf,YAAY3I,EAAAA,MAAM,CAAC,UAAU,EAAE;AAAE4I,YAAAA,KAAK,EAAEL,CAAAA;AAAE,WAAC,CAAE;UAC7CH,OAAO,EAAGjF,KAAK,IAAK;YAClBA,KAAK,CAACoB,cAAc,EAAE,CAAA;YACtBrD,YAAY,CAACwB,QAAQ,CAAC;cACpBC,IAAI,EAAEU,iBAAiB,CAACC,MAAM;AAC9BR,cAAAA,OAAO,EAAE;AACPf,gBAAAA,KAAK,EAAEwG,CAAC;AACRhF,gBAAAA,gBAAgB,EAAE1C,YAAY,CAACuD,KAAK,CAACb,gBAAAA;AACvC,eAAA;AACF,aAAC,CAAC,CAAA;AACJ,WAAA;AAAE,SACH,CAAC,CAAA;AACH,OAAA,EACExD,SAAS,CACZ,CAAC,GACHkH,SAAS;MACb4B,QAAQ,EAAEA,CAAC9G,KAAc,EAAE8F,UAAoB,EAAEC,SAAmB,EAAEgB,UAAoB,KAAK;QAC7F,oBACEtB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAuB,QAAA,QACG,OAAQjH,gBAAgB,CAAkBxC,KAAK,CAACuJ,QAAQ,KAAK,UAAU,GACnE/G,gBAAgB,CAAkBxC,KAAK,CAACuJ,QAAQ,CAAC9G,KAAK,EAAE8F,UAAU,EAAEC,SAAS,EAAEgB,UAAU,CAAC,GAC1FhH,gBAAgB,CAAkBxC,KAAK,CAACuJ,QAAQ,EACpDjJ,gBAAgB,GAAG,IAAI,gBACtB4H,KAAA,CAAAgB,aAAA,CAACC,UAAU,EAAA;AACTrH,UAAAA,KAAK,EAAEA,KAAM;UACb,YAAYpB,EAAAA,MAAM,CAAC,CAACI,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAE;AACpD4I,UAAAA,KAAK,EAAC,MAAM;AACZN,UAAAA,IAAI,EAAEO,cAAe;AACrBb,UAAAA,OAAO,EAAE/H,UAAW;AACpBwH,UAAAA,UAAU,EAAEA,UAAW;UACvBqB,QAAQ,EAAE,CAAC,CAAE;AACbC,UAAAA,SAAS,EAAE;AACTC,YAAAA,KAAK,EAAE;AACLC,cAAAA,UAAU,EAAE,0BAA0B;AACtCC,cAAAA,SAAS,EAAG,CAASlJ,OAAAA,EAAAA,MAAM,GAAG,SAAS,GAAG,GAAI,CAAA,CAAA,CAAA;AAChD,aAAA;AACF,WAAA;AAAE,SACH,CAEH,CAAC,CAAA;AAEP,OAAA;AACF,KAAC,GACD;AACEmJ,MAAAA,aAAa,EAAEvC,UAAU;AACzBwC,MAAAA,WAAW,EAAEhH,QAAAA;AACf,KAAC,CACN,CAAC,CAAA;AACJ,GAAA;EAEA,oBAAOgF,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAuB,QAAA,EAAGjH,IAAAA,EAAAA,gBAAmB,CAAC,CAAA;AAChC,CAAC,EAAC;AACF1C,eAAe,CAACsI,SAAS,GAAGvI,SAAS,CAAA;AACrCC,eAAe,CAACqK,WAAW,GAAGvK,cAAc;;;;"}

package/_internal/Item2.js

@@ -0,0 +1,199 @@
+import { a as _extends, _ as _objectWithoutProperties } from './_rollupPluginBabelHelpers.js';
+import React, { useEffect, useCallback, forwardRef, useContext, useRef } from 'react';
+import classNames from 'classnames';
+import { usePopoverContext, useMergeRefs } from '@redsift/popovers';
+import { useFocusOnListItem, FocusWithinGroupContext, RenderedListboxItem, useId, isComponent, useTheme, ButtonsColorPalette, ConditionalWrapper, StyledGradientBorder, StyledItem } from '@redsift/design-system';
+
+function useMenuItem(props) {
+  const {
+    domElementRef,
+    id,
+    isDisabled,
+    onClick,
+    isLinkMenuItem,
+    linkRef,
+    hasPopup
+  } = props;
+  const {
+    handleOpen,
+    hideInsteadOfClose,
+    setHideInsteadOfClose
+  } = usePopoverContext();
+  const {
+    tabIndex,
+    isFocused,
+    handleKeyDown: handleFocusKeyDown,
+    handleClick: handleFocusClick
+  } = useFocusOnListItem({
+    domElementRef,
+    isDisabled: isDisabled,
+    id
+  });
+  useEffect(() => {
+    if (hasPopup && !hideInsteadOfClose) {
+      setHideInsteadOfClose === null || setHideInsteadOfClose === void 0 ? void 0 : setHideInsteadOfClose(true);
+    }
+  }, [hasPopup, hideInsteadOfClose, setHideInsteadOfClose]);
+  const handleKeyDown = useCallback(event => {
+    const code = event.code;
+    if (code === 'Enter' || code === 'Space') {
+      if (isLinkMenuItem) {
+        var _linkRef$current;
+        linkRef === null || linkRef === void 0 ? void 0 : (_linkRef$current = linkRef.current) === null || _linkRef$current === void 0 ? void 0 : _linkRef$current.click();
+      } else {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+      }
+    }
+    handleFocusKeyDown(event);
+    handleOpen(false);
+  }, []);
+  const handleClick = useCallback(() => {
+    handleFocusClick();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
+    handleOpen(false);
+  }, []);
+  useEffect(() => {
+    if (isFocused && domElementRef.current) {
+      var _current;
+      (_current = domElementRef.current) === null || _current === void 0 ? void 0 : _current.focus();
+    }
+  }, [isFocused]);
+  return {
+    tabIndex,
+    isFocused,
+    isDisabled,
+    handleKeyDown,
+    handleClick
+  };
+}
+
+const _excluded = ["borderRadius", "children", "className", "color", "hasBorder", "id", "isActive", "isDisabled", "isHovered", "theme", "onClick"];
+const COMPONENT_NAME = 'Item';
+const CLASSNAME = 'redsift-item';
+const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      borderRadius = '0',
+      children,
+      className,
+      color: propsColor,
+      hasBorder,
+      id: propsId,
+      isActive,
+      isDisabled: propsIsDisabled,
+      isHovered,
+      theme: propsTheme,
+      onClick
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const _ref = useRef();
+  const divRef = useMergeRefs([ref, _ref]);
+  const linkRef = useRef(null);
+  const isLinkMenuItem = isComponent('Link')(children);
+  const {
+    tabIndex,
+    isFocused,
+    isDisabled,
+    handleKeyDown,
+    handleClick
+  } = useMenuItem({
+    domElementRef: _ref,
+    id,
+    isDisabled: propsIsDisabled,
+    onClick: onClick,
+    isLinkMenuItem,
+    linkRef,
+    hasPopup: props['aria-haspopup'] !== undefined
+  });
+  const theme = useTheme(propsTheme);
+  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
+  const isGradient = color === ButtonsColorPalette.radar;
+  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
+    condition: isGradient,
+    wrapper: children => /*#__PURE__*/React.createElement(StyledGradientBorder, {
+      $borderRadius: borderRadius,
+      $color: color,
+      $isActive: isActive,
+      $isDisabled: isDisabled,
+      $isHovered: isHovered,
+      $theme: theme,
+      width: "auto"
+    }, children)
+  }, /*#__PURE__*/React.createElement(StyledItem, _extends({
+    as: "li",
+    role: isLinkMenuItem ? 'none' : 'menuitem'
+  }, forwardedProps, {
+    id: id,
+    $borderRadius: borderRadius,
+    $color: color,
+    $hasBorder: hasBorder,
+    $hasCheckbox: false,
+    $isActive: isActive,
+    $isDisabled: isDisabled,
+    $isGradient: isGradient,
+    $isHovered: isHovered || isFocused,
+    $theme: theme,
+    "aria-disabled": isDisabled,
+    className: classNames(Item.className, className),
+    onClick: isDisabled ? undefined : handleClick,
+    ref: divRef,
+    onKeyDown: handleKeyDown,
+    tabIndex: tabIndex
+  }), isLinkMenuItem ? /*#__PURE__*/React.cloneElement(children, {
+    role: 'menuitem',
+    ref: linkRef
+  }) : children));
+});
+
+/**
+ * The Item component.
+ */
+const Item = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value
+  } = props;
+  const focusContext = useContext(FocusWithinGroupContext);
+  const isListbox = focusContext.state.listRole === 'listbox';
+  if (!focusContext.state.filter) {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
+      value: props.value,
+      ref: ref
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
+      ref: ref
+    }));
+  }
+  const {
+    value: filterValue,
+    type,
+    caseSensitive
+  } = focusContext.state.filter;
+  if (!filterValue) {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
+      value: props.value,
+      ref: ref
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
+      ref: ref
+    }));
+  } else if (caseSensitive && (type === 'startsWith' && value.startsWith(filterValue) || type === 'contains' && value.includes(filterValue) || type === 'endsWith' && value.endsWith(filterValue))) {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
+      value: props.value,
+      ref: ref
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
+      ref: ref
+    }));
+  } else if (!caseSensitive && (type === 'startsWith' && value.toLowerCase().startsWith(filterValue.toLowerCase()) || type === 'contains' && value.toLowerCase().includes(filterValue.toLowerCase()) || type === 'endsWith' && value.toLowerCase().endsWith(filterValue.toLowerCase()))) {
+    return isListbox ? /*#__PURE__*/React.createElement(RenderedListboxItem, _extends({}, props, {
+      value: props.value,
+      ref: ref
+    })) : /*#__PURE__*/React.createElement(RenderedMenuItem, _extends({}, props, {
+      ref: ref
+    }));
+  }
+  return null;
+});
+Item.className = CLASSNAME;
+Item.displayName = COMPONENT_NAME;
+
+export { Item as I };
+//# sourceMappingURL=Item2.js.map