@vibe/core 3.38.0-alpha-fff13.0 → 3.39.0

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties, Ref } from "react";
 import { IconType as IconTypeEnum } from "./IconConstants";
 import { IconType } from "./Icon.types";
-import { VibeComponentProps, SubIcon } from "../../types";
+import { VibeComponentProps, VibeComponent, SubIcon } from "../../types";
 export interface IconSubComponentProps {
     /**
      * Ref for the icon component.
@@ -70,7 +70,11 @@ export interface IconProps extends VibeComponentProps {
      */
     customColor?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconProps>) & {
+declare const _default: ((VibeComponent<IconProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    type: typeof IconTypeEnum;
+}>) | (React.FC<IconProps & React.RefAttributes<HTMLElement>> & Partial<{
+    type: typeof IconTypeEnum;
+}>)) & {
     type: typeof IconTypeEnum;
 };
 export default _default;

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

@@ -1,8 +1,8 @@
 import React, { AriaAttributes } from "react";
 import { TooltipProps } from "../Tooltip/Tooltip";
 import { Size } from "./services/IconButton-helpers";
-import { SubIcon, VibeComponentProps } from "../../types";
-import { ButtonColor, ButtonType } from "../Button";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
+import { ButtonColor, ButtonType } from "../Button/Button.types";
 export interface IconButtonProps extends VibeComponentProps {
     /**
      * Callback fired when the button is clicked.
@@ -101,7 +101,27 @@ export interface IconButtonProps extends VibeComponentProps {
      */
     loading?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconButtonProps>) & {
+declare const _default: ((VibeComponent<IconButtonProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    kinds: typeof import("../Button/ButtonConstants").ButtonType;
+    colors: typeof import("../Button/ButtonConstants").ButtonColor;
+}>) | (React.FC<IconButtonProps & React.RefAttributes<HTMLElement>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    kinds: typeof import("../Button/ButtonConstants").ButtonType;
+    colors: typeof import("../Button/ButtonConstants").ButtonColor;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { LabelKind as LabelKindEnum } from "./LabelConstants";
 import { LabelColor, LabelKind } from "./Label.types";
-import { VibeComponentProps } from "../../types";
+import { VibeComponent, VibeComponentProps } from "../../types";
 import { LabelSizes } from "./Label.types";
 export interface LabelProps extends VibeComponentProps {
     /**
@@ -37,7 +37,103 @@ export interface LabelProps extends VibeComponentProps {
      */
     size?: LabelSizes;
 }
-declare const _default: (React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>> | React.ComponentType<LabelProps>) & {
+declare const _default: ((VibeComponent<LabelProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
+    kinds: typeof LabelKindEnum;
+}>) | (React.FC<LabelProps & React.RefAttributes<HTMLElement>> & Partial<{
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
+    kinds: typeof LabelKindEnum;
+}>)) & {
     colors: {
         GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
         DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;

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

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

package/dist/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { VibeComponentProps } from "../../../../types";
+import VibeComponentProps from "../../../../types/VibeComponentProps";
+import VibeComponent from "../../../../types/VibeComponent";
 export interface LegacyModalFooterButtonsProps extends VibeComponentProps {
     primaryButtonText: string;
     secondaryButtonText?: string;
@@ -7,5 +7,5 @@ export interface LegacyModalFooterButtonsProps extends VibeComponentProps {
     onPrimaryButtonClick?: () => void;
     onSecondaryButtonClick?: () => void;
 }
-declare const LegacyModalFooterButtons: React.ForwardRefExoticComponent<LegacyModalFooterButtonsProps & React.RefAttributes<HTMLElement>>;
+declare const LegacyModalFooterButtons: VibeComponent<LegacyModalFooterButtonsProps>;
 export default LegacyModalFooterButtons;

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

@@ -1,5 +1,7 @@
-import React from "react";
-import { SubIcon, ElementContent, VibeComponentProps } from "../../../types";
+import { FC } from "react";
+import VibeComponentProps from "../../../types/VibeComponentProps";
+import { ElementContent } from "src/types/ElementContent";
+import { SubIcon } from "../../../types/SubIcon";
 interface BaseLegacyModalHeaderProps extends VibeComponentProps {
     /**
      * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links
@@ -43,5 +45,5 @@ interface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {
     children: ElementContent;
 }
 export type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle | LegacyModalHeaderWithOnlyChildren;
-declare const LegacyModalHeader: ({ className, title, children, titleClassName, description, descriptionClassName, icon, closeModal, iconSize, iconClassName, closeButtonAriaLabel, id, "data-testid": dataTestId }: LegacyModalHeaderProps) => React.JSX.Element;
+declare const LegacyModalHeader: FC<LegacyModalHeaderProps>;
 export default LegacyModalHeader;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from "./LinkConsts";
 import { LinkColor, LinkIconPosition, LinkTarget } from "./Link.types";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
 export interface LinkProps extends VibeComponentProps {
     /**
      * Class name applied to the link text.
@@ -62,9 +62,17 @@ 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: ((VibeComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Partial<{
+    position: typeof IconPositionEnum;
+    iconPositions: typeof IconPositionEnum;
     targets: typeof LinkTargetEnum;
+}>) | (React.FC<LinkProps & React.RefAttributes<HTMLAnchorElement>> & Partial<{
+    position: typeof IconPositionEnum;
     iconPositions: typeof IconPositionEnum;
+    targets: typeof LinkTargetEnum;
+}>)) & {
     position: typeof IconPositionEnum;
+    iconPositions: typeof IconPositionEnum;
+    targets: typeof LinkTargetEnum;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 import React, { AriaAttributes, AriaRole, CSSProperties, ReactElement } from "react";
-import { VibeComponentProps } from "../../types";
+import { VibeComponent, VibeComponentProps } from "../../types";
 import { ListItemProps } from "../ListItem/ListItem";
 import { ListTitleProps } from "../ListTitle/ListTitle";
 import { ListWrapperComponentType as ListWrapperComponentTypeEnum } from "./ListConstants";
@@ -38,7 +38,11 @@ export interface ListProps extends VibeComponentProps {
      */
     role?: AriaRole;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListProps>) & {
+declare const _default: ((VibeComponent<ListProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    components: typeof ListWrapperComponentTypeEnum;
+}>) | (React.FC<ListProps & React.RefAttributes<HTMLElement>> & Partial<{
+    components: typeof ListWrapperComponentTypeEnum;
+}>)) & {
     components: typeof ListWrapperComponentTypeEnum;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 import React, { AriaAttributes, AriaRole } from "react";
-import { VibeComponentProps, ElementContent } from "../../types";
+import { VibeComponentProps, VibeComponent, ElementContent } from "../../types";
 import { ListItemComponentType as ListItemComponentTypeEnum } from "./ListItemConstants";
 import { ListItemElement, ListItemSize } from "./ListItem.types";
 export interface ListItemProps extends VibeComponentProps {
@@ -44,7 +44,25 @@ export interface ListItemProps extends VibeComponentProps {
      */
     role?: AriaRole;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemProps>) & {
+declare const _default: ((VibeComponent<ListItemProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    components: typeof ListItemComponentTypeEnum;
+}>) | (React.FC<ListItemProps & React.RefAttributes<HTMLElement>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    components: typeof ListItemComponentTypeEnum;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { VibeComponentProps } from "../../types";
+import { VibeComponent, VibeComponentProps } from "../../types";
 import { ListItemComponentType as ListItemComponentTypeEnum } from "../ListItem/ListItemConstants";
-import { ListItemElement } from "../ListItem";
+import { ListItemElement } from "../ListItem/ListItem.types";
 export interface ListItemAvatarProps extends VibeComponentProps {
     /**
      * The HTML element used for the list item avatar.
@@ -16,7 +16,11 @@ export interface ListItemAvatarProps extends VibeComponentProps {
      */
     avatarClassName?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemAvatarProps>) & {
+declare const _default: ((VibeComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    components: typeof ListItemComponentTypeEnum;
+}>) | (React.FC<ListItemAvatarProps & React.RefAttributes<HTMLElement>> & Partial<{
+    components: typeof ListItemComponentTypeEnum;
+}>)) & {
     components: typeof ListItemComponentTypeEnum;
 };
 export default _default;

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { ListItemIconMargin as ListItemIconMarginEnum } from "./ListItemIconConstants";
 import { ListItemComponentType as ListItemComponentTypeEnum } from "../ListItem/ListItemConstants";
-import { ListItemElement } from "../ListItem";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { ListItemElement } from "../ListItem/ListItem.types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
 import { ListItemIconMargin } from "./ListItemIcon.types";
 export declare const LIST_ITEM_ICON_SIZE = 18;
 export interface ListItemIconProps extends VibeComponentProps {
@@ -19,7 +19,13 @@ export interface ListItemIconProps extends VibeComponentProps {
      */
     margin?: ListItemIconMargin;
 }
-declare const _default: (React.ForwardRefExoticComponent<ListItemIconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemIconProps>) & {
+declare const _default: ((VibeComponent<ListItemIconProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    margin: typeof ListItemIconMarginEnum;
+    components: typeof ListItemComponentTypeEnum;
+}>) | (React.FC<ListItemIconProps & React.RefAttributes<HTMLElement>> & Partial<{
+    margin: typeof ListItemIconMarginEnum;
+    components: typeof ListItemComponentTypeEnum;
+}>)) & {
     margin: typeof ListItemIconMarginEnum;
     components: typeof ListItemComponentTypeEnum;
 };

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { LoaderColors as LoaderColorsEnum, LoaderSizes as LoaderSizesEnum } from "./LoaderConstants";
 import { LoaderColors, LoaderSize } from "./Loader.types";
-import { VibeComponentProps } from "../../types";
+import { VibeComponent, VibeComponentProps } from "../../types";
 export interface LoaderProps extends VibeComponentProps {
     /**
      * The size of the loader, either a predefined size or a custom number.
@@ -20,7 +20,13 @@ export interface LoaderProps extends VibeComponentProps {
      */
     wrapperClassName?: string;
 }
-declare const _default: (React.ComponentType<LoaderProps> | React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((VibeComponent<LoaderProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    sizes: typeof LoaderSizesEnum;
+    colors: typeof LoaderColorsEnum;
+}>) | (React.FC<LoaderProps & React.RefAttributes<HTMLElement>> & Partial<{
+    sizes: typeof LoaderSizesEnum;
+    colors: typeof LoaderColorsEnum;
+}>)) & {
     sizes: typeof LoaderSizesEnum;
     colors: typeof LoaderColorsEnum;
 };

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

@@ -1,6 +1,6 @@
-import { SIZES } from "../../../constants";
+import { SIZES } from "../../../constants/sizes";
 import React from "react";
-import { ElementContent, VibeComponentProps } from "../../../types";
+import { ElementContent, VibeComponent, VibeComponentProps } from "../../../types";
 import { CloseMenuOption } from "./MenuConstants";
 export interface MenuProps extends VibeComponentProps {
     /**
@@ -60,7 +60,23 @@ export interface MenuProps extends VibeComponentProps {
      */
     children?: ElementContent;
 }
-declare const _default: (React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuProps>) & {
+declare const _default: ((VibeComponent<MenuProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+}>) | (React.FC<MenuProps & React.RefAttributes<HTMLElement>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,5 +1,7 @@
-import React from "react";
 import { VibeComponentProps } from "../../../types";
+import { FC } from "react";
 export type MenuDividerProps = VibeComponentProps;
-declare const MenuDivider: ({ className, id, "data-testid": dataTestId }: MenuDividerProps) => React.JSX.Element;
+declare const MenuDivider: FC<MenuDividerProps> & {
+    isMenuChild?: boolean;
+};
 export default MenuDivider;

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

@@ -1,5 +1,5 @@
-import React, { ReactElement } from "react";
-import { VibeComponentProps } from "../../../types";
+import { ReactElement } from "react";
+import { VibeComponent, VibeComponentProps } from "../../../types";
 import { CloseMenuOption } from "../Menu/MenuConstants";
 export interface MenuGridItemProps extends VibeComponentProps {
     /**
@@ -47,5 +47,8 @@ export interface MenuGridItemProps extends VibeComponentProps {
      */
     useDocumentEventListeners?: boolean;
 }
-declare const MenuGridItem: React.ForwardRefExoticComponent<MenuGridItemProps & React.RefAttributes<HTMLElement>>;
+declare const MenuGridItem: VibeComponent<MenuGridItemProps> & {
+    isMenuChild?: boolean;
+    isSelectable?: boolean;
+};
 export default MenuGridItem;

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

@@ -1,6 +1,6 @@
 import React, { AriaAttributes, ReactElement } from "react";
 import { TooltipProps } from "../../../components/Tooltip/Tooltip";
-import { SubIcon, VibeComponentProps } from "../../../types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../../types";
 import { IconType } from "../../Icon";
 import { CloseMenuOption, MenuChild } from "../Menu/MenuConstants";
 import Label from "../../Label/Label";
@@ -150,7 +150,13 @@ 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: ((VibeComponent<(MenuItemProps | MenuItemTitleComponentProps) & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    iconType: typeof import("../../Icon/IconConstants").IconType;
+    tooltipPositions: typeof TooltipPositionsEnum;
+}>) | (React.FC<(MenuItemProps | MenuItemTitleComponentProps) & React.RefAttributes<HTMLElement>> & Partial<{
+    iconType: typeof import("../../Icon/IconConstants").IconType;
+    tooltipPositions: typeof TooltipPositionsEnum;
+}>)) & {
     iconType: typeof import("../../Icon/IconConstants").IconType;
     tooltipPositions: typeof TooltipPositionsEnum;
 };

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { ButtonType } from "../../Button";
+import { ButtonType } from "../../Button/Button.types";
 import { SubIcon, VibeComponentProps, ElementContent } from "../../../types";
-import { TooltipPositions } from "../../Tooltip";
+import { TooltipPositions } from "../../Tooltip/Tooltip.types";
 import { TooltipPositions as TooltipPositionsEnum } from "../../Tooltip/TooltipConstants";
 export interface MenuItemButtonProps extends VibeComponentProps {
     /**
@@ -73,7 +73,13 @@ export interface MenuItemButtonProps extends VibeComponentProps {
      */
     children?: ElementContent | ElementContent[];
 }
-declare const _default: (React.ComponentType<MenuItemButtonProps> | React.ForwardRefExoticComponent<MenuItemButtonProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((import("../../../types/VibeComponent").default<MenuItemButtonProps, unknown> & Partial<{
+    kinds: typeof import("../../Button/ButtonConstants").ButtonType;
+    tooltipPositions: typeof TooltipPositionsEnum;
+}>) | (React.FC<MenuItemButtonProps> & Partial<{
+    kinds: typeof import("../../Button/ButtonConstants").ButtonType;
+    tooltipPositions: typeof TooltipPositionsEnum;
+}>)) & {
     kinds: typeof import("../../Button/ButtonConstants").ButtonType;
     tooltipPositions: typeof TooltipPositionsEnum;
 };

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

@@ -6,13 +6,19 @@ export interface MenuTitleProps extends VibeComponentProps {
     /**
      * The caption text displayed alongside the title.
      */
-    caption?: string;
+    caption?: string | React.ReactNode;
     /**
      * The position of the caption relative to the title.
      */
     captionPosition?: MenuTitleCaptionPosition;
 }
-declare const _default: (React.ComponentType<MenuTitleProps> | React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((import("../../../types/VibeComponent").default<MenuTitleProps, unknown> & Partial<{
+    positions: typeof MenuTitleCaptionPositionEnum;
+    captionPositions: typeof MenuTitleCaptionPositionEnum;
+}>) | (React.FC<MenuTitleProps> & Partial<{
+    positions: typeof MenuTitleCaptionPositionEnum;
+    captionPositions: typeof MenuTitleCaptionPositionEnum;
+}>)) & {
     positions: typeof MenuTitleCaptionPositionEnum;
     captionPositions: typeof MenuTitleCaptionPositionEnum;
 };

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

@@ -1,11 +1,11 @@
 import React from "react";
 import { TooltipProps } from "../Tooltip/Tooltip";
-import { ElementContent, VibeComponentProps } from "../../types";
+import { ElementContent, VibeComponent, VibeComponentProps } from "../../types";
 import { MenuButtonComponentPosition as MenuButtonComponentPositionEnum, MenuButtonSize as MenuButtonSizeEnum } from "./MenuButtonConstants";
 import { DialogPosition as DialogPositionEnum, HideShowEvent as DialogTriggerEventEnum, DialogSize as DialogSizeEnum } from "../Dialog/DialogConstants";
 import { MenuButtonComponentPosition, MenuButtonSize } from "./MenuButton.types";
 import { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from "../Dialog/Dialog.types";
-import { TooltipPositions } from "../Tooltip";
+import { TooltipPositions } from "../Tooltip/Tooltip.types";
 export interface MenuButtonProps extends VibeComponentProps {
     /**
      * If true, the button is in an active state.
@@ -140,7 +140,19 @@ export interface MenuButtonProps extends VibeComponentProps {
      */
     closeDialogOnContentClick?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuButtonProps>) & {
+declare const _default: ((VibeComponent<MenuButtonProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    sizes: typeof MenuButtonSizeEnum;
+    paddingSizes: typeof DialogSizeEnum;
+    dialogPositions: typeof DialogPositionEnum;
+    hideTriggers: typeof DialogTriggerEventEnum;
+    componentPositions: typeof MenuButtonComponentPositionEnum;
+}>) | (React.FC<MenuButtonProps & React.RefAttributes<HTMLElement>> & Partial<{
+    sizes: typeof MenuButtonSizeEnum;
+    paddingSizes: typeof DialogSizeEnum;
+    dialogPositions: typeof DialogPositionEnum;
+    hideTriggers: typeof DialogTriggerEventEnum;
+    componentPositions: typeof MenuButtonComponentPositionEnum;
+}>)) & {
     sizes: typeof MenuButtonSizeEnum;
     paddingSizes: typeof DialogSizeEnum;
     dialogPositions: typeof DialogPositionEnum;

package/dist/components/Modal/ModalTopActions/ModalTopActions.types.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import MenuButton from "../../MenuButton/MenuButton";
 import IconButton from "../../IconButton/IconButton";
-import { ButtonColor } from "../../Button";
+import { ButtonColor } from "src/components/Button/Button.types";
 export type ModalTopActionsTheme = "light" | "dark";
 export type ModalTopActionsButtonColor = Extract<ButtonColor, "primary" | "fixed-light" | "fixed-dark">;
 export interface ModalTopActionsProps {

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { MultiStepType as MultiStepTypeEnum, Size as SizeEnum, StepStatus as StepStatusEnum, TextPlacement as TextPlacementEnum } from "./MultiStepConstants";
 import { MultiStepType, MultiStepSize, TextPlacement, Step } from "./MultiStep.types";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
 export interface MultiStepIndicatorProps extends VibeComponentProps {
     /**
      * The list of steps in the multi-step indicator.
@@ -44,7 +44,17 @@ export interface MultiStepIndicatorProps extends VibeComponentProps {
      */
     size?: MultiStepSize;
 }
-declare const _default: (React.ComponentType<MultiStepIndicatorProps> | React.ForwardRefExoticComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((VibeComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLOListElement>, HTMLOListElement> & Partial<{
+    types: typeof MultiStepTypeEnum;
+    stepStatuses: typeof StepStatusEnum;
+    textPlacements: typeof TextPlacementEnum;
+    sizes: typeof SizeEnum;
+}>) | (React.FC<MultiStepIndicatorProps & React.RefAttributes<HTMLOListElement>> & Partial<{
+    types: typeof MultiStepTypeEnum;
+    stepStatuses: typeof StepStatusEnum;
+    textPlacements: typeof TextPlacementEnum;
+    sizes: typeof SizeEnum;
+}>)) & {
     types: typeof MultiStepTypeEnum;
     stepStatuses: typeof StepStatusEnum;
     textPlacements: typeof TextPlacementEnum;

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

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { VibeComponentProps } from "../../../../types";
+import VibeComponentProps from "src/types/VibeComponentProps";
 import { LinearProgressBarStyle } from "../LinearProgressBar.types";
 export type BarType = "primary" | "secondary";
 export interface BarProps extends VibeComponentProps {