@vibe/core 3.43.0 → 3.44.0

package/dist/components/Tipseen/Tipseen.d.ts

@@ -109,7 +109,7 @@ export interface TipseenProps extends VibeComponentProps {
     color?: TipseenColor;
 }
 export declare const TipseenContext: React.Context<TipseenColor>;
-declare const _default: (React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TipseenProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>> | React.FC<TipseenProps>) & {
     closeButtonThemes: typeof TipseenCloseButtonThemeEnum;
     animationTypes: typeof AnimationTypeEnum;
     hideShowTriggers: typeof HideShowEventEnum;

package/dist/components/Toast/Toast.d.ts

@@ -54,7 +54,7 @@ export interface ToastProps extends VibeComponentProps {
      */
     closeButtonAriaLabel?: string;
 }
-declare const _default: (React.ComponentType<ToastProps> | React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<ToastProps> | React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLElement>>) & {
     types: typeof ToastTypeEnum;
     actionTypes: typeof ToastActionTypeEnum;
 };

package/dist/hooks/useFullKeyboardListeners.d.ts

@@ -13,6 +13,8 @@ export declare const ARROW_LEFT_KEYS: string[];
 export declare const SELECTION_KEYS: string[];
 export declare const ENTER_KEYS: string[];
 export declare const ESCAPE_KEYS: string[];
+export declare const END_KEYS: string[];
+export declare const HOME_KEYS: string[];
 export default function useFullKeyboardListeners({ ref, // the reference for the component that listens to keyboard
 onSelectionKey, onArrowNavigation, onEscape, useDocumentEventListeners, focusOnMount }: {
     ref: MutableRefObject<HTMLElement>;

package/dist/metadata.json

@@ -1943,6 +1943,78 @@
     "parentComponent": "AttentionBox",
     "subComponents": []
   },
+  {
+    "filePath": "src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as BreadcrumbMenu",
+      "BreadcrumbMenuProps"
+    ],
+    "displayName": "BreadcrumbMenu",
+    "description": "",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
+        "parent": {
+          "fileName": "core/src/types/VibeComponentProps.ts",
+          "name": "VibeComponentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "core/src/types/VibeComponentProps.ts",
+            "name": "VibeComponentProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "data-testid": {
+        "defaultValue": null,
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
+        "parent": {
+          "fileName": "core/src/types/VibeComponentProps.ts",
+          "name": "VibeComponentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "core/src/types/VibeComponentProps.ts",
+            "name": "VibeComponentProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
+        "parent": {
+          "fileName": "core/src/types/VibeComponentProps.ts",
+          "name": "VibeComponentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "core/src/types/VibeComponentProps.ts",
+            "name": "VibeComponentProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    },
+    "import": "import { BreadcrumbMenu } from \"@vibe/core\"",
+    "parentComponent": "BreadcrumbsBar",
+    "subComponents": []
+  },
   {
     "filePath": "src/components/Checkbox/Checkbox.tsx",
     "aggregator": "core",
@@ -6126,7 +6198,7 @@
         ],
         "required": false,
         "type": {
-          "name": "React.ReactElement<((ComponentType<IconButtonProps> | ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLElement>>) & Required<...>) | ((ComponentType<...> | ForwardRefExoticComponent<...>) & Required<...>)>"
+          "name": "React.ReactElement<any>"
         }
       },
       "hideRenderActionOnInput": {

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

@@ -32,7 +32,7 @@ export interface AlertBannerProps extends VibeComponentProps {
      */
     children?: ChildrenType | ChildrenType[];
 }
-declare const _default: (React.ComponentType<AlertBannerProps> | React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<AlertBannerProps> | React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLElement>>) & {
     backgroundColors: typeof AlertBannerBackgroundColorEnum;
 };
 export default _default;

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

@@ -53,7 +53,7 @@ export interface AttentionBoxProps extends VibeComponentProps {
      */
     entryAnimation?: boolean;
 }
-declare const _default: (React.ComponentType<AttentionBoxProps> | React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<AttentionBoxProps> | React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLElement>>) & {
     types: typeof AttentionBoxTypeEnum;
     iconTypes: typeof IconTypeEnum;
 };

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

@@ -103,7 +103,7 @@ export interface AvatarProps extends VibeComponentProps {
      */
     onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;
 }
-declare const _default: (React.ComponentType<AvatarProps> | React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<AvatarProps> | React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>) & {
     types: typeof AvatarTypeEnum;
     sizes: typeof AvatarSizeEnum;
     colors: {

package/dist/mocked_classnames/components/Avatar/AvatarBadge.d.ts

@@ -20,7 +20,7 @@ export interface AvatarBadgeProps extends VibeComponentProps {
      */
     size?: AvatarSize;
 }
-declare const _default: (React.ComponentType<AvatarBadgeProps> | React.ForwardRefExoticComponent<AvatarBadgeProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<AvatarBadgeProps> | React.ForwardRefExoticComponent<AvatarBadgeProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof AvatarSizeEnum;
 };
 export default _default;

package/dist/mocked_classnames/components/Avatar/AvatarContent.d.ts

@@ -36,7 +36,7 @@ export interface AvatarContentProps extends VibeComponentProps {
      */
     text?: string;
 }
-declare const _default: (React.ComponentType<AvatarContentProps> | React.ForwardRefExoticComponent<AvatarContentProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<AvatarContentProps> | React.ForwardRefExoticComponent<AvatarContentProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof AvatarSizeEnum;
     types: typeof AvatarTypeEnum;
 };

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

@@ -31,7 +31,7 @@ interface IndicatorBadgeProps extends IndicatorProps {
     type?: Extract<BadgeType, "indicator">;
 }
 export type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);
-declare const _default: (React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> | React.ComponentType<BadgeProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> | React.FC<BadgeProps>) & {
     types: typeof BadgeTypeEnum;
     alignments: typeof BadgeAlignmentsEnum;
     anchors: typeof BadgeAnchorEnum;

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.d.ts

@@ -8,7 +8,7 @@ export interface IndicatorProps extends VibeComponentProps {
      */
     color?: IndicatorColor;
 }
-declare const _default: (React.ComponentType<IndicatorProps> | React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<IndicatorProps> | React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLElement>>) & {
     colors: typeof IndicatorColorEnum;
 };
 export default _default;

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

@@ -104,7 +104,7 @@ export interface BoxProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const _default: (React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>> | React.ComponentType<BoxProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>> | React.FC<BoxProps>) & {
     borderColors: typeof BorderColorEnum;
     roundeds: typeof RoundedEnum;
     shadows: typeof ShadowEnum;

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { VibeComponentProps } from "../../../types";
+export interface BreadcrumbMenuProps extends VibeComponentProps {
+    children: React.ReactNode;
+}
+declare const BreadcrumbMenu: React.ForwardRefExoticComponent<BreadcrumbMenuProps & React.RefAttributes<HTMLLIElement>>;
+export default BreadcrumbMenu;

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts

@@ -0,0 +1,12 @@
+import { ForwardRefExoticComponent, RefAttributes } from "react";
+import { MenuItemProps } from "../../../Menu";
+export interface BreadcrumbMenuItemProps extends MenuItemProps {
+    /** Link to navigate to when item is clicked */
+    link?: string;
+}
+interface BreadcrumbMenuItemComponent extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {
+    isMenuChild?: boolean;
+    isSelectable?: boolean;
+}
+declare const BreadcrumbMenuItem: BreadcrumbMenuItemComponent;
+export default BreadcrumbMenuItem;

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

@@ -3,6 +3,7 @@ import { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from "./BreadcrumbsConst
 import { BreadcrumbsBarType } from "./Breadcrumbs.types";
 import { BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
 import { VibeComponentProps } from "../../types";
+import { BreadcrumbMenuProps } from "./BreadcrumbMenu/BreadcrumbMenu";
 export interface BreadcrumbBarProps extends VibeComponentProps {
     /**
      * The type of the breadcrumb bar, determining if it is navigational or for indication only.
@@ -11,9 +12,9 @@ export interface BreadcrumbBarProps extends VibeComponentProps {
     /**
      * The breadcrumb items displayed in the bar.
      */
-    children: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];
+    children: ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps> | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>[];
 }
-declare const _default: (React.ComponentType<BreadcrumbBarProps> | React.ForwardRefExoticComponent<BreadcrumbBarProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<BreadcrumbBarProps> | React.ForwardRefExoticComponent<BreadcrumbBarProps & React.RefAttributes<HTMLElement>>) & {
     types: typeof BreadcrumbsBarTypeEnum;
 };
 export default _default;

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

@@ -1,3 +1,5 @@
 export { default as BreadcrumbsBar, BreadcrumbBarProps } from "./BreadcrumbsBar";
 export { default as BreadcrumbItem, BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
+export { default as BreadcrumbMenu, BreadcrumbMenuProps } from "./BreadcrumbMenu/BreadcrumbMenu";
+export { default as BreadcrumbMenuItem, BreadcrumbMenuItemProps } from "./BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem";
 export * from "./Breadcrumbs.types";

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

@@ -82,7 +82,7 @@ export interface ButtonProps extends VibeComponentProps {
     /** Specifies the tab order of an element */
     tabIndex?: number;
 }
-declare const _default: (React.ComponentType<ButtonProps> | React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<ButtonProps> | React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -81,7 +81,7 @@ export interface ButtonGroupProps extends VibeComponentProps {
      */
     blurOnMouseUp?: boolean;
 }
-declare const _default: (React.ComponentType<ButtonGroupProps> | React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<ButtonGroupProps> | React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLElement>>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -101,7 +101,7 @@ export interface ChipsProps extends VibeComponentProps {
      */
     closeButtonAriaLabel?: string;
 }
-declare const _default: (React.ComponentType<ChipsProps> | React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<ChipsProps> | React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>>) & {
     colors: {
         POSITIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.POSITIVE;
         NEGATIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.NEGATIVE;

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

@@ -78,7 +78,7 @@ export interface ColorPickerProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ColorPickerProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>> | React.FC<ColorPickerProps>) & {
     sizes: typeof BaseSizes;
     colorStyles: typeof ColorStyleEnum;
     colorSizes: typeof BaseSizes;

package/dist/mocked_classnames/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.d.ts

@@ -81,7 +81,7 @@ export interface ColorPickerContentProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: (React.ComponentType<ColorPickerContentProps> | React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<ColorPickerContentProps> | React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof BaseSizes;
     colorStyles: typeof ColorStyleEnum;
     colorSizes: typeof BaseSizes;

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

@@ -158,7 +158,7 @@ export interface ComboboxProps extends VibeComponentProps {
      */
     hideRenderActionOnInput?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ComboboxProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>> | React.FC<ComboboxProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

package/dist/mocked_classnames/components/Combobox/components/ComboboxConstants.d.ts

@@ -1,6 +1,5 @@
 import { SubIcon } from "../../../types";
 import React from "react";
-import { MutableRef } from "preact/hooks";
 export declare const COMBOBOX_DIVIDER_ITEM = "combobox-divider";
 export declare const COMBOBOX_CATEGORY_ITEM = "combobox-category";
 export declare const COMBOBOX_OPTION_ITEM = "combobox-option";
@@ -198,7 +197,7 @@ export interface IOptionItemRendererArgs extends IComboboxOptionEvents {
     /**
      * A reference to the scroll container.
      */
-    scrollRef?: MutableRef<HTMLElement>;
+    scrollRef?: React.MutableRefObject<HTMLElement>;
     /**
      * The amount of offset when scrolling to the active item.
      */

package/dist/mocked_classnames/components/Combobox/components/ComboboxOption/ComboboxOption.d.ts

@@ -42,7 +42,7 @@ export interface ComboboxOptionProps extends IComboboxOptionEvents {
      */
     optionRenderer?: (option: IComboboxOption) => JSX.Element;
 }
-declare const _default: (React.ComponentType<ComboboxOptionProps> | React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<ComboboxOptionProps> | React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLElement>>) & {
     iconTypes: typeof ComboboxOptionIconTypeEnum;
 };
 export default _default;

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

@@ -48,7 +48,7 @@ export interface CounterProps extends VibeComponentProps {
      */
     noAnimation?: boolean;
 }
-declare const _default: (React.ComponentType<CounterProps> | React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<CounterProps> | React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof CounterSizeEnum;
     colors: typeof CounterColorEnum;
     kinds: typeof CounterTypeEnum;

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

@@ -28,7 +28,7 @@ export interface DialogContentContainerProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const _default: (React.ForwardRefExoticComponent<DialogContentContainerProps & React.RefAttributes<HTMLElement>> | React.ComponentType<DialogContentContainerProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<DialogContentContainerProps & React.RefAttributes<HTMLElement>> | React.FC<DialogContentContainerProps>) & {
     types: typeof DialogTypeEnum;
     sizes: typeof DialogSizeEnum;
 };

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

@@ -12,7 +12,7 @@ export interface DividerProps extends VibeComponentProps {
      */
     withoutMargin?: boolean;
 }
-declare const _default: (React.ComponentType<DividerProps> | React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<DividerProps> | React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>) & {
     directions: typeof DirectionTypeEnum;
 };
 export default _default;

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

@@ -3,7 +3,7 @@ import React from "react";
 import { createFilter } from "react-select";
 import { DROPDOWN_CHIP_COLORS, DROPDOWN_MENU_PLACEMENT, DROPDOWN_MENU_POSITION } from "./DropdownConstants";
 import { DropdownComponentProps } from "./Dropdown.types";
-declare const _default: (React.ForwardRefExoticComponent<DropdownComponentProps & React.RefAttributes<HTMLElement>> | React.ComponentType<DropdownComponentProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<DropdownComponentProps & React.RefAttributes<HTMLElement>> | React.FC<DropdownComponentProps>) & {
     sizes: typeof BaseSizes;
     chipColors: typeof DROPDOWN_CHIP_COLORS;
     menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;

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

@@ -13,7 +13,7 @@ export interface EditableHeadingProps extends VibeComponentProps, EditableTypogr
      */
     weight?: HeadingWeight;
 }
-declare const _default: (React.ForwardRefExoticComponent<EditableHeadingProps & React.RefAttributes<HTMLElement>> | React.ComponentType<EditableHeadingProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<EditableHeadingProps & React.RefAttributes<HTMLElement>> | React.FC<EditableHeadingProps>) & {
     types: typeof HeadingTypeEnum;
     weights: typeof HeadingWeightEnum;
 };

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

@@ -17,7 +17,7 @@ export interface EditableTextProps extends VibeComponentProps, EditableTypograph
      */
     multiline?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<EditableTextProps & React.RefAttributes<HTMLElement>> | React.ComponentType<EditableTextProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<EditableTextProps & React.RefAttributes<HTMLElement>> | React.FC<EditableTextProps>) & {
     types: typeof TextTypeEnum;
     weights: typeof TextWeightEnum;
 };

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

@@ -56,7 +56,7 @@ export interface FlexProps extends VibeComponentProps {
      */
     ariaLabelledby?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> | React.ComponentType<FlexProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> | React.FC<FlexProps>) & {
     justify: typeof FlexJustifyEnum;
     align: typeof FlexAlignEnum;
     gaps: typeof FlexGapEnum;

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

@@ -35,7 +35,7 @@ export interface FormattedNumberProps extends VibeComponentProps {
      */
     rtl?: boolean;
 }
-declare const _default: (React.ComponentType<FormattedNumberProps> | React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<FormattedNumberProps> | React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLElement>>) & {
     formatNumber: typeof formatNumber;
     localFallBack: string;
 };

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

@@ -26,7 +26,7 @@ export interface HeadingProps extends TypographyProps {
      */
     children: ReactNode;
 }
-declare const _default: (React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>> | React.ComponentType<HeadingProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>> | React.FC<HeadingProps>) & {
     types: typeof HeadingTypeEnum;
     weights: typeof HeadingWeightEnum;
     colors: typeof TypographyColorEnum;

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

@@ -70,7 +70,7 @@ export interface IconProps extends VibeComponentProps {
      */
     customColor?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>> | React.FC<IconProps>) & {
     type: typeof IconTypeEnum;
 };
 export default _default;

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

@@ -101,7 +101,7 @@ export interface IconButtonProps extends VibeComponentProps {
      */
     loading?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconButtonProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>> | React.FC<IconButtonProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -37,7 +37,7 @@ export interface LabelProps extends VibeComponentProps {
      */
     size?: LabelSizes;
 }
-declare const _default: (React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>> | React.ComponentType<LabelProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>> | React.FC<LabelProps>) & {
     colors: {
         GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
         DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;

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

@@ -65,7 +65,7 @@ export interface LegacyModalProps {
      */
     unmountOnClose?: boolean;
 }
-declare const _default: (React.ComponentType<LegacyModalProps> | React.ForwardRefExoticComponent<LegacyModalProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<LegacyModalProps> | React.ForwardRefExoticComponent<LegacyModalProps & React.RefAttributes<HTMLElement>>) & {
     width: typeof ModalWidthEnum;
 };
 export default _default;

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

@@ -62,7 +62,7 @@ export interface LinkProps extends VibeComponentProps {
     /** The link's color style */
     color?: LinkColor;
 }
-declare const _default: (React.ComponentType<LinkProps> | React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<LinkProps> | React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>) & {
     targets: typeof LinkTargetEnum;
     iconPositions: typeof IconPositionEnum;
     position: typeof IconPositionEnum;

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

@@ -38,7 +38,7 @@ export interface ListProps extends VibeComponentProps {
      */
     role?: AriaRole;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLElement>> | React.FC<ListProps>) & {
     components: typeof ListWrapperComponentTypeEnum;
 };
 export default _default;

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

@@ -44,7 +44,7 @@ export interface ListItemProps extends VibeComponentProps {
      */
     role?: AriaRole;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>> | React.FC<ListItemProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -16,7 +16,7 @@ export interface ListItemAvatarProps extends VibeComponentProps {
      */
     avatarClassName?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemAvatarProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>> | React.FC<ListItemAvatarProps>) & {
     components: typeof ListItemComponentTypeEnum;
 };
 export default _default;

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

@@ -19,7 +19,7 @@ export interface ListItemIconProps extends VibeComponentProps {
      */
     margin?: ListItemIconMargin;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListItemIconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemIconProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<ListItemIconProps & React.RefAttributes<HTMLElement>> | React.FC<ListItemIconProps>) & {
     margin: typeof ListItemIconMarginEnum;
     components: typeof ListItemComponentTypeEnum;
 };

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

@@ -20,7 +20,7 @@ export interface LoaderProps extends VibeComponentProps {
      */
     wrapperClassName?: string;
 }
-declare const _default: (React.ComponentType<LoaderProps> | React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<LoaderProps> | React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof LoaderSizesEnum;
     colors: typeof LoaderColorsEnum;
 };

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

@@ -60,7 +60,7 @@ export interface MenuProps extends VibeComponentProps {
      */
     children?: ElementContent;
 }
-declare const _default: (React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> | React.FC<MenuProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

package/dist/mocked_classnames/components/Menu/MenuItem/MenuItem.d.ts

@@ -150,7 +150,7 @@ export interface MenuItemTitleComponentProps extends Omit<MenuItemProps, "title"
     title: ReactElement;
     "aria-label": NonNullable<AriaAttributes["aria-label"]>;
 }
-declare const _default: (React.ForwardRefExoticComponent<(MenuItemProps | MenuItemTitleComponentProps) & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuItemProps | MenuItemTitleComponentProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<(MenuItemProps | MenuItemTitleComponentProps) & React.RefAttributes<HTMLElement>> | React.FC<MenuItemProps | MenuItemTitleComponentProps>) & {
     iconType: typeof import("../../Icon/IconConstants").IconType;
     tooltipPositions: typeof TooltipPositionsEnum;
 };

package/dist/mocked_classnames/components/Menu/MenuItemButton/MenuItemButton.d.ts

@@ -73,7 +73,7 @@ export interface MenuItemButtonProps extends VibeComponentProps {
      */
     children?: ElementContent | ElementContent[];
 }
-declare const _default: (React.ComponentType<MenuItemButtonProps> | React.ForwardRefExoticComponent<MenuItemButtonProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<MenuItemButtonProps> | React.ForwardRefExoticComponent<MenuItemButtonProps & React.RefAttributes<HTMLElement>>) & {
     kinds: typeof import("../../Button/ButtonConstants").ButtonType;
     tooltipPositions: typeof TooltipPositionsEnum;
 };

package/dist/mocked_classnames/components/Menu/MenuTitle/MenuTitle.d.ts

@@ -12,7 +12,7 @@ export interface MenuTitleProps extends VibeComponentProps {
      */
     captionPosition?: MenuTitleCaptionPosition;
 }
-declare const _default: (React.ComponentType<MenuTitleProps> | React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<MenuTitleProps> | React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLElement>>) & {
     positions: typeof MenuTitleCaptionPositionEnum;
     captionPositions: typeof MenuTitleCaptionPositionEnum;
 };

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

@@ -139,8 +139,12 @@ export interface MenuButtonProps extends VibeComponentProps {
      * If true, closes the menu when clicking inside the dialog.
      */
     closeDialogOnContentClick?: boolean;
+    /**
+     * The ARIA control of the menu button for accessibility.
+     */
+    ariaControls?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuButtonProps>) & {
+declare const _default: (React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLElement>> | React.FC<MenuButtonProps>) & {
     sizes: typeof MenuButtonSizeEnum;
     paddingSizes: typeof DialogSizeEnum;
     dialogPositions: typeof DialogPositionEnum;

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

@@ -44,7 +44,7 @@ export interface MultiStepIndicatorProps extends VibeComponentProps {
      */
     size?: MultiStepSize;
 }
-declare const _default: (React.ComponentType<MultiStepIndicatorProps> | React.ForwardRefExoticComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<MultiStepIndicatorProps> | React.ForwardRefExoticComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLElement>>) & {
     types: typeof MultiStepTypeEnum;
     stepStatuses: typeof StepStatusEnum;
     textPlacements: typeof TextPlacementEnum;

package/dist/mocked_classnames/components/ProgressBars/LinearProgressBar/LinearProgressBar.d.ts

@@ -62,7 +62,7 @@ export interface LinearProgressBarProps extends VibeComponentProps {
      */
     fullWidth?: boolean;
 }
-declare const _default: (React.ComponentType<LinearProgressBarProps> | React.ForwardRefExoticComponent<LinearProgressBarProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: (React.FC<LinearProgressBarProps> | React.ForwardRefExoticComponent<LinearProgressBarProps & React.RefAttributes<HTMLElement>>) & {
     styles: typeof ProgressBarStyleEnum;
     barStyles: typeof ProgressBarStyleEnum;
     types: typeof ProgressBarTypeEnum;