@vibe/core 4.5.25 → 4.5.26

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

@@ -1,40 +0,0 @@
-import React, { type ReactElement, type RefObject } from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type AvatarProps, type AvatarType } from "@vibe/avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-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,23 +0,0 @@
-import React, { type ReactElement, type Ref } from "react";
-import { type AvatarProps, type AvatarType } from "@vibe/avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-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,33 +0,0 @@
-import React, { type CSSProperties, type ReactElement, type Ref } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarProps, type AvatarType } from "@vibe/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,16 +0,0 @@
-import React, { type CSSProperties, type RefObject } from "react";
-import { type AvatarProps, type AvatarType } from "@vibe/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 "@vibe/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/Search/Search.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type SearchProps } from "./Search.types";
-declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
-export default Search;

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

@@ -1,104 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type InputSize } from "@vibe/base";
-import type { IconButton } from "@vibe/icon-button";
-import { type MenuButton } from "@vibe/menu-button";
-export interface SearchProps extends VibeComponentProps {
-    /**
-     * The icon used for the search button.
-     */
-    searchIconName?: SubIcon;
-    /**
-     * The icon used for the clear button.
-     */
-    clearIconName?: SubIcon;
-    /**
-     * The label for the clear button, for accessibility purposes.
-     */
-    clearIconLabel?: string;
-    /**
-     * Renders an additional action button in the search input.
-     */
-    renderAction?: React.ReactElement<typeof IconButton | typeof MenuButton>;
-    /**
-     * If true, hides the additional action button when input has text.
-     */
-    hideRenderActionOnInput?: boolean;
-    /**
-     * The current value of the search input.
-     */
-    value?: HTMLInputElement["value"];
-    /**
-     * The placeholder text displayed when the input is empty.
-     */
-    placeholder?: HTMLInputElement["placeholder"];
-    /**
-     * The size of the search input, affecting padding and font size.
-     */
-    size?: InputSize;
-    /**
-     * If true, disables the search input.
-     */
-    disabled?: HTMLInputElement["disabled"];
-    /**
-     * If true, displays a loading indicator inside the input.
-     */
-    loading?: boolean;
-    /**
-     * If true, automatically focuses the search input on mount.
-     */
-    autoFocus?: HTMLInputElement["autofocus"];
-    /**
-     * Configures the browser's autocomplete behavior.
-     */
-    autoComplete?: HTMLInputElement["autocomplete"];
-    /**
-     * The ARIA label for the search input.
-     */
-    inputAriaLabel?: React.AriaAttributes["aria-label"];
-    /**
-     * If true, indicates that a popup is open.
-     */
-    "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-    /**
-     * Specifies the type of popup associated with the search input.
-     */
-    "aria-haspopup"?: React.AriaAttributes["aria-haspopup"];
-    /**
-     * The debounce rate for input value changes.
-     */
-    debounceRate?: number;
-    /**
-     * The ID of the container where search results are displayed.
-     */
-    searchResultsContainerId?: string;
-    /**
-     * ARIA property indicating the currently active search result.
-     */
-    currentAriaResultId?: React.AriaAttributes["aria-activedescendant"];
-    /**
-     * Callback fired when the search input value changes.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Callback fired when the search input loses focus.
-     */
-    onBlur?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when the search input gains focus.
-     */
-    onFocus?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when the clear button is clicked.
-     */
-    onClear?: () => void;
-    /**
-     * Callback fired when a key is pressed inside the input.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * If true, displays a clear button inside the search input.
-     */
-    showClearIcon?: boolean;
-}

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

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

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

@@ -1,45 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type AvatarProps, type AvatarSize, type AvatarType } from "@vibe/avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-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/mocked_classnames/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -1,14 +0,0 @@
-import { type CounterColor } from "@vibe/counter";
-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/mocked_classnames/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/mocked_classnames/components/AvatarGroup/AvatarGroupCounter.d.ts

@@ -1,41 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type AvatarProps, type AvatarSize, type AvatarType } from "@vibe/avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-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/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipContainer.d.ts

@@ -1,40 +0,0 @@
-import React, { type ReactElement, type RefObject } from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type AvatarProps, type AvatarType } from "@vibe/avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-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/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipContent.d.ts

@@ -1,23 +0,0 @@
-import React, { type ReactElement, type Ref } from "react";
-import { type AvatarProps, type AvatarType } from "@vibe/avatar";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-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/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.d.ts

@@ -1,33 +0,0 @@
-import React, { type CSSProperties, type ReactElement, type Ref } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarProps, type AvatarType } from "@vibe/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/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipHelper.d.ts

@@ -1,16 +0,0 @@
-import React, { type CSSProperties, type RefObject } from "react";
-import { type AvatarProps, type AvatarType } from "@vibe/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/mocked_classnames/components/AvatarGroup/AvatarGroupHelper.d.ts

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

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

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

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { type SearchProps } from "./Search.types";
-declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
-export default Search;

package/dist/mocked_classnames/components/Search/Search.types.d.ts

@@ -1,104 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type InputSize } from "@vibe/base";
-import type { IconButton } from "@vibe/icon-button";
-import { type MenuButton } from "@vibe/menu-button";
-export interface SearchProps extends VibeComponentProps {
-    /**
-     * The icon used for the search button.
-     */
-    searchIconName?: SubIcon;
-    /**
-     * The icon used for the clear button.
-     */
-    clearIconName?: SubIcon;
-    /**
-     * The label for the clear button, for accessibility purposes.
-     */
-    clearIconLabel?: string;
-    /**
-     * Renders an additional action button in the search input.
-     */
-    renderAction?: React.ReactElement<typeof IconButton | typeof MenuButton>;
-    /**
-     * If true, hides the additional action button when input has text.
-     */
-    hideRenderActionOnInput?: boolean;
-    /**
-     * The current value of the search input.
-     */
-    value?: HTMLInputElement["value"];
-    /**
-     * The placeholder text displayed when the input is empty.
-     */
-    placeholder?: HTMLInputElement["placeholder"];
-    /**
-     * The size of the search input, affecting padding and font size.
-     */
-    size?: InputSize;
-    /**
-     * If true, disables the search input.
-     */
-    disabled?: HTMLInputElement["disabled"];
-    /**
-     * If true, displays a loading indicator inside the input.
-     */
-    loading?: boolean;
-    /**
-     * If true, automatically focuses the search input on mount.
-     */
-    autoFocus?: HTMLInputElement["autofocus"];
-    /**
-     * Configures the browser's autocomplete behavior.
-     */
-    autoComplete?: HTMLInputElement["autocomplete"];
-    /**
-     * The ARIA label for the search input.
-     */
-    inputAriaLabel?: React.AriaAttributes["aria-label"];
-    /**
-     * If true, indicates that a popup is open.
-     */
-    "aria-expanded"?: React.AriaAttributes["aria-expanded"];
-    /**
-     * Specifies the type of popup associated with the search input.
-     */
-    "aria-haspopup"?: React.AriaAttributes["aria-haspopup"];
-    /**
-     * The debounce rate for input value changes.
-     */
-    debounceRate?: number;
-    /**
-     * The ID of the container where search results are displayed.
-     */
-    searchResultsContainerId?: string;
-    /**
-     * ARIA property indicating the currently active search result.
-     */
-    currentAriaResultId?: React.AriaAttributes["aria-activedescendant"];
-    /**
-     * Callback fired when the search input value changes.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Callback fired when the search input loses focus.
-     */
-    onBlur?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when the search input gains focus.
-     */
-    onFocus?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when the clear button is clicked.
-     */
-    onClear?: () => void;
-    /**
-     * Callback fired when a key is pressed inside the input.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * If true, displays a clear button inside the search input.
-     */
-    showClearIcon?: boolean;
-}

package/dist/mocked_classnames/components/Search/index.d.ts

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.js

@@ -1,2 +0,0 @@
-import r,{useMemo as o}from"react";import t from"classnames";import a from"./AvatarGroupCounter.js";import{avatarOnClick as e}from"./AvatarGroupHelper.js";import s from"./AvatarGroup.module.scss.js";import{ComponentVibeId as i}from"../../tests/constants.js";var n=function(n){var l=n.className,p=n.avatarClassName,u=n.id,c=n.children,d=n.size,v=n.type,m=n.max,A=void 0===m?5:m,f=n.counterProps,y=n.counterTooltipCustomProps,T=n.counterTooltipIsVirtualizedList,C=void 0!==T&&T,b=n.disabled,j=o((function(){if(!c)return{};var o=Array.isArray(c)?c:[c];return{displayAvatars:o.slice(0,A).map((function(o,a){var i,n;return r.cloneElement(o,Object.assign(Object.assign({key:a},null==o?void 0:o.props),{size:d||(null===(i=null==o?void 0:o.props)||void 0===i?void 0:i.size),type:v||(null===(n=null==o?void 0:o.props)||void 0===n?void 0:n.type),className:t(s.avatarContainer,p),onClick:function(r){return e(r,o.props)},disabled:b}))})),counterTooltipAvatars:o.slice(A)}}),[p,c,b,A,d,v]),z=j.displayAvatars,G=j.counterTooltipAvatars;return c?r.createElement("div",{className:t(s.avatarGroupContainer,l),id:u,"data-vibe":i.AVATAR_GROUP},z,r.createElement(a,{counterTooltipAvatars:G,counterProps:f,counterTooltipCustomProps:y,counterTooltipIsVirtualizedList:C,size:d,type:v,disabled:b})):null};export{n as default};
-//# sourceMappingURL=AvatarGroup.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id} data-vibe={ComponentVibeId.AVATAR_GROUP}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAkDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js

@@ -1,2 +0,0 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-34c07868a875_4_5_24";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
-//# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupConstants.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupConstants.ts"],"sourcesContent":["export const AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY = 200;\nexport const AVATAR_GROUP_COUNTER_AVATAR_SIZE = 22;\n"],"names":["AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","AVATAR_GROUP_COUNTER_AVATAR_SIZE"],"mappings":"AAAO,IAAMA,EAA0C,IAC1CC,EAAmC"}

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import a from"classnames";import{Counter as i}from"@vibe/counter/mockedClassNames";import{MenuButton as n}from"@vibe/menu-button/mockedClassNames";import{Menu as l,AvatarMenuItem as s}from"@vibe/menu/mockedClassNames";import m from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as u}from"@vibe/shared";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import d from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as p}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,P=v.size,g=void 0===P?"medium":P,N=v.type,E=v.counterAriaLabel,A=v.disabled,j=v.counterProps||{},z=j.color,T=void 0===z?"light":z,h=j.count,k=void 0===h?b.length:h,y=j.prefix,G=void 0===y?"+":y,L=j.maxDigits,O=void 0===L?3:L,R=j.ariaLabelItemsName,S=void 0===R?"items":R,D=j.noAnimation,H=j.dialogContainerSelector,V=j.tabIndex,_=void 0===V?0:V,B=u(d,null==g?void 0:""+g),M=d[T],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:T,count:k,prefix:G,maxDigits:O,"aria-label":E||"Tab for more ".concat(S),noAnimation:D,counterClassName:a(e({},d.disabled,A)),size:"xs"===g?"xs":void 0})}),[E,S,T,O,G,k,A,D]);return b.length||k?A?o.createElement("div",{ref:F,className:a(d.counterContainer,d.disabled,B,M)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(n,{component:J,zIndex:1,className:a(d.counterContainer,B,M),"aria-label":E||"".concat(k," additional ").concat(S),dialogContainerSelector:H},o.createElement(l,{id:"menu",size:"medium",className:d.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,a,i,n;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(a=e.props)||void 0===a?void 0:a.tooltipProps)||void 0===i?void 0:i.content)||(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n["aria-label"]),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:p,"aria-label":"",tabIndex:-1})})})))):o.createElement(m,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:N},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:_,className:a(d.counterContainer,B,M),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
-//# sourceMappingURL=AvatarGroupCounter.js.map