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

package/dist/mocked_classnames/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/mocked_classnames/components/Slider/SliderConstants.d.ts

@@ -1,79 +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;
-/**
- * @deprecated
- */
-export declare enum InfixKind {
-    PREFIX = "prefix",
-    POSTFIX = "postfix"
-}
-/**
- * @deprecated
- */
-export declare enum SliderColor {
-    PRIMARY = "primary",
-    NEGATIVE = "negative",
-    POSITIVE = "positive"
-}
-export type SliderContextSelection = {
-    max: number;
-    min: number;
-    ranged: boolean;
-    step: number;
-    value: number | number[];
-    valueText: string | string[];
-};
-export type SliderContextUI = {
-    active: number;
-    ariaLabel: string;
-    ariaLabelledby: 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/mocked_classnames/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, ariaLabel, 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/mocked_classnames/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/mocked_classnames/components/Slider/SliderHooks.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-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/mocked_classnames/components/Slider/SliderInfix.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { InfixKind as InfixKindEnum } from "./SliderConstants";
-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 _default: React.FC<SliderInfixProps> & {
-    kinds: typeof InfixKindEnum;
-};
-export default _default;

package/dist/mocked_classnames/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/mocked_classnames/components/Slider/index.d.ts

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

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

@@ -1,66 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type SplitButtonSecondaryContentPositionType } from "./SplitButtonConstants";
-import { type ButtonProps } from "@vibe/button";
-import { type DialogSize } from "@vibe/dialog";
-export interface SplitButtonProps extends ButtonProps {
-    /**
-     * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.
-     */
-    secondaryDialogContent?: ReactElement | (() => string | ReactElement);
-    /**
-     * Callback fired when the secondary dialog is shown.
-     */
-    onSecondaryDialogDidShow?: () => void;
-    /**
-     * Callback fired when the secondary dialog is hidden.
-     */
-    onSecondaryDialogDidHide?: () => void;
-    /**
-     * The z-index applied to the secondary dialog.
-     */
-    zIndex?: number;
-    /**
-     * Class name applied to the wrapper of the secondary dialog.
-     */
-    secondaryDialogClassName?: string;
-    /**
-     * The position of the secondary dialog.
-     */
-    secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;
-    /**
-     * The padding size inside the secondary dialog.
-     */
-    dialogPaddingSize?: DialogSize;
-    /**
-     * The CSS selector of the container where the dialog should be rendered.
-     */
-    dialogContainerSelector?: string;
-    /**
-     * If true, clicking inside the dialog will close it.
-     */
-    shouldCloseOnClickInsideDialog?: boolean;
-}
-declare const _default: React.FC<SplitButtonProps> & {
-    secondaryPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    secondaryDialogPositions: {
-        readonly BOTTOM_START: "bottom-start";
-        readonly BOTTOM_MIDDLE: "bottom";
-        readonly BOTTOM_END: "bottom-end";
-    };
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-    colors: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonColor;
-    kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
-    inputTags: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonInputType;
-    dialogPaddingSizes: typeof import("@vibe/dialog").DialogSizeEnum;
-};
-export default _default;

package/dist/mocked_classnames/components/SplitButton/SplitButtonConstants.d.ts

@@ -1,22 +0,0 @@
-import { DialogTriggerEventEnum as HideShowEvent } from "@vibe/dialog";
-export declare const DIALOG_MOVE_BY: {
-    main: number;
-    secondary: number;
-};
-export declare const DEFAULT_DIALOG_SHOW_TRIGGER: HideShowEvent[];
-export declare const DEFAULT_DIALOG_HIDE_TRIGGER: HideShowEvent[];
-export declare const SECONDARY_BUTTON_WRAPPER_CLASSNAME = "monday-style-split-button__secondary-button-wrapper";
-export declare const EMPTY_ARR: string[];
-export declare const ENTER_KEYS: string[];
-export declare const DialogPosition: {
-    readonly BOTTOM: "bottom";
-    readonly BOTTOM_START: "bottom-start";
-    readonly BOTTOM_END: "bottom-end";
-};
-export declare const SplitButtonSecondaryContentPosition: {
-    readonly BOTTOM_START: "bottom-start";
-    readonly BOTTOM_MIDDLE: "bottom";
-    readonly BOTTOM_END: "bottom-end";
-};
-export type SplitButtonSecondaryContentPositionType = (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];
-export declare const SECONDARY_BUTTON_ARIA_LABEL = "additional actions";

package/dist/mocked_classnames/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type MenuProps } from "../../Menu/Menu/Menu";
-export type SplitButtonMenuProps = Omit<MenuProps, "focusItemIndexOnMount"> & {
-    children: React.ReactNode;
-};
-declare const SplitButtonMenu: React.ForwardRefExoticComponent<Omit<MenuProps, "focusItemIndexOnMount"> & {
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-export default SplitButtonMenu;

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

@@ -1,2 +0,0 @@
-export { default as SplitButton, type SplitButtonProps } from "./SplitButton";
-export { default as SplitButtonMenu, type SplitButtonMenuProps } from "./SplitButtonMenu/SplitButtonMenu";

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

@@ -1,60 +0,0 @@
-import React, { type ReactElement } from "react";
-import { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from "./StepsConstants";
-import { type StepsColor, type StepsType } from "./Steps.types";
-import { type ButtonProps } from "@vibe/button";
-import { type VibeComponentProps } from "../../types";
-export interface StepsProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex?: number;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;
-    /**
-     * If true, hides the navigation buttons.
-     */
-    areNavigationButtonsHidden?: boolean;
-    /**
-     * The list of steps in the steps component.
-     */
-    steps?: ReactElement[];
-    /**
-     * The visual style of the steps component.
-     */
-    type?: StepsType;
-    /**
-     * The color theme of the steps component.
-     */
-    color?: StepsColor;
-    /**
-     * If true, the content is displayed above the step navigation.
-     */
-    isContentOnTop?: boolean;
-    /**
-     * If true, hides the icons in the navigation buttons.
-     */
-    areButtonsIconsHidden?: boolean;
-    /**
-     * Props applied to the back button.
-     */
-    backButtonProps?: Partial<ButtonProps>;
-    /**
-     * Props applied to the next button.
-     */
-    nextButtonProps?: Partial<ButtonProps>;
-    /**
-     * Props applied to the finish button.
-     */
-    finishButtonProps?: Partial<ButtonProps>;
-    /**
-     * Callback fired when the finish button is clicked.
-     */
-    onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
-}
-declare const _default: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof StepsTypeEnum;
-    colors: typeof StepsColorEnum;
-};
-export default _default;

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

@@ -1,3 +0,0 @@
-export type StepsType = "numbers" | "gallery";
-export type StepsDotAriaCurrent = "page" | "step" | "location" | "date" | "time";
-export type StepsColor = "primary" | "on-primary-color" | "on-inverted-background";

package/dist/mocked_classnames/components/Steps/StepsCommand.d.ts

@@ -1,35 +0,0 @@
-import React, { type FC } from "react";
-import { type ButtonProps } from "@vibe/button";
-import { type StepsColor } from "./Steps.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface StepsCommandProps extends VibeComponentProps {
-    /**
-     * If true, this button is for moving to the next step.
-     */
-    isNext?: boolean;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * If true, hides the navigation icon.
-     */
-    isIconHidden?: boolean;
-    /**
-     * Props applied to the button.
-     */
-    buttonProps?: Partial<ButtonProps>;
-    /**
-     * The color theme of the button.
-     */
-    color?: StepsColor;
-}
-export declare const StepsCommand: FC<StepsCommandProps>;

package/dist/mocked_classnames/components/Steps/StepsConstants.d.ts

@@ -1,28 +0,0 @@
-export declare const NEXT_TEXT = "Next";
-export declare const BACK_TEXT = "Back";
-export declare const FINISH_TEXT = "Finish";
-/**
- * @deprecated
- */
-export declare enum StepsType {
-    NUMBERS = "numbers",
-    GALLERY = "gallery"
-}
-/**
- * @deprecated
- */
-export declare enum StepsDotAriaCurrent {
-    PAGE = "page",
-    STEP = "step",
-    LOCATION = "location",
-    DATE = "date",
-    TIME = "time"
-}
-/**
- * @deprecated
- */
-export declare enum StepsColor {
-    PRIMARY = "primary",
-    ON_PRIMARY_COLOR = "on-primary-color",
-    ON_INVERTED_BACKGROUND = "on-inverted-background"
-}

package/dist/mocked_classnames/components/Steps/StepsDot.d.ts

@@ -1,26 +0,0 @@
-import { type StepsColor, type StepsDotAriaCurrent } from "./Steps.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import React, { type FC } from "react";
-export interface StepsDotProps extends VibeComponentProps {
-    /**
-     * Callback fired when the dot is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * ARIA attribute to indicate the current step.
-     */
-    ariaCurrent?: StepsDotAriaCurrent | boolean;
-    /**
-     * If true, marks the dot as active.
-     */
-    isActive?: boolean;
-    /**
-     * The ARIA label for the dot.
-     */
-    ariaLabel?: string;
-    /**
-     * The color theme of the dot.
-     */
-    color?: StepsColor;
-}
-export declare const StepsDot: FC<StepsDotProps>;

package/dist/mocked_classnames/components/Steps/StepsGalleryHeader.d.ts

@@ -1,26 +0,0 @@
-import React, { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type StepsColor } from "./Steps.types";
-export interface StepsGalleryHeaderProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;
-    /**
-     * A function to generate step descriptions for accessibility.
-     */
-    stepDescriptionFunc?: (stepIndex: number) => string;
-    /**
-     * The color theme of the gallery header.
-     */
-    color?: StepsColor;
-}
-export declare const StepsGalleryHeader: FC<StepsGalleryHeaderProps>;

package/dist/mocked_classnames/components/Steps/StepsHeader.d.ts

@@ -1,51 +0,0 @@
-import React, { type FC } from "react";
-import { type StepsType, type StepsColor } from "./Steps.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type ButtonProps } from "@vibe/button";
-export interface StepsHeaderProps extends VibeComponentProps {
-    /**
-     * The type of steps header.
-     */
-    type: StepsType;
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * If true, hides the navigation buttons.
-     */
-    areNavigationButtonsHidden: boolean;
-    /**
-     * Props applied to the back button.
-     */
-    backButtonProps: Partial<ButtonProps>;
-    /**
-     * Props applied to the next button.
-     */
-    nextButtonProps: Partial<ButtonProps>;
-    /**
-     * Props applied to the finish button.
-     */
-    finishButtonProps: Partial<ButtonProps>;
-    /**
-     * If true, hides the icons in the navigation buttons.
-     */
-    areButtonsIconsHidden: boolean;
-    /**
-     * The color theme of the steps header.
-     */
-    color?: StepsColor;
-    /**
-     * Callback fired when the finish button is clicked.
-     */
-    onFinish?: (e: React.MouseEvent) => void;
-}
-export declare const StepsHeader: FC<StepsHeaderProps>;

package/dist/mocked_classnames/components/Steps/StepsNumbersHeader.d.ts

@@ -1,18 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type StepsColor } from "./Steps.types";
-export interface StepsNumbersHeaderProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * The color theme of the steps numbers header.
-     */
-    color?: StepsColor;
-}
-export declare const StepsNumbersHeader: FC<StepsNumbersHeaderProps>;

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

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

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

@@ -1,59 +0,0 @@
-import React, { type ChangeEvent, type ReactElement } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type MockToggleProps } from "../Toggle/MockToggle";
-export interface SwitchProps extends VibeComponentProps {
-    /**
-     * The name of the switch input.
-     */
-    name?: string;
-    /**
-     * The value associated with the switch.
-     */
-    value?: string;
-    /**
-     * The ARIA role of the switch.
-     */
-    role?: string;
-    /**
-     * If true, the switch is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The ARIA label for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * The ID of the element labeling the switch.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * If true, the switch is checked.
-     */
-    checked?: boolean;
-    /**
-     * Class name applied to the input element.
-     */
-    inputClassName?: string;
-    /**
-     * Callback fired when the switch state changes.
-     */
-    onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The ID of the element controlled by the switch.
-     */
-    ariaControls?: string;
-    /**
-     * If true, the switch is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child component rendered inside the switch.
-     */
-    children?: ReactElement<MockToggleProps>;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-export default Switch;

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

@@ -1 +0,0 @@
-export { default as Switch, SwitchProps } from "./Switch";