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

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";
-import { ElementContent, SubIcon, VibeComponentProps } from "../../types";
+import { AvatarType } from "../Avatar/Avatar.types";
+import { ElementContent, SubIcon, VibeComponent, VibeComponentProps } from "../../types";
 export interface ChipsProps extends VibeComponentProps {
     /**
      * The text or content displayed inside the chip.
@@ -101,7 +101,103 @@ export interface ChipsProps extends VibeComponentProps {
      */
     closeButtonAriaLabel?: string;
 }
-declare const _default: (React.ComponentType<ChipsProps> | React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>>) & {
+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;
+}>)) & {
     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,5 +1,6 @@
 import React, { AriaRole } from "react";
-import { VibeComponentProps } from "../../types";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import VibeComponent from "../../types/VibeComponent";
 export interface ClickableProps extends VibeComponentProps {
     /**
      * The HTML element or custom component used as the root.
@@ -62,5 +63,5 @@ export interface ClickableProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLElement>>;
+declare const Clickable: VibeComponent<ClickableProps, HTMLElement>;
 export default Clickable;

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

@@ -1,6 +1,7 @@
 import React from "react";
-import { VibeComponentProps } from "../../types";
-import { ClickableProps } from "./Clickable";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import VibeComponent from "../../types/VibeComponent";
+import { ClickableProps } from "../Clickable/Clickable";
 export interface ClickableWrapperProps extends VibeComponentProps {
     /**
      * The content inside the wrapper.
@@ -15,5 +16,5 @@ export interface ClickableWrapperProps extends VibeComponentProps {
      */
     clickableProps: ClickableProps;
 }
-declare const ClickableWrapper: React.ForwardRefExoticComponent<ClickableWrapperProps & React.RefAttributes<HTMLElement>>;
+declare const ClickableWrapper: VibeComponent<ClickableWrapperProps, 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, SubIcon } from "../../types";
+import { VibeComponentProps, VibeComponent, SubIcon } from "../../types";
 import { ColorStyle } from "../../types/Colors";
 export interface ColorPickerProps extends VibeComponentProps {
     /**
@@ -78,7 +78,17 @@ export interface ColorPickerProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ColorPickerProps>) & {
+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;
+}>)) & {
     sizes: typeof BaseSizes;
     colorStyles: typeof ColorStyleEnum;
     colorSizes: typeof BaseSizes;

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

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

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

@@ -1,9 +1,8 @@
-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, VibeComponentProps } from "../../../../types";
-import { ColorStyle } from "../../../../types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../../../types";
+import { ColorStyle } from "../../../../types/Colors";
 export interface ColorPickerColorsGridProps extends VibeComponentProps {
     /**
      * Callback fired when a color is clicked.
@@ -58,5 +57,4 @@ export interface ColorPickerColorsGridProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const ColorPickerColorsGrid: React.ForwardRefExoticComponent<ColorPickerColorsGridProps & React.RefAttributes<HTMLUListElement>>;
-export default ColorPickerColorsGrid;
+export declare const ColorPickerColorsGrid: VibeComponent<ColorPickerColorsGridProps, HTMLUListElement>;

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, SubIcon } from "../../../../types";
-import { ColorStyle } from "../../../../types";
+import { VibeComponentProps, VibeComponent, SubIcon } from "../../../../types";
+import { ColorStyle } from "../../../../types/Colors";
 export interface ColorPickerContentProps extends VibeComponentProps {
     /**
      * The selected color(s).
@@ -81,7 +81,17 @@ export interface ColorPickerContentProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: (React.ComponentType<ColorPickerContentProps> | React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLElement>>) & {
+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;
+}>)) & {
     sizes: typeof BaseSizes;
     colorStyles: typeof ColorStyleEnum;
     colorSizes: typeof BaseSizes;

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

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

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

@@ -158,7 +158,21 @@ export interface ComboboxProps extends VibeComponentProps {
      */
     hideRenderActionOnInput?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>> | React.ComponentType<ComboboxProps>) & {
+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;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -42,7 +42,11 @@ export interface ComboboxOptionProps extends IComboboxOptionEvents {
      */
     optionRenderer?: (option: IComboboxOption) => JSX.Element;
 }
-declare const _default: (React.ComponentType<ComboboxOptionProps> | React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((import("../../../../types/VibeComponent").default<ComboboxOptionProps, unknown> & Partial<{
+    iconTypes: typeof ComboboxOptionIconTypeEnum;
+}>) | (React.FC<ComboboxOptionProps> & Partial<{
+    iconTypes: typeof ComboboxOptionIconTypeEnum;
+}>)) & {
     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,7 +48,15 @@ export interface CounterProps extends VibeComponentProps {
      */
     noAnimation?: boolean;
 }
-declare const _default: (React.ComponentType<CounterProps> | React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLElement>>) & {
+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;
+}>)) & {
     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";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import VibeComponent from "../../types/VibeComponent";
 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: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+declare const DatePicker: VibeComponent<DatePickerProps, HTMLElement>;
 export default DatePicker;

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

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

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

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

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

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

@@ -3,7 +3,20 @@ 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";
-declare const _default: (React.ForwardRefExoticComponent<DropdownComponentProps & React.RefAttributes<HTMLElement>> | React.ComponentType<DropdownComponentProps>) & {
+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;
+}>)) & {
     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";
-declare const Dropdown: React.ForwardRefExoticComponent<BaseDropdownProps<BaseListItemProps<Record<string, unknown>>> & React.RefAttributes<HTMLDivElement>>;
+import { VibeComponent } from "../../types";
+declare const Dropdown: VibeComponent<BaseDropdownProps<BaseListItemProps>, HTMLDivElement>;
 export default Dropdown;

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

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

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

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

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

@@ -1,8 +1,9 @@
 import React, { ElementType } from "react";
-import { VibeComponentProps } from "../../types";
-import { TooltipProps } from "../Tooltip";
-import { TextType, TextWeight } from "../Text";
-import { HeadingType, HeadingWeight } from "../Heading";
+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";
 export interface EditableTypographyImplementationProps {
     /**
      * The current value of the text.
@@ -71,5 +72,5 @@ export interface EditableTypographyProps extends VibeComponentProps, EditableTyp
      */
     multiline?: boolean;
 }
-declare const EditableTypography: React.ForwardRefExoticComponent<EditableTypographyProps & React.RefAttributes<HTMLElement>>;
+declare const EditableTypography: VibeComponent<EditableTypographyProps, 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 } from "./Flex.types";
-import { ElementContent, VibeComponentProps } from "../../types";
+import { ElementContent, VibeComponent, VibeComponentProps } from "../../types";
 export interface FlexProps extends VibeComponentProps {
     /**
      * Inline styles applied to the flex container.
@@ -52,7 +52,17 @@ export interface FlexProps extends VibeComponentProps {
      */
     ariaLabelledby?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> | React.ComponentType<FlexProps>) & {
+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;
+}>)) & {
     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";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import VibeComponent from "../../types/VibeComponent";
 export interface FormattedNumberProps extends VibeComponentProps {
     /**
      * The numeric value to format.
@@ -35,8 +35,8 @@ export interface FormattedNumberProps extends VibeComponentProps {
      */
     rtl?: boolean;
 }
-declare const _default: (React.ComponentType<FormattedNumberProps> | React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLElement>>) & {
-    formatNumber: typeof formatNumber;
-    localFallBack: string;
+declare const FormattedNumber: VibeComponent<FormattedNumberProps, HTMLDivElement> & {
+    formatNumber?: typeof formatNumber;
+    localFallBack?: string;
 };
-export default _default;
+export default FormattedNumber;

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

@@ -1,9 +1,10 @@
 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";
+import { TypographyAlign, TypographyColor } from "../Typography/Typography.types";
 export interface HeadingProps extends TypographyProps {
     /**
      * The heading type.
@@ -26,10 +27,20 @@ export interface HeadingProps extends TypographyProps {
      */
     children: ReactNode;
 }
-declare const _default: (React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>> | React.ComponentType<HeadingProps>) & {
+declare const _default: ((VibeComponent<HeadingProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
     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, VibeComponentProps } from "../../../types";
+import { SubIcon, VibeComponent, 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: React.ForwardRefExoticComponent<FontIconProps & React.RefAttributes<HTMLElement>>;
+declare const FontIcon: VibeComponent<FontIconProps, HTMLElement>;
 export default FontIcon;