@vibe/core 4.5.23 → 4.5.25

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { type InfixKind } from "./Slider.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface SelectionIndicatorProps extends VibeComponentProps {
-    /**
-     * Determines whether the selection indicator is a prefix or postfix.
-     */
-    kind?: InfixKind;
-    /**
-     * The key for the selection indicator (used for React key uniqueness).
-     */
-    key?: InfixKind;
-}
-declare const SelectionIndicator: React.FC<SelectionIndicatorProps>;
-export default SelectionIndicator;

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/hooks/useItemsOverflow/useItemsOverflow.d.ts

@@ -1,15 +0,0 @@
-import { type RefObject } from "react";
-/**
- * Custom hook that calculates how many items can fit in a container without overflowing
- */
-export default function useItemsOverflow({ containerRef, gap, deductedSpaceRef, deductedWidth, itemRefs, minVisibleCount }: {
-    containerRef: RefObject<HTMLElement>;
-    gap: number;
-    deductedSpaceRef?: RefObject<HTMLElement>;
-    deductedWidth?: number;
-    itemRefs: RefObject<HTMLElement>[];
-    minVisibleCount?: number;
-}): {
-    visibleCount: number;
-    hasMeasured: boolean;
-};

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface BreadcrumbContentProps extends VibeComponentProps {
-    /**
-     * If true, the breadcrumb is clickable.
-     */
-    isClickable?: boolean;
-    /**
-     * The URL the breadcrumb links to.
-     */
-    link?: string;
-    /**
-     * Callback fired when the breadcrumb is clicked.
-     */
-    onClick?: () => void;
-    /**
-     * The text displayed inside the breadcrumb.
-     */
-    text?: string;
-    /**
-     * The icon displayed next to the text.
-     */
-    icon?: SubIcon;
-    /**
-     * If true, the breadcrumb represents the current page.
-     */
-    isCurrent?: boolean;
-    /**
-     * If true, the breadcrumb is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the breadcrumb text is shown.
-     */
-    showText?: boolean;
-}
-export declare const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>>;

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -1,39 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface BreadcrumbItemProps extends VibeComponentProps {
-    /**
-     * The display text of the breadcrumb item.
-     */
-    text?: string;
-    /**
-     * If true, the item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the item is clickable.
-     */
-    isClickable?: boolean;
-    /**
-     * The URL the item links to if navigation is handled via a link.
-     */
-    link?: string;
-    /**
-     * Callback fired when the item is clicked.
-     */
-    onClick?: () => void;
-    /**
-     * If true, applies styling for the current page.
-     */
-    isCurrent?: boolean;
-    /**
-     * The icon displayed next to the text.
-     */
-    icon?: SubIcon;
-    /**
-     * If true, the breadcrumb text is shown.
-     */
-    showText?: boolean;
-}
-declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
-export default BreadcrumbItem;

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-export interface BreadcrumbMenuProps extends VibeComponentProps {
-    children: React.ReactNode;
-}
-declare const BreadcrumbMenu: React.ForwardRefExoticComponent<BreadcrumbMenuProps & React.RefAttributes<HTMLLIElement>>;
-export default BreadcrumbMenu;

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts

@@ -1,12 +0,0 @@
-import { type ForwardRefExoticComponent, type RefAttributes } from "react";
-import { type MenuItemProps } from "@vibe/menu";
-export interface BreadcrumbMenuItemProps extends MenuItemProps {
-    /** Link to navigate to when item is clicked */
-    link?: string;
-}
-interface BreadcrumbMenuItemComponent extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {
-    isMenuChild?: boolean;
-    isSelectable?: boolean;
-}
-declare const BreadcrumbMenuItem: BreadcrumbMenuItemComponent;
-export default BreadcrumbMenuItem;

package/dist/mocked_classnames/components/BreadcrumbsBar/Breadcrumbs.types.d.ts

@@ -1 +0,0 @@
-export type BreadcrumbsBarType = "navigation" | "indication";

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

@@ -1,17 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type BreadcrumbsBarType } from "./Breadcrumbs.types";
-import { type BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
-import { type VibeComponentProps } from "../../types";
-import { type BreadcrumbMenuProps } from "./BreadcrumbMenu/BreadcrumbMenu";
-export interface BreadcrumbBarProps extends VibeComponentProps {
-    /**
-     * The type of the breadcrumb bar, determining if it is navigational or for indication only.
-     */
-    type: BreadcrumbsBarType;
-    /**
-     * The breadcrumb items displayed in the bar.
-     */
-    children: ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps> | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>[];
-}
-declare const BreadcrumbsBar: ({ className, children, type, id, "data-testid": dataTestId }: BreadcrumbBarProps) => React.JSX.Element;
-export default BreadcrumbsBar;

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

@@ -1,5 +0,0 @@
-export { default as BreadcrumbsBar, type BreadcrumbBarProps } from "./BreadcrumbsBar";
-export { default as BreadcrumbItem, type BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
-export { default as BreadcrumbMenu, type BreadcrumbMenuProps } from "./BreadcrumbMenu/BreadcrumbMenu";
-export { default as BreadcrumbMenuItem, type BreadcrumbMenuItemProps } from "./BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem";
-export * from "./Breadcrumbs.types";

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

@@ -1,7 +0,0 @@
-import React from "react";
-import { type BaseDropdownProps } from "./Dropdown.types";
-import { type BaseItemData } from "@vibe/base-list";
-declare const _default: <Item extends BaseItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement;
-export default _default;