@vibe/core 3.46.1 → 3.48.0

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { VibeComponentProps, ElementContent } from "../../../types";
+import { ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
      * The header content displayed in the accordion item.
@@ -13,6 +14,10 @@ export interface AccordionItemProps extends VibeComponentProps {
      * The size of the expand/collapse icon.
      */
     iconSize?: number | string;
+    /**
+     * The position of the expand/collapse icon.
+     */
+    iconPosition?: ExpandCollapseIconPosition;
     /**
      * Callback fired upon item click.
      */

package/dist/components/BaseList/BaseList.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import { BaseListProps } from "./BaseList.types";
-declare const BaseList: React.ForwardRefExoticComponent<BaseListProps<Record<string, unknown>> & React.RefAttributes<HTMLUListElement>>;
-export default BaseList;
+declare const _default: <Item extends Record<string, unknown>>(props: BaseListProps<Item> & {
+    ref?: React.Ref<HTMLUListElement>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/BaseList/BaseList.types.d.ts

@@ -1,15 +1,15 @@
 import React, { ReactNode } from "react";
 import { VibeComponentProps } from "../../types";
-import { BaseListItemProps } from "../BaseListItem";
-export interface BaseListProps<T = BaseListItemProps> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
+import { BaseListItemData } from "../BaseListItem";
+export interface BaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
     /**
      * The list of options available in the list.
      */
-    options: ListGroup<T>[];
+    options: ListGroup<Item>[];
     /**
      * The selected item in the list.
      */
-    selectedItem?: T | null;
+    selectedItem?: BaseListItemData<Item> | null;
     /**
      * The index of the highlighted item in the list.
      */
@@ -41,7 +41,7 @@ export interface BaseListProps<T = BaseListItemProps> extends React.HTMLAttribut
     /**
      * Custom renderer for options.
      */
-    optionRenderer?: (item: T) => JSX.Element;
+    itemRenderer?: (item: BaseListItemData<Item>) => React.ReactNode;
     /**
      * Text or function to customize the "No results" message.
      */
@@ -54,8 +54,12 @@ export interface BaseListProps<T = BaseListItemProps> extends React.HTMLAttribut
      * Function to handle scroll events.
      */
     onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
+    /**
+     * The maximum height of the list.
+     */
+    maxMenuHeight?: number;
 }
-export interface ListGroup<T = BaseListItemProps> {
+export interface ListGroup<Item = Record<string, unknown>> {
     /**
      * The label for the group of options.
      */
@@ -63,7 +67,7 @@ export interface ListGroup<T = BaseListItemProps> {
     /**
      * The list of options within this group.
      */
-    options: T[];
+    options: BaseListItemData<Item>[];
 }
 export type BaseListSizes = "small" | "medium" | "large";
 export type BaseListDirection = "ltr" | "rtl" | "auto";

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

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

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

@@ -2,15 +2,7 @@ import React, { ReactNode, AriaRole } from "react";
 import { SubIcon, VibeComponentProps } from "../../types";
 import { TooltipProps } from "../Tooltip";
 import { BaseListDirection, BaseListSizes } from "../BaseList/BaseList.types";
-export interface BaseListItemProps<T = Record<string, unknown>> extends React.LiHTMLAttributes<HTMLLIElement>, VibeComponentProps {
-    /**
-     * The value associated with the list item.
-     */
-    value?: string;
-    /**
-     * The primary text content of the list item.
-     */
-    label: string;
+export interface BaseListItemProps<Item = Record<string, unknown>> extends React.LiHTMLAttributes<HTMLLIElement>, VibeComponentProps {
     /**
      * The Size of the list item.
      */
@@ -19,30 +11,14 @@ export interface BaseListItemProps<T = Record<string, unknown>> extends React.Li
      * If true, the list item is selected.
      */
     selected?: boolean;
-    /**
-     * If true, the list item is disabled.
-     */
-    disabled?: boolean;
     /**
      * If true, the dropdown is read-only and cannot be edited.
      */
     readOnly?: boolean;
     /**
-     * Element to render at the start of the list item.
-     */
-    startElement?: StartElement;
-    /**
-     * Element to render at the end of the list item.
-     */
-    endElement?: EndElement;
-    /**
-     * If true, applies highlight styling to the item.
+     * Whether item should have highlight styling
      */
     highlighted?: boolean;
-    /**
-     * Props for displaying a tooltip on the list item.
-     */
-    tooltipProps?: Partial<TooltipProps>;
     /**
      * Determines the position of the tooltip according to the direction.
      */
@@ -58,12 +34,38 @@ export interface BaseListItemProps<T = Record<string, unknown>> extends React.Li
     /**
      * Custom renderer for options.
      */
-    optionRenderer?: (item: T) => JSX.Element;
+    itemRenderer?: (item: BaseListItemData<Item>) => React.ReactNode;
+    /**
+     * The original item data that this list item represents.
+     */
+    item?: BaseListItemData<Item>;
     /**
-     * Allow any additional user-defined properties dynamically
-     **/
-    [key: string]: unknown;
+     * Additional props to pass to the list item element.
+     */
+    itemProps?: Record<string, unknown>;
 }
+export type BaseListItemData<Item = Record<string, unknown>> = Item & {
+    /**
+     * The primary text content of the list item.
+     */
+    label: string;
+    /**
+     * The start element of the list item.
+     */
+    startElement?: StartElement;
+    /**
+     * The end element of the list item.
+     */
+    endElement?: EndElement;
+    /**
+     * If true, the list item is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Props for displaying a tooltip on the list item.
+     */
+    tooltipProps?: Partial<TooltipProps>;
+};
 export type SideElement = {
     type: "avatar";
     value: string;

package/dist/components/Chips/Chips.d.ts

@@ -100,6 +100,10 @@ export interface ChipsProps extends VibeComponentProps {
      * The label for the close button.
      */
     closeButtonAriaLabel?: string;
+    /**
+     * If true, removes the default margin from the chip.
+     */
+    noMargin?: boolean;
 }
 declare const _default: (React.FC<ChipsProps> | React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>>) & {
     colors: {

package/dist/components/Dialog/modifiers/observeReferenceResizeModifier.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from "react-popper";
+export declare const createObserveReferenceResizeModifier: (isEnabled?: boolean) => Modifier<"observeReferenceResize">;

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

@@ -1,5 +1,7 @@
 import React from "react";
-import { BaseListItemProps } from "../BaseListItem";
 import { BaseDropdownProps } from "./Dropdown.types";
-declare const Dropdown: React.ForwardRefExoticComponent<BaseDropdownProps<BaseListItemProps<Record<string, unknown>>> & React.RefAttributes<HTMLDivElement>>;
-export default Dropdown;
+import { BaseListItemData } from "../BaseListItem/BaseListItem.types";
+declare const _default: <Item extends BaseListItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export default _default;

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

@@ -1,13 +1,13 @@
 import React from "react";
 import { ListGroup } from "../BaseList";
-import { BaseListItemProps } from "../BaseListItem";
 import { VibeComponentProps } from "../../types";
-export type DropdownGroupOption<T extends BaseListItemProps> = ListGroup<T>[] | T[];
-export interface BaseDropdownProps<T extends BaseListItemProps> extends VibeComponentProps {
+import { BaseListItemData } from "../BaseListItem/BaseListItem.types";
+export type DropdownGroupOption<Item = Record<string, unknown>> = ListGroup<Item>[] | BaseListItemData<Item>[];
+export interface BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> extends VibeComponentProps {
     /**
      * The list of options available in the list.
      */
-    options: DropdownGroupOption<T>;
+    options: DropdownGroupOption<Item>;
     /**
      * If true, displays dividers between grouped options.
      */
@@ -31,11 +31,11 @@ export interface BaseDropdownProps<T extends BaseListItemProps> extends VibeComp
     /**
      * The function to call to render an option.
      */
-    optionRenderer?: (option: T) => JSX.Element;
+    optionRenderer?: (option: BaseListItemData<Item>) => React.ReactNode;
     /**
      * The message to display when there are no options.
      */
-    noOptionsMessage?: string | JSX.Element;
+    noOptionsMessage?: string | React.ReactNode;
     /**
      * The placeholder to display when the dropdown is empty.
      */
@@ -52,6 +52,38 @@ export interface BaseDropdownProps<T extends BaseListItemProps> extends VibeComp
      * If true, the dropdown is in an error state.
      */
     error?: boolean;
+    /**
+     * The helper text to display below the dropdown.
+     */
+    helperText?: string;
+    /**
+     * If true, the dropdown is required.
+     */
+    required?: boolean;
+    /**
+     * The label to display above the dropdown.
+     */
+    label?: string;
+    /**
+     * The maximum height of the dropdown menu.
+     */
+    maxMenuHeight?: number;
+    /**
+     * If true, controls the menu open state.
+     */
+    isMenuOpen?: boolean;
+    /**
+     * If true, closes the menu when an option is selected.
+     */
+    closeMenuOnSelect?: boolean;
+    /**
+     * If true, the dropdown menu will be auto focused.
+     */
+    autoFocus?: boolean;
+    /**
+     * If true, the dropdown will have a clear button.
+     */
+    clearable?: boolean;
     /**
      * Callback fired when the dropdown loses focus.
      */
@@ -59,7 +91,7 @@ export interface BaseDropdownProps<T extends BaseListItemProps> extends VibeComp
     /**
      * Callback fired when the selected value changes.
      */
-    onChange?: (option: T | T[]) => void;
+    onChange?: (option: BaseListItemData<Item> | BaseListItemData<Item>[]) => void;
     /**
      * Callback fired when the clear button is clicked.
      */
@@ -75,7 +107,7 @@ export interface BaseDropdownProps<T extends BaseListItemProps> extends VibeComp
     /**
      * Callback fired when a key is pressed inside the dropdown.
      */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
     /**
      * Callback fired when the dropdown menu opens.
      */
@@ -87,7 +119,7 @@ export interface BaseDropdownProps<T extends BaseListItemProps> extends VibeComp
     /**
      * Callback fired when an option is selected.
      */
-    onOptionSelect?: (option: T) => void;
+    onOptionSelect?: (option: BaseListItemData<Item>) => void;
     /**
      * Callback fired when scrolling inside the dropdown.
      */

package/dist/components/DropdownNew/hooks/useDropdownCombobox.d.ts

@@ -1,15 +1,16 @@
-import { BaseListItemProps } from "../../BaseListItem";
-import { ListGroup } from "../../BaseList";
+import { BaseListItemData } from "../../BaseListItem";
 import { DropdownGroupOption } from "../Dropdown.types";
-declare function useDropdownCombobox<T extends BaseListItemProps>(options: DropdownGroupOption<T>, onChange?: (option: T | T[]) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void): {
+declare function useDropdownCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, autoFocus?: boolean, isMenuOpen?: boolean, closeMenuOnSelect?: boolean, onChange?: (option: T | T[]) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void): {
     isOpen: boolean;
+    inputValue: string;
     highlightedIndex: number;
     selectedItem: T;
     getToggleButtonProps: <Options>(options?: import("downshift").UseComboboxGetToggleButtonPropsOptions & Options) => import("downshift").Overwrite<import("downshift").UseComboboxGetToggleButtonPropsReturnValue, Options>;
-    getMenuProps: <Options_1>(options?: import("downshift").UseComboboxGetMenuPropsOptions & Options_1, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetMenuPropsReturnValue, Options_1>;
-    getInputProps: <Options_2>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options_2, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options_2>;
-    getItemProps: <Options_3>(options: import("downshift").UseComboboxGetItemPropsOptions<T> & Options_3) => Omit<import("downshift").Overwrite<import("downshift").UseComboboxGetItemPropsReturnValue, Options_3>, "index" | "item">;
+    getLabelProps: <Options_1>(options?: import("downshift").UseComboboxGetLabelPropsOptions & Options_1) => import("downshift").Overwrite<import("downshift").UseComboboxGetLabelPropsReturnValue, Options_1>;
+    getMenuProps: <Options_2>(options?: import("downshift").UseComboboxGetMenuPropsOptions & Options_2, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetMenuPropsReturnValue, Options_2>;
+    getInputProps: <Options_3>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options_3, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options_3>;
+    getItemProps: <Options_4>(options: import("downshift").UseComboboxGetItemPropsOptions<T> & Options_4) => Omit<import("downshift").Overwrite<import("downshift").UseComboboxGetItemPropsReturnValue, Options_4>, "index" | "item">;
     reset: () => void;
-    filteredOptions: ListGroup<T>[];
+    filteredOptions: import("../../BaseList").ListGroup<T>[];
 };
 export default useDropdownCombobox;

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

@@ -1,9 +1,9 @@
-import { BaseListItemProps } from "../../BaseListItem";
+import { BaseListItemData } from "../../BaseListItem";
 import { ListGroup } from "../../BaseList";
 import { DropdownGroupOption } from "../Dropdown.types";
-declare function useDropdownFiltering<T extends BaseListItemProps>(options: DropdownGroupOption<T>): {
-    filteredOptions: ListGroup<T>[];
+declare function useDropdownFiltering<Item extends BaseListItemData>(options: DropdownGroupOption<Item>): {
+    filteredOptions: ListGroup<Item>[];
     filterOptions: (inputValue: string) => void;
-    setFilteredOptions: import("react").Dispatch<import("react").SetStateAction<ListGroup<T>[]>>;
+    setFilteredOptions: import("react").Dispatch<import("react").SetStateAction<ListGroup<Item>[]>>;
 };
 export default useDropdownFiltering;

package/dist/components/DropdownNew/utils/dropdownUtils.d.ts

@@ -1,3 +1,3 @@
-import { BaseListItemProps } from "../../BaseListItem";
+import { BaseListItemData } from "../../BaseListItem";
 import { ListGroup } from "../../BaseList";
-export declare function normalizeOptions<T extends BaseListItemProps>(options: ListGroup<T>[] | T[], filter?: string): ListGroup<T>[];
+export declare function normalizeOptions<Item extends BaseListItemData>(options: ListGroup<Item>[] | BaseListItemData<Item>[], filter?: string): ListGroup<Item>[];

package/dist/components/ExpandCollapse/ExpandCollapse.d.ts

@@ -1,5 +1,6 @@
 import React, { FC, ReactElement } from "react";
 import { VibeComponentProps, ElementContent } from "../../types";
+import { ExpandCollapseIconPosition } from "./ExpandCollapse.types";
 export interface ExpandCollapseProps extends VibeComponentProps {
     /**
      * Custom renderer for the header component.
@@ -29,6 +30,10 @@ export interface ExpandCollapseProps extends VibeComponentProps {
      * The size of the expand/collapse icon.
      */
     iconSize?: number | string;
+    /**
+     * The position of the icon.
+     */
+    iconPosition?: ExpandCollapseIconPosition;
     /**
      * If true, the section is open by default when rendered.
      */

package/dist/components/ExpandCollapse/ExpandCollapse.types.d.ts

@@ -0,0 +1 @@
+export type ExpandCollapseIconPosition = "left" | "right";

package/dist/hooks/usePopover.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Placement } from "./popoverConstants";
-export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement, observeContentResize, offset, fallbackPlacements }: {
+export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement, observeContentResize, observeReferenceResize, offset, fallbackPlacements }: {
     isOpen?: boolean;
     placement?: Placement;
     observeContentResize?: boolean;
+    observeReferenceResize?: boolean;
     offset?: [number, number];
     fallbackPlacements?: Placement[];
 }): {

package/dist/metadata.json

@@ -4241,6 +4241,36 @@
           "name": "string | number"
         }
       },
+      "iconPosition": {
+        "defaultValue": {
+          "value": "right"
+        },
+        "description": "The position of the icon.",
+        "name": "iconPosition",
+        "parent": {
+          "fileName": "core/src/components/ExpandCollapse/ExpandCollapse.tsx",
+          "name": "ExpandCollapseProps"
+        },
+        "declarations": [
+          {
+            "fileName": "core/src/components/ExpandCollapse/ExpandCollapse.tsx",
+            "name": "ExpandCollapseProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "ExpandCollapseIconPosition",
+          "value": [
+            {
+              "value": "\"left\""
+            },
+            {
+              "value": "\"right\""
+            }
+          ]
+        }
+      },
       "defaultOpenState": {
         "defaultValue": {
           "value": "false"

package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { VibeComponentProps, ElementContent } from "../../../types";
+import { ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
      * The header content displayed in the accordion item.
@@ -13,6 +14,10 @@ export interface AccordionItemProps extends VibeComponentProps {
      * The size of the expand/collapse icon.
      */
     iconSize?: number | string;
+    /**
+     * The position of the expand/collapse icon.
+     */
+    iconPosition?: ExpandCollapseIconPosition;
     /**
      * Callback fired upon item click.
      */

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

@@ -1,4 +1,6 @@
 import React from "react";
 import { BaseListProps } from "./BaseList.types";
-declare const BaseList: React.ForwardRefExoticComponent<BaseListProps<Record<string, unknown>> & React.RefAttributes<HTMLUListElement>>;
-export default BaseList;
+declare const _default: <Item extends Record<string, unknown>>(props: BaseListProps<Item> & {
+    ref?: React.Ref<HTMLUListElement>;
+}) => React.ReactElement;
+export default _default;

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

@@ -1,15 +1,15 @@
 import React, { ReactNode } from "react";
 import { VibeComponentProps } from "../../types";
-import { BaseListItemProps } from "../BaseListItem";
-export interface BaseListProps<T = BaseListItemProps> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
+import { BaseListItemData } from "../BaseListItem";
+export interface BaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
     /**
      * The list of options available in the list.
      */
-    options: ListGroup<T>[];
+    options: ListGroup<Item>[];
     /**
      * The selected item in the list.
      */
-    selectedItem?: T | null;
+    selectedItem?: BaseListItemData<Item> | null;
     /**
      * The index of the highlighted item in the list.
      */
@@ -41,7 +41,7 @@ export interface BaseListProps<T = BaseListItemProps> extends React.HTMLAttribut
     /**
      * Custom renderer for options.
      */
-    optionRenderer?: (item: T) => JSX.Element;
+    itemRenderer?: (item: BaseListItemData<Item>) => React.ReactNode;
     /**
      * Text or function to customize the "No results" message.
      */
@@ -54,8 +54,12 @@ export interface BaseListProps<T = BaseListItemProps> extends React.HTMLAttribut
      * Function to handle scroll events.
      */
     onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
+    /**
+     * The maximum height of the list.
+     */
+    maxMenuHeight?: number;
 }
-export interface ListGroup<T = BaseListItemProps> {
+export interface ListGroup<Item = Record<string, unknown>> {
     /**
      * The label for the group of options.
      */
@@ -63,7 +67,7 @@ export interface ListGroup<T = BaseListItemProps> {
     /**
      * The list of options within this group.
      */
-    options: T[];
+    options: BaseListItemData<Item>[];
 }
 export type BaseListSizes = "small" | "medium" | "large";
 export type BaseListDirection = "ltr" | "rtl" | "auto";

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

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

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

@@ -2,15 +2,7 @@ import React, { ReactNode, AriaRole } from "react";
 import { SubIcon, VibeComponentProps } from "../../types";
 import { TooltipProps } from "../Tooltip";
 import { BaseListDirection, BaseListSizes } from "../BaseList/BaseList.types";
-export interface BaseListItemProps<T = Record<string, unknown>> extends React.LiHTMLAttributes<HTMLLIElement>, VibeComponentProps {
-    /**
-     * The value associated with the list item.
-     */
-    value?: string;
-    /**
-     * The primary text content of the list item.
-     */
-    label: string;
+export interface BaseListItemProps<Item = Record<string, unknown>> extends React.LiHTMLAttributes<HTMLLIElement>, VibeComponentProps {
     /**
      * The Size of the list item.
      */
@@ -19,30 +11,14 @@ export interface BaseListItemProps<T = Record<string, unknown>> extends React.Li
      * If true, the list item is selected.
      */
     selected?: boolean;
-    /**
-     * If true, the list item is disabled.
-     */
-    disabled?: boolean;
     /**
      * If true, the dropdown is read-only and cannot be edited.
      */
     readOnly?: boolean;
     /**
-     * Element to render at the start of the list item.
-     */
-    startElement?: StartElement;
-    /**
-     * Element to render at the end of the list item.
-     */
-    endElement?: EndElement;
-    /**
-     * If true, applies highlight styling to the item.
+     * Whether item should have highlight styling
      */
     highlighted?: boolean;
-    /**
-     * Props for displaying a tooltip on the list item.
-     */
-    tooltipProps?: Partial<TooltipProps>;
     /**
      * Determines the position of the tooltip according to the direction.
      */
@@ -58,12 +34,38 @@ export interface BaseListItemProps<T = Record<string, unknown>> extends React.Li
     /**
      * Custom renderer for options.
      */
-    optionRenderer?: (item: T) => JSX.Element;
+    itemRenderer?: (item: BaseListItemData<Item>) => React.ReactNode;
+    /**
+     * The original item data that this list item represents.
+     */
+    item?: BaseListItemData<Item>;
     /**
-     * Allow any additional user-defined properties dynamically
-     **/
-    [key: string]: unknown;
+     * Additional props to pass to the list item element.
+     */
+    itemProps?: Record<string, unknown>;
 }
+export type BaseListItemData<Item = Record<string, unknown>> = Item & {
+    /**
+     * The primary text content of the list item.
+     */
+    label: string;
+    /**
+     * The start element of the list item.
+     */
+    startElement?: StartElement;
+    /**
+     * The end element of the list item.
+     */
+    endElement?: EndElement;
+    /**
+     * If true, the list item is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Props for displaying a tooltip on the list item.
+     */
+    tooltipProps?: Partial<TooltipProps>;
+};
 export type SideElement = {
     type: "avatar";
     value: string;

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

@@ -100,6 +100,10 @@ export interface ChipsProps extends VibeComponentProps {
      * The label for the close button.
      */
     closeButtonAriaLabel?: string;
+    /**
+     * If true, removes the default margin from the chip.
+     */
+    noMargin?: boolean;
 }
 declare const _default: (React.FC<ChipsProps> | React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>>) & {
     colors: {

package/dist/mocked_classnames/components/Dialog/modifiers/observeReferenceResizeModifier.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from "react-popper";
+export declare const createObserveReferenceResizeModifier: (isEnabled?: boolean) => Modifier<"observeReferenceResize">;

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

@@ -1,5 +1,7 @@
 import React from "react";
-import { BaseListItemProps } from "../BaseListItem";
 import { BaseDropdownProps } from "./Dropdown.types";
-declare const Dropdown: React.ForwardRefExoticComponent<BaseDropdownProps<BaseListItemProps<Record<string, unknown>>> & React.RefAttributes<HTMLDivElement>>;
-export default Dropdown;
+import { BaseListItemData } from "../BaseListItem/BaseListItem.types";
+declare const _default: <Item extends BaseListItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export default _default;