@vibe/core 4.5.22 → 4.5.24

package/dist/components/Slider/Slider.d.ts

@@ -1,120 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type IconType } from "@vibe/icon";
-import { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from "./Slider.types";
-export type SliderProps = {
-    /**
-     * Define a string that labels the current element (Slider)
-     */
-    "aria-label"?: string;
-    /**
-     * ElementId of Node that have the text needed for labeling the current element (Slider)
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Custom `class name` to be added to the component-root-node
-     */
-    className?: string;
-    /**
-     * Color Mode (primary/positive/negative) of the component (Slider)
-     */
-    color?: SliderColor;
-    /**
-     * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)
-     */
-    "data-testid"?: string;
-    defaultValue?: number | number[];
-    /**
-     * Formatter function `value => formattedValue`
-     * default formatter return `${value}%`
-     */
-    /**
-     * If set to true, Component (Slider) will be disabled
-     *  - impossible to change value of component (Slider)
-     *  - visual changes (opacity)
-     */
-    disabled?: boolean;
-    /**
-     * Attribute `id` to be added to the component-root-node
-     */
-    id?: string;
-    /**
-     * Max range value of the component (Slider)
-     */
-    max?: number;
-    /**
-     * Min range value of the component (Slider)
-     */
-    min?: number;
-    /**
-     * Optional onChange callback (for outer trigger or Controlled mode)
-     * - required in Controlled Mode
-     */
-    onChange?: (value: number | number[]) => void;
-    /**
-     * If true switch slider to RRange mode (two Thumbs)
-     */
-    ranged?: boolean;
-    /**
-     * The granularity with which the slider can step through values.
-     * (A "discrete" slider.) The min prop serves as the origin for the valid values.
-     * We recommend (max - min) to be evenly divisible by the step.
-     */
-    step?: number;
-    /**
-     * Always show `value` instead of Tooltip
-     */
-    showValue?: boolean;
-    /**
-     * Position of the `value` when `showValue` is true
-     */
-    valueLabelPosition?: SliderLabelPosition;
-    /**
-     * Color of the `value` when `showValue` is true
-     */
-    valueLabelColor?: SliderLabelColor;
-    /**
-     * Size small/medium/large of the component (Slider)
-     */
-    size?: SliderSize;
-    /**
-     * Current/selected value of the range of the Component (Slider)
-     *   - should be used in Controlled Mode only
-     *   - in ranged mode should be an array of two numbers
-     */
-    value?: number | number[];
-    /**
-     * Function to format the value, e.g. add %. By default, returns `${value}%`
-     */
-    valueFormatter?: (value: number) => string;
-    /**
-     * Text/presentation of current/selected value
-     *  - should be used in Controlled Mode only
-     */
-    valueText?: string;
-    /**
-     * Show selected from Slider range value
-     */
-    indicateSelection?: boolean;
-    /**
-     * Options for initial/start/prefix element, it can be one of:
-     *  - Any Component (react component, node, text, number etc.)
-     *  - Or it can be an object of options for Icons component (see Icon components props)
-     *  - Or it can be an object for Label (Icon, Heading - and other components)
-     *  - Or it can be Render Props Function witch are getting value and valueText
-     */
-    prefix?: {
-        icon: IconType;
-    } | string | ((value: number, valueText: string) => void) | ReactElement;
-    /**
-     * Options for postfix/end/finishing element. Same as prefix element.
-     */
-    postfix?: {
-        icon: IconType;
-    } | string | ((value: number, valueText: string) => void) | ReactElement;
-    /**
-     * Width of SelectionIndicator (i.e. TextField)
-     */
-    selectionIndicatorWidth?: string;
-};
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>>;
-export default Slider;

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

@@ -1,8 +0,0 @@
-import { type BASE_SIZES } from "../../constants";
-import { type DialogPosition } from "@vibe/dialog";
-import { type TypographyColor } from "@vibe/typography";
-export type SliderColor = "primary" | "negative" | "positive";
-export type SliderLabelColor = Extract<TypographyColor, "primary" | "secondary">;
-export type SliderLabelPosition = Extract<DialogPosition, "top" | "bottom">;
-export type SliderSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES];
-export type InfixKind = "prefix" | "postfix";

package/dist/components/Slider/SliderBase/SliderBase.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export type SliderBaseProps = VibeComponentProps;
-declare const SliderBase: FC<SliderBaseProps>;
-export default SliderBase;

package/dist/components/Slider/SliderBase/SliderFilledTrack.d.ts

@@ -1,23 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderColor } from "../Slider.types";
-export interface SliderFilledTrackProps extends VibeComponentProps {
-    /**
-     * The size of the filled track, based on the selected value.
-     */
-    dimension?: number;
-    /**
-     * The offset from the start of the track.
-     */
-    offset?: number;
-    /**
-     * If true, the filled track starts from the end instead of the beginning.
-     */
-    reverse?: boolean;
-    /**
-     * The color of the filled track.
-     */
-    color: SliderColor;
-}
-declare const SliderFilledTrack: FC<SliderFilledTrackProps>;
-export default SliderFilledTrack;

package/dist/components/Slider/SliderBase/SliderRail.d.ts

@@ -1,19 +0,0 @@
-import React, { type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderSize } from "../Slider.types";
-export interface SliderRailProps extends VibeComponentProps {
-    /**
-     * Callback fired when the rail is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * The child elements inside the slider rail.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * The size of the slider rail.
-     */
-    size: SliderSize;
-}
-declare const SliderRail: React.ForwardRefExoticComponent<SliderRailProps & React.RefAttributes<unknown>>;
-export default SliderRail;

package/dist/components/Slider/SliderBase/SliderThumb.d.ts

@@ -1,27 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderColor, type SliderSize } from "../Slider.types";
-export interface SliderThumbProps extends VibeComponentProps {
-    /**
-     * The index of the thumb (used in range sliders).
-     */
-    index?: number;
-    /**
-     * Callback fired when the thumb is moved.
-     */
-    onMove?: (event: PointerEvent) => void;
-    /**
-     * The position of the thumb, represented as an offset percentage from the start of the track.
-     */
-    position?: number;
-    /**
-     * The size of the slider thumb.
-     */
-    size: SliderSize;
-    /**
-     * The color theme of the slider thumb.
-     */
-    color: SliderColor;
-}
-declare const SliderThumb: FC<SliderThumbProps>;
-export default SliderThumb;

package/dist/components/Slider/SliderBase/SliderTrack.d.ts

@@ -1,11 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderColor } from "../Slider.types";
-export interface SliderTrackProps extends VibeComponentProps {
-    /**
-     * The color of the slider track.
-     */
-    color: SliderColor;
-}
-declare const SliderTrack: FC<SliderTrackProps>;
-export default SliderTrack;

package/dist/components/Slider/SliderConstants.d.ts

@@ -1,64 +0,0 @@
-import { type IconType } from "@vibe/icon";
-import { type ReactElement } from "react";
-import { type SliderSize, type SliderColor as SliderColorType, type SliderLabelPosition, type SliderLabelColor } from "./Slider.types";
-export declare const BEM_PREFIX = "monday";
-export declare const COMPONENT_ID = "slider";
-export declare const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;
-export declare const TOOLTIP_SHOW_DELAY = 300;
-export type SliderContextSelection = {
-    max: number;
-    min: number;
-    ranged: boolean;
-    step: number;
-    value: number | number[];
-    valueText: string | string[];
-};
-export type SliderContextUI = {
-    active: number;
-    "aria-label": string;
-    "aria-labelledby": string;
-    color: SliderColorType;
-    disabled: boolean;
-    dragging: number;
-    focused: number;
-    size: SliderSize;
-    shapeTestId: (subElement: string) => string;
-    showValue: boolean;
-    valueLabelPosition: SliderLabelPosition;
-    valueLabelColor: SliderLabelColor;
-};
-export type SliderContextActions = {
-    setActive: (value: number) => void;
-    setFocused: (value: number) => void;
-    setDragging: (value: number) => void;
-    changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;
-    drugThumb: (newValue: number | number[]) => void;
-    decreaseValue: (consumerStep?: number) => void;
-    increaseValue: (consumerStep?: number) => void;
-};
-export type SliderContextInfix = {
-    /**
-     * Show selected from Slider range value
-     */
-    indicateSelection?: boolean;
-    /**
-     * Options for initial/start/prefix element, it can be one of:
-     *  - Any Component (react component, node, text, number etc.)
-     *  - Or it can be an object of options for Icons component (see Icon components props)
-     *  - Or it can be an object for Label (Icon, Heading - and other components)
-     *  - Or it can be Render Props Function witch are getting value and valueText
-     */
-    prefix?: {
-        icon: IconType;
-    } | string | ((value: number | number[], valueText: string | string[]) => ReactElement) | ReactElement;
-    /**
-     * Options for postfix/end/finishing element. Same as prefix element.
-     */
-    postfix?: {
-        icon: IconType;
-    } | string | ((value: number | number[], valueText: string | string[]) => ReactElement) | ReactElement;
-    /**
-     * Width of SelectionIndicator (i.e. TextField)
-     */
-    selectionIndicatorWidth?: string;
-};

package/dist/components/Slider/SliderContext.d.ts

@@ -1,43 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type SliderProps } from "./Slider";
-import { type SliderContextActions, type SliderContextInfix, type SliderContextSelection, type SliderContextUI } from "./SliderConstants";
-import { type IconType } from "@vibe/icon";
-export interface SliderProviderProps extends SliderProps {
-    /**
-     * The child elements inside the slider provider.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * Configuration options for prefix, postfix, and selection indicator.
-     */
-    infixOptions?: {
-        /**
-         * If true, displays the selected value from the slider range.
-         */
-        indicateSelection?: boolean;
-        /**
-         * Configuration for the prefix (start) element, which can be:
-         * - A React component, text, number, or node.
-         * - An object with an icon.
-         * - A function that receives the value and valueText.
-         */
-        prefix?: {
-            icon: IconType;
-        } | string | ((value: number, valueText: string) => void) | ReactElement;
-        /**
-         * Configuration for the postfix (end) element, similar to prefix.
-         */
-        postfix?: {
-            icon: IconType;
-        } | string | ((value: number, valueText: string) => void) | ReactElement;
-        /**
-         * The width of the selection indicator.
-         */
-        selectionIndicatorWidth?: string;
-    };
-}
-export declare function SliderProvider({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, color, "data-testid": dataTestId, defaultValue, disabled, max, min, onChange, ranged, showValue, valueLabelPosition, valueLabelColor, size, step, value, valueFormatter, valueText, infixOptions }: SliderProviderProps): React.JSX.Element;
-export declare function useSliderUi(): SliderContextUI;
-export declare function useSliderInfix(): SliderContextInfix;
-export declare function useSliderSelection(): SliderContextSelection;
-export declare function useSliderActions(): SliderContextActions;

package/dist/components/Slider/SliderHelpers.d.ts

@@ -1,14 +0,0 @@
-export declare function _calcDimension(max: number, min: number, value: number): [number, number];
-export declare function calcDimensions(max: number, min: number, ranged: boolean, value: number | number[]): {
-    dimension: number;
-    offset: number;
-    positions: number[];
-    thumbKeys: string[];
-};
-export declare function calculatePageStep(max: number, min: number, step: number): number;
-export declare function ensureDefaultValue(defaultValue: number | number[], min: number, max: number, ranged: boolean): number | number[];
-export declare function ensureValueText(valueText: string, value: number | number[], formatter: (value: number) => string): string | string[];
-export declare function getNearest(newValue: number, ranged: boolean, value: number | number[]): 0 | 1;
-export declare function moveToPx(offsetInPx: number, min: number, max: number, railCoords: {
-    width: number;
-}, step: number): number;

package/dist/components/Slider/SliderHooks.d.ts

@@ -1,25 +0,0 @@
-export declare function useSliderActionsContextValue(actualValue: number | number[], focused: number, getDragging: () => number, getSelectedValue: () => number | number[], max: number, min: number, onChange: (value: number | number[]) => void, ranged: boolean, setActive: (value: number) => void, setFocused: (value: number) => void, setDragging: (value: number) => void, setSelectedValue: (value: number | number[]) => void, step: number): {
-    changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;
-    decreaseValue: (consumerStep: number) => void;
-    drugThumb: (newValue: number | number[]) => void;
-    increaseValue: (consumerStep?: number) => void;
-    setActive: (value: number) => void;
-    setDragging: (value: number) => void;
-    setFocused: (value: number) => void;
-};
-export declare function useDragging(): [number, (value: number) => void, () => number];
-export declare function useSliderRail(): {
-    railCoords: {
-        left: number;
-        right: number;
-        width: number;
-    };
-    railRef: import("react").MutableRefObject<any>;
-};
-export declare function useSliderValues(defaultValue: number | number[], value: number | number[], valueFormatter: (value: number) => string, valueText: string): {
-    actualValue: number | number[];
-    actualValueText: string | string[];
-    getSelectedValue: () => number | number[];
-    isControlled: boolean;
-    setSelectedValue: (value: number) => void;
-};

package/dist/components/Slider/SliderInfix.d.ts

@@ -1,11 +0,0 @@
-import { type FC } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type InfixKind } from "./Slider.types";
-export interface SliderInfixProps extends VibeComponentProps {
-    /**
-     * Specifies the type of infix (prefix or postfix).
-     */
-    kind?: InfixKind;
-}
-declare const SliderInfix: FC<SliderInfixProps>;
-export default SliderInfix;

package/dist/components/Slider/SliderInfixHooks.d.ts

@@ -1,3 +0,0 @@
-import { type CSSProperties, type ReactElement } from "react";
-import { type InfixKind } from "./Slider.types";
-export declare function useSliderInfixComponent(kind: InfixKind): [boolean, string[], ReactElement, CSSProperties];

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

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

package/dist/components/Tipseen/Tipseen.d.ts

@@ -1,109 +0,0 @@
-import { type ReactElement } from "react";
-import { type DialogAnimationType, type DialogMiddleware, type DialogTriggerEvent } from "@vibe/dialog";
-import { type TipseenCloseButtonTheme, type TipseenColor } from "./Tipseen.types";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type MoveBy } from "../../types/MoveBy";
-import React from "react";
-import { type TooltipPositions } from "@vibe/tooltip";
-export interface TipseenProps extends VibeComponentProps {
-    /**
-     * Class name applied to the Tipseen title.
-     */
-    titleClassName?: string;
-    /**
-     * The position of the Tipseen relative to the target element.
-     */
-    position?: TooltipPositions;
-    /**
-     * The animation type used for showing/hiding the Tipseen.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * The delay in milliseconds before hiding the Tipseen.
-     */
-    hideDelay?: number;
-    /**
-     * The delay in milliseconds before showing the Tipseen.
-     */
-    showDelay?: number;
-    /**
-     * The title text of the Tipseen.
-     */
-    title?: string;
-    /**
-     * If true, hides the close button.
-     */
-    hideCloseButton?: boolean;
-    /**
-     * The child element that triggers the Tipseen.
-     */
-    children?: ReactElement;
-    /**
-     * The CSS selector of the container where the Tipseen should be rendered.
-     */
-    containerSelector?: string;
-    /**
-     * Events that trigger hiding the Tipseen.
-     */
-    hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
-    /**
-     * Events that trigger showing the Tipseen.
-     */
-    showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
-    /**
-     * The width of the Tipseen.
-     */
-    width?: number;
-    /**
-     * Offset values for positioning adjustments.
-     */
-    moveBy?: MoveBy;
-    /**
-     * If true, hides the Tipseen when the reference element is hidden.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * Custom Floating UI middleware for positioning logic.
-     * @see https://floating-ui.com/docs/middleware
-     */
-    middleware?: DialogMiddleware[];
-    /**
-     * Class name applied to the reference wrapper element.
-     */
-    referenceWrapperClassName?: string;
-    /**
-     * If false, hides the arrow of the Tipseen.
-     */
-    tip?: boolean;
-    /**
-     * Class name applied to the Tipseen arrow.
-     */
-    tooltipArrowClassName?: string;
-    /**
-     * The aria-label for the close button.
-     */
-    closeAriaLabel?: string;
-    /**
-     * Callback fired when the Tipseen is closed.
-     */
-    onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The content displayed inside the Tipseen.
-     */
-    content: ElementContent;
-    /**
-     * The theme of the Tipseen close button.
-     */
-    closeButtonTheme?: TipseenCloseButtonTheme;
-    /**
-     * If true, renders the Tipseen as a floating element without a reference.
-     */
-    floating?: boolean;
-    /**
-     * The color theme of the Tipseen.
-     */
-    color?: TipseenColor;
-}
-export declare const TipseenContext: React.Context<TipseenColor>;
-declare const Tipseen: React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>>;
-export default Tipseen;

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

@@ -1,2 +0,0 @@
-export type TipseenCloseButtonTheme = "light" | "dark" | "fixed-light" | "fixed-dark";
-export type TipseenColor = "primary" | "inverted";

package/dist/components/Tipseen/TipseenBasicContent.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ElementContent } from "../../types/ElementContent";
-export interface TipseenBasicContentProps extends VibeComponentProps {
-    /**
-     * The title text displayed in the Tipseen content.
-     */
-    title?: string;
-    /**
-     * Class name applied to the title.
-     */
-    titleClassName?: string;
-    /**
-     * The content inside the Tipseen.
-     */
-    children?: ElementContent | ElementContent[];
-}
-declare const TipseenBasicContent: React.FC<TipseenBasicContentProps>;
-export default TipseenBasicContent;

package/dist/components/Tipseen/TipseenConstants.d.ts

@@ -1,4 +0,0 @@
-export declare const SUBMIT_BUTTON_TEXT = "Submit";
-export declare const DISMISS_BUTTON_TEXT = "Dismiss";
-export declare const TIPSEEN_CLOSE_BUTTON_TEST_ID = "close-tipseen";
-export declare const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = "Close";

package/dist/components/Tipseen/TipseenContent.d.ts

@@ -1,48 +0,0 @@
-import React, { type FC } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ElementContent } from "../../types/ElementContent";
-import { type SubIcon } from "@vibe/icon";
-export interface TipseenContentProps extends VibeComponentProps {
-    /**
-     * The title text displayed in the Tipseen content.
-     */
-    title?: string;
-    /**
-     * Class name applied to the Tipseen title.
-     */
-    titleClassName?: string;
-    /**
-     * If true, hides the dismiss button.
-     */
-    hideDismiss?: boolean;
-    /**
-     * The content inside the Tipseen.
-     */
-    children?: ElementContent;
-    /**
-     * If true, hides the submit button.
-     */
-    hideSubmit?: boolean;
-    /**
-     * The text displayed on the submit button.
-     */
-    submitButtonText?: string;
-    /**
-     * Icon to display in the submit button
-     */
-    submitButtonIcon?: SubIcon;
-    /**
-     * Callback fired when the submit button is clicked.
-     */
-    onSubmit?: (event: React.MouseEvent) => void;
-    /**
-     * The text displayed on the dismiss button.
-     */
-    dismissButtonText?: string;
-    /**
-     * Callback fired when the dismiss button is clicked.
-     */
-    onDismiss?: (event: React.MouseEvent) => void;
-}
-declare const TipseenContent: FC<TipseenContentProps>;
-export default TipseenContent;

package/dist/components/Tipseen/TipseenMedia/TipseenMedia.d.ts

@@ -1,10 +0,0 @@
-import React, { type PropsWithChildren, type ReactNode } from "react";
-import { type VibeComponentProps } from "../../../types";
-export interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {
-    /**
-     * The media content displayed inside the Tipseen.
-     */
-    children: ReactNode;
-}
-declare const TipseenMedia: React.ForwardRefExoticComponent<TipseenMediaProps & React.RefAttributes<HTMLElement>>;
-export default TipseenMedia;

package/dist/components/Tipseen/TipseenTitle.d.ts

@@ -1,10 +0,0 @@
-import { type FC } from "react";
-import { type VibeComponentProps } from "../../types";
-export interface TipseenTitleProps extends VibeComponentProps {
-    /**
-     * The title text displayed in the Tipseen.
-     */
-    text?: string;
-}
-declare const TipseenTitle: FC<TipseenTitleProps>;
-export default TipseenTitle;

package/dist/components/Tipseen/TipseenWizard.d.ts

@@ -1,18 +0,0 @@
-import React, { type FC } from "react";
-import { type StepsProps } from "@vibe/wizard";
-export interface TipseenWizardProps extends StepsProps {
-    /**
-     * The title text displayed in the Tipseen Wizard.
-     */
-    title?: string;
-    /**
-     * Class name applied to the Tipseen title.
-     */
-    titleClassName?: string;
-    /**
-     * Callback fired when the wizard is completed.
-     */
-    onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
-}
-declare const TipseenWizard: FC<TipseenWizardProps>;
-export default TipseenWizard;

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

@@ -1,5 +0,0 @@
-export { default as Tipseen, type TipseenProps } from "./Tipseen";
-export { default as TipseenContent, type TipseenContentProps } from "./TipseenContent";
-export { default as TipseenWizard, type TipseenWizardProps } from "./TipseenWizard";
-export { default as TipseenMedia, type TipseenMediaProps } from "./TipseenMedia/TipseenMedia";
-export * from "./Tipseen.types";

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

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