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

package/dist/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 { VibeComponentProps } from "../../../types";
+import { VibeComponent, VibeComponentProps } from "../../../types";
 export interface LinearProgressBarProps extends VibeComponentProps {
     /**
      * Determines the visual style of the progress bar.
@@ -62,7 +62,31 @@ export interface LinearProgressBarProps extends VibeComponentProps {
      */
     fullWidth?: boolean;
 }
-declare const _default: (React.ComponentType<LinearProgressBarProps> | React.ForwardRefExoticComponent<LinearProgressBarProps & React.RefAttributes<HTMLElement>>) & {
+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";
+    };
+}>)) & {
     styles: typeof ProgressBarStyleEnum;
     barStyles: typeof ProgressBarStyleEnum;
     types: typeof ProgressBarTypeEnum;

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

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

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

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

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

@@ -28,7 +28,23 @@ export interface SkeletonProps extends VibeComponentProps {
      */
     fullWidth?: boolean;
 }
-declare const _default: (React.ComponentType<SkeletonProps> | React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLElement>>) & {
+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;
+    };
+}>)) & {
     types: typeof SkeletonTypeEnum;
     sizes: {
         CUSTOM: string;

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

@@ -117,7 +117,21 @@ export type SliderProps = {
      */
     selectionIndicatorWidth?: string;
 };
-declare const _default: (React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>> | React.ComponentType<SliderProps>) & {
+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;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

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

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

@@ -40,7 +40,51 @@ export interface SplitButtonProps extends ButtonProps {
      */
     shouldCloseOnClickInsideDialog?: boolean;
 }
-declare const _default: (React.ComponentType<SplitButtonProps> | React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<HTMLElement>>) & {
+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;
+}>)) & {
     secondaryPositions: {
         readonly BOTTOM_START: "bottom-start";
         readonly BOTTOM_MIDDLE: "bottom";

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

@@ -1,9 +1,8 @@
 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: React.ForwardRefExoticComponent<Omit<MenuProps, "focusItemIndexOnMount"> & {
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
+declare const SplitButtonMenu: VibeComponent<SplitButtonMenuProps>;
 export default SplitButtonMenu;

package/dist/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";
-import { VibeComponentProps } from "../../types";
+import { ButtonProps } from "../Button/Button";
+import { VibeComponent, VibeComponentProps } from "../../types";
 export interface StepsProps extends VibeComponentProps {
     /**
      * The index of the currently active step.
@@ -53,7 +53,13 @@ export interface StepsProps extends VibeComponentProps {
      */
     onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-declare const _default: (React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLElement>> | React.ComponentType<StepsProps>) & {
+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;
+}>)) & {
     types: typeof StepsTypeEnum;
     colors: typeof StepsColorEnum;
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/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,7 +17,11 @@ export interface TabPanelsProps extends VibeComponentProps {
      */
     children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];
 }
-declare const _default: (React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TabPanelsProps>) & {
+declare const _default: ((import("../../../types/VibeComponent").default<TabPanelsProps, unknown> & Partial<{
+    animationDirections: typeof TabPanelsAnimationDirectionEnum;
+}>) | (React.FC<TabPanelsProps> & Partial<{
+    animationDirections: typeof TabPanelsAnimationDirectionEnum;
+}>)) & {
     animationDirections: typeof TabPanelsAnimationDirectionEnum;
 };
 export default _default;

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

@@ -1,4 +1,5 @@
 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";
@@ -17,7 +18,17 @@ export interface TextProps extends TypographyProps {
      */
     children: ReactNode;
 }
-declare const _default: (React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TextProps>) & {
+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;
+}>)) & {
     types: typeof TextTypeEnum;
     weights: typeof TextWeightEnum;
     colors: typeof TypographyColorEnum;

package/dist/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 } from "../../types";
+import { VibeComponentProps, VibeComponent } from "../../types";
 export interface TextFieldProps extends VibeComponentProps {
     /**
      * The placeholder text displayed when the input is empty.
@@ -182,13 +182,29 @@ export interface TextFieldProps extends VibeComponentProps {
      */
     dir?: "ltr" | "rtl" | "auto";
 }
-declare const _default: (React.ComponentType<TextFieldProps> | React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((VibeComponent<TextFieldProps & React.RefAttributes<unknown>, unknown> & Partial<{
     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/components/ThemeProvider/ThemeProvider.d.ts

@@ -26,7 +26,13 @@ export interface ThemeProviderProps {
      */
     className?: string;
 }
-declare const _default: (React.ComponentType<ThemeProviderProps> | React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLElement>>) & {
+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;
+}>)) & {
     systemThemes: typeof SystemThemeEnum;
     colors: typeof ThemeColorEnum;
 };

package/dist/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, VibeComponentProps } from "../../types";
+import { ElementContent, VibeComponent, VibeComponentProps } from "../../types";
 import { MoveBy } from "../../types/MoveBy";
 import { Modifier } from "react-popper";
 import React from "react";
@@ -109,7 +109,19 @@ export interface TipseenProps extends VibeComponentProps {
     color?: TipseenColor;
 }
 export declare const TipseenContext: React.Context<TipseenColor>;
-declare const _default: (React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>> | React.ComponentType<TipseenProps>) & {
+declare const _default: ((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;
+}>)) & {
     closeButtonThemes: typeof TipseenCloseButtonThemeEnum;
     animationTypes: typeof AnimationTypeEnum;
     hideShowTriggers: typeof HideShowEventEnum;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import React, { ReactElement } from "react";
-import { VibeComponentProps } from "../../../types";
+import { ReactElement } from "react";
+import { VibeComponent, VibeComponentProps } from "../../../types";
 export interface AccordionProps extends VibeComponentProps {
     /**
      * The content of the accordion (`AccordionItem` components).
@@ -14,5 +14,5 @@ export interface AccordionProps extends VibeComponentProps {
      */
     defaultIndex?: Array<number>;
 }
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<unknown>>;
+declare const Accordion: VibeComponent<AccordionProps, unknown> & object;
 export default Accordion;

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

@@ -1,10 +1,11 @@
 import React, { ReactElement } from "react";
 import { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from "./AlertBannerConstants";
 import { AlertBannerBackgroundColor } from "./AlertBanner.types";
+import VibeComponentProps from "../../types/VibeComponentProps";
 import { AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
 import { AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
 import { AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-import { VibeComponentProps } from "../../types";
+import { VibeComponent } from "../../types";
 type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
 export interface AlertBannerProps extends VibeComponentProps {
     /**
@@ -32,7 +33,11 @@ export interface AlertBannerProps extends VibeComponentProps {
      */
     children?: ChildrenType | ChildrenType[];
 }
-declare const _default: (React.ComponentType<AlertBannerProps> | React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((VibeComponent<AlertBannerProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    backgroundColors: typeof AlertBannerBackgroundColorEnum;
+}>) | (React.FC<AlertBannerProps & React.RefAttributes<HTMLElement>> & Partial<{
+    backgroundColors: typeof AlertBannerBackgroundColorEnum;
+}>)) & {
     backgroundColors: typeof AlertBannerBackgroundColorEnum;
 };
 export default _default;

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

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