@vibe/core 3.41.0 → 3.43.0

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { ProgressBarStyle as ProgressBarStyleEnum, ProgressBarType as ProgressBarTypeEnum } from "./LinearProgressBarConstants";
 import { LinearProgressBarSize, LinearProgressBarStyle } from "./LinearProgressBar.types";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import { VibeComponentProps } from "../../../types";
 export interface LinearProgressBarProps extends VibeComponentProps {
     /**
      * Determines the visual style of the progress bar.
@@ -62,31 +62,7 @@ export interface LinearProgressBarProps extends VibeComponentProps {
      */
     fullWidth?: boolean;
 }
-declare const _default: ((VibeComponent<LinearProgressBarProps & React.RefAttributes<HTMLDivElement>, HTMLDivElement> & Partial<{
-    styles: typeof ProgressBarStyleEnum;
-    barStyles: typeof ProgressBarStyleEnum;
-    types: typeof ProgressBarTypeEnum;
-    barTypes: typeof ProgressBarTypeEnum;
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-}>) | (React.FC<LinearProgressBarProps & React.RefAttributes<HTMLDivElement>> & Partial<{
-    styles: typeof ProgressBarStyleEnum;
-    barStyles: typeof ProgressBarStyleEnum;
-    types: typeof ProgressBarTypeEnum;
-    barTypes: typeof ProgressBarTypeEnum;
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-}>)) & {
+declare const _default: (React.ComponentType<LinearProgressBarProps> | React.ForwardRefExoticComponent<LinearProgressBarProps & React.RefAttributes<HTMLElement>>) & {
     styles: typeof ProgressBarStyleEnum;
     barStyles: typeof ProgressBarStyleEnum;
     types: typeof ProgressBarTypeEnum;

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

@@ -1,3 +1,3 @@
-import { SIZES } from "src/constants";
+import { SIZES } from "../../../constants";
 export type LinearProgressBarStyle = "primary" | "secondary" | "positive" | "negative" | "warning" | "none";
 export type LinearProgressBarSize = (typeof SIZES)[keyof typeof SIZES];

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

@@ -1,6 +1,5 @@
 import React from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
+import { VibeComponentProps } from "../../types";
 export interface RadioButtonProps extends VibeComponentProps {
     /**
      * Class name applied to the label text.
@@ -63,5 +62,5 @@ export interface RadioButtonProps extends VibeComponentProps {
      */
     noLabelAnimation?: boolean;
 }
-declare const RadioButton: VibeComponent<RadioButtonProps, HTMLElement> & object;
+declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
 export default RadioButton;

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

@@ -28,23 +28,7 @@ export interface SkeletonProps extends VibeComponentProps {
      */
     fullWidth?: boolean;
 }
-declare const _default: ((import("../../types/VibeComponent").default<SkeletonProps, unknown> & Partial<{
-    types: typeof SkeletonTypeEnum;
-    sizes: {
-        CUSTOM: string;
-        CIRCLE: {};
-        RECTANGLE: {};
-        TEXT: typeof TextSkeletonSizeEnum;
-    };
-}>) | (React.FC<SkeletonProps> & Partial<{
-    types: typeof SkeletonTypeEnum;
-    sizes: {
-        CUSTOM: string;
-        CIRCLE: {};
-        RECTANGLE: {};
-        TEXT: typeof TextSkeletonSizeEnum;
-    };
-}>)) & {
+declare const _default: (React.ComponentType<SkeletonProps> | React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLElement>>) & {
     types: typeof SkeletonTypeEnum;
     sizes: {
         CUSTOM: string;

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

@@ -117,21 +117,7 @@ export type SliderProps = {
      */
     selectionIndicatorWidth?: string;
 };
-declare const _default: ((import("../../types/VibeComponent").default<SliderProps, unknown> & Partial<{
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    colors: typeof SliderColorEnum;
-}>) | (React.FC<SliderProps> & Partial<{
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    colors: typeof SliderColorEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>> | React.ComponentType<SliderProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

package/dist/mocked_classnames/components/Slider/SliderInfix.d.ts

@@ -8,11 +8,7 @@ export interface SliderInfixProps extends VibeComponentProps {
      */
     kind?: InfixKind;
 }
-declare const _default: ((import("../../types/VibeComponent").default<SliderInfixProps, unknown> & Partial<{
-    kinds: typeof InfixKindEnum;
-}>) | (React.FC<SliderInfixProps> & Partial<{
-    kinds: typeof InfixKindEnum;
-}>)) & {
+declare const _default: (React.ComponentType<SliderInfixProps> | React.ForwardRefExoticComponent<SliderInfixProps & React.RefAttributes<HTMLElement>>) & {
     kinds: typeof InfixKindEnum;
 };
 export default _default;

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

@@ -40,51 +40,7 @@ export interface SplitButtonProps extends ButtonProps {
      */
     shouldCloseOnClickInsideDialog?: boolean;
 }
-declare const _default: ((import("../../types/VibeComponent").default<SplitButtonProps, unknown> & Partial<{
-    secondaryPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    secondaryDialogPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-    colors: typeof import("../Button/ButtonConstants").ButtonColor;
-    kinds: typeof import("../Button/ButtonConstants").ButtonType;
-    inputTags: typeof import("../Button/ButtonConstants").ButtonInputType;
-    dialogPaddingSizes: typeof import("../Dialog/DialogConstants").DialogSize;
-}>) | (React.FC<SplitButtonProps> & Partial<{
-    secondaryPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    secondaryDialogPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-    colors: typeof import("../Button/ButtonConstants").ButtonColor;
-    kinds: typeof import("../Button/ButtonConstants").ButtonType;
-    inputTags: typeof import("../Button/ButtonConstants").ButtonInputType;
-    dialogPaddingSizes: typeof import("../Dialog/DialogConstants").DialogSize;
-}>)) & {
+declare const _default: (React.ComponentType<SplitButtonProps> | React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<HTMLElement>>) & {
     secondaryPositions: {
         readonly BOTTOM_START: "bottom-start";
         readonly BOTTOM_MIDDLE: "bottom";

package/dist/mocked_classnames/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import VibeComponent from "../../../types/VibeComponent";
 import { MenuProps } from "../../Menu/Menu/Menu";
 export type SplitButtonMenuProps = Omit<MenuProps, "focusItemIndexOnMount"> & {
     children: React.ReactNode;
 };
-declare const SplitButtonMenu: VibeComponent<SplitButtonMenuProps>;
+declare const SplitButtonMenu: React.ForwardRefExoticComponent<Omit<MenuProps, "focusItemIndexOnMount"> & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
 export default SplitButtonMenu;

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

@@ -1,8 +1,8 @@
 import React, { ReactElement } from "react";
 import { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from "./StepsConstants";
 import { StepsColor, StepsType } from "./Steps.types";
-import { ButtonProps } from "../Button/Button";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import { ButtonProps } from "../Button";
+import { VibeComponentProps } from "../../types";
 export interface StepsProps extends VibeComponentProps {
     /**
      * The index of the currently active step.
@@ -53,13 +53,7 @@ export interface StepsProps extends VibeComponentProps {
      */
     onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-declare const _default: ((VibeComponent<StepsProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    types: typeof StepsTypeEnum;
-    colors: typeof StepsColorEnum;
-}>) | (React.FC<StepsProps & React.RefAttributes<HTMLElement>> & Partial<{
-    types: typeof StepsTypeEnum;
-    colors: typeof StepsColorEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLElement>> | React.ComponentType<StepsProps>) & {
     types: typeof StepsTypeEnum;
     colors: typeof StepsColorEnum;
 };

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

@@ -1,5 +1,5 @@
-import { ChangeEvent, ReactElement } from "react";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import React, { ChangeEvent, ReactElement } from "react";
+import { VibeComponentProps } from "../../types";
 import { MockToggleProps } from "../Toggle/MockToggle";
 export interface SwitchProps extends VibeComponentProps {
     /**
@@ -55,4 +55,5 @@ export interface SwitchProps extends VibeComponentProps {
      */
     wrapperClassName?: string;
 }
-export declare const Switch: VibeComponent<SwitchProps, HTMLInputElement>;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

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

@@ -1 +1 @@
-export { Switch, SwitchProps } from "./Switch";
+export { default as Switch, SwitchProps } from "./Switch";

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

@@ -1,5 +1,5 @@
 import React, { ReactElement } from "react";
-import { SubIcon, VibeComponent, VibeComponentProps } from "../../../types";
+import { SubIcon, VibeComponentProps } from "../../../types";
 import { TableHeaderProps } from "../TableHeader/TableHeader";
 import { TableBodyProps } from "../TableBody/TableBody";
 import { RowSizes as RowSizesEnum } from "./TableConsts";
@@ -72,11 +72,7 @@ export interface TableProps extends VibeComponentProps {
      */
     withoutBorder?: boolean;
 }
-declare const _default: ((VibeComponent<TableProps & React.RefAttributes<HTMLDivElement>, HTMLDivElement> & Partial<{
-    sizes: typeof RowSizesEnum;
-}>) | (React.FC<TableProps & React.RefAttributes<HTMLDivElement>> & Partial<{
-    sizes: typeof RowSizesEnum;
-}>)) & {
+declare const _default: (React.ComponentType<TableProps> | React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof RowSizesEnum;
 };
 export default _default;

package/dist/mocked_classnames/components/Table/TableBody/TableBody.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ComponentProps } from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import React, { ReactElement, ComponentProps } from "react";
+import { VibeComponentProps } from "../../../types";
 import { TableRowProps } from "../TableRow/TableRow";
 import VirtualizedList from "../../VirtualizedList/VirtualizedList";
 export interface TableBodyProps extends VibeComponentProps {
@@ -8,5 +8,5 @@ export interface TableBodyProps extends VibeComponentProps {
      */
     children?: ReactElement<TableRowProps> | ReactElement<TableRowProps>[] | ReactElement<ComponentProps<typeof VirtualizedList>>;
 }
-declare const TableBody: VibeComponent<TableBodyProps, HTMLDivElement>;
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLDivElement>>;
 export default TableBody;

package/dist/mocked_classnames/components/Table/TableCell/TableCell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import { VibeComponentProps } from "../../../types";
 export interface TableCellProps extends VibeComponentProps {
     /**
      * The content inside the table cell.
@@ -10,5 +10,5 @@ export interface TableCellProps extends VibeComponentProps {
      */
     sticky?: boolean;
 }
-declare const TableCell: VibeComponent<TableCellProps, HTMLDivElement>;
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLDivElement>>;
 export default TableCell;

package/dist/mocked_classnames/components/Table/TableHeader/TableHeader.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import { VibeComponentProps } from "../../../types";
 import { TableHeaderCellProps } from "../TableHeaderCell/TableHeaderCell";
 export interface TableHeaderProps extends VibeComponentProps {
     /**
@@ -7,5 +7,5 @@ export interface TableHeaderProps extends VibeComponentProps {
      */
     children?: React.ReactElement<TableHeaderCellProps> | React.ReactElement<TableHeaderCellProps>[];
 }
-declare const TableHeader: VibeComponent<TableHeaderProps, HTMLDivElement>;
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export default TableHeader;

package/dist/mocked_classnames/components/Table/TableHeaderCell/TableHeaderCell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { SubIcon, VibeComponent, VibeComponentProps } from "../../../types";
+import { SubIcon, VibeComponentProps } from "../../../types";
 export interface TableHeaderCellProps extends VibeComponentProps {
     /**
      * The title of the column, displayed inside the header cell.
@@ -30,5 +30,5 @@ export interface TableHeaderCellProps extends VibeComponentProps {
      */
     sticky?: boolean;
 }
-declare const TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement>;
+declare const TableHeaderCell: React.ForwardRefExoticComponent<TableHeaderCellProps & React.RefAttributes<HTMLDivElement>>;
 export default TableHeaderCell;

package/dist/mocked_classnames/components/Table/TableRow/TableRow.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import { VibeComponentProps } from "../../../types";
 import { TableCellProps } from "../TableCell/TableCell";
 export interface TableRowProps extends VibeComponentProps {
     /**
@@ -15,5 +15,5 @@ export interface TableRowProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const TableRow: VibeComponent<TableRowProps, HTMLDivElement>;
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLDivElement>>;
 export default TableRow;

package/dist/mocked_classnames/components/Tabs/TabPanels/TabPanels.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactElement } from "react";
-import VibeComponentProps from "../../../types/VibeComponentProps";
 import { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from "./TabPanelsConstants";
 import { TabPanelsAnimationDirection } from "./TabPanels.types";
 import { TabPanelProps } from "../TabPanel/TabPanel";
+import { VibeComponentProps } from "../../../types";
 export interface TabPanelsProps extends VibeComponentProps {
     /**
      * The index of the currently active tab panel.
@@ -17,11 +17,7 @@ export interface TabPanelsProps extends VibeComponentProps {
      */
     children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];
 }
-declare const _default: ((import("../../../types/VibeComponent").default<TabPanelsProps, unknown> & Partial<{
-    animationDirections: typeof TabPanelsAnimationDirectionEnum;
-}>) | (React.FC<TabPanelsProps> & Partial<{
-    animationDirections: typeof TabPanelsAnimationDirectionEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TabPanelsProps>) & {
     animationDirections: typeof TabPanelsAnimationDirectionEnum;
 };
 export default _default;

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

@@ -1,5 +1,4 @@
 import React, { ReactNode } from "react";
-import VibeComponent from "../../types/VibeComponent";
 import { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from "./TextConstants";
 import { TypographyProps } from "../Typography/Typography";
 import { TypographyAlign as TypographyAlignEnum, TypographyColor as TypographyColorEnum } from "../Typography/TypographyConstants";
@@ -18,17 +17,7 @@ export interface TextProps extends TypographyProps {
      */
     children: ReactNode;
 }
-declare const _default: ((VibeComponent<TextProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    types: typeof TextTypeEnum;
-    weights: typeof TextWeightEnum;
-    colors: typeof TypographyColorEnum;
-    align: typeof TypographyAlignEnum;
-}>) | (React.FC<TextProps & React.RefAttributes<HTMLElement>> & Partial<{
-    types: typeof TextTypeEnum;
-    weights: typeof TextWeightEnum;
-    colors: typeof TypographyColorEnum;
-    align: typeof TypographyAlignEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TextProps>) & {
     types: typeof TextTypeEnum;
     weights: typeof TextWeightEnum;
     colors: typeof TypographyColorEnum;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { TextFieldFeedbackState as TextFieldFeedbackStateEnum, TextFieldTextType as TextFieldTextTypeEnum } from "./TextFieldConstants";
 import { TextFieldType, TextFieldSize } from "./TextField.types";
-import { VibeComponentProps, VibeComponent } from "../../types";
+import { VibeComponentProps } from "../../types";
 export interface TextFieldProps extends VibeComponentProps {
     /**
      * The placeholder text displayed when the input is empty.
@@ -182,29 +182,13 @@ export interface TextFieldProps extends VibeComponentProps {
      */
     dir?: "ltr" | "rtl" | "auto";
 }
-declare const _default: ((VibeComponent<TextFieldProps & React.RefAttributes<unknown>, unknown> & Partial<{
+declare const _default: (React.ComponentType<TextFieldProps> | React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLElement>>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";
         readonly LARGE: "large";
     };
-    feedbacks: typeof TextFieldFeedbackStateEnum;
-    types: typeof TextFieldTextTypeEnum;
-}>) | (React.FC<TextFieldProps & React.RefAttributes<unknown>> & Partial<{
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    feedbacks: typeof TextFieldFeedbackStateEnum;
     types: typeof TextFieldTextTypeEnum;
-}>)) & {
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
     feedbacks: typeof TextFieldFeedbackStateEnum;
-    types: typeof TextFieldTextTypeEnum;
 };
 export default _default;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { TooltipProps } from "../../components/Tooltip/Tooltip";
 import VibeComponentProps from "../../types/VibeComponentProps";
 import { TooltipPositions } from "../Tooltip/Tooltip.types";
 export interface TextWithHighlightProps extends VibeComponentProps {
@@ -44,8 +45,13 @@ export interface TextWithHighlightProps extends VibeComponentProps {
     wrappingElementClassName?: string;
     /**
      * The position of the tooltip when displayed.
+     * @deprecated Use `tooltipProps.position` instead.
      */
     tooltipPosition?: TooltipPositions;
+    /**
+     * Additional props to customize the tooltip component.
+     */
+    tooltipProps?: Partial<TooltipProps>;
 }
 declare const TextWithHighlight: React.FC<TextWithHighlightProps>;
 export default TextWithHighlight;

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

@@ -26,13 +26,7 @@ export interface ThemeProviderProps {
      */
     className?: string;
 }
-declare const _default: ((import("../../types/VibeComponent").default<ThemeProviderProps, unknown> & Partial<{
-    systemThemes: typeof SystemThemeEnum;
-    colors: typeof ThemeColorEnum;
-}>) | (React.FC<ThemeProviderProps> & Partial<{
-    systemThemes: typeof SystemThemeEnum;
-    colors: typeof ThemeColorEnum;
-}>)) & {
+declare const _default: (React.ComponentType<ThemeProviderProps> | React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLElement>>) & {
     systemThemes: typeof SystemThemeEnum;
     colors: typeof ThemeColorEnum;
 };

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

@@ -3,7 +3,7 @@ import { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum
 import { DialogAnimationType, DialogTriggerEvent } from "../Dialog/Dialog.types";
 import { TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum, TipseenColor as TipseenColorEnum } from "./TipseenConstants";
 import { TipseenCloseButtonTheme, TipseenColor } from "./Tipseen.types";
-import { ElementContent, VibeComponent, VibeComponentProps } from "../../types";
+import { ElementContent, VibeComponentProps } from "../../types";
 import { MoveBy } from "../../types/MoveBy";
 import { Modifier } from "react-popper";
 import React from "react";
@@ -109,19 +109,7 @@ export interface TipseenProps extends VibeComponentProps {
     color?: TipseenColor;
 }
 export declare const TipseenContext: React.Context<TipseenColor>;
-declare const _default: ((VibeComponent<TipseenProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    closeButtonThemes: typeof TipseenCloseButtonThemeEnum;
-    animationTypes: typeof AnimationTypeEnum;
-    hideShowTriggers: typeof HideShowEventEnum;
-    colors: typeof TipseenColorEnum;
-    positions: typeof TooltipPositionsEnum;
-}>) | (React.FC<TipseenProps & React.RefAttributes<HTMLElement>> & Partial<{
-    closeButtonThemes: typeof TipseenCloseButtonThemeEnum;
-    animationTypes: typeof AnimationTypeEnum;
-    hideShowTriggers: typeof HideShowEventEnum;
-    colors: typeof TipseenColorEnum;
-    positions: typeof TooltipPositionsEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TipseenProps>) & {
     closeButtonThemes: typeof TipseenCloseButtonThemeEnum;
     animationTypes: typeof AnimationTypeEnum;
     hideShowTriggers: typeof HideShowEventEnum;

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

@@ -1,11 +1,10 @@
-import { PropsWithChildren, ReactNode } from "react";
-import VibeComponentProps from "../../../types/VibeComponentProps";
-import VibeComponent from "../../../types/VibeComponent";
+import React, { PropsWithChildren, ReactNode } from "react";
+import { VibeComponentProps } from "../../../types";
 export interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {
     /**
      * The media content displayed inside the Tipseen.
      */
     children: ReactNode;
 }
-declare const TipseenMedia: VibeComponent<TipseenMediaProps, HTMLElement>;
+declare const TipseenMedia: React.ForwardRefExoticComponent<TipseenMediaProps & React.RefAttributes<HTMLElement>>;
 export default TipseenMedia;

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

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

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

@@ -1,5 +1,5 @@
-import { ChangeEvent } from "react";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import React, { ChangeEvent } from "react";
+import { VibeComponentProps } from "../../types";
 import { ToggleSize } from "./Toggle.types";
 export interface ToggleProps extends VibeComponentProps {
     /**
@@ -55,5 +55,5 @@ export interface ToggleProps extends VibeComponentProps {
      */
     size?: ToggleSize;
 }
-declare const Toggle: VibeComponent<ToggleProps, HTMLInputElement>;
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
 export default Toggle;

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

@@ -1,6 +1,5 @@
-import { HTMLAttributes } from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
+import React, { HTMLAttributes } from "react";
+import { VibeComponentProps } from "../../types";
 import { ElementContent } from "../../types";
 import { TypographyAlign, TypographyColor } from "./Typography.types";
 import { TooltipProps } from "../Tooltip/Tooltip";
@@ -38,5 +37,5 @@ export interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTML
      */
     withoutTooltip?: boolean;
 }
-declare const Typography: VibeComponent<TypographyProps, HTMLElement>;
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
 export default Typography;

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

@@ -1,7 +1,6 @@
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
 import { GridChildComponentProps, ScrollDirection } from "react-window";
-import VibeComponentProps from "src/types/VibeComponentProps";
-import { VibeComponent } from "../../types";
+import { VibeComponentProps } from "../../types";
 import { VirtualizedGridItemType as ItemType } from "./VirtualizedGrid.types";
 export interface VirtualizedGridProps extends VibeComponentProps {
     /**
@@ -64,5 +63,5 @@ export interface VirtualizedGridProps extends VibeComponentProps {
      */
     scrollableClassName?: string;
 }
-declare const VirtualizedGrid: VibeComponent<VirtualizedGridProps>;
+declare const VirtualizedGrid: React.ForwardRefExoticComponent<VirtualizedGridProps & React.RefAttributes<HTMLElement>>;
 export default VirtualizedGrid;

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

@@ -1,6 +1,5 @@
-import { CSSProperties, ForwardedRef, ReactElement } from "react";
-import VibeComponentProps from "src/types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
+import React, { CSSProperties, ForwardedRef, ReactElement } from "react";
+import { VibeComponentProps } from "../../types";
 import { VirtualizedListItem, VirtualizedListLayout, VirtualizedListScrollDirection } from "./VirtualizedList.types";
 export interface VirtualizedListProps extends VibeComponentProps {
     /**
@@ -95,5 +94,5 @@ export interface VirtualizedListProps extends VibeComponentProps {
      */
     onScroll?: (horizontalScrollDirection: VirtualizedListScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
 }
-declare const VirtualizedList: VibeComponent<VirtualizedListProps>;
+declare const VirtualizedList: React.ForwardRefExoticComponent<VirtualizedListProps & React.RefAttributes<HTMLElement>>;
 export default VirtualizedList;

package/dist/mocked_classnames/scripts/generate-metadata.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env ts-node
+export {};