@vibe/core 3.41.0 → 3.43.0

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

@@ -1,5 +1,5 @@
 import React, { AriaRole } from "react";
-import { SubIcon, VibeComponent, VibeComponentProps } from "../../../types";
+import { SubIcon, VibeComponentProps } from "../../../types";
 export interface FontIconProps extends VibeComponentProps {
     /**
      * Callback fired when the icon is clicked.
@@ -26,5 +26,5 @@ export interface FontIconProps extends VibeComponentProps {
      */
     "aria-hidden"?: boolean;
 }
-declare const FontIcon: VibeComponent<FontIconProps, HTMLElement>;
+declare const FontIcon: React.ForwardRefExoticComponent<FontIconProps & React.RefAttributes<HTMLElement>>;
 export default FontIcon;

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, VibeComponent, SubIcon } from "../../types";
+import { VibeComponentProps, SubIcon } from "../../types";
 export interface IconSubComponentProps {
     /**
      * Ref for the icon component.
@@ -70,11 +70,7 @@ export interface IconProps extends VibeComponentProps {
      */
     customColor?: string;
 }
-declare const _default: ((VibeComponent<IconProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    type: typeof IconTypeEnum;
-}>) | (React.FC<IconProps & React.RefAttributes<HTMLElement>> & Partial<{
-    type: typeof IconTypeEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconProps>) & {
     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, VibeComponent, VibeComponentProps } from "../../types";
-import { ButtonColor, ButtonType } from "../Button/Button.types";
+import { SubIcon, VibeComponentProps } from "../../types";
+import { ButtonColor, ButtonType } from "../Button";
 export interface IconButtonProps extends VibeComponentProps {
     /**
      * Callback fired when the button is clicked.
@@ -101,27 +101,7 @@ export interface IconButtonProps extends VibeComponentProps {
      */
     loading?: boolean;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconButtonProps>) & {
     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 { VibeComponent, VibeComponentProps } from "../../types";
+import { VibeComponentProps } from "../../types";
 import { LabelSizes } from "./Label.types";
 export interface LabelProps extends VibeComponentProps {
     /**
@@ -37,103 +37,7 @@ export interface LabelProps extends VibeComponentProps {
      */
     size?: LabelSizes;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>> | React.ComponentType<LabelProps>) & {
     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,11 +65,7 @@ export interface LegacyModalProps {
      */
     unmountOnClose?: boolean;
 }
-declare const _default: ((import("../../types/VibeComponent").default<LegacyModalProps, unknown> & Partial<{
-    width: typeof ModalWidthEnum;
-}>) | (React.FC<LegacyModalProps> & Partial<{
-    width: typeof ModalWidthEnum;
-}>)) & {
+declare const _default: (React.ComponentType<LegacyModalProps> | React.ForwardRefExoticComponent<LegacyModalProps & React.RefAttributes<HTMLElement>>) & {
     width: typeof ModalWidthEnum;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
-import VibeComponentProps from "../../../../types/VibeComponentProps";
-import VibeComponent from "../../../../types/VibeComponent";
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
 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: VibeComponent<LegacyModalFooterButtonsProps>;
+declare const LegacyModalFooterButtons: React.ForwardRefExoticComponent<LegacyModalFooterButtonsProps & React.RefAttributes<HTMLElement>>;
 export default LegacyModalFooterButtons;

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

@@ -1,7 +1,5 @@
-import { FC } from "react";
-import VibeComponentProps from "../../../types/VibeComponentProps";
-import { ElementContent } from "src/types/ElementContent";
-import { SubIcon } from "../../../types/SubIcon";
+import React from "react";
+import { SubIcon, ElementContent, VibeComponentProps } from "../../../types";
 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
@@ -45,5 +43,5 @@ interface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {
     children: ElementContent;
 }
 export type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle | LegacyModalHeaderWithOnlyChildren;
-declare const LegacyModalHeader: FC<LegacyModalHeaderProps>;
+declare const LegacyModalHeader: ({ className, title, children, titleClassName, description, descriptionClassName, icon, closeModal, iconSize, iconClassName, closeButtonAriaLabel, id, "data-testid": dataTestId }: LegacyModalHeaderProps) => React.JSX.Element;
 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, VibeComponent, VibeComponentProps } from "../../types";
+import { SubIcon, VibeComponentProps } from "../../types";
 export interface LinkProps extends VibeComponentProps {
     /**
      * Class name applied to the link text.
@@ -62,17 +62,9 @@ export interface LinkProps extends VibeComponentProps {
     /** The link's color style */
     color?: LinkColor;
 }
-declare const _default: ((VibeComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Partial<{
-    position: typeof IconPositionEnum;
-    iconPositions: typeof IconPositionEnum;
+declare const _default: (React.ComponentType<LinkProps> | React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>) & {
     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 { VibeComponent, VibeComponentProps } from "../../types";
+import { VibeComponentProps } from "../../types";
 import { ListItemProps } from "../ListItem/ListItem";
 import { ListTitleProps } from "../ListTitle/ListTitle";
 import { ListWrapperComponentType as ListWrapperComponentTypeEnum } from "./ListConstants";
@@ -38,11 +38,7 @@ export interface ListProps extends VibeComponentProps {
      */
     role?: AriaRole;
 }
-declare const _default: ((VibeComponent<ListProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    components: typeof ListWrapperComponentTypeEnum;
-}>) | (React.FC<ListProps & React.RefAttributes<HTMLElement>> & Partial<{
-    components: typeof ListWrapperComponentTypeEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListProps>) & {
     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, VibeComponent, ElementContent } from "../../types";
+import { VibeComponentProps, ElementContent } from "../../types";
 import { ListItemComponentType as ListItemComponentTypeEnum } from "./ListItemConstants";
 import { ListItemElement, ListItemSize } from "./ListItem.types";
 export interface ListItemProps extends VibeComponentProps {
@@ -44,25 +44,7 @@ export interface ListItemProps extends VibeComponentProps {
      */
     role?: AriaRole;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import { VibeComponentProps } from "../../types";
 import { ListItemComponentType as ListItemComponentTypeEnum } from "../ListItem/ListItemConstants";
-import { ListItemElement } from "../ListItem/ListItem.types";
+import { ListItemElement } from "../ListItem";
 export interface ListItemAvatarProps extends VibeComponentProps {
     /**
      * The HTML element used for the list item avatar.
@@ -16,11 +16,7 @@ export interface ListItemAvatarProps extends VibeComponentProps {
      */
     avatarClassName?: string;
 }
-declare const _default: ((VibeComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    components: typeof ListItemComponentTypeEnum;
-}>) | (React.FC<ListItemAvatarProps & React.RefAttributes<HTMLElement>> & Partial<{
-    components: typeof ListItemComponentTypeEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemAvatarProps>) & {
     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/ListItem.types";
-import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
+import { ListItemElement } from "../ListItem";
+import { SubIcon, VibeComponentProps } from "../../types";
 import { ListItemIconMargin } from "./ListItemIcon.types";
 export declare const LIST_ITEM_ICON_SIZE = 18;
 export interface ListItemIconProps extends VibeComponentProps {
@@ -19,13 +19,7 @@ export interface ListItemIconProps extends VibeComponentProps {
      */
     margin?: ListItemIconMargin;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<ListItemIconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ListItemIconProps>) & {
     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 { VibeComponent, VibeComponentProps } from "../../types";
+import { VibeComponentProps } from "../../types";
 export interface LoaderProps extends VibeComponentProps {
     /**
      * The size of the loader, either a predefined size or a custom number.
@@ -20,13 +20,7 @@ export interface LoaderProps extends VibeComponentProps {
      */
     wrapperClassName?: string;
 }
-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;
-}>)) & {
+declare const _default: (React.ComponentType<LoaderProps> | React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof LoaderSizesEnum;
     colors: typeof LoaderColorsEnum;
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import React, { ReactElement } from "react";
+import { VibeComponentProps } from "../../../types";
 import { CloseMenuOption } from "../Menu/MenuConstants";
 export interface MenuGridItemProps extends VibeComponentProps {
     /**
@@ -47,8 +47,5 @@ export interface MenuGridItemProps extends VibeComponentProps {
      */
     useDocumentEventListeners?: boolean;
 }
-declare const MenuGridItem: VibeComponent<MenuGridItemProps> & {
-    isMenuChild?: boolean;
-    isSelectable?: boolean;
-};
+declare const MenuGridItem: React.ForwardRefExoticComponent<MenuGridItemProps & React.RefAttributes<HTMLElement>>;
 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, VibeComponent, VibeComponentProps } from "../../../types";
+import { SubIcon, VibeComponentProps } from "../../../types";
 import { IconType } from "../../Icon";
 import { CloseMenuOption, MenuChild } from "../Menu/MenuConstants";
 import Label from "../../Label/Label";
@@ -150,13 +150,7 @@ export interface MenuItemTitleComponentProps extends Omit<MenuItemProps, "title"
     title: ReactElement;
     "aria-label": NonNullable<AriaAttributes["aria-label"]>;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<(MenuItemProps | MenuItemTitleComponentProps) & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuItemProps | MenuItemTitleComponentProps>) & {
     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/Button.types";
+import { ButtonType } from "../../Button";
 import { SubIcon, VibeComponentProps, ElementContent } from "../../../types";
-import { TooltipPositions } from "../../Tooltip/Tooltip.types";
+import { TooltipPositions } from "../../Tooltip";
 import { TooltipPositions as TooltipPositionsEnum } from "../../Tooltip/TooltipConstants";
 export interface MenuItemButtonProps extends VibeComponentProps {
     /**
@@ -73,13 +73,7 @@ export interface MenuItemButtonProps extends VibeComponentProps {
      */
     children?: ElementContent | ElementContent[];
 }
-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;
-}>)) & {
+declare const _default: (React.ComponentType<MenuItemButtonProps> | React.ForwardRefExoticComponent<MenuItemButtonProps & React.RefAttributes<HTMLElement>>) & {
     kinds: typeof import("../../Button/ButtonConstants").ButtonType;
     tooltipPositions: typeof TooltipPositionsEnum;
 };

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

@@ -12,13 +12,7 @@ export interface MenuTitleProps extends VibeComponentProps {
      */
     captionPosition?: MenuTitleCaptionPosition;
 }
-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;
-}>)) & {
+declare const _default: (React.ComponentType<MenuTitleProps> | React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLElement>>) & {
     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, VibeComponent, VibeComponentProps } from "../../types";
+import { ElementContent, 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/Tooltip.types";
+import { TooltipPositions } from "../Tooltip";
 export interface MenuButtonProps extends VibeComponentProps {
     /**
      * If true, the button is in an active state.
@@ -140,19 +140,7 @@ export interface MenuButtonProps extends VibeComponentProps {
      */
     closeDialogOnContentClick?: boolean;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<MenuButtonProps>) & {
     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 "src/components/Button/Button.types";
+import { ButtonColor } from "../../Button";
 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, VibeComponent, VibeComponentProps } from "../../types";
+import { SubIcon, VibeComponentProps } from "../../types";
 export interface MultiStepIndicatorProps extends VibeComponentProps {
     /**
      * The list of steps in the multi-step indicator.
@@ -44,17 +44,7 @@ export interface MultiStepIndicatorProps extends VibeComponentProps {
      */
     size?: MultiStepSize;
 }
-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;
-}>)) & {
+declare const _default: (React.ComponentType<MultiStepIndicatorProps> | React.ForwardRefExoticComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLElement>>) & {
     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 "src/types/VibeComponentProps";
+import { VibeComponentProps } from "../../../../types";
 import { LinearProgressBarStyle } from "../LinearProgressBar.types";
 export type BarType = "primary" | "secondary";
 export interface BarProps extends VibeComponentProps {