@vibe/core 3.54.3-alpha-aef80.0 → 3.55.0

package/dist/metadata.json

@@ -20448,5 +20448,489 @@
     "import": "import { ModalMedia } from \"@vibe/core/next\"",
     "parentComponent": "Modal",
     "subComponents": []
+  },
+  {
+    "filePath": "src/components/DropdownNew/Dropdown.tsx",
+    "aggregator": "next",
+    "symbols": [
+      "default as Dropdown",
+      "DropdownGroupOption",
+      "BaseDropdownProps",
+      "DropdownSizes",
+      "DropdownDirection",
+      "DropdownMultiControllerProps",
+      "DropdownSingleControllerProps"
+    ],
+    "displayName": "Dropdown",
+    "description": "",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "data-testid": {
+        "defaultValue": null,
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "options": {
+        "defaultValue": null,
+        "description": "The list of options available in the list.",
+        "name": "options",
+        "required": true,
+        "type": {
+          "name": "DropdownGroupOption<Item>"
+        }
+      },
+      "tooltipProps": {
+        "defaultValue": null,
+        "description": "Props to be passed to the Tooltip component that wraps the dropdown.",
+        "name": "tooltipProps",
+        "required": false,
+        "type": {
+          "name": "Partial<TooltipProps>"
+        }
+      },
+      "withGroupDivider": {
+        "defaultValue": null,
+        "description": "If true, displays dividers between grouped options.",
+        "name": "withGroupDivider",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "stickyGroupTitle": {
+        "defaultValue": null,
+        "description": "If true, makes the group title sticky.",
+        "name": "stickyGroupTitle",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "size": {
+        "defaultValue": null,
+        "description": "The size of the dropdown.",
+        "name": "size",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "DropdownSizes",
+          "value": [
+            {
+              "value": "\"small\""
+            },
+            {
+              "value": "\"medium\""
+            },
+            {
+              "value": "\"large\""
+            }
+          ]
+        }
+      },
+      "dir": {
+        "defaultValue": null,
+        "description": "The direction of the dropdown.",
+        "name": "dir",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "DropdownDirection",
+          "value": [
+            {
+              "value": "\"ltr\""
+            },
+            {
+              "value": "\"rtl\""
+            },
+            {
+              "value": "\"auto\""
+            }
+          ]
+        }
+      },
+      "searchable": {
+        "defaultValue": null,
+        "description": "If true, the dropdown is searchable.",
+        "name": "searchable",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "optionRenderer": {
+        "defaultValue": null,
+        "description": "The function to call to render an option.",
+        "name": "optionRenderer",
+        "required": false,
+        "type": {
+          "name": "(option: BaseListItemData<Item>) => React.ReactNode"
+        }
+      },
+      "menuRenderer": {
+        "defaultValue": null,
+        "description": "The function to call to render the menu.",
+        "name": "menuRenderer",
+        "required": false,
+        "type": {
+          "name": "(props: { children: React.ReactNode; filteredOptions: ListGroup<Item>[]; selectedItems: Item[]; getItemProps: (options: any) => Record<string, unknown>; }) => React.ReactNode"
+        }
+      },
+      "noOptionsMessage": {
+        "defaultValue": null,
+        "description": "The message to display when there are no options.",
+        "name": "noOptionsMessage",
+        "required": false,
+        "type": {
+          "name": "any"
+        }
+      },
+      "placeholder": {
+        "defaultValue": null,
+        "description": "The placeholder to display when the dropdown is empty.",
+        "name": "placeholder",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "disabled": {
+        "defaultValue": null,
+        "description": "If true, the dropdown is disabled.",
+        "name": "disabled",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "readOnly": {
+        "defaultValue": null,
+        "description": "If true, the dropdown is read only.",
+        "name": "readOnly",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "error": {
+        "defaultValue": null,
+        "description": "If true, the dropdown is in an error state.",
+        "name": "error",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "helperText": {
+        "defaultValue": null,
+        "description": "The helper text to display below the dropdown.",
+        "name": "helperText",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "required": {
+        "defaultValue": null,
+        "description": "If true, the dropdown is required.",
+        "name": "required",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "label": {
+        "defaultValue": null,
+        "description": "The label to display above the dropdown.",
+        "name": "label",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ariaLabel": {
+        "defaultValue": null,
+        "description": "The ARIA label for the dropdown.",
+        "name": "ariaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "inputAriaLabel": {
+        "defaultValue": null,
+        "description": "The ARIA label for the dropdown input.",
+        "name": "inputAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "menuAriaLabel": {
+        "defaultValue": null,
+        "description": "The ARIA label for the menu container.",
+        "name": "menuAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "inputValue": {
+        "defaultValue": null,
+        "description": "The current value of the input field.",
+        "name": "inputValue",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "maxMenuHeight": {
+        "defaultValue": null,
+        "description": "The maximum height of the dropdown menu.",
+        "name": "maxMenuHeight",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "isMenuOpen": {
+        "defaultValue": null,
+        "description": "If true, controls the menu open state.",
+        "name": "isMenuOpen",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "closeMenuOnSelect": {
+        "defaultValue": null,
+        "description": "If true, closes the menu when an option is selected.",
+        "name": "closeMenuOnSelect",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "autoFocus": {
+        "defaultValue": null,
+        "description": "If true, the dropdown menu will be auto focused.",
+        "name": "autoFocus",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "clearable": {
+        "defaultValue": null,
+        "description": "If true, the dropdown will have a clear button.",
+        "name": "clearable",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "onBlur": {
+        "defaultValue": null,
+        "description": "Callback fired when the dropdown loses focus.",
+        "name": "onBlur",
+        "required": false,
+        "type": {
+          "name": "() => void"
+        }
+      },
+      "onClear": {
+        "defaultValue": null,
+        "description": "Callback fired when the clear button is clicked.",
+        "name": "onClear",
+        "required": false,
+        "type": {
+          "name": "() => void"
+        }
+      },
+      "onFocus": {
+        "defaultValue": null,
+        "description": "Callback fired when the dropdown gains focus.",
+        "name": "onFocus",
+        "required": false,
+        "type": {
+          "name": "(event: React.FocusEvent<HTMLDivElement>) => void"
+        }
+      },
+      "onInputChange": {
+        "defaultValue": null,
+        "description": "Callback fired when the dropdown input value changes.",
+        "name": "onInputChange",
+        "required": false,
+        "type": {
+          "name": "(input: string) => void"
+        }
+      },
+      "onKeyDown": {
+        "defaultValue": null,
+        "description": "Callback fired when a key is pressed inside the dropdown.",
+        "name": "onKeyDown",
+        "required": false,
+        "type": {
+          "name": "(event: React.KeyboardEvent<HTMLDivElement>) => void"
+        }
+      },
+      "onMenuOpen": {
+        "defaultValue": null,
+        "description": "Callback fired when the dropdown menu opens.",
+        "name": "onMenuOpen",
+        "required": false,
+        "type": {
+          "name": "() => void"
+        }
+      },
+      "onMenuClose": {
+        "defaultValue": null,
+        "description": "Callback fired when the dropdown menu closes.",
+        "name": "onMenuClose",
+        "required": false,
+        "type": {
+          "name": "() => void"
+        }
+      },
+      "onOptionSelect": {
+        "defaultValue": null,
+        "description": "Callback fired when an option is selected.",
+        "name": "onOptionSelect",
+        "required": false,
+        "type": {
+          "name": "(option: BaseListItemData<Item>) => void"
+        }
+      },
+      "onScroll": {
+        "defaultValue": null,
+        "description": "Callback fired when scrolling inside the dropdown.",
+        "name": "onScroll",
+        "required": false,
+        "type": {
+          "name": "(event: React.UIEvent<HTMLUListElement>) => void"
+        }
+      },
+      "filterOption": {
+        "defaultValue": null,
+        "description": "A function to customize the filtering of options.\nIt receives an option and the current input value, and should return true if the option should be included, false otherwise.",
+        "name": "filterOption",
+        "required": false,
+        "type": {
+          "name": "(option: Item, inputValue: string) => boolean"
+        }
+      },
+      "showSelectedOptions": {
+        "defaultValue": null,
+        "description": "If false, selected options will be hidden from the list. Defaults to true.",
+        "name": "showSelectedOptions",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "menuWrapperClassName": {
+        "defaultValue": null,
+        "description": "The class name to be applied to the menu wrapper.",
+        "name": "menuWrapperClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "multi": {
+        "defaultValue": null,
+        "description": "If true, the dropdown allows multiple selections.\nIf true, the dropdown allows multiple selections. Defaults to false.",
+        "name": "multi",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "multiline": {
+        "defaultValue": null,
+        "description": "If true, the dropdown allows multiple lines of selected items. (Not available for single select)",
+        "name": "multiline",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "onOptionRemove": {
+        "defaultValue": null,
+        "description": "Callback fired when an option is removed in multi-select mode. Only available when multi is true.\nCallback fired when an option is removed in multi-select mode. (Not available for single select)",
+        "name": "onOptionRemove",
+        "required": false,
+        "type": {
+          "name": "(option: BaseListItemData<Item>) => void"
+        }
+      },
+      "valueRenderer": {
+        "defaultValue": null,
+        "description": "The function to call to render the selected value on single select mode.",
+        "name": "valueRenderer",
+        "required": false,
+        "type": {
+          "name": "(option: BaseListItemData<Item>) => React.ReactNode"
+        }
+      },
+      "defaultValue": {
+        "defaultValue": null,
+        "description": "The default selected values for multi-select.\nThe default selected value for single-select.",
+        "name": "defaultValue",
+        "required": false,
+        "type": {
+          "name": "BaseListItemData<Record<string, unknown>> | Item[]"
+        }
+      },
+      "value": {
+        "defaultValue": null,
+        "description": "The controlled selected values for multi-select.\nThe controlled selected value for single-select.",
+        "name": "value",
+        "required": false,
+        "type": {
+          "name": "BaseListItemData<Record<string, unknown>> | Item[]"
+        }
+      },
+      "onChange": {
+        "defaultValue": null,
+        "description": "Callback fired when the selected values change in multi-select mode.\nCallback fired when the selected value changes in single-select mode.",
+        "name": "onChange",
+        "required": false,
+        "type": {
+          "name": "((options: BaseListItemData<Item>[]) => void) | ((option: BaseListItemData<Item>) => void)"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "required": false,
+        "type": {
+          "name": "React.ForwardedRef<HTMLDivElement>"
+        }
+      }
+    },
+    "import": "import { Dropdown } from \"@vibe/core/next\"",
+    "subComponents": []
   }
 ]

package/dist/mocked_classnames/components/BaseListItem/BaseListItem.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BaseListItemProps } from "./BaseListItem.types";
 declare const _default: <Item extends Record<string, unknown>>(props: BaseListItemProps<Item> & {
-    ref?: React.Ref<HTMLLIElement>;
+    ref?: React.Ref<HTMLElement>;
 }) => React.ReactElement;
 export default _default;

package/dist/mocked_classnames/components/BaseListItem/BaseListItem.types.d.ts

@@ -3,7 +3,11 @@ import { SubIcon, VibeComponentProps } from "../../types";
 import { TooltipProps } from "../Tooltip";
 import { BaseListDirection, BaseListSizes } from "../BaseList/BaseList.types";
 import { ChipsProps } from "../Chips";
-export interface BaseListItemProps<Item extends Record<string, unknown>> extends React.LiHTMLAttributes<HTMLLIElement>, VibeComponentProps {
+export interface BaseListItemProps<Item extends Record<string, unknown>> extends Omit<React.HTMLAttributes<HTMLElement>, "role">, VibeComponentProps {
+    /**
+     * The HTML element to render. Defaults to "li".
+     */
+    component?: keyof JSX.IntrinsicElements;
     /**
      * The Size of the list item.
      */

package/dist/mocked_classnames/components/DropdownNew/Dropdown.types.d.ts

@@ -26,6 +26,10 @@ interface MultiSelectSpecifics<Item extends BaseListItemData<Record<string, unkn
      * The controlled selected values for multi-select.
      */
     value?: Item[];
+    /**
+     * Callback fired when the selected values change in multi-select mode.
+     */
+    onChange?: (options: BaseListItemData<Item>[]) => void;
 }
 interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unknown>>> {
     /**
@@ -52,6 +56,10 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      * The controlled selected value for single-select.
      */
     value?: Item;
+    /**
+     * Callback fired when the selected value changes in single-select mode.
+     */
+    onChange?: (option: BaseListItemData<Item>) => void;
 }
 export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
     /**
@@ -167,10 +175,6 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * Callback fired when the dropdown loses focus.
      */
     onBlur?: () => void;
-    /**
-     * Callback fired when the selected value changes.
-     */
-    onChange?: (option: BaseListItemData<Item> | BaseListItemData<Item>[]) => void;
     /**
      * Callback fired when the clear button is clicked.
      */
@@ -212,10 +216,17 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * If false, selected options will be hidden from the list. Defaults to true.
      */
     showSelectedOptions?: boolean;
+    /**
+     * The class name to be applied to the menu wrapper.
+     */
+    menuWrapperClassName?: string;
 } & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
 export type DropdownSizes = "small" | "medium" | "large";
 export type DropdownDirection = "ltr" | "rtl" | "auto";
-export type DropdownControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = BaseDropdownProps<Item> & {
+export type DropdownMultiControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item>> & MultiSelectSpecifics<Item> & {
+    dropdownRef: React.Ref<HTMLDivElement>;
+};
+export type DropdownSingleControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item>> & SingleSelectSpecifics<Item> & {
     dropdownRef: React.Ref<HTMLDivElement>;
 };
 export {};

package/dist/mocked_classnames/components/DropdownNew/context/DropdownContext.d.ts

@@ -22,6 +22,7 @@ export interface DropdownContextValue<Item extends BaseListItemData<Record<strin
     getItemProps: ItemPropGetter<Item>;
     getDropdownProps?: PropGetter;
     reset: () => void;
+    toggleMenu: () => void;
     onClear?: () => void;
     onOptionSelect?: (option: Item) => void;
     onOptionRemove?: (option: Item) => void;

package/dist/mocked_classnames/components/DropdownNew/context/DropdownContext.types.d.ts

@@ -7,8 +7,9 @@ type ItemPropGetter<Item> = (options: {
     item: Item;
     index: number;
 }) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
+    label?: string;
     isOpen: boolean;
     inputValue: string | null;
     highlightedIndex: number | null;
@@ -23,6 +24,7 @@ export interface DropdownContextProps<Item extends BaseListItemData<Record<strin
     getItemProps: ItemPropGetter<Item>;
     getDropdownProps?: PropGetter;
     reset: () => void;
+    toggleMenu: () => void;
     contextOnClear: () => void;
     contextOnOptionRemove?: (option: Item) => void;
     addSelectedItem?: (item: Item) => void;

package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownFiltering.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseListItemData } from "../../BaseListItem";
 import { ListGroup } from "../../BaseList";
 import { DropdownGroupOption } from "../Dropdown.types";

package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownMultiCombobox.d.ts

@@ -1,11 +1,11 @@
 import { DropdownGroupOption } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare function useDropdownMultiCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[] | T) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean): {
+declare function useDropdownMultiCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[]) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean): {
     isOpen: boolean;
     inputValue: string;
     highlightedIndex: number;
     selectedItems: T[];
-    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "index" | "selectedItem">;
+    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "selectedItem" | "index">;
     getDropdownProps: <Options_1>(options?: import("downshift").UseMultipleSelectionGetDropdownPropsOptions & Options_1, extraOptions?: import("downshift").GetPropsCommonOptions) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetDropdownReturnValue, Options_1>, "preventKeyAction">;
     addSelectedItem: (item: T) => void;
     getToggleButtonProps: <Options_2>(options?: import("downshift").UseComboboxGetToggleButtonPropsOptions & Options_2) => import("downshift").Overwrite<import("downshift").UseComboboxGetToggleButtonPropsReturnValue, Options_2>;

package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownMultiSelect.d.ts

@@ -5,7 +5,7 @@ declare function useDropdownMultiSelect<T extends BaseListItemData<Record<string
     inputValue: string;
     highlightedIndex: number;
     selectedItems: T[];
-    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "index" | "selectedItem">;
+    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "selectedItem" | "index">;
     addSelectedItem: (item: T) => void;
     removeSelectedItem: (item: T) => void;
     getToggleButtonProps: <Options_1>(options?: import("downshift").UseSelectGetToggleButtonPropsOptions & Options_1, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseSelectGetToggleButtonReturnValue, Options_1>;

package/dist/mocked_classnames/components/DropdownNew/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DropdownNew } from "./Dropdown";
+export { default as Dropdown } from "./Dropdown";
 export * from "./Dropdown.types";

package/dist/mocked_classnames/components/DropdownNew/modes/DropdownComboboxController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownSingleControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownSingleControllerProps<Item>) => React.JSX.Element;
 export default DropdownComboboxController;

package/dist/mocked_classnames/components/DropdownNew/modes/DropdownMultiComboboxController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownMultiControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownMultiComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownMultiComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownMultiControllerProps<Item>) => React.JSX.Element;
 export default DropdownMultiComboboxController;

package/dist/mocked_classnames/components/DropdownNew/modes/DropdownMultiSelectController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownMultiControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownMultiSelectController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownMultiSelectController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownMultiControllerProps<Item>) => React.JSX.Element;
 export default DropdownMultiSelectController;