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

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

@@ -1,5 +1,5 @@
 import React from "react";
 import { LinkProps } from "../../Link/Link";
 export type AttentionBoxLinkProps = LinkProps;
-declare const AttentionBoxLink: ({ href, text, target, className, ...linkProps }: AttentionBoxLinkProps) => React.JSX.Element;
+declare const AttentionBoxLink: React.FC<AttentionBoxLinkProps>;
 export default AttentionBoxLink;

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

@@ -103,7 +103,197 @@ export interface AvatarProps extends VibeComponentProps {
      */
     onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;
 }
-declare const _default: (React.ComponentType<AvatarProps> | React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((import("../../types/VibeComponent").default<AvatarProps, unknown> & Partial<{
+    types: typeof AvatarTypeEnum;
+    sizes: typeof AvatarSizeEnum;
+    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;
+    };
+    backgroundColors: {
+        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;
+    };
+}>) | (React.FC<AvatarProps> & Partial<{
+    types: typeof AvatarTypeEnum;
+    sizes: typeof AvatarSizeEnum;
+    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;
+    };
+    backgroundColors: {
+        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;
+    };
+}>)) & {
     types: typeof AvatarTypeEnum;
     sizes: typeof AvatarSizeEnum;
     colors: {

package/dist/mocked_classnames/components/Avatar/AvatarBadge.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { AvatarSize as AvatarSizeEnum } from "./AvatarConstants";
 import { AvatarSize } from "./Avatar.types";
-import { VibeComponentProps, SubIcon } from "../../types";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import { SubIcon } from "../../types";
 export interface AvatarBadgeProps extends VibeComponentProps {
     /**
      * The image source for the badge.
@@ -20,7 +21,6 @@ export interface AvatarBadgeProps extends VibeComponentProps {
      */
     size?: AvatarSize;
 }
-declare const _default: (React.ComponentType<AvatarBadgeProps> | React.ForwardRefExoticComponent<AvatarBadgeProps & React.RefAttributes<HTMLElement>>) & {
-    sizes: typeof AvatarSizeEnum;
+export declare const AvatarBadge: React.FC<AvatarBadgeProps> & {
+    sizes?: typeof AvatarSizeEnum;
 };
-export default _default;

package/dist/mocked_classnames/components/Avatar/AvatarContent.d.ts

@@ -36,8 +36,7 @@ export interface AvatarContentProps extends VibeComponentProps {
      */
     text?: string;
 }
-declare const _default: (React.ComponentType<AvatarContentProps> | React.ForwardRefExoticComponent<AvatarContentProps & React.RefAttributes<HTMLElement>>) & {
-    sizes: typeof AvatarSizeEnum;
-    types: typeof AvatarTypeEnum;
+export declare const AvatarContent: React.FC<AvatarContentProps> & {
+    sizes?: typeof AvatarSizeEnum;
+    types?: typeof AvatarTypeEnum;
 };
-export default _default;

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipHelper.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties, RefObject } from "react";
 import { AvatarProps } from "../Avatar/Avatar";
-import { AvatarType } from "../Avatar";
-import { ElementContent } from "../../types";
+import { AvatarType } from "../Avatar/Avatar.types";
+import { ElementContent } from "src/types/ElementContent";
 export declare function useTooltipContentTabNavigation({ counterContainerRef, tooltipContentContainerRef, focusPrevPlaceholderRef, focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible }: {
     counterContainerRef: RefObject<HTMLDivElement>;
     tooltipContentContainerRef: RefObject<HTMLElement>;

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

@@ -1,9 +1,10 @@
 import React from "react";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import VibeComponent from "../../types/VibeComponent";
 import { BadgeAlignments as BadgeAlignmentsEnum, BadgeAnchor as BadgeAnchorEnum, BadgeType as BadgeTypeEnum } from "./BadgeConstants";
 import { BadgeAlignments, BadgeAnchor, BadgeType } from "./Badge.types";
 import { IndicatorProps } from "./Indicator/Indicator";
 import { CounterProps } from "../Counter/Counter";
-import { VibeComponentProps } from "../../types";
 export interface BadgeBaseProps extends VibeComponentProps {
     /**
      * The position of the badge relative to its parent.
@@ -31,9 +32,9 @@ interface IndicatorBadgeProps extends IndicatorProps {
     type?: Extract<BadgeType, "indicator">;
 }
 export type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);
-declare const _default: (React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> | React.ComponentType<BadgeProps>) & {
-    types: typeof BadgeTypeEnum;
-    alignments: typeof BadgeAlignmentsEnum;
-    anchors: typeof BadgeAnchorEnum;
+declare const Badge: VibeComponent<BadgeProps> & {
+    types?: typeof BadgeTypeEnum;
+    alignments?: typeof BadgeAlignmentsEnum;
+    anchors?: typeof BadgeAnchorEnum;
 };
-export default _default;
+export default Badge;

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.d.ts

@@ -8,7 +8,7 @@ export interface IndicatorProps extends VibeComponentProps {
      */
     color?: IndicatorColor;
 }
-declare const _default: (React.ComponentType<IndicatorProps> | React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLElement>>) & {
-    colors: typeof IndicatorColorEnum;
+declare const Indicator: React.FC<IndicatorProps> & {
+    colors?: typeof IndicatorColorEnum;
 };
-export default _default;
+export default Indicator;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { VibeComponent } from "../../types";
 import { BaseListProps } from "./BaseList.types";
-declare const BaseList: React.ForwardRefExoticComponent<BaseListProps<Record<string, unknown>> & React.RefAttributes<HTMLUListElement>>;
+declare const BaseList: VibeComponent<BaseListProps<any>, HTMLUListElement>;
 export default BaseList;

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

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

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { BackgroundColor as BackgroundColorEnum, BorderColor as BorderColorEnum, BoxTextColor as BoxTextColorEnum, Margin as MarginEnum, MarginBottom as MarginBottomEnum, MarginEnd as MarginEndEnum, MarginStart as MarginStartEnum, MarginTop as MarginTopEnum, MarginX as MarginXEnum, MarginY as MarginYEnum, Padding as PaddingEnum, PaddingBottom as PaddingBottomEnum, PaddingEnd as PaddingEndEnum, PaddingStart as PaddingStartEnum, PaddingTop as PaddingTopEnum, PaddingX as PaddingXEnum, PaddingY as PaddingYEnum, Rounded as RoundedEnum, Shadow as ShadowEnum } from "./BoxConstants";
 import { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from "./Box.types";
-import { VibeComponentProps, ElementContent } from "../../types";
+import { VibeComponent, VibeComponentProps, ElementContent } from "../../types";
 export interface BoxProps extends VibeComponentProps {
     /**
      * The HTML element or custom component used as the root.
@@ -104,7 +104,47 @@ export interface BoxProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-declare const _default: (React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>> | React.ComponentType<BoxProps>) & {
+declare const _default: ((VibeComponent<BoxProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    borderColors: typeof BorderColorEnum;
+    roundeds: typeof RoundedEnum;
+    shadows: typeof ShadowEnum;
+    margins: typeof MarginEnum;
+    marginXs: typeof MarginXEnum;
+    marginYs: typeof MarginYEnum;
+    marginTops: typeof MarginTopEnum;
+    marginEnds: typeof MarginEndEnum;
+    marginBottoms: typeof MarginBottomEnum;
+    marginStarts: typeof MarginStartEnum;
+    paddings: typeof PaddingEnum;
+    paddingXs: typeof PaddingXEnum;
+    paddingYs: typeof PaddingYEnum;
+    paddingTops: typeof PaddingTopEnum;
+    paddingEnds: typeof PaddingEndEnum;
+    paddingBottoms: typeof PaddingBottomEnum;
+    paddingStarts: typeof PaddingStartEnum;
+    backgroundColors: typeof BackgroundColorEnum;
+    textColors: typeof BoxTextColorEnum;
+}>) | (React.FC<BoxProps & React.RefAttributes<HTMLElement>> & Partial<{
+    borderColors: typeof BorderColorEnum;
+    roundeds: typeof RoundedEnum;
+    shadows: typeof ShadowEnum;
+    margins: typeof MarginEnum;
+    marginXs: typeof MarginXEnum;
+    marginYs: typeof MarginYEnum;
+    marginTops: typeof MarginTopEnum;
+    marginEnds: typeof MarginEndEnum;
+    marginBottoms: typeof MarginBottomEnum;
+    marginStarts: typeof MarginStartEnum;
+    paddings: typeof PaddingEnum;
+    paddingXs: typeof PaddingXEnum;
+    paddingYs: typeof PaddingYEnum;
+    paddingTops: typeof PaddingTopEnum;
+    paddingEnds: typeof PaddingEndEnum;
+    paddingBottoms: typeof PaddingBottomEnum;
+    paddingStarts: typeof PaddingStartEnum;
+    backgroundColors: typeof BackgroundColorEnum;
+    textColors: typeof BoxTextColorEnum;
+}>)) & {
     borderColors: typeof BorderColorEnum;
     roundeds: typeof RoundedEnum;
     shadows: typeof ShadowEnum;

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

@@ -13,7 +13,11 @@ export interface BreadcrumbBarProps extends VibeComponentProps {
      */
     children: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];
 }
-declare const _default: (React.ComponentType<BreadcrumbBarProps> | React.ForwardRefExoticComponent<BreadcrumbBarProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((import("../../types/VibeComponent").default<BreadcrumbBarProps, unknown> & Partial<{
+    types: typeof BreadcrumbsBarTypeEnum;
+}>) | (React.FC<BreadcrumbBarProps> & Partial<{
+    types: typeof BreadcrumbsBarTypeEnum;
+}>)) & {
     types: typeof BreadcrumbsBarTypeEnum;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
 import React, { AriaAttributes } from "react";
 import { ButtonColor as ButtonColorEnum, ButtonInputType as ButtonInputTypeEnum, ButtonType as ButtonTypeEnum } from "./ButtonConstants";
 import { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from "./Button.types";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
 export interface ButtonProps extends VibeComponentProps {
     children: React.ReactNode;
     /** Custom class names to pass to the component */
@@ -82,7 +82,31 @@ export interface ButtonProps extends VibeComponentProps {
     /** Specifies the tab order of an element */
     tabIndex?: number;
 }
-declare const _default: (React.ComponentType<ButtonProps> | React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((VibeComponent<ButtonProps & React.RefAttributes<unknown>, unknown> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    colors: typeof ButtonColorEnum;
+    kinds: typeof ButtonTypeEnum;
+    types: typeof ButtonInputTypeEnum;
+    inputTags: typeof ButtonInputTypeEnum;
+}>) | (React.FC<ButtonProps & React.RefAttributes<unknown>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    colors: typeof ButtonColorEnum;
+    kinds: typeof ButtonTypeEnum;
+    types: typeof ButtonInputTypeEnum;
+    inputTags: typeof ButtonInputTypeEnum;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,10 +1,10 @@
 import React from "react";
 import { ButtonValue } from "./ButtonGroupConstants";
 import { ButtonType as ButtonTypeEnum } from "../Button/ButtonConstants";
-import { ButtonType, ButtonSize } from "../Button";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { ButtonType, ButtonSize } from "../Button/Button.types";
+import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
 import { MoveBy } from "../../types/MoveBy";
-import { TooltipPositions } from "../Tooltip";
+import { TooltipPositions } from "../Tooltip/Tooltip.types";
 type ButtonGroupOption = {
     icon?: SubIcon;
     leftIcon?: SubIcon;
@@ -81,7 +81,25 @@ export interface ButtonGroupProps extends VibeComponentProps {
      */
     blurOnMouseUp?: boolean;
 }
-declare const _default: (React.ComponentType<ButtonGroupProps> | React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLElement>>) & {
+declare const _default: ((VibeComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>, HTMLDivElement> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    kinds: typeof ButtonTypeEnum;
+}>) | (React.FC<ButtonGroupProps & React.RefAttributes<HTMLDivElement>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+        readonly XXS: "xxs";
+        readonly XS: "xs";
+    };
+    kinds: typeof ButtonTypeEnum;
+}>)) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponentProps } from "../../types";
+import { VibeComponent, VibeComponentProps } from "../../types";
 export interface CheckBoxProps extends VibeComponentProps {
     /**
      * Class name applied to the checkbox element.
@@ -58,5 +58,5 @@ export interface CheckBoxProps extends VibeComponentProps {
      */
     tabIndex?: number;
 }
-declare const Checkbox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement>;
 export default Checkbox;

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