@zendeskgarden/react-dropdowns 9.0.0-next.21 → 9.0.0-next.23

package/dist/esm/elements/combobox/Combobox.js

@@ -242,10 +242,10 @@ const Combobox = forwardRef((_ref, ref) => {
     tabIndex: -1
   }, props, {
     ref: ref
-  }), React__default.createElement(StyledTrigger, triggerProps, React__default.createElement(StyledContainer, null, startIcon && React__default.createElement(StyledInputIcon, {
+  }), React__default.createElement(StyledTrigger, triggerProps, React__default.createElement(StyledContainer, null, !!startIcon && React__default.createElement(StyledInputIcon, {
     $isLabelHovered: isLabelHovered,
     $isCompact: isCompact
-  }, startIcon), React__default.createElement(StyledInputGroup, null, isMultiselectable && Array.isArray(selection) && React__default.createElement(TagGroup, {
+  }, startIcon), React__default.createElement(StyledInputGroup, null, !!isMultiselectable && Array.isArray(selection) && React__default.createElement(TagGroup, {
     isDisabled: isDisabled,
     isExpanded: isTagGroupExpanded,
     maxTags: maxTags,
@@ -272,11 +272,11 @@ const Combobox = forwardRef((_ref, ref) => {
   }, renderValue ? renderValue({
     selection,
     inputValue
-  }) : inputValue || placeholder), React__default.createElement(StyledInput, inputProps)), (hasChevron || endIcon) && React__default.createElement(StyledInputIcon, {
+  }) : inputValue || placeholder), React__default.createElement(StyledInput, inputProps)), !!(hasChevron || endIcon) && React__default.createElement(StyledInputIcon, {
     $isCompact: isCompact,
     $isEnd: true,
     $isLabelHovered: isLabelHovered,
-    $isRotated: hasChevron && isExpanded
+    $isRotated: !!(hasChevron && isExpanded)
   }, hasChevron ? React__default.createElement(SvgChevronDownStroke, null) : endIcon))), React__default.createElement(Listbox, Object.assign({
     appendToNode: listboxAppendToNode,
     isCompact: isCompact,

package/dist/esm/elements/combobox/Listbox.js

@@ -138,7 +138,7 @@ const Listbox = forwardRef((_ref, ref) => {
     }
   }, props, {
     ref: ref
-  }), isVisible && children));
+  }), !!isVisible && children));
   return appendToNode ? createPortal(Node, appendToNode) : Node;
 });
 Listbox.displayName = 'Listbox';

package/dist/esm/elements/combobox/OptGroup.js

@@ -69,11 +69,11 @@ const OptGroup = forwardRef((_ref, ref) => {
     role: "none"
   }, props, {
     ref: ref
-  }), React__default.createElement(StyledOptionContent, null, (content || legend) && React__default.createElement(StyledOption, {
+  }), React__default.createElement(StyledOptionContent, null, !!(content || legend) && React__default.createElement(StyledOption, {
     as: "div",
     isCompact: isCompact,
     $type: "header"
-  }, icon && React__default.createElement(StyledOptionTypeIcon, {
+  }, !!icon && React__default.createElement(StyledOptionTypeIcon, {
     $isCompact: isCompact,
     $type: "header"
   }, icon), content || legend), React__default.createElement(StyledOptGroup, Object.assign({

package/dist/esm/elements/combobox/Option.js

@@ -114,7 +114,7 @@ const OptionComponent = forwardRef((_ref, ref) => {
   }, props, optionProps), React__default.createElement(StyledOptionTypeIcon, {
     $isCompact: isCompact,
     $type: type
-  }, renderActionIcon(type)), icon && React__default.createElement(StyledOptionIcon, {
+  }, renderActionIcon(type)), !!icon && React__default.createElement(StyledOptionIcon, {
     $isDisabled: isDisabled,
     $type: type
   }, icon), React__default.createElement(StyledOptionContent, null, children || label || value)));

package/dist/esm/elements/menu/Item.js

@@ -120,7 +120,7 @@ const ItemComponent = forwardRef((_ref, ref) => {
   }), React__default.createElement(StyledItemTypeIcon, {
     $isCompact: isCompact,
     $type: type
-  }, renderActionIcon(type)), icon && React__default.createElement(StyledItemIcon, {
+  }, renderActionIcon(type)), !!icon && React__default.createElement(StyledItemIcon, {
     $isDisabled: isDisabled,
     $type: type
   }, icon), React__default.createElement(StyledItemContent, null, children || label)));

package/dist/esm/elements/menu/ItemGroup.js

@@ -70,12 +70,13 @@ const ItemGroup = forwardRef((_ref, ref) => {
     isCompact: isCompact,
     $type: "group"
   }, props, {
+    role: "none",
     ref: ref
-  }), React__default.createElement(StyledItemContent, null, (content || legend) && React__default.createElement(StyledItem, {
+  }), React__default.createElement(StyledItemContent, null, !!(content || legend) && React__default.createElement(StyledItem, {
     as: "div",
     isCompact: isCompact,
     $type: "header"
-  }, icon && React__default.createElement(StyledItemTypeIcon, {
+  }, !!icon && React__default.createElement(StyledItemTypeIcon, {
     $isCompact: isCompact,
     $type: "header"
   }, icon), content || legend), React__default.createElement(StyledItemGroup, Object.assign({

package/dist/esm/elements/menu/MenuList.js

@@ -145,7 +145,7 @@ const MenuList = forwardRef((_ref, ref) => {
     }
   }, props, {
     ref: ref
-  }), isVisible && children));
+  }), !!isVisible && children));
   return appendToNode ? createPortal(Node, appendToNode) : Node;
 });
 MenuList.displayName = 'MenuList';

package/dist/esm/views/combobox/StyledCombobox.js

@@ -18,7 +18,7 @@ const sizeStyles = props => {
 };
 const StyledCombobox = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledCombobox",
   componentId: "sc-13eybg8-0"

package/dist/esm/views/combobox/StyledContainer.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.combobox.container';
 const StyledContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledContainer",
   componentId: "sc-14i9jid-0"

package/dist/esm/views/combobox/StyledField.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.combobox.field';
 const StyledField = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-zc57xl-0"

package/dist/esm/views/combobox/StyledFloatingListbox.js

@@ -10,7 +10,7 @@ import { menuStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
 const COMPONENT_ID = 'dropdowns.combobox.floating';
 const StyledFloatingListbox = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledFloatingListbox",
   componentId: "sc-1cp6spf-0"

package/dist/esm/views/combobox/StyledHint.js

@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.combobox.hint';
 const StyledHint = styled(Field.Hint).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-106qvqx-0"

package/dist/esm/views/combobox/StyledInput.js

@@ -35,7 +35,7 @@ const sizeStyles = props => {
 };
 const StyledInput = styled.input.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledInput",
   componentId: "sc-1lkqdg-0"

package/dist/esm/views/combobox/StyledInputGroup.js

@@ -14,7 +14,7 @@ const sizeStyles = props => {
 };
 const StyledInputGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-yx3q7u-0"

package/dist/esm/views/combobox/StyledInputIcon.js

@@ -50,7 +50,7 @@ const sizeStyles = props => {
 };
 const StyledInputIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledInputIcon",
   componentId: "sc-gqbs1s-0"

package/dist/esm/views/combobox/StyledLabel.js

@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.combobox.label';
 const StyledLabel = styled(Field.Label).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-az6now-0"

package/dist/esm/views/combobox/StyledListbox.js

@@ -19,7 +19,7 @@ const sizeStyles = props => {
 };
 const StyledListbox = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledListbox",
   componentId: "sc-1k13ba7-0"

package/dist/esm/views/combobox/StyledListboxSeparator.js

@@ -25,7 +25,7 @@ const sizeStyles = props => {
 };
 const StyledListboxSeparator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledListboxSeparator",
   componentId: "sc-1p6toh2-0"

package/dist/esm/views/combobox/StyledMessage.js

@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.combobox.message';
 const StyledMessage = styled(Field.Message).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-jux8m5-0"

package/dist/esm/views/combobox/StyledOptGroup.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.combobox.optgroup';
 const StyledOptGroup = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptGroup",
   componentId: "sc-1kavqsx-0"

package/dist/esm/views/combobox/StyledOption.js

@@ -57,7 +57,7 @@ const sizeStyles = props => {
 };
 const StyledOption = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOption",
   componentId: "sc-jl4wn6-0"

package/dist/esm/views/combobox/StyledOptionContent.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.combobox.option.content';
 const StyledOptionContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionContent",
   componentId: "sc-121ujpu-0"

package/dist/esm/views/combobox/StyledOptionIcon.js

@@ -39,7 +39,7 @@ const sizeStyles = props => {
 };
 const StyledOptionIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionIcon",
   componentId: "sc-qsab3y-0"

package/dist/esm/views/combobox/StyledOptionMeta.js

@@ -27,7 +27,7 @@ const sizeStyles = props => {
 };
 const StyledOptionMeta = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionMeta",
   componentId: "sc-j6pu10-0"

package/dist/esm/views/combobox/StyledOptionTypeIcon.js

@@ -46,7 +46,7 @@ const sizeStyles = props => {
 };
 const StyledOptionTypeIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionTypeIcon",
   componentId: "sc-xpink2-0"

package/dist/esm/views/combobox/StyledTag.js

@@ -12,7 +12,7 @@ import { Tag } from '@zendeskgarden/react-tags';
 const COMPONENT_ID = 'dropdowns.combobox.tag';
 const StyledTag = styled(Tag).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1alam0r-0"

package/dist/esm/views/combobox/StyledTagsButton.js

@@ -22,7 +22,7 @@ const colorStyles = _ref => {
 const StyledTagsButton = styled(StyledValue).attrs({
   as: 'button',
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTagsButton",
   componentId: "sc-6q5w33-0"

package/dist/esm/views/combobox/StyledTrigger.js

@@ -113,7 +113,7 @@ const sizeStyles = props => {
 };
 const StyledTrigger = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTrigger",
   componentId: "sc-116nftk-0"

package/dist/esm/views/combobox/StyledValue.js

@@ -22,7 +22,7 @@ const colorStyles = _ref => {
 };
 const StyledValue = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledValue",
   componentId: "sc-t719sx-0"

package/dist/esm/views/menu/StyledFloatingMenu.js

@@ -11,7 +11,7 @@ import { StyledFloatingListbox } from '../combobox/StyledFloatingListbox.js';
 const COMPONENT_ID = 'dropdowns.menu.floating';
 const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledFloatingMenu",
   componentId: "sc-1rc7ahb-0"

package/dist/esm/views/menu/StyledItem.js

@@ -11,7 +11,7 @@ import { StyledOption } from '../combobox/StyledOption.js';
 const COMPONENT_ID = 'dropdowns.menu.item';
 const StyledItem = styled(StyledOption).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1jp99dq-0"

package/dist/esm/views/menu/StyledItemContent.js

@@ -11,7 +11,7 @@ import { StyledOptionContent } from '../combobox/StyledOptionContent.js';
 const COMPONENT_ID = 'dropdowns.menu.item.content';
 const StyledItemContent = styled(StyledOptionContent).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemContent",
   componentId: "sc-1opglsb-0"

package/dist/esm/views/menu/StyledItemGroup.js

@@ -11,7 +11,7 @@ import { StyledOptGroup } from '../combobox/StyledOptGroup.js';
 const COMPONENT_ID = 'dropdowns.menu.item_group';
 const StyledItemGroup = styled(StyledOptGroup).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemGroup",
   componentId: "sc-1umk3cg-0"

package/dist/esm/views/menu/StyledItemIcon.js

@@ -11,7 +11,7 @@ import { StyledOptionIcon } from '../combobox/StyledOptionIcon.js';
 const COMPONENT_ID = 'dropdowns.menu.item.icon';
 const StyledItemIcon = styled(StyledOptionIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-w9orqb-0"

package/dist/esm/views/menu/StyledItemMeta.js

@@ -11,7 +11,7 @@ import { StyledOptionMeta } from '../combobox/StyledOptionMeta.js';
 const COMPONENT_ID = 'dropdowns.menu.item.meta';
 const StyledItemMeta = styled(StyledOptionMeta).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1unw3x1-0"

package/dist/esm/views/menu/StyledItemTypeIcon.js

@@ -12,7 +12,7 @@ import { StyledItem } from './StyledItem.js';
 const COMPONENT_ID = 'dropdowns.menu.item.type_icon';
 const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemTypeIcon",
   componentId: "sc-1pll3nu-0"

package/dist/esm/views/menu/StyledMenu.js

@@ -11,7 +11,7 @@ import { StyledListbox } from '../combobox/StyledListbox.js';
 const COMPONENT_ID = 'dropdowns.menu';
 const StyledMenu = styled(StyledListbox).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-f77ntu-0"

package/dist/esm/views/menu/StyledSeparator.js

@@ -11,7 +11,7 @@ import { StyledListboxSeparator } from '../combobox/StyledListboxSeparator.js';
 const COMPONENT_ID = 'dropdowns.menu.separator';
 const StyledSeparator = styled(StyledListboxSeparator).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-8kqwen-0"

package/dist/index.cjs.js

@@ -83,7 +83,7 @@ const useFieldContext = () => {
 const COMPONENT_ID$u = 'dropdowns.combobox.label';
 const StyledLabel = styled__default.default(reactForms.Field.Label).attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-az6now-0"
@@ -95,7 +95,7 @@ StyledLabel.defaultProps = {
 const COMPONENT_ID$t = 'dropdowns.combobox.hint';
 const StyledHint = styled__default.default(reactForms.Field.Hint).attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-106qvqx-0"
@@ -107,7 +107,7 @@ StyledHint.defaultProps = {
 const COMPONENT_ID$s = 'dropdowns.combobox.message';
 const StyledMessage = styled__default.default(reactForms.Field.Message).attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-jux8m5-0"
@@ -124,7 +124,7 @@ const sizeStyles$a = props => {
 };
 const StyledCombobox = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledCombobox",
   componentId: "sc-13eybg8-0"
@@ -136,7 +136,7 @@ StyledCombobox.defaultProps = {
 const COMPONENT_ID$q = 'dropdowns.combobox.container';
 const StyledContainer = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledContainer",
   componentId: "sc-14i9jid-0"
@@ -148,7 +148,7 @@ StyledContainer.defaultProps = {
 const COMPONENT_ID$p = 'dropdowns.combobox.field';
 const StyledField = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-zc57xl-0"
@@ -160,7 +160,7 @@ StyledField.defaultProps = {
 const COMPONENT_ID$o = 'dropdowns.combobox.floating';
 const StyledFloatingListbox = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledFloatingListbox",
   componentId: "sc-1cp6spf-0"
@@ -201,7 +201,7 @@ const sizeStyles$9 = props => {
 };
 const StyledInput = styled__default.default.input.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledInput",
   componentId: "sc-1lkqdg-0"
@@ -217,7 +217,7 @@ const sizeStyles$8 = props => {
 };
 const StyledInputGroup = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-yx3q7u-0"
@@ -330,7 +330,7 @@ const sizeStyles$7 = props => {
 };
 const StyledTrigger = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTrigger",
   componentId: "sc-116nftk-0"
@@ -379,7 +379,7 @@ const sizeStyles$6 = props => {
 };
 const StyledInputIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledInputIcon",
   componentId: "sc-gqbs1s-0"
@@ -437,7 +437,7 @@ const sizeStyles$5 = props => {
 };
 const StyledOption = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOption",
   componentId: "sc-jl4wn6-0"
@@ -449,7 +449,7 @@ StyledOption.defaultProps = {
 const COMPONENT_ID$i = 'dropdowns.combobox.option.content';
 const StyledOptionContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionContent",
   componentId: "sc-121ujpu-0"
@@ -461,7 +461,7 @@ StyledOptionContent.defaultProps = {
 const COMPONENT_ID$h = 'dropdowns.combobox.optgroup';
 const StyledOptGroup = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptGroup",
   componentId: "sc-1kavqsx-0"
@@ -488,7 +488,7 @@ const sizeStyles$4 = props => {
 };
 const StyledListboxSeparator = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledListboxSeparator",
   componentId: "sc-1p6toh2-0"
@@ -505,7 +505,7 @@ const sizeStyles$3 = props => {
 };
 const StyledListbox = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledListbox",
   componentId: "sc-1k13ba7-0"
@@ -545,7 +545,7 @@ const sizeStyles$2 = props => {
 };
 const StyledOptionIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionIcon",
   componentId: "sc-qsab3y-0"
@@ -574,7 +574,7 @@ const sizeStyles$1 = props => {
 };
 const StyledOptionMeta = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionMeta",
   componentId: "sc-j6pu10-0"
@@ -620,7 +620,7 @@ const sizeStyles = props => {
 };
 const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledOptionTypeIcon",
   componentId: "sc-xpink2-0"
@@ -632,7 +632,7 @@ StyledOptionTypeIcon.defaultProps = {
 const COMPONENT_ID$b = 'dropdowns.combobox.tag';
 const StyledTag = styled__default.default(reactTags.Tag).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1alam0r-0"
@@ -658,7 +658,7 @@ const colorStyles$1 = _ref => {
 };
 const StyledValue = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledValue",
   componentId: "sc-t719sx-0"
@@ -686,7 +686,7 @@ const colorStyles = _ref => {
 const StyledTagsButton = styled__default.default(StyledValue).attrs({
   as: 'button',
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTagsButton",
   componentId: "sc-6q5w33-0"
@@ -698,7 +698,7 @@ StyledTagsButton.defaultProps = {
 const COMPONENT_ID$8 = 'dropdowns.menu';
 const StyledMenu = styled__default.default(StyledListbox).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-f77ntu-0"
@@ -714,7 +714,7 @@ StyledMenu.defaultProps = {
 const COMPONENT_ID$7 = 'dropdowns.menu.floating';
 const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledFloatingMenu",
   componentId: "sc-1rc7ahb-0"
@@ -726,7 +726,7 @@ StyledFloatingMenu.defaultProps = {
 const COMPONENT_ID$6 = 'dropdowns.menu.item';
 const StyledItem = styled__default.default(StyledOption).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1jp99dq-0"
@@ -738,7 +738,7 @@ StyledItem.defaultProps = {
 const COMPONENT_ID$5 = 'dropdowns.menu.item.content';
 const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemContent",
   componentId: "sc-1opglsb-0"
@@ -750,7 +750,7 @@ StyledItemContent.defaultProps = {
 const COMPONENT_ID$4 = 'dropdowns.menu.item_group';
 const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemGroup",
   componentId: "sc-1umk3cg-0"
@@ -762,7 +762,7 @@ StyledItemGroup.defaultProps = {
 const COMPONENT_ID$3 = 'dropdowns.menu.item.icon';
 const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-w9orqb-0"
@@ -774,7 +774,7 @@ StyledItemIcon.defaultProps = {
 const COMPONENT_ID$2 = 'dropdowns.menu.item.meta';
 const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1unw3x1-0"
@@ -786,7 +786,7 @@ StyledItemMeta.defaultProps = {
 const COMPONENT_ID$1 = 'dropdowns.menu.item.type_icon';
 const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemTypeIcon",
   componentId: "sc-1pll3nu-0"
@@ -798,7 +798,7 @@ StyledItemTypeIcon.defaultProps = {
 const COMPONENT_ID = 'dropdowns.menu.separator';
 const StyledSeparator = styled__default.default(StyledListboxSeparator).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-8kqwen-0"
@@ -902,7 +902,7 @@ const Listbox = React.forwardRef((_ref, ref) => {
     }
   }, props, {
     ref: ref
-  }), isVisible && children));
+  }), !!isVisible && children));
   return appendToNode ? reactDom$1.createPortal(Node, appendToNode) : Node;
 });
 Listbox.displayName = 'Listbox';
@@ -1216,10 +1216,10 @@ const Combobox = React.forwardRef((_ref, ref) => {
     tabIndex: -1
   }, props, {
     ref: ref
-  }), React__namespace.default.createElement(StyledTrigger, triggerProps, React__namespace.default.createElement(StyledContainer, null, startIcon && React__namespace.default.createElement(StyledInputIcon, {
+  }), React__namespace.default.createElement(StyledTrigger, triggerProps, React__namespace.default.createElement(StyledContainer, null, !!startIcon && React__namespace.default.createElement(StyledInputIcon, {
     $isLabelHovered: isLabelHovered,
     $isCompact: isCompact
-  }, startIcon), React__namespace.default.createElement(StyledInputGroup, null, isMultiselectable && Array.isArray(selection) && React__namespace.default.createElement(TagGroup, {
+  }, startIcon), React__namespace.default.createElement(StyledInputGroup, null, !!isMultiselectable && Array.isArray(selection) && React__namespace.default.createElement(TagGroup, {
     isDisabled: isDisabled,
     isExpanded: isTagGroupExpanded,
     maxTags: maxTags,
@@ -1246,11 +1246,11 @@ const Combobox = React.forwardRef((_ref, ref) => {
   }, renderValue ? renderValue({
     selection,
     inputValue
-  }) : inputValue || placeholder), React__namespace.default.createElement(StyledInput, inputProps)), (hasChevron || endIcon) && React__namespace.default.createElement(StyledInputIcon, {
+  }) : inputValue || placeholder), React__namespace.default.createElement(StyledInput, inputProps)), !!(hasChevron || endIcon) && React__namespace.default.createElement(StyledInputIcon, {
     $isCompact: isCompact,
     $isEnd: true,
     $isLabelHovered: isLabelHovered,
-    $isRotated: hasChevron && isExpanded
+    $isRotated: !!(hasChevron && isExpanded)
   }, hasChevron ? React__namespace.default.createElement(SvgChevronDownStroke, null) : endIcon))), React__namespace.default.createElement(Listbox, Object.assign({
     appendToNode: listboxAppendToNode,
     isCompact: isCompact,
@@ -1547,7 +1547,7 @@ const OptionComponent = React.forwardRef((_ref, ref) => {
   }, props, optionProps), React__namespace.default.createElement(StyledOptionTypeIcon, {
     $isCompact: isCompact,
     $type: type
-  }, renderActionIcon(type)), icon && React__namespace.default.createElement(StyledOptionIcon, {
+  }, renderActionIcon(type)), !!icon && React__namespace.default.createElement(StyledOptionIcon, {
     $isDisabled: isDisabled,
     $type: type
   }, icon), React__namespace.default.createElement(StyledOptionContent, null, children || label || value)));
@@ -1594,11 +1594,11 @@ const OptGroup = React.forwardRef((_ref, ref) => {
     role: "none"
   }, props, {
     ref: ref
-  }), React__namespace.default.createElement(StyledOptionContent, null, (content || legend) && React__namespace.default.createElement(StyledOption, {
+  }), React__namespace.default.createElement(StyledOptionContent, null, !!(content || legend) && React__namespace.default.createElement(StyledOption, {
     as: "div",
     isCompact: isCompact,
     $type: "header"
-  }, icon && React__namespace.default.createElement(StyledOptionTypeIcon, {
+  }, !!icon && React__namespace.default.createElement(StyledOptionTypeIcon, {
     $isCompact: isCompact,
     $type: "header"
   }, icon), content || legend), React__namespace.default.createElement(StyledOptGroup, Object.assign({
@@ -1771,7 +1771,7 @@ const MenuList = React.forwardRef((_ref, ref) => {
     }
   }, props, {
     ref: ref
-  }), isVisible && children));
+  }), !!isVisible && children));
   return appendToNode ? reactDom$1.createPortal(Node, appendToNode) : Node;
 });
 MenuList.displayName = 'MenuList';
@@ -1932,12 +1932,13 @@ const ItemGroup = React.forwardRef((_ref, ref) => {
     isCompact: isCompact,
     $type: "group"
   }, props, {
+    role: "none",
     ref: ref
-  }), React__namespace.default.createElement(StyledItemContent, null, (content || legend) && React__namespace.default.createElement(StyledItem, {
+  }), React__namespace.default.createElement(StyledItemContent, null, !!(content || legend) && React__namespace.default.createElement(StyledItem, {
     as: "div",
     isCompact: isCompact,
     $type: "header"
-  }, icon && React__namespace.default.createElement(StyledItemTypeIcon, {
+  }, !!icon && React__namespace.default.createElement(StyledItemTypeIcon, {
     $isCompact: isCompact,
     $type: "header"
   }, icon), content || legend), React__namespace.default.createElement(StyledItemGroup, Object.assign({
@@ -2047,7 +2048,7 @@ const ItemComponent = React.forwardRef((_ref, ref) => {
   }), React__namespace.default.createElement(StyledItemTypeIcon, {
     $isCompact: isCompact,
     $type: type
-  }, renderActionIcon(type)), icon && React__namespace.default.createElement(StyledItemIcon, {
+  }, renderActionIcon(type)), !!icon && React__namespace.default.createElement(StyledItemIcon, {
     $isDisabled: isDisabled,
     $type: type
   }, icon), React__namespace.default.createElement(StyledItemContent, null, children || label)));

package/dist/typings/context/useComboboxContext.d.ts

@@ -4,22 +4,21 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { IUseComboboxReturnValue } from '@zendeskgarden/container-combobox';
 export declare const ComboboxContext: import("react").Context<{
-    activeValue: IUseComboboxReturnValue['activeValue'];
-    getOptionProps: IUseComboboxReturnValue['getOptionProps'];
-    getOptGroupProps: IUseComboboxReturnValue['getOptGroupProps'];
-    getTagProps: IUseComboboxReturnValue['getTagProps'];
-    isCompact?: boolean | undefined;
-    removeSelection: IUseComboboxReturnValue['removeSelection'];
+    activeValue: IUseComboboxReturnValue["activeValue"];
+    getOptionProps: IUseComboboxReturnValue["getOptionProps"];
+    getOptGroupProps: IUseComboboxReturnValue["getOptGroupProps"];
+    getTagProps: IUseComboboxReturnValue["getTagProps"];
+    isCompact?: boolean;
+    removeSelection: IUseComboboxReturnValue["removeSelection"];
 } | undefined>;
 declare const useComboboxContext: () => {
-    activeValue: IUseComboboxReturnValue['activeValue'];
-    getOptionProps: IUseComboboxReturnValue['getOptionProps'];
-    getOptGroupProps: IUseComboboxReturnValue['getOptGroupProps'];
-    getTagProps: IUseComboboxReturnValue['getTagProps'];
-    isCompact?: boolean | undefined;
-    removeSelection: IUseComboboxReturnValue['removeSelection'];
+    activeValue: IUseComboboxReturnValue["activeValue"];
+    getOptionProps: IUseComboboxReturnValue["getOptionProps"];
+    getOptGroupProps: IUseComboboxReturnValue["getOptGroupProps"];
+    getTagProps: IUseComboboxReturnValue["getTagProps"];
+    isCompact?: boolean;
+    removeSelection: IUseComboboxReturnValue["removeSelection"];
 };
 export default useComboboxContext;

package/dist/typings/context/useFieldContext.d.ts

@@ -6,27 +6,27 @@
  */
 import { HTMLAttributes, LabelHTMLAttributes } from 'react';
 export declare const FieldContext: import("react").Context<{
-    labelProps?: LabelHTMLAttributes<HTMLLabelElement> | undefined;
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
     setLabelProps: (labelProps?: LabelHTMLAttributes<HTMLLabelElement>) => void;
     hasHint: boolean;
     setHasHint: (hasHint: boolean) => void;
-    hintProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    hintProps?: HTMLAttributes<HTMLDivElement>;
     setHintProps: (hintProps?: HTMLAttributes<HTMLDivElement>) => void;
     hasMessage: boolean;
     setHasMessage: (hasMessage: boolean) => void;
-    messageProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    messageProps?: HTMLAttributes<HTMLDivElement>;
     setMessageProps: (messageProps?: HTMLAttributes<HTMLDivElement>) => void;
 } | undefined>;
 declare const useFieldContext: () => {
-    labelProps?: LabelHTMLAttributes<HTMLLabelElement> | undefined;
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
     setLabelProps: (labelProps?: LabelHTMLAttributes<HTMLLabelElement>) => void;
     hasHint: boolean;
     setHasHint: (hasHint: boolean) => void;
-    hintProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    hintProps?: HTMLAttributes<HTMLDivElement>;
     setHintProps: (hintProps?: HTMLAttributes<HTMLDivElement>) => void;
     hasMessage: boolean;
     setHasMessage: (hasMessage: boolean) => void;
-    messageProps?: HTMLAttributes<HTMLDivElement> | undefined;
+    messageProps?: HTMLAttributes<HTMLDivElement>;
     setMessageProps: (messageProps?: HTMLAttributes<HTMLDivElement>) => void;
 };
 export default useFieldContext;

package/dist/typings/context/useItemContext.d.ts

@@ -4,11 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const ItemContext: import("react").Context<{
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 } | undefined>;
 declare const useItemContext: () => {
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 };
 export default useItemContext;

package/dist/typings/context/useItemGroupContext.d.ts

@@ -4,12 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { ISelectedItem } from '@zendeskgarden/container-menu';
 export declare const ItemGroupContext: import("react").Context<{
-    type?: ISelectedItem['type'];
+    type?: ISelectedItem["type"];
 }>;
 declare const useItemGroupContext: () => {
-    type?: ISelectedItem['type'];
+    type?: ISelectedItem["type"];
 };
 export default useItemGroupContext;

package/dist/typings/context/useMenuContext.d.ts

@@ -4,20 +4,19 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { IUseMenuReturnValue } from '@zendeskgarden/container-menu';
 export declare const MenuContext: import("react").Context<{
-    isCompact?: boolean | undefined;
-    focusedValue?: string | null | undefined;
-    getItemGroupProps: IUseMenuReturnValue['getItemGroupProps'];
-    getItemProps: IUseMenuReturnValue['getItemProps'];
-    getSeparatorProps: IUseMenuReturnValue['getSeparatorProps'];
+    isCompact?: boolean;
+    focusedValue?: string | null;
+    getItemGroupProps: IUseMenuReturnValue["getItemGroupProps"];
+    getItemProps: IUseMenuReturnValue["getItemProps"];
+    getSeparatorProps: IUseMenuReturnValue["getSeparatorProps"];
 } | undefined>;
 declare const useMenuContext: () => {
-    isCompact?: boolean | undefined;
-    focusedValue?: string | null | undefined;
-    getItemGroupProps: IUseMenuReturnValue['getItemGroupProps'];
-    getItemProps: IUseMenuReturnValue['getItemProps'];
-    getSeparatorProps: IUseMenuReturnValue['getSeparatorProps'];
+    isCompact?: boolean;
+    focusedValue?: string | null;
+    getItemGroupProps: IUseMenuReturnValue["getItemGroupProps"];
+    getItemProps: IUseMenuReturnValue["getItemProps"];
+    getSeparatorProps: IUseMenuReturnValue["getSeparatorProps"];
 };
 export default useMenuContext;

package/dist/typings/context/useOptionContext.d.ts

@@ -4,11 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const OptionContext: import("react").Context<{
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 } | undefined>;
 declare const useOptionContext: () => {
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 };
 export default useOptionContext;

package/dist/typings/elements/combobox/Field.d.ts

@@ -8,11 +8,13 @@ import React from 'react';
 import { Hint } from './Hint';
 import { Label } from './Label';
 import { Message } from './Message';
+declare const FieldComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+export declare const Field: typeof FieldComponent & {
     Hint: typeof Hint;
     Label: typeof Label;
     Message: typeof Message;
 };
+export {};

package/dist/typings/elements/combobox/Option.d.ts

@@ -7,9 +7,11 @@
 import React from 'react';
 import { IOptionProps } from '../../types';
 import { OptionMeta } from './OptionMeta';
+declare const OptionComponent: React.ForwardRefExoticComponent<IOptionProps & React.RefAttributes<HTMLLIElement>>;
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const Option: React.ForwardRefExoticComponent<IOptionProps & React.RefAttributes<HTMLLIElement>> & {
+export declare const Option: typeof OptionComponent & {
     Meta: typeof OptionMeta;
 };
+export {};

package/dist/typings/elements/combobox/Tag.d.ts

@@ -7,9 +7,11 @@
 import React from 'react';
 import { ITagProps } from '../../types';
 import { TagAvatar } from './TagAvatar';
+declare const TagComponent: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Tag: typeof TagComponent & {
     Avatar: typeof TagAvatar;
 };
+export {};

package/dist/typings/elements/combobox/TagAvatar.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 /**
  * @extends HTMLAttributes<HTMLElement>
  */

package/dist/typings/elements/combobox/utils.d.ts

@@ -24,7 +24,7 @@ export declare const toOption: (props: IOptionProps) => IOption;
  *
  * @returns A valid `IUseComboboxProps['options']` data structure.
  */
-export declare const toOptions: (children: ReactNode, optionTagProps: Record<string, IOptionProps['tagProps']>) => (IOption | {
+export declare const toOptions: (children: ReactNode, optionTagProps: Record<string, IOptionProps["tagProps"]>) => (IOption | {
     options: IOption[];
-    label?: string | undefined;
+    label?: string;
 })[];

package/dist/typings/elements/menu/Item.d.ts

@@ -7,9 +7,11 @@
 import React from 'react';
 import { IItemProps } from '../../types';
 import { ItemMeta } from './ItemMeta';
+declare const ItemComponent: React.ForwardRefExoticComponent<IItemProps & React.RefAttributes<HTMLLIElement>>;
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const Item: React.ForwardRefExoticComponent<IItemProps & React.RefAttributes<HTMLLIElement>> & {
+export declare const Item: typeof ItemComponent & {
     Meta: typeof ItemMeta;
 };
+export {};

package/dist/typings/elements/menu/utils.d.ts

@@ -15,7 +15,7 @@ import { ReactNode } from 'react';
  * @returns A valid `useMenu` item object.
  */
 export declare const toItem: (props: IItemProps & {
-    selectionType?: IItemGroupProps['type'];
+    selectionType?: IItemGroupProps["type"];
 }) => IMenuItemBase;
 /**
  * Convert an array of `Item` and `ItemGroup` children to a valid `items`
@@ -26,4 +26,4 @@ export declare const toItem: (props: IItemProps & {
  *
  * @returns A valid `IUseMenuProps['items']` data structure.
  */
-export declare const toItems: (children: ReactNode, type?: 'radio' | 'checkbox') => MenuItem[];
+export declare const toItems: (children: ReactNode, type?: "radio" | "checkbox") => MenuItem[];

package/dist/typings/views/combobox/StyledHint.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledHint: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/views/combobox/StyledInputIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { ThemeProps, DefaultTheme } from 'styled-components';
 interface IStyledInputIconProps extends ThemeProps<DefaultTheme> {
     $isCompact?: boolean;

package/dist/typings/views/combobox/StyledLabel.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ILabelProps & import("react").RefAttributes<HTMLLabelElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/views/combobox/StyledMessage.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledMessage: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IMessageProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/views/combobox/StyledOptionIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { ThemeProps, DefaultTheme } from 'styled-components';
 import { OptionType } from '../../types';
 export interface IStyledOptionIconProps extends ThemeProps<DefaultTheme> {

package/dist/typings/views/combobox/StyledOptionTypeIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { ThemeProps, DefaultTheme } from 'styled-components';
 import { OptionType } from '../../types';
 export interface IStyledOptionTypeIconProps extends ThemeProps<DefaultTheme> {

package/dist/typings/views/combobox/StyledTag.d.ts

@@ -4,13 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tags").ITagProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Avatar: {
-        (props: import("react").HTMLAttributes<HTMLElement>): import("react").JSX.Element;
-        displayName: string;
-    };
-    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    Avatar: typeof import("packages/tags/dist/typings/elements/Avatar").Avatar;
+    Close: typeof import("packages/tags/dist/typings/elements/Close").Close;
 }, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/views/menu/StyledItemIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/views/menu/StyledItemTypeIcon.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledItemTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns",
-  "version": "9.0.0-next.21",
+  "version": "9.0.0-next.23",
   "description": "Components related to dropdowns in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,25 +23,25 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.0",
     "@zendeskgarden/container-combobox": "^2.0.0",
-    "@zendeskgarden/container-menu": "^0.3.0",
+    "@zendeskgarden/container-menu": "^0.4.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "@zendeskgarden/react-buttons": "^9.0.0-next.21",
-    "@zendeskgarden/react-forms": "^9.0.0-next.21",
-    "@zendeskgarden/react-tags": "^9.0.0-next.21",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.21",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.23",
+    "@zendeskgarden/react-forms": "^9.0.0-next.23",
+    "@zendeskgarden/react-tags": "^9.0.0-next.23",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.23",
     "polished": "^4.3.1",
     "prop-types": "^15.7.2",
     "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.21",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.23",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "components",
@@ -54,5 +54,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }