@vibe/core 4.0.0-alpha.1 → 4.0.0-alpha.2

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

@@ -1,107 +1,107 @@
-import React, { type AriaRole } from "react";
-import { type ElementAllowedColor } from "../../types/Colors";
-import { type AvatarSize, type AvatarType } from "./Avatar.types";
-import { type AvatarBadgeProps } from "./AvatarBadge";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface AvatarProps extends VibeComponentProps {
-    /**
-     * The image source for the avatar.
-     */
-    src?: string;
-    /**
-     * The text displayed inside the avatar.
-     */
-    text?: string;
-    /**
-     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * The ARIA label of the avatar.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, the tooltip is disabled.
-     */
-    withoutTooltip?: boolean;
-    /**
-     * The icon displayed inside the avatar.
-     */
-    icon?: SubIcon;
-    /**
-     * The type of the avatar.
-     */
-    type?: AvatarType;
-    /**
-     * Class name applied to the text inside the avatar.
-     */
-    textClassName?: string;
-    /**
-     * Class name applied to the avatar content wrapper.
-     */
-    avatarContentWrapperClassName?: string;
-    /**
-     * The background color of the avatar.
-     */
-    backgroundColor?: ElementAllowedColor;
-    /**
-     * A custom background color.
-     */
-    customBackgroundColor?: string;
-    /**
-     * The ARIA role of the avatar.
-     */
-    role?: AriaRole;
-    /**
-     * The size of the avatar.
-     */
-    size?: AvatarSize;
-    /**
-     * A custom size in pixels.
-     */
-    customSize?: number;
-    /**
-     * The tab index of the avatar.
-     */
-    tabIndex?: number;
-    /**
-     * If true, the avatar is hidden from assistive technologies.
-     */
-    "aria-hidden"?: boolean;
-    /**
-     * If true, the avatar is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, renders the avatar as a square instead of a circle.
-     */
-    square?: boolean;
-    /**
-     * Props for the top-left badge.
-     */
-    topLeftBadgeProps?: AvatarBadgeProps;
-    /**
-     * Props for the top-right badge.
-     */
-    topRightBadgeProps?: AvatarBadgeProps;
-    /**
-     * Props for the bottom-left badge.
-     */
-    bottomLeftBadgeProps?: AvatarBadgeProps;
-    /**
-     * Props for the bottom-right badge.
-     */
-    bottomRightBadgeProps?: AvatarBadgeProps;
-    /**
-     * If true, removes the avatar's border.
-     */
-    withoutBorder?: boolean;
-    /**
-     * Callback fired when the avatar is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;
-}
-declare const Avatar: ({ id, type, className, avatarContentWrapperClassName, textClassName, size, src, icon, text, tooltipProps, "aria-label": ariaLabel, withoutTooltip, role, backgroundColor, square, disabled, tabIndex, "aria-hidden": ariaHidden, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps, withoutBorder, customSize, customBackgroundColor, onClick, "data-testid": dataTestId }: AvatarProps) => React.JSX.Element;
-export default Avatar;
+import React, { type AriaRole } from "react";
+import { type ElementAllowedColor } from "../../types/Colors";
+import { type AvatarSize, type AvatarType } from "./Avatar.types";
+import { type AvatarBadgeProps } from "./AvatarBadge";
+import { type TooltipProps } from "@vibe/tooltip";
+import { type VibeComponentProps } from "../../types";
+import { type SubIcon } from "@vibe/icon";
+export interface AvatarProps extends VibeComponentProps {
+    /**
+     * The image source for the avatar.
+     */
+    src?: string;
+    /**
+     * The text displayed inside the avatar.
+     */
+    text?: string;
+    /**
+     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
+     */
+    tooltipProps?: Partial<TooltipProps>;
+    /**
+     * The ARIA label of the avatar.
+     */
+    "aria-label"?: string;
+    /**
+     * If true, the tooltip is disabled.
+     */
+    withoutTooltip?: boolean;
+    /**
+     * The icon displayed inside the avatar.
+     */
+    icon?: SubIcon;
+    /**
+     * The type of the avatar.
+     */
+    type?: AvatarType;
+    /**
+     * Class name applied to the text inside the avatar.
+     */
+    textClassName?: string;
+    /**
+     * Class name applied to the avatar content wrapper.
+     */
+    avatarContentWrapperClassName?: string;
+    /**
+     * The background color of the avatar.
+     */
+    backgroundColor?: ElementAllowedColor;
+    /**
+     * A custom background color.
+     */
+    customBackgroundColor?: string;
+    /**
+     * The ARIA role of the avatar.
+     */
+    role?: AriaRole;
+    /**
+     * The size of the avatar.
+     */
+    size?: AvatarSize;
+    /**
+     * A custom size in pixels.
+     */
+    customSize?: number;
+    /**
+     * The tab index of the avatar.
+     */
+    tabIndex?: number;
+    /**
+     * If true, the avatar is hidden from assistive technologies.
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * If true, the avatar is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If true, renders the avatar as a square instead of a circle.
+     */
+    square?: boolean;
+    /**
+     * Props for the top-left badge.
+     */
+    topLeftBadgeProps?: AvatarBadgeProps;
+    /**
+     * Props for the top-right badge.
+     */
+    topRightBadgeProps?: AvatarBadgeProps;
+    /**
+     * Props for the bottom-left badge.
+     */
+    bottomLeftBadgeProps?: AvatarBadgeProps;
+    /**
+     * Props for the bottom-right badge.
+     */
+    bottomRightBadgeProps?: AvatarBadgeProps;
+    /**
+     * If true, removes the avatar's border.
+     */
+    withoutBorder?: boolean;
+    /**
+     * Callback fired when the avatar is clicked.
+     */
+    onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;
+}
+declare const Avatar: ({ id, type, className, avatarContentWrapperClassName, textClassName, size, src, icon, text, tooltipProps, "aria-label": ariaLabel, withoutTooltip, role, backgroundColor, square, disabled, tabIndex, "aria-hidden": ariaHidden, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps, withoutBorder, customSize, customBackgroundColor, onClick, "data-testid": dataTestId }: AvatarProps) => React.JSX.Element;
+export default Avatar;

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

@@ -1,2 +1,2 @@
-export type AvatarType = "img" | "icon" | "text";
-export type AvatarSize = "xs" | "small" | "medium" | "large";
+export type AvatarType = "img" | "icon" | "text";
+export type AvatarSize = "xs" | "small" | "medium" | "large";

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

@@ -1,28 +1,28 @@
-import React from "react";
-import { type AvatarSize } from "./Avatar.types";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface AvatarBadgeProps extends VibeComponentProps {
-    /**
-     * The image source for the badge.
-     */
-    src?: string;
-    /**
-     * The icon displayed inside the badge.
-     */
-    icon?: SubIcon;
-    /**
-     * The tab index of the badge.
-     */
-    tabIndex?: number;
-    /**
-     * The size of the badge.
-     */
-    size?: AvatarSize;
-    /**
-     * Callback fired when the badge is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-}
-declare const AvatarBadge: ({ src, icon, tabIndex, className, size, id, onClick, "data-testid": dataTestId, ...otherProps }: AvatarBadgeProps) => React.JSX.Element;
-export default AvatarBadge;
+import React from "react";
+import { type AvatarSize } from "./Avatar.types";
+import { type VibeComponentProps } from "../../types";
+import { type SubIcon } from "@vibe/icon";
+export interface AvatarBadgeProps extends VibeComponentProps {
+    /**
+     * The image source for the badge.
+     */
+    src?: string;
+    /**
+     * The icon displayed inside the badge.
+     */
+    icon?: SubIcon;
+    /**
+     * The tab index of the badge.
+     */
+    tabIndex?: number;
+    /**
+     * The size of the badge.
+     */
+    size?: AvatarSize;
+    /**
+     * Callback fired when the badge is clicked.
+     */
+    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+}
+declare const AvatarBadge: ({ src, icon, tabIndex, className, size, id, onClick, "data-testid": dataTestId, ...otherProps }: AvatarBadgeProps) => React.JSX.Element;
+export default AvatarBadge;

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

@@ -1,40 +1,40 @@
-import React from "react";
-import { type AvatarSize, type AvatarType } from "./Avatar.types";
-import { type SubIcon } from "@vibe/icon";
-import { type VibeComponentProps } from "../../types";
-export interface AvatarContentProps extends VibeComponentProps {
-    /**
-     * The image source when the type is set to `img`.
-     */
-    src?: string;
-    /**
-     * The type of content displayed inside the avatar.
-     */
-    type?: AvatarType;
-    /**
-     * The size of the avatar content.
-     */
-    size?: AvatarSize;
-    /**
-     * The ARIA role of the content.
-     */
-    role?: string;
-    /**
-     * The label of the content for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The icon displayed when the type is set to `icon`.
-     */
-    icon?: SubIcon;
-    /**
-     * Class name applied to the text content.
-     */
-    textClassName?: string;
-    /**
-     * The text displayed when the type is set to `text`.
-     */
-    text?: string;
-}
-declare const AvatarContent: ({ type, src, icon, text, "aria-label": ariaLabel, role, size, textClassName, id, "data-testid": dataTestId }: AvatarContentProps) => React.JSX.Element;
-export default AvatarContent;
+import React from "react";
+import { type AvatarSize, type AvatarType } from "./Avatar.types";
+import { type SubIcon } from "@vibe/icon";
+import { type VibeComponentProps } from "../../types";
+export interface AvatarContentProps extends VibeComponentProps {
+    /**
+     * The image source when the type is set to `img`.
+     */
+    src?: string;
+    /**
+     * The type of content displayed inside the avatar.
+     */
+    type?: AvatarType;
+    /**
+     * The size of the avatar content.
+     */
+    size?: AvatarSize;
+    /**
+     * The ARIA role of the content.
+     */
+    role?: string;
+    /**
+     * The label of the content for accessibility.
+     */
+    "aria-label"?: string;
+    /**
+     * The icon displayed when the type is set to `icon`.
+     */
+    icon?: SubIcon;
+    /**
+     * Class name applied to the text content.
+     */
+    textClassName?: string;
+    /**
+     * The text displayed when the type is set to `text`.
+     */
+    text?: string;
+}
+declare const AvatarContent: ({ type, src, icon, text, "aria-label": ariaLabel, role, size, textClassName, id, "data-testid": dataTestId }: AvatarContentProps) => React.JSX.Element;
+export default AvatarContent;

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

@@ -1,2 +1,2 @@
-export { default as Avatar, type AvatarProps } from "./Avatar";
-export * from "./Avatar.types";
+export { default as Avatar, type AvatarProps } from "./Avatar";
+export * from "./Avatar.types";

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

@@ -1,46 +1,46 @@
-import React, { type ReactElement } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
-export interface AvatarGroupProps extends VibeComponentProps {
-    /**
-     * Class name applied to each avatar.
-     */
-    avatarClassName?: string;
-    /**
-     * The avatars displayed in the group.
-     */
-    children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];
-    /**
-     * The size of the avatars in the group.
-     */
-    size?: AvatarSize;
-    /**
-     * The type of the avatars in the group.
-     */
-    type?: AvatarType;
-    /**
-     * The maximum number of avatars displayed before showing a counter.
-     */
-    max?: number;
-    /**
-     * Props for customizing the counter display.
-     */
-    counterProps?: AvatarGroupCounterVisualProps;
-    /**
-     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
-     */
-    counterTooltipCustomProps?: Partial<TooltipProps>;
-    /**
-     * If true, the counter tooltip uses a virtualized list for performance optimization.
-     */
-    counterTooltipIsVirtualizedList?: boolean;
-    /**
-     * If true, the component is disabled and non-interactive.
-     */
-    disabled?: boolean;
-}
-declare const AvatarGroup: React.FC<AvatarGroupProps>;
-export default AvatarGroup;
+import React, { type ReactElement } from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
+import { type TooltipProps } from "@vibe/tooltip";
+import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
+export interface AvatarGroupProps extends VibeComponentProps {
+    /**
+     * Class name applied to each avatar.
+     */
+    avatarClassName?: string;
+    /**
+     * The avatars displayed in the group.
+     */
+    children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];
+    /**
+     * The size of the avatars in the group.
+     */
+    size?: AvatarSize;
+    /**
+     * The type of the avatars in the group.
+     */
+    type?: AvatarType;
+    /**
+     * The maximum number of avatars displayed before showing a counter.
+     */
+    max?: number;
+    /**
+     * Props for customizing the counter display.
+     */
+    counterProps?: AvatarGroupCounterVisualProps;
+    /**
+     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
+     */
+    counterTooltipCustomProps?: Partial<TooltipProps>;
+    /**
+     * If true, the counter tooltip uses a virtualized list for performance optimization.
+     */
+    counterTooltipIsVirtualizedList?: boolean;
+    /**
+     * If true, the component is disabled and non-interactive.
+     */
+    disabled?: boolean;
+}
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export default AvatarGroup;

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

@@ -1,14 +1,14 @@
-import { type CounterColor } from "../Counter/Counter.types";
-export type AvatarGroupCounterVisualProps = {
-    color?: Extract<CounterColor, "light" | "dark">;
-    count?: number;
-    prefix?: string;
-    maxDigits?: number;
-    ariaLabelItemsName?: string;
-    noAnimation?: boolean;
-    tabIndex?: number;
-    /**
-     * Relevant only for when AvatarGroup contains a clickable avatar
-     */
-    dialogContainerSelector?: string;
-};
+import { type CounterColor } from "../Counter/Counter.types";
+export type AvatarGroupCounterVisualProps = {
+    color?: Extract<CounterColor, "light" | "dark">;
+    count?: number;
+    prefix?: string;
+    maxDigits?: number;
+    ariaLabelItemsName?: string;
+    noAnimation?: boolean;
+    tabIndex?: number;
+    /**
+     * Relevant only for when AvatarGroup contains a clickable avatar
+     */
+    dialogContainerSelector?: string;
+};

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

@@ -1,2 +1,2 @@
-export declare const AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY = 200;
-export declare const AVATAR_GROUP_COUNTER_AVATAR_SIZE = 22;
+export declare const AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY = 200;
+export declare const AVATAR_GROUP_COUNTER_AVATAR_SIZE = 22;

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

@@ -1,42 +1,42 @@
-import React, { type ReactElement } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
-import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
-import { type TooltipProps } from "@vibe/tooltip";
-export interface AvatarGroupCounterProps extends VibeComponentProps {
-    /**
-     * The list of avatars hidden behind the counter.
-     */
-    counterTooltipAvatars?: ReactElement<AvatarProps>[];
-    /**
-     * Props for customizing the counter appearance.
-     */
-    counterProps?: AvatarGroupCounterVisualProps;
-    /**
-     * Props for customizing the counter tooltip.
-     */
-    counterTooltipCustomProps?: Partial<TooltipProps>;
-    /**
-     * If true, the counter tooltip uses a virtualized list for performance optimization.
-     */
-    counterTooltipIsVirtualizedList?: boolean;
-    /**
-     * The size of the counter.
-     */
-    size?: AvatarSize;
-    /**
-     * The type of the avatars in the counter.
-     */
-    type?: AvatarType;
-    /**
-     * The label of the counter for accessibility.
-     */
-    counterAriaLabel?: string;
-    /**
-     * If true, the counter is disabled and non-interactive.
-     */
-    disabled?: boolean;
-}
-declare const AvatarGroupCounter: React.FC<AvatarGroupCounterProps>;
-export default AvatarGroupCounter;
+import React, { type ReactElement } from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
+import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
+import { type TooltipProps } from "@vibe/tooltip";
+export interface AvatarGroupCounterProps extends VibeComponentProps {
+    /**
+     * The list of avatars hidden behind the counter.
+     */
+    counterTooltipAvatars?: ReactElement<AvatarProps>[];
+    /**
+     * Props for customizing the counter appearance.
+     */
+    counterProps?: AvatarGroupCounterVisualProps;
+    /**
+     * Props for customizing the counter tooltip.
+     */
+    counterTooltipCustomProps?: Partial<TooltipProps>;
+    /**
+     * If true, the counter tooltip uses a virtualized list for performance optimization.
+     */
+    counterTooltipIsVirtualizedList?: boolean;
+    /**
+     * The size of the counter.
+     */
+    size?: AvatarSize;
+    /**
+     * The type of the avatars in the counter.
+     */
+    type?: AvatarType;
+    /**
+     * The label of the counter for accessibility.
+     */
+    counterAriaLabel?: string;
+    /**
+     * If true, the counter is disabled and non-interactive.
+     */
+    disabled?: boolean;
+}
+declare const AvatarGroupCounter: React.FC<AvatarGroupCounterProps>;
+export default AvatarGroupCounter;

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

@@ -1,41 +1,41 @@
-import React, { type ReactElement, type RefObject } from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type AvatarProps } from "../Avatar/Avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarType } from "../Avatar/Avatar.types";
-export interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {
-    /**
-     * The type of avatars displayed in the tooltip.
-     */
-    type?: AvatarType;
-    /**
-     * The counter element and focus placeholders.
-     */
-    children?: ReactElement[];
-    /**
-     * The list of avatars displayed inside the tooltip.
-     */
-    avatars?: ReactElement<AvatarProps>[];
-    /**
-     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
-     */
-    counterTooltipCustomProps?: Partial<TooltipProps>;
-    /**
-     * If true, the tooltip uses a virtualized list for performance optimization.
-     */
-    counterTooltipIsVirtualizedList?: boolean;
-    /**
-     * Ref for the element before the tooltip content, used for keyboard navigation.
-     */
-    focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;
-    /**
-     * Ref for the element after the tooltip content, used for keyboard navigation.
-     */
-    focusNextPlaceholderRef?: RefObject<HTMLDivElement>;
-    /**
-     * Ref for the counter container element.
-     */
-    counterContainerRef?: RefObject<HTMLDivElement>;
-}
-declare const AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps>;
-export default AvatarGroupCounterTooltipContainer;
+import React, { type ReactElement, type RefObject } from "react";
+import { type TooltipProps } from "@vibe/tooltip";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarType } from "../Avatar/Avatar.types";
+export interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {
+    /**
+     * The type of avatars displayed in the tooltip.
+     */
+    type?: AvatarType;
+    /**
+     * The counter element and focus placeholders.
+     */
+    children?: ReactElement[];
+    /**
+     * The list of avatars displayed inside the tooltip.
+     */
+    avatars?: ReactElement<AvatarProps>[];
+    /**
+     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
+     */
+    counterTooltipCustomProps?: Partial<TooltipProps>;
+    /**
+     * If true, the tooltip uses a virtualized list for performance optimization.
+     */
+    counterTooltipIsVirtualizedList?: boolean;
+    /**
+     * Ref for the element before the tooltip content, used for keyboard navigation.
+     */
+    focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;
+    /**
+     * Ref for the element after the tooltip content, used for keyboard navigation.
+     */
+    focusNextPlaceholderRef?: RefObject<HTMLDivElement>;
+    /**
+     * Ref for the counter container element.
+     */
+    counterContainerRef?: RefObject<HTMLDivElement>;
+}
+declare const AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps>;
+export default AvatarGroupCounterTooltipContainer;