npm - @vibe/core - Versions diffs - 3.38.0-alpha-fff13.0 → 3.39.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (736) hide show

package/dist/components/Accordion/Accordion/Accordion.d.ts CHANGED Viewed

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

package/dist/components/AlertBanner/AlertBanner.d.ts CHANGED Viewed

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

package/dist/components/AttentionBox/AttentionBox.d.ts CHANGED Viewed

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

package/dist/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.d.ts CHANGED Viewed

@@ -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/components/Avatar/Avatar.d.ts CHANGED Viewed

@@ -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/components/Avatar/AvatarBadge.d.ts CHANGED Viewed

@@ -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/components/Avatar/AvatarContent.d.ts CHANGED Viewed

@@ -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/components/AvatarGroup/AvatarGroupCounterTooltipHelper.d.ts CHANGED Viewed

@@ -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/components/Badge/Badge.d.ts CHANGED Viewed

@@ -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/components/Badge/Indicator/Indicator.d.ts CHANGED Viewed

@@ -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/components/BaseList/BaseList.d.ts CHANGED Viewed

@@ -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/components/BaseListItem/BaseListItem.d.ts CHANGED Viewed

@@ -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/components/Box/Box.d.ts CHANGED Viewed

@@ -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/components/BreadcrumbsBar/BreadcrumbsBar.d.ts CHANGED Viewed

@@ -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/components/Button/Button.d.ts CHANGED Viewed

@@ -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/components/ButtonGroup/ButtonGroup.d.ts CHANGED Viewed

@@ -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/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -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;