@vibe/core 3.41.0 → 3.43.0

package/README.md

@@ -42,3 +42,13 @@ globalThis.injectedStyles = {};
 in order to have each server side render component css inserted into the injectedStyles object
 each component will insert its css string under a unique key.
 Then you can join all the values into one string and add it under a `<style>` element
+
+## Experimental Component Metadata for LLMs
+
+You can access component metadata (props, descriptions, etc.) via the `/meta` export path:
+
+```javascript
+import metadata from "@vibe/core/meta";
+```
+
+**Note:** This feature is experimental and currently intended for internal Vibe LLM efforts. The structure and content of the metadata object are subject to change without notice in future versions. We cannot guarantee stability for this feature, yet.

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

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { VibeComponent, VibeComponentProps } from "../../../types";
+import React, { ReactElement } from "react";
+import { 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: VibeComponent<AccordionProps, unknown> & object;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<unknown>>;
 export default Accordion;

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

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

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

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

package/dist/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: React.FC<AttentionBoxLinkProps>;
+declare const AttentionBoxLink: ({ href, text, target, className, ...linkProps }: AttentionBoxLinkProps) => React.JSX.Element;
 export default AttentionBoxLink;

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,9 @@
 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.
@@ -32,9 +31,9 @@ interface IndicatorBadgeProps extends IndicatorProps {
     type?: Extract<BadgeType, "indicator">;
 }
 export type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);
-declare const Badge: VibeComponent<BadgeProps> & {
-    types?: typeof BadgeTypeEnum;
-    alignments?: typeof BadgeAlignmentsEnum;
-    anchors?: typeof BadgeAnchorEnum;
+declare const _default: (React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> | React.ComponentType<BadgeProps>) & {
+    types: typeof BadgeTypeEnum;
+    alignments: typeof BadgeAlignmentsEnum;
+    anchors: typeof BadgeAnchorEnum;
 };
-export default Badge;
+export default _default;

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

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

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

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

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

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

package/dist/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 { VibeComponent, VibeComponentProps, ElementContent } from "../../types";
+import { VibeComponentProps, ElementContent } from "../../types";
 export interface BoxProps extends VibeComponentProps {
     /**
      * The HTML element or custom component used as the root.
@@ -104,47 +104,7 @@ export interface BoxProps extends VibeComponentProps {
      */
     style?: React.CSSProperties;
 }
-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;
-}>)) & {
+declare const _default: (React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>> | React.ComponentType<BoxProps>) & {
     borderColors: typeof BorderColorEnum;
     roundeds: typeof RoundedEnum;
     shadows: typeof ShadowEnum;

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

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

package/dist/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, VibeComponent, VibeComponentProps } from "../../types";
+import { SubIcon, VibeComponentProps } from "../../types";
 export interface ButtonProps extends VibeComponentProps {
     children: React.ReactNode;
     /** Custom class names to pass to the component */
@@ -82,31 +82,7 @@ export interface ButtonProps extends VibeComponentProps {
     /** Specifies the tab order of an element */
     tabIndex?: number;
 }
-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;
-}>)) & {
+declare const _default: (React.ComponentType<ButtonProps> | React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

package/dist/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/Button.types";
-import { SubIcon, VibeComponent, VibeComponentProps } from "../../types";
+import { ButtonType, ButtonSize } from "../Button";
+import { SubIcon, VibeComponentProps } from "../../types";
 import { MoveBy } from "../../types/MoveBy";
-import { TooltipPositions } from "../Tooltip/Tooltip.types";
+import { TooltipPositions } from "../Tooltip";
 type ButtonGroupOption = {
     icon?: SubIcon;
     leftIcon?: SubIcon;
@@ -81,25 +81,7 @@ export interface ButtonGroupProps extends VibeComponentProps {
      */
     blurOnMouseUp?: boolean;
 }
-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;
-}>)) & {
+declare const _default: (React.ComponentType<ButtonGroupProps> | React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLElement>>) & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponent, VibeComponentProps } from "../../types";
+import { 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: VibeComponent<CheckBoxProps, HTMLInputElement>;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;