@vibe/core 3.81.0 → 3.81.1-alpha-635d8.0

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

@@ -1,27 +0,0 @@
-import React from "react";
-import { AvatarSize as AvatarSizeEnum } from "./AvatarConstants";
-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?: string | number;
-    /**
-     * The size of the badge.
-     */
-    size?: AvatarSize;
-}
-declare const _default: React.FC<AvatarBadgeProps> & {
-    sizes: typeof AvatarSizeEnum;
-};
-export default _default;

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

@@ -1,17 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum AvatarType {
-    IMG = "img",
-    ICON = "icon",
-    TEXT = "text"
-}
-/**
- * @deprecated
- */
-export declare enum AvatarSize {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}

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

@@ -1,44 +0,0 @@
-import React from "react";
-import { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from "./AvatarConstants";
-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.
-     */
-    ariaLabel?: 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 _default: React.FC<AvatarContentProps> & {
-    sizes: typeof AvatarSizeEnum;
-    types: typeof AvatarTypeEnum;
-};
-export default _default;

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

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

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

@@ -1,46 +0,0 @@
-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 "../Tooltip/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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 "../Tooltip/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 +0,0 @@
-import React, { type ReactElement, type RefObject } from "react";
-import { type TooltipProps } from "../Tooltip/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;

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

@@ -1,24 +0,0 @@
-import React, { type ReactElement, type Ref } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarType } from "../Avatar/Avatar.types";
-export interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {
-    /**
-     * The type of avatars displayed inside the tooltip.
-     */
-    type?: AvatarType;
-    /**
-     * The avatars shown in the tooltip.
-     */
-    avatars?: ReactElement<AvatarProps>[];
-    /**
-     * If true, the tooltip uses a virtualized list for performance optimization.
-     */
-    isVirtualizedList?: boolean;
-    /**
-     * Ref for the tooltip content container.
-     */
-    tooltipContentContainerRef?: Ref<HTMLDivElement>;
-}
-declare const AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps>;
-export default AvatarGroupCounterTooltipContent;

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

@@ -1,34 +0,0 @@
-import React, { type CSSProperties, type ReactElement, type Ref } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarType } from "../Avatar/Avatar.types";
-import { type AvatarProps } from "../Avatar/Avatar";
-import { type ElementContent } from "../../types";
-export type AvatarItem = {
-    value: AvatarProps & {
-        tooltipContent: ElementContent;
-    };
-};
-export interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {
-    /**
-     * The list of avatars displayed in the virtualized tooltip.
-     */
-    avatarItems?: AvatarItem[];
-    /**
-     * Function to render each avatar item.
-     */
-    avatarRenderer?: (item: AvatarItem, index: number, style: CSSProperties, type: AvatarType, displayAsGrid: boolean) => ReactElement;
-    /**
-     * The ARIA label of the tooltip container.
-     */
-    tooltipContainerAriaLabel?: string;
-    /**
-     * Ref for the tooltip content container.
-     */
-    tooltipContentContainerRef?: Ref<HTMLDivElement>;
-    /**
-     * The type of avatars in the tooltip.
-     */
-    type?: AvatarType;
-}
-declare const AvatarGroupCounterTooltipContentVirtualizedList: React.FC<AvatarGroupCounterTooltipContentVirtualizedListProps>;
-export default AvatarGroupCounterTooltipContentVirtualizedList;

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

@@ -1,17 +0,0 @@
-import React, { type CSSProperties, type RefObject } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
-import { type AvatarType } from "../Avatar";
-import { type ElementContent } from "../../types";
-export declare function useTooltipContentTabNavigation({ counterContainerRef, tooltipContentContainerRef, focusPrevPlaceholderRef, focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible }: {
-    counterContainerRef: RefObject<HTMLDivElement>;
-    tooltipContentContainerRef: RefObject<HTMLElement>;
-    focusPrevPlaceholderRef: RefObject<HTMLDivElement>;
-    focusNextPlaceholderRef: RefObject<HTMLDivElement>;
-    isKeyboardTooltipVisible: boolean;
-    setIsKeyboardTooltipVisible: (value: boolean) => void;
-}): void;
-export declare const avatarRenderer: (item: {
-    value: AvatarProps & {
-        tooltipContent: ElementContent;
-    };
-}, index: number, style: CSSProperties, type: AvatarType, displayAsGrid: boolean) => React.JSX.Element;

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

@@ -1,3 +0,0 @@
-import type React from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
-export declare const avatarOnClick: (event: React.MouseEvent | React.KeyboardEvent, avatarProps: AvatarProps) => void;

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

@@ -1,2 +0,0 @@
-export { default as AvatarGroup, type AvatarGroupProps } from "./AvatarGroup";
-export * from "./AvatarGroup.types";

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

@@ -1,39 +0,0 @@
-import React from "react";
-import { BadgeAlignments as BadgeAlignmentsEnum, BadgeAnchor as BadgeAnchorEnum, BadgeType as BadgeTypeEnum } from "./BadgeConstants";
-import { type BadgeAlignments, type BadgeAnchor, type BadgeType } from "./Badge.types";
-import { type IndicatorProps } from "./Indicator/Indicator";
-import { type CounterProps } from "../Counter/Counter";
-import { type VibeComponentProps } from "../../types";
-export interface BadgeBaseProps extends VibeComponentProps {
-    /**
-     * The position of the badge relative to its parent.
-     */
-    anchor?: BadgeAnchor;
-    /**
-     * The alignment style of the badge.
-     */
-    alignment?: BadgeAlignments;
-    /**
-     * The content the badge is attached to.
-     */
-    children: React.ReactNode;
-}
-interface CounterBadgeProps extends CounterProps {
-    /**
-     * The type of badge, set to `"counter"` for numeric values.
-     */
-    type: Extract<BadgeType, "counter">;
-}
-interface IndicatorBadgeProps extends IndicatorProps {
-    /**
-     * The type of badge, set to `"indicator"` for a simple dot.
-     */
-    type?: Extract<BadgeType, "indicator">;
-}
-export type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);
-declare const _default: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof BadgeTypeEnum;
-    alignments: typeof BadgeAlignmentsEnum;
-    anchors: typeof BadgeAnchorEnum;
-};
-export default _default;

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

@@ -1,3 +0,0 @@
-export type BadgeType = "indicator" | "counter";
-export type BadgeAnchor = "top-start" | "top-end" | "bottom-start" | "bottom-end";
-export type BadgeAlignments = "rectangular" | "outside" | "circular";

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

@@ -1,24 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum BadgeType {
-    INDICATOR = "indicator",
-    COUNTER = "counter"
-}
-/**
- * @deprecated
- */
-export declare enum BadgeAnchor {
-    TOP_START = "top-start",
-    TOP_END = "top-end",
-    BOTTOM_START = "bottom-start",
-    BOTTOM_END = "bottom-end"
-}
-/**
- * @deprecated
- */
-export declare enum BadgeAlignments {
-    RECTANGULAR = "rectangular",
-    OUTSIDE = "outside",
-    CIRCULAR = "circular"
-}

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { IndicatorColor as IndicatorColorEnum } from "./IndicatorConstants";
-import { type IndicatorColor } from "./Indicator.types";
-import { type VibeComponentProps } from "../../../types";
-export interface IndicatorProps extends VibeComponentProps {
-    /**
-     * The color of the indicator.
-     */
-    color?: IndicatorColor;
-}
-declare const _default: React.FC<IndicatorProps> & {
-    colors: typeof IndicatorColorEnum;
-};
-export default _default;

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

@@ -1 +0,0 @@
-export type IndicatorColor = "primary" | "notification";

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

@@ -1,7 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum IndicatorColor {
-    PRIMARY = "primary",
-    NOTIFICATION = "notification"
-}

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

@@ -1,2 +0,0 @@
-export { default as Badge, type BadgeProps } from "./Badge";
-export * from "./Badge.types";

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

@@ -1,6 +0,0 @@
-import React from "react";
-import { type BaseListProps } from "./BaseList.types";
-declare const _default: <Item extends Record<string, unknown>>(props: BaseListProps<Item> & {
-    ref?: React.Ref<HTMLUListElement>;
-}) => React.ReactElement;
-export default _default;

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

@@ -1,87 +0,0 @@
-import { type ReactNode } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type BaseListItemData } from "../BaseListItem";
-export interface BaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
-    /**
-     * The list of options available in the list.
-     */
-    options: ListGroup<Item>[];
-    /**
-     * The selected item in the list.
-     */
-    selectedItems?: BaseListItemData<Item>[] | null;
-    /**
-     * The index of the highlighted item in the list.
-     */
-    highlightedIndex?: number;
-    /**
-     * The ARIA label for the menu.
-     */
-    menuAriaLabel?: string;
-    /**
-     * Function to get props for the menu container.
-     */
-    getMenuProps?: ((options?: any, otherOptions?: any) => Record<string, unknown>) | null;
-    /**
-     * Function to get props for each item in the list.
-     */
-    getItemProps?: ((options: any) => Record<string, unknown>) | null;
-    /**
-     * The size of the list item.
-     */
-    size?: BaseListSizes;
-    /**
-     * If true, displays dividers between grouped options.
-     */
-    withGroupDivider?: boolean;
-    /**
-     * If true, makes the group title sticky.
-     */
-    stickyGroupTitle?: boolean;
-    /**
-     * The text direction of the list.
-     */
-    dir?: BaseListDirection;
-    /**
-     * Custom renderer for options.
-     */
-    itemRenderer?: (item: BaseListItemData<Item>) => React.ReactNode;
-    /**
-     * Custom renderer for the entire menu content inside the ul element.
-     */
-    menuRenderer?: (props: {
-        children: React.ReactNode;
-        filteredOptions: ListGroup<Item>[];
-        selectedItem?: Item | null;
-        selectedItems?: Item[];
-    }) => React.ReactNode;
-    /**
-     * Text or function to customize the "No results" message.
-     */
-    noOptionsMessage?: string | ReactNode;
-    /**
-     * If true, the options are rendered.
-     */
-    renderOptions?: boolean;
-    /**
-     * Function to handle scroll events.
-     */
-    onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-    /**
-     * The maximum height of the list.
-     */
-    maxMenuHeight?: number;
-}
-export interface ListGroup<Item = Record<string, unknown>> {
-    /**
-     * The label for the group of options.
-     */
-    label?: string;
-    /**
-     * The list of options within this group.
-     */
-    options: BaseListItemData<Item>[];
-}
-export type BaseListSizes = "small" | "medium" | "large";
-export type BaseListDirection = "ltr" | "rtl" | "auto";

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

@@ -1,2 +0,0 @@
-export { default as BaseList } from "./BaseList";
-export * from "./BaseList.types";

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

@@ -1,6 +0,0 @@
-import React from "react";
-import { type BaseListItemProps } from "./BaseListItem.types";
-declare const _default: <Item extends Record<string, unknown>>(props: BaseListItemProps<Item> & {
-    ref?: React.Ref<HTMLElement>;
-}) => React.ReactElement;
-export default _default;

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

@@ -1,109 +0,0 @@
-import { type ReactNode, type AriaRole } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type TooltipProps } from "../Tooltip";
-import { type BaseListDirection, type BaseListSizes } from "../BaseList/BaseList.types";
-import { type ChipsProps } from "../Chips";
-import { type SubIcon } from "@vibe/icon";
-export interface BaseListItemProps<Item extends Record<string, unknown>> extends Omit<React.HTMLAttributes<HTMLElement>, "role">, VibeComponentProps {
-    /**
-     * The HTML element to render. Defaults to "li".
-     */
-    component?: keyof JSX.IntrinsicElements;
-    /**
-     * The Size of the list item.
-     */
-    size?: BaseListSizes;
-    /**
-     * If true, the list item is selected.
-     */
-    selected?: boolean;
-    /**
-     * If true, the dropdown is read-only and cannot be edited.
-     */
-    readOnly?: boolean;
-    /**
-     * Whether item should have highlight styling
-     */
-    highlighted?: boolean;
-    /**
-     * Determines the position of the tooltip according to the direction.
-     */
-    dir?: BaseListDirection;
-    /**
-     * The ARIA role of the list item.
-     */
-    role?: AriaRole;
-    /**
-     * The index of the item in the list.
-     */
-    index?: number;
-    /**
-     * Custom renderer for options.
-     */
-    itemRenderer?: (item: BaseListItemData<Item>) => React.ReactNode;
-    /**
-     * The original item data that this list item represents.
-     */
-    item?: BaseListItemData<Item>;
-    /**
-     * Additional props to pass to the list item element.
-     */
-    itemProps?: Record<string, unknown>;
-}
-export type BaseListItemData<Item = Record<string, unknown>> = Item & {
-    /**
-     * The value of the list item.
-     */
-    value: string | number;
-    /**
-     * The primary text content of the list item.
-     */
-    label: string;
-    /**
-     * The start element of the list item.
-     */
-    startElement?: StartElement;
-    /**
-     * The end element of the list item.
-     */
-    endElement?: EndElement;
-    /**
-     * If true, the list item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Props for displaying a tooltip on the list item.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * The color of the chip when displayed in multi-select mode.
-     */
-    chipColor?: ChipsProps["color"];
-    /**
-     * The index of the item in the list.
-     */
-    index?: number;
-};
-export type SideElement = {
-    type: "avatar";
-    value: string;
-    square?: boolean;
-} | {
-    type: "icon";
-    value: SubIcon;
-} | {
-    type: "indent";
-} | {
-    type: "suffix";
-    value: string;
-} | {
-    type: "custom";
-    render: () => ReactNode;
-};
-export type StartElement = Extract<SideElement, {
-    type: "avatar" | "icon" | "indent" | "custom";
-}>;
-export type EndElement = Extract<SideElement, {
-    type: "icon" | "suffix" | "custom";
-}>;

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

@@ -1,2 +0,0 @@
-export { default as BaseListItem } from "./BaseListItem";
-export * from "./BaseListItem.types";

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

@@ -1,4 +0,0 @@
-import { type EndElement, type StartElement } from "./BaseListItem.types";
-import { type TextType } from "../Text";
-import React from "react";
-export declare function renderSideElement(element: StartElement | EndElement, disabled: boolean, textVariant: TextType): React.ReactNode;