@zendeskgarden/react-dropdowns 9.0.0-next.9 → 9.1.0

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,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" />
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
 export declare const TagAvatar: {
-    (props: import("react").HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    (props: import("react").HTMLAttributes<HTMLElement>): React.JSX.Element;
     displayName: string;
 };

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/types/index.d.ts

@@ -236,6 +236,8 @@ export interface IMenuProps extends HTMLAttributes<HTMLUListElement> {
      * @param {string | null} [changes.focusedValue] The updated focused value
      */
     onChange?: IUseMenuProps['onChange'];
+    /** Returns keyboard focus to the element that triggered the menu */
+    restoreFocus?: IUseMenuProps['restoreFocus'];
     /** Sets the selected items in a controlled menu */
     selectedItems?: IUseMenuProps['selectedItems'];
     /** Adjusts the placement of the menu */

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

@@ -6,7 +6,7 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 interface IStyledComboboxProps extends ThemeProps<DefaultTheme> {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledCombobox: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -8,9 +8,9 @@ import { ThemeProps, DefaultTheme } from 'styled-components';
 import { MenuPosition } from '@zendeskgarden/react-theming';
 import { IListboxProps } from '../../types';
 export interface IStyledFloatingListboxProps extends ThemeProps<DefaultTheme> {
-    isHidden?: boolean;
-    position: MenuPosition;
-    zIndex?: IListboxProps['zIndex'];
+    $isHidden?: boolean;
+    $position: MenuPosition;
+    $zIndex?: IListboxProps['zIndex'];
 }
 export declare const StyledFloatingListbox: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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/StyledInput.d.ts

@@ -6,10 +6,10 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 interface IStyledInputProps extends ThemeProps<DefaultTheme> {
-    isBare?: boolean;
-    isCompact?: boolean;
-    isEditable?: boolean;
-    isMultiselectable?: boolean;
+    $isBare?: boolean;
+    $isCompact?: boolean;
+    $isEditable?: boolean;
+    $isMultiselectable?: boolean;
 }
 export declare const getHeight: (props: IStyledInputProps) => number;
 export declare const sizeStyles: (props: IStyledInputProps) => import("styled-components").FlattenSimpleInterpolation;

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;
@@ -13,7 +12,7 @@ interface IStyledInputIconProps extends ThemeProps<DefaultTheme> {
     $isLabelHovered?: boolean;
     $isRotated?: boolean;
 }
-export declare const StyledInputIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledInputIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledInputIconProps, "data-garden-id" | "data-garden-version">;

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/StyledListbox.d.ts

@@ -7,9 +7,9 @@
 import { DefaultTheme, ThemeProps } from 'styled-components';
 import { IListboxProps } from '../../types';
 export interface IStyledListboxProps extends ThemeProps<DefaultTheme> {
-    isCompact?: boolean;
-    maxHeight?: IListboxProps['maxHeight'];
-    minHeight?: IListboxProps['minHeight'];
+    $isCompact?: boolean;
+    $maxHeight?: IListboxProps['maxHeight'];
+    $minHeight?: IListboxProps['minHeight'];
 }
 export declare const StyledListbox: import("styled-components").StyledComponent<"ul", DefaultTheme, {
     'data-garden-id': 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/StyledOptGroup.d.ts

@@ -6,7 +6,7 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 export interface IStyledOptGroupProps extends ThemeProps<DefaultTheme> {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledOptGroup: import("styled-components").StyledComponent<"ul", DefaultTheme, {
     'data-garden-id': string;

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

@@ -7,8 +7,8 @@
 import { ThemeProps, DefaultTheme } from 'styled-components';
 import { OptionType } from '../../types';
 export interface IStyledOptionProps extends ThemeProps<DefaultTheme> {
-    isActive?: boolean;
-    isCompact?: boolean;
+    $isActive?: boolean;
+    $isCompact?: boolean;
     $type?: OptionType | 'header' | 'group';
 }
 export declare const getMinHeight: (props: IStyledOptionProps) => number;

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

@@ -4,9 +4,13 @@
  * 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 { DefaultTheme } from 'styled-components';
-export declare const StyledOptionIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+import { ThemeProps, DefaultTheme } from 'styled-components';
+import { OptionType } from '../../types';
+export interface IStyledOptionIconProps extends ThemeProps<DefaultTheme> {
+    $isDisabled?: boolean;
+    $type?: OptionType;
+}
+export declare const StyledOptionIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+} & IStyledOptionIconProps, "data-garden-id" | "data-garden-version">;

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

@@ -6,7 +6,7 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 export interface IStyledOptionMetaProps extends ThemeProps<DefaultTheme> {
-    isDisabled?: boolean;
+    $isDisabled?: boolean;
 }
 export declare const StyledOptionMeta: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -4,14 +4,13 @@
  * 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> {
     $isCompact?: boolean;
     $type?: OptionType | 'header';
 }
-export declare const StyledOptionTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledOptionTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledOptionTypeIconProps, "data-garden-id" | "data-garden-version">;

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/combobox/StyledTagsButton.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme, ThemeProps } from 'styled-components';
 interface IStyledTagsButtonProps extends ThemeProps<DefaultTheme> {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledTagsButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
     as: string;

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

@@ -7,15 +7,15 @@
 import { ThemeProps, DefaultTheme } from 'styled-components';
 import { Validation } from '../../types';
 interface IStyledTriggerProps extends ThemeProps<DefaultTheme> {
-    isAutocomplete?: boolean;
-    isBare?: boolean;
-    isCompact?: boolean;
-    isEditable?: boolean;
-    isLabelHovered?: boolean;
-    isMultiselectable?: boolean;
-    maxHeight?: string;
-    focusInset?: boolean;
-    validation?: Validation;
+    $isAutocomplete?: boolean;
+    $isBare?: boolean;
+    $isCompact?: boolean;
+    $isEditable?: boolean;
+    $isLabelHovered?: boolean;
+    $isMultiselectable?: boolean;
+    $maxHeight?: string;
+    $focusInset?: boolean;
+    $validation?: Validation;
 }
 export declare const StyledTrigger: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -6,13 +6,13 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 interface IStyledValueProps extends ThemeProps<DefaultTheme> {
-    isAutocomplete?: boolean;
-    isBare?: boolean;
-    isCompact?: boolean;
-    isDisabled?: boolean;
-    isEditable?: boolean;
-    isMultiselectable?: boolean;
-    isPlaceholder?: boolean;
+    $isAutocomplete?: boolean;
+    $isBare?: boolean;
+    $isCompact?: boolean;
+    $isDisabled?: boolean;
+    $isEditable?: boolean;
+    $isMultiselectable?: boolean;
+    $isPlaceholder?: boolean;
 }
 export declare const StyledValue: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/views/index.d.ts

@@ -34,5 +34,4 @@ export * from './menu/StyledItemGroup';
 export * from './menu/StyledItemIcon';
 export * from './menu/StyledItemMeta';
 export * from './menu/StyledItemTypeIcon';
-export * from './menu/StyledButton';
 export * from './menu/StyledSeparator';

package/dist/typings/views/menu/StyledItemIcon.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 StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
+export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & {
+} & import("../combobox/StyledOptionIcon").IStyledOptionIconProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

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

@@ -4,8 +4,7 @@
  * 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, {
+export declare const StyledItemTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & import("../combobox/StyledOptionTypeIcon").IStyledOptionTypeIconProps & {

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

@@ -7,7 +7,7 @@
 import { ArrowPosition } from '@zendeskgarden/react-theming';
 import { IStyledListboxProps } from '../combobox/StyledListbox';
 interface IStyledMenuProps extends IStyledListboxProps {
-    arrowPosition?: ArrowPosition;
+    $arrowPosition?: ArrowPosition;
 }
 export declare const StyledMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     'data-garden-id': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns",
-  "version": "9.0.0-next.9",
+  "version": "9.1.0",
   "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.5.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "@zendeskgarden/react-buttons": "^9.0.0-next.9",
-    "@zendeskgarden/react-forms": "^9.0.0-next.9",
-    "@zendeskgarden/react-tags": "^9.0.0-next.9",
-    "@zendeskgarden/react-tooltips": "^9.0.0-next.9",
-    "polished": "^4.0.0",
+    "@zendeskgarden/react-buttons": "^9.1.0",
+    "@zendeskgarden/react-forms": "^9.1.0",
+    "@zendeskgarden/react-tags": "^9.1.0",
+    "@zendeskgarden/react-tooltips": "^9.1.0",
+    "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.9",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.1.0",
+    "@zendeskgarden/svg-icons": "7.3.0"
   },
   "keywords": [
     "components",
@@ -54,5 +54,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
+  "gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
 }

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

@@ -1,23 +0,0 @@
-/**
-* Copyright Zendesk, Inc.
-*
-* Use of this source code is governed under the Apache License, Version 2.0
-* found at http://www.apache.org/licenses/LICENSE-2.0.
-*/
-import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
-import { Button } from '@zendeskgarden/react-buttons';
-
-const COMPONENT_ID = 'dropdowns.menu.button';
-const StyledButton = styled(Button).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
-}).withConfig({
-  displayName: "StyledButton",
-  componentId: "sc-5hs2jg-0"
-})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledButton.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-export { StyledButton };