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

package/dist/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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;

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties, Ref } from "react";
 import { IconType as IconTypeEnum } from "./IconConstants";
 import { IconType } from "./Icon.types";
-import { VibeComponentProps, SubIcon } from "../../types";
+import { VibeComponentProps, VibeComponent, SubIcon } from "../../types";
 export interface IconSubComponentProps {
     /**
      * Ref for the icon component.
@@ -70,7 +70,11 @@ export interface IconProps extends VibeComponentProps {
      */
     customColor?: string;
 }
-declare const _default: (React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconProps>) & {
+declare const _default: ((VibeComponent<IconProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    type: typeof IconTypeEnum;
+}>) | (React.FC<IconProps & React.RefAttributes<HTMLElement>> & Partial<{
+    type: typeof IconTypeEnum;
+}>)) & {
     type: typeof IconTypeEnum;
 };
 export default _default;

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

@@ -1,8 +1,8 @@
 import React, { AriaAttributes } from "react";
 import { TooltipProps } from "../Tooltip/Tooltip";
 import { Size } from "./services/IconButton-helpers";
-import { SubIcon, VibeComponentProps } from "../../types";
-import { ButtonColor, ButtonType } from "../Button";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
+import { ButtonColor, ButtonType } from "../Button/Button.types";
 export interface IconButtonProps extends VibeComponentProps {
     /**
      * Callback fired when the button is clicked.
@@ -101,7 +101,27 @@ export interface IconButtonProps extends VibeComponentProps {
      */
     loading?: boolean;
 }
-declare const _default: (React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>> | React.ComponentType<IconButtonProps>) & {
+declare const _default: ((VibeComponent<IconButtonProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    kinds: typeof import("../Button/ButtonConstants").ButtonType;
+    colors: typeof import("../Button/ButtonConstants").ButtonColor;
+}>) | (React.FC<IconButtonProps & React.RefAttributes<HTMLElement>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    kinds: typeof import("../Button/ButtonConstants").ButtonType;
+    colors: typeof import("../Button/ButtonConstants").ButtonColor;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";