@vibe/core 3.42.0 → 3.43.1

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { ElementAllowedColor } from "../../types/Colors";
 import { AvatarType as AvatarTypeEnum } from "../Avatar/AvatarConstants";
-import { AvatarType } from "../Avatar/Avatar.types";
-import { ElementContent, SubIcon, VibeComponent, VibeComponentProps } from "../../types";
+import { AvatarType } from "../Avatar";
+import { ElementContent, SubIcon, VibeComponentProps } from "../../types";
 export interface ChipsProps extends VibeComponentProps {
     /**
      * The text or content displayed inside the chip.
@@ -101,103 +101,7 @@ export interface ChipsProps extends VibeComponentProps {
      */
     closeButtonAriaLabel?: string;
 }
-declare const _default: ((VibeComponent<ChipsProps & React.RefAttributes<HTMLDivElement>, HTMLDivElement> & Partial<{
-    colors: {
-        POSITIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.POSITIVE;
-        NEGATIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.NEGATIVE;
-        PRIMARY: import("../../utils/colors-vars-map").StateSelectedHoverColor.PRIMARY;
-        WARNING: import("../../utils/colors-vars-map").StateSelectedColor.WARNING;
-        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;
-    };
-    avatarTypes: typeof AvatarTypeEnum;
-}>) | (React.FC<ChipsProps & React.RefAttributes<HTMLDivElement>> & Partial<{
-    colors: {
-        POSITIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.POSITIVE;
-        NEGATIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.NEGATIVE;
-        PRIMARY: import("../../utils/colors-vars-map").StateSelectedHoverColor.PRIMARY;
-        WARNING: import("../../utils/colors-vars-map").StateSelectedColor.WARNING;
-        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;
-    };
-    avatarTypes: typeof AvatarTypeEnum;
-}>)) & {
+declare const _default: (React.FC<ChipsProps> | React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>>) & {
     colors: {
         POSITIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.POSITIVE;
         NEGATIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.NEGATIVE;

package/dist/components/Clickable/Clickable.d.ts

@@ -1,6 +1,5 @@
 import React, { AriaRole } from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
+import { VibeComponentProps } from "../../types";
 export interface ClickableProps extends VibeComponentProps {
     /**
      * The HTML element or custom component used as the root.
@@ -63,5 +62,5 @@ export interface ClickableProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const Clickable: VibeComponent<ClickableProps, HTMLElement>;
+declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLElement>>;
 export default Clickable;

package/dist/components/Clickable/ClickableWrapper.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
-import { ClickableProps } from "../Clickable/Clickable";
+import { VibeComponentProps } from "../../types";
+import { ClickableProps } from "./Clickable";
 export interface ClickableWrapperProps extends VibeComponentProps {
     /**
      * The content inside the wrapper.
@@ -16,5 +15,5 @@ export interface ClickableWrapperProps extends VibeComponentProps {
      */
     clickableProps: ClickableProps;
 }
-declare const ClickableWrapper: VibeComponent<ClickableWrapperProps, HTMLElement>;
+declare const ClickableWrapper: React.ForwardRefExoticComponent<ClickableWrapperProps & React.RefAttributes<HTMLElement>>;
 export default ClickableWrapper;

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

@@ -3,7 +3,7 @@ import { BaseSizes } from "../../constants";
 import { ColorStyle as ColorStyleEnum } from "../../utils/colors-vars-map";
 import { ColorShapes as ColorShapesEnum } from "./ColorPickerConstants";
 import { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from "./ColorPicker.types";
-import { VibeComponentProps, VibeComponent, SubIcon } from "../../types";
+import { VibeComponentProps, SubIcon } from "../../types";
 import { ColorStyle } from "../../types/Colors";
 export interface ColorPickerProps extends VibeComponentProps {
     /**
@@ -78,17 +78,7 @@ export interface ColorPickerProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: ((VibeComponent<ColorPickerProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    sizes: typeof BaseSizes;
-    colorStyles: typeof ColorStyleEnum;
-    colorSizes: typeof BaseSizes;
-    colorShapes: typeof ColorShapesEnum;
-}>) | (React.FC<ColorPickerProps & React.RefAttributes<HTMLElement>> & Partial<{
-    sizes: typeof BaseSizes;
-    colorStyles: typeof ColorStyleEnum;
-    colorSizes: typeof BaseSizes;
-    colorShapes: typeof ColorShapesEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>> | React.FC<ColorPickerProps>) & {
     sizes: typeof BaseSizes;
     colorStyles: typeof ColorStyleEnum;
     colorSizes: typeof BaseSizes;

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

@@ -1,4 +1,5 @@
-import { VibeComponentProps, VibeComponent, SubIcon } from "../../../../types";
+import React from "react";
+import { VibeComponentProps, SubIcon } from "../../../../types";
 export interface ColorPickerClearButtonProps extends VibeComponentProps {
     /**
      * Callback fired when the clear button is clicked.
@@ -13,4 +14,5 @@ export interface ColorPickerClearButtonProps extends VibeComponentProps {
      */
     Icon: SubIcon;
 }
-export declare const ColorPickerClearButton: VibeComponent<ColorPickerClearButtonProps>;
+declare const ColorPickerClearButton: React.ForwardRefExoticComponent<ColorPickerClearButtonProps & React.RefAttributes<HTMLElement>>;
+export default ColorPickerClearButton;

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

@@ -1,8 +1,9 @@
+import React from "react";
 import { CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
 import { ColorPickerArrayValueOnly, ColorPickerValueOnly } from "../../ColorPicker.types";
 import { ColorShapes, ColorPickerSizes } from "../../ColorPicker.types";
-import { SubIcon, VibeComponent, VibeComponentProps } from "../../../../types";
-import { ColorStyle } from "../../../../types/Colors";
+import { SubIcon, VibeComponentProps } from "../../../../types";
+import { ColorStyle } from "../../../../types";
 export interface ColorPickerColorsGridProps extends VibeComponentProps {
     /**
      * Callback fired when a color is clicked.
@@ -57,4 +58,5 @@ export interface ColorPickerColorsGridProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-export declare const ColorPickerColorsGrid: VibeComponent<ColorPickerColorsGridProps, HTMLUListElement>;
+declare const ColorPickerColorsGrid: React.ForwardRefExoticComponent<ColorPickerColorsGridProps & React.RefAttributes<HTMLUListElement>>;
+export default ColorPickerColorsGrid;

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

@@ -3,8 +3,8 @@ import { BaseSizes } from "../../../../constants";
 import { ColorStyle as ColorStyleEnum, CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
 import { ColorShapes as ColorShapesEnum } from "../../ColorPickerConstants";
 import { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from "../../ColorPicker.types";
-import { VibeComponentProps, VibeComponent, SubIcon } from "../../../../types";
-import { ColorStyle } from "../../../../types/Colors";
+import { VibeComponentProps, SubIcon } from "../../../../types";
+import { ColorStyle } from "../../../../types";
 export interface ColorPickerContentProps extends VibeComponentProps {
     /**
      * The selected color(s).
@@ -81,17 +81,7 @@ export interface ColorPickerContentProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: ((VibeComponent<ColorPickerContentProps & React.RefAttributes<HTMLDivElement>, HTMLDivElement> & Partial<{
-    sizes: typeof BaseSizes;
-    colorStyles: typeof ColorStyleEnum;
-    colorSizes: typeof BaseSizes;
-    colorShapes: typeof ColorShapesEnum;
-}>) | (React.FC<ColorPickerContentProps & React.RefAttributes<HTMLDivElement>> & Partial<{
-    sizes: typeof BaseSizes;
-    colorStyles: typeof ColorStyleEnum;
-    colorSizes: typeof BaseSizes;
-    colorShapes: typeof ColorShapesEnum;
-}>)) & {
+declare const _default: (React.FC<ColorPickerContentProps> | React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof BaseSizes;
     colorStyles: typeof ColorStyleEnum;
     colorSizes: typeof BaseSizes;

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

@@ -1,6 +1,7 @@
+import React from "react";
 import { ColorPickerValueOnly } from "../../ColorPicker.types";
 import { ColorShapes, ColorPickerSizes } from "../../ColorPicker.types";
-import { SubIcon, VibeComponent, VibeComponentProps, ElementContent, ColorStyle } from "../../../../types";
+import { SubIcon, VibeComponentProps, ElementContent, ColorStyle } from "../../../../types";
 export interface ColorPickerItemComponentProps extends VibeComponentProps {
     /**
      * The color value of the item.
@@ -47,5 +48,5 @@ export interface ColorPickerItemComponentProps extends VibeComponentProps {
      */
     colorShape: ColorShapes;
 }
-declare const ColorPickerItemComponent: VibeComponent<ColorPickerItemComponentProps>;
+declare const ColorPickerItemComponent: React.ForwardRefExoticComponent<ColorPickerItemComponentProps & React.RefAttributes<HTMLElement>>;
 export default ColorPickerItemComponent;

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

@@ -158,21 +158,7 @@ export interface ComboboxProps extends VibeComponentProps {
      */
     hideRenderActionOnInput?: boolean;
 }
-declare const _default: ((import("../../types/VibeComponent").default<ComboboxProps, unknown> & Partial<{
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    iconTypes: typeof import("./components/ComboboxConstants").ComboboxOptionIconType;
-}>) | (React.FC<ComboboxProps> & Partial<{
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    iconTypes: typeof import("./components/ComboboxConstants").ComboboxOptionIconType;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>> | React.FC<ComboboxProps>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

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

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

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

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

@@ -1,7 +1,7 @@
 import React from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
 import { CounterColor as CounterColorEnum, CounterSize as CounterSizeEnum, CounterType as CounterTypeEnum } from "./CounterConstants";
 import { CounterColor, CounterSize, CounterType } from "./Counter.types";
+import { VibeComponentProps } from "../../types";
 export interface CounterProps extends VibeComponentProps {
     /**
      * The ID of the element describing the counter.
@@ -48,15 +48,7 @@ export interface CounterProps extends VibeComponentProps {
      */
     noAnimation?: boolean;
 }
-declare const _default: ((import("../../types/VibeComponent").default<CounterProps, unknown> & Partial<{
-    sizes: typeof CounterSizeEnum;
-    colors: typeof CounterColorEnum;
-    kinds: typeof CounterTypeEnum;
-}>) | (React.FC<CounterProps> & Partial<{
-    sizes: typeof CounterSizeEnum;
-    colors: typeof CounterColorEnum;
-    kinds: typeof CounterTypeEnum;
-}>)) & {
+declare const _default: (React.FC<CounterProps> | React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLElement>>) & {
     sizes: typeof CounterSizeEnum;
     colors: typeof CounterColorEnum;
     kinds: typeof CounterTypeEnum;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,8 +1,8 @@
+import React from "react";
 import "react-dates/initialize.js";
 import { DayOfWeekShape } from "react-dates";
 import { Moment, RangeDate } from "./types";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
+import { VibeComponentProps } from "../../types";
 import "./external_datepicker.scss";
 export interface DatePickerProps extends VibeComponentProps {
     /**
@@ -58,5 +58,5 @@ export interface DatePickerProps extends VibeComponentProps {
      */
     shouldBlockRange?: (date: Moment) => boolean;
 }
-declare const DatePicker: VibeComponent<DatePickerProps, HTMLElement>;
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/dist/components/Dialog/DialogContent/DialogContent.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties, ReactElement } from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import { VibeComponentProps } from "../../../types";
 import { DialogAnimationType, DialogTriggerEvent } from "../Dialog.types";
 import * as PopperJS from "@popperjs/core";
 export interface DialogContentProps extends VibeComponentProps {
@@ -76,4 +76,5 @@ export interface DialogContentProps extends VibeComponentProps {
      */
     onContextMenu?: (e: React.MouseEvent) => void;
 }
-export declare const DialogContent: VibeComponent<DialogContentProps>;
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLElement>>;
+export default DialogContent;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { DialogSize as DialogSizeEnum, DialogType as DialogTypeEnum } from "../Dialog/DialogConstants";
-import { DialogSize, DialogType } from "../Dialog/Dialog.types";
-import { VibeComponentProps, VibeComponent } from "../../types";
+import { DialogSize, DialogType } from "../Dialog";
+import { VibeComponentProps } from "../../types";
 export interface DialogContentContainerProps extends VibeComponentProps {
     /**
      * The content inside the dialog container.
@@ -28,13 +28,7 @@ export interface DialogContentContainerProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const _default: ((VibeComponent<DialogContentContainerProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    types: typeof DialogTypeEnum;
-    sizes: typeof DialogSizeEnum;
-}>) | (React.FC<DialogContentContainerProps & React.RefAttributes<HTMLElement>> & Partial<{
-    types: typeof DialogTypeEnum;
-    sizes: typeof DialogSizeEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<DialogContentContainerProps & React.RefAttributes<HTMLElement>> | React.FC<DialogContentContainerProps>) & {
     types: typeof DialogTypeEnum;
     sizes: typeof DialogSizeEnum;
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
+import React from "react";
 import { BaseListItemProps } from "../BaseListItem";
 import { BaseDropdownProps } from "./Dropdown.types";
-import { VibeComponent } from "../../types";
-declare const Dropdown: VibeComponent<BaseDropdownProps<BaseListItemProps>, HTMLDivElement>;
+declare const Dropdown: React.ForwardRefExoticComponent<BaseDropdownProps<BaseListItemProps<Record<string, unknown>>> & React.RefAttributes<HTMLDivElement>>;
 export default Dropdown;

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import { VibeComponentProps } from "../../types";
 import { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from "../Heading/HeadingConstants";
-import { HeadingType, HeadingWeight } from "../Heading/Heading.types";
+import { HeadingType, HeadingWeight } from "../Heading";
 import { EditableTypographyImplementationProps } from "../EditableTypography/EditableTypography";
 export interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {
     /**
@@ -13,13 +13,7 @@ export interface EditableHeadingProps extends VibeComponentProps, EditableTypogr
      */
     weight?: HeadingWeight;
 }
-declare const _default: ((VibeComponent<EditableHeadingProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    types: typeof HeadingTypeEnum;
-    weights: typeof HeadingWeightEnum;
-}>) | (React.FC<EditableHeadingProps & React.RefAttributes<HTMLElement>> & Partial<{
-    types: typeof HeadingTypeEnum;
-    weights: typeof HeadingWeightEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<EditableHeadingProps & React.RefAttributes<HTMLElement>> | React.FC<EditableHeadingProps>) & {
     types: typeof HeadingTypeEnum;
     weights: typeof HeadingWeightEnum;
 };

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import { VibeComponentProps } from "../../types";
 import { EditableTypographyImplementationProps } from "../EditableTypography/EditableTypography";
 import { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from "../Text/TextConstants";
-import { TextType, TextWeight } from "../Text/Text.types";
+import { TextType, TextWeight } from "../Text";
 export interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {
     /**
      * The text style variant.
@@ -17,13 +17,7 @@ export interface EditableTextProps extends VibeComponentProps, EditableTypograph
      */
     multiline?: boolean;
 }
-declare const _default: ((VibeComponent<EditableTextProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    types: typeof TextTypeEnum;
-    weights: typeof TextWeightEnum;
-}>) | (React.FC<EditableTextProps & React.RefAttributes<HTMLElement>> & Partial<{
-    types: typeof TextTypeEnum;
-    weights: typeof TextWeightEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<EditableTextProps & React.RefAttributes<HTMLElement>> | React.FC<EditableTextProps>) & {
     types: typeof TextTypeEnum;
     weights: typeof TextWeightEnum;
 };

package/dist/components/EditableTypography/EditableTypography.d.ts

@@ -1,9 +1,8 @@
 import React, { ElementType } from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
-import { TooltipProps } from "../Tooltip/Tooltip";
-import { TextType, TextWeight } from "../Text/Text.types";
-import { HeadingType, HeadingWeight } from "../Heading/Heading.types";
+import { VibeComponentProps } from "../../types";
+import { TooltipProps } from "../Tooltip";
+import { TextType, TextWeight } from "../Text";
+import { HeadingType, HeadingWeight } from "../Heading";
 export interface EditableTypographyImplementationProps {
     /**
      * The current value of the text.
@@ -72,5 +71,5 @@ export interface EditableTypographyProps extends VibeComponentProps, EditableTyp
      */
     multiline?: boolean;
 }
-declare const EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement>;
+declare const EditableTypography: React.ForwardRefExoticComponent<EditableTypographyProps & React.RefAttributes<HTMLElement>>;
 export default EditableTypography;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { FlexAlign as FlexAlignEnum, FlexDirection as FlexDirectionEnum, FlexGap as FlexGapEnum, FlexJustify as FlexJustifyEnum } from "./FlexConstants";
 import { FlexDirection, FlexJustify, FlexAlign, FlexGap, FlexShorthand } from "./Flex.types";
-import { ElementContent, VibeComponent, VibeComponentProps } from "../../types";
+import { ElementContent, VibeComponentProps } from "../../types";
 export interface FlexProps extends VibeComponentProps {
     /**
      * Inline styles applied to the flex container.
@@ -56,17 +56,7 @@ export interface FlexProps extends VibeComponentProps {
      */
     ariaLabelledby?: string;
 }
-declare const _default: ((VibeComponent<FlexProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    justify: typeof FlexJustifyEnum;
-    align: typeof FlexAlignEnum;
-    gaps: typeof FlexGapEnum;
-    directions: typeof FlexDirectionEnum;
-}>) | (React.FC<FlexProps & React.RefAttributes<HTMLElement>> & Partial<{
-    justify: typeof FlexJustifyEnum;
-    align: typeof FlexAlignEnum;
-    gaps: typeof FlexGapEnum;
-    directions: typeof FlexDirectionEnum;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> | React.FC<FlexProps>) & {
     justify: typeof FlexJustifyEnum;
     align: typeof FlexAlignEnum;
     gaps: typeof FlexGapEnum;

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

@@ -1,6 +1,6 @@
+import React from "react";
 import { formatNumber } from "../../helpers/textManipulations";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
+import { VibeComponentProps } from "../../types";
 export interface FormattedNumberProps extends VibeComponentProps {
     /**
      * The numeric value to format.
@@ -35,8 +35,8 @@ export interface FormattedNumberProps extends VibeComponentProps {
      */
     rtl?: boolean;
 }
-declare const FormattedNumber: VibeComponent<FormattedNumberProps, HTMLDivElement> & {
-    formatNumber?: typeof formatNumber;
-    localFallBack?: string;
+declare const _default: (React.FC<FormattedNumberProps> | React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLElement>>) & {
+    formatNumber: typeof formatNumber;
+    localFallBack: string;
 };
-export default FormattedNumber;
+export default _default;

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

@@ -1,10 +1,9 @@
 import React, { ReactNode } from "react";
-import VibeComponent from "../../types/VibeComponent";
 import { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from "./HeadingConstants";
 import { TypographyProps } from "../Typography/Typography";
 import { TypographyAlign as TypographyAlignEnum, TypographyColor as TypographyColorEnum } from "../Typography/TypographyConstants";
 import { HeadingType, HeadingWeight } from "./Heading.types";
-import { TypographyAlign, TypographyColor } from "../Typography/Typography.types";
+import { TypographyAlign, TypographyColor } from "../Typography";
 export interface HeadingProps extends TypographyProps {
     /**
      * The heading type.
@@ -27,20 +26,10 @@ export interface HeadingProps extends TypographyProps {
      */
     children: ReactNode;
 }
-declare const _default: ((VibeComponent<HeadingProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+declare const _default: (React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>> | React.FC<HeadingProps>) & {
     types: typeof HeadingTypeEnum;
     weights: typeof HeadingWeightEnum;
-    align: typeof TypographyAlignEnum;
-    colors: typeof TypographyColorEnum;
-}>) | (React.FC<HeadingProps & React.RefAttributes<HTMLElement>> & Partial<{
-    types: typeof HeadingTypeEnum;
-    weights: typeof HeadingWeightEnum;
-    align: typeof TypographyAlignEnum;
     colors: typeof TypographyColorEnum;
-}>)) & {
-    types: typeof HeadingTypeEnum;
-    weights: typeof HeadingWeightEnum;
     align: typeof TypographyAlignEnum;
-    colors: typeof TypographyColorEnum;
 };
 export default _default;

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;