@vibe/core 3.87.0 → 4.0.0-alpha.1

package/dist/mocked_classnames/components/Menu/MenuTitle/MenuTitleConstants.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum MenuTitleCaptionPosition {
-    TOP = "top",
-    BOTTOM = "bottom",
-    CENTER = "center"
-}

package/dist/mocked_classnames/components/MenuButton/MenuButtonConstants.d.ts

@@ -1,17 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum MenuButtonSize {
-    XXS = "xxs",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-/**
- * @deprecated
- */
-export declare enum MenuButtonComponentPosition {
-    START = "start",
-    END = "end"
-}

package/dist/mocked_classnames/components/Modal/utils/animationVariants.d.ts

@@ -1,5 +0,0 @@
-import { type Variants } from "framer-motion";
-export declare const modalAnimationOverlayVariants: Variants;
-export declare const modalAnimationCenterPopVariants: Variants;
-export declare const modalAnimationAnchorPopVariants: Variants;
-export declare const modalAnimationFullViewVariants: Variants;

package/dist/mocked_classnames/components/MultiStepIndicator/MultiStepConstants.d.ts

@@ -1,31 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum MultiStepType {
-    PRIMARY = "primary",
-    SUCCESS = "success",
-    DANGER = "danger",
-    DARK = "dark"
-}
-/**
- * @deprecated
- */
-export declare enum StepStatus {
-    PENDING = "pending",
-    ACTIVE = "active",
-    FULFILLED = "fulfilled"
-}
-/**
- * @deprecated
- */
-export declare enum TextPlacement {
-    HORIZONTAL = "horizontal",
-    VERTICAL = "vertical"
-}
-/**
- * @deprecated
- */
-export declare enum Size {
-    REGULAR = "regular",
-    COMPACT = "compact"
-}

package/dist/mocked_classnames/components/ProgressBars/LinearProgressBar/Bar/Bar.d.ts

@@ -1,44 +0,0 @@
-import { type FC } from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type LinearProgressBarStyle } from "../LinearProgressBar.types";
-export type BarType = "primary" | "secondary";
-export interface BarProps extends VibeComponentProps {
-    /**
-     * Determines the visual style of the progress bar.
-     */
-    barStyle?: LinearProgressBarStyle;
-    /**
-     * The minimum value of the progress bar.
-     */
-    min?: number;
-    /**
-     * The maximum value of the progress bar.
-     */
-    max?: number;
-    /**
-     * The current progress value.
-     */
-    value?: number;
-    /**
-     * If true, enables animation effects.
-     */
-    animated?: boolean;
-    /**
-     * Base class name for the bar.
-     */
-    baseClass?: string;
-    /**
-     * The ARIA label describing the progress bar.
-     */
-    barLabelName?: string;
-    /**
-     * Custom color for the progress bar.
-     */
-    color?: string;
-    /**
-     * The type of the bar.
-     */
-    type?: BarType;
-}
-declare const Bar: FC<BarProps>;
-export default Bar;

package/dist/mocked_classnames/components/ProgressBars/LinearProgressBar/LinearProgressBar.d.ts

@@ -1,78 +0,0 @@
-import React from "react";
-import { ProgressBarStyle as ProgressBarStyleEnum, ProgressBarType as ProgressBarTypeEnum } from "./LinearProgressBarConstants";
-import { type LinearProgressBarSize, type LinearProgressBarStyle } from "./LinearProgressBar.types";
-import { type VibeComponentProps } from "../../../types";
-export interface LinearProgressBarProps extends VibeComponentProps {
-    /**
-     * Determines the visual style of the progress bar.
-     */
-    barStyle?: LinearProgressBarStyle;
-    /**
-     * The minimum value of the progress bar.
-     */
-    min?: number;
-    /**
-     * The maximum value of the progress bar.
-     */
-    max?: number;
-    /**
-     * The current progress value.
-     */
-    value?: number;
-    /**
-     * The secondary progress value.
-     */
-    valueSecondary?: number;
-    /**
-     * If true, enables animation effects.
-     */
-    animated?: boolean;
-    /**
-     * The size of the progress bar.
-     */
-    size?: LinearProgressBarSize;
-    /**
-     * If true, displays the progress percentage.
-     */
-    indicateProgress?: boolean;
-    /**
-     * If true, enables multiple progress bars.
-     * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.
-     */
-    multi?: boolean;
-    /**
-     * An array of bar values and colors for multi-bar mode.
-     */
-    multiValues?: {
-        /**
-         * The progress value for a bar.
-         */
-        value?: number;
-        /**
-         * The bar color in hex format (`#000000` - `#ffffff`).
-         */
-        color?: string;
-    }[];
-    /**
-     * The ARIA label for the progress bar.
-     */
-    ariaLabel?: string;
-    /**
-     * If true, makes the progress bar span the full container width.
-     */
-    fullWidth?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<LinearProgressBarProps & React.RefAttributes<HTMLElement>> & {
-    styles: typeof ProgressBarStyleEnum;
-    barStyles: typeof ProgressBarStyleEnum;
-    types: typeof ProgressBarTypeEnum;
-    barTypes: typeof ProgressBarTypeEnum;
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-};
-export default _default;

package/dist/mocked_classnames/components/ProgressBars/LinearProgressBar/LinearProgressBar.types.d.ts

@@ -1,3 +0,0 @@
-import { type SIZES } from "../../../constants";
-export type LinearProgressBarStyle = "primary" | "secondary" | "positive" | "negative" | "warning" | "none";
-export type LinearProgressBarSize = (typeof SIZES)[keyof typeof SIZES];

package/dist/mocked_classnames/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.d.ts

@@ -1,18 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum ProgressBarType {
-    PRIMARY = "primary",
-    SECONDARY = "secondary"
-}
-/**
- * @deprecated
- */
-export declare enum ProgressBarStyle {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    WARNING = "warning",
-    NONE = "none"
-}

package/dist/mocked_classnames/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.d.ts

@@ -1,4 +0,0 @@
-import { type SIZES } from "./../../../constants/sizes";
-export type Size = (typeof SIZES)[keyof typeof SIZES];
-export declare const calculatePercentage: (value: number, min: number, max: number) => number;
-export declare const getProgressBarClassNames: (value: number) => string;

package/dist/mocked_classnames/components/SlideTransition/utils/animationVariants.d.ts

@@ -1,13 +0,0 @@
-import { type SlideDirection } from "../SlideTransition.types";
-export declare const slideAnimationVariants: {
-    initial: (direction: SlideDirection) => {
-        x: string;
-    };
-    enter: {
-        x: number;
-    };
-};
-export declare const slideAnimationTransition: {
-    duration: number;
-    ease: number[];
-};

package/dist/mocked_classnames/components/Tabs/TabPanels/TabPanelsConstants.d.ts

@@ -1,7 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TabPanelsAnimationDirection {
-    RTL = "rtl",
-    LTR = "ltr"
-}

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

@@ -1,21 +0,0 @@
-import React from "react";
-export interface TipseenImageProps {
-    /**
-     * The source URL of the image.
-     */
-    src?: string | undefined;
-    /**
-     * The alternative text for the image, used for accessibility.
-     */
-    alt?: string;
-    /**
-     * Class name applied to the image element.
-     */
-    className?: string;
-    /**
-     * Class name applied to the TipseenMedia container.
-     */
-    tipseenMediaClassName?: string;
-}
-declare const TipseenImage: React.FC<TipseenImageProps>;
-export default TipseenImage;

package/dist/mocked_classnames/components/next/AttentionBox/AttentionBox.d.ts

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

package/dist/mocked_classnames/components/next/AttentionBox/AttentionBox.types.d.ts

@@ -1,70 +0,0 @@
-import type { ReactNode, MouseEvent } from "react";
-import type { VibeComponentProps } from "../../../types";
-import type { SubIcon, IconType } from "@vibe/icon";
-import type { AttentionBoxButtonProps } from "./components/AttentionBoxButton/AttentionBoxButton";
-import type { AttentionBoxLinkProps } from "./components/AttentionBoxLink/AttentionBoxLink";
-export type AttentionBoxType = "primary" | "positive" | "negative" | "warning" | "neutral";
-export type AttentionBoxContentProps = {
-    /**
-     * The main text content
-     */
-    text: string;
-    children?: never;
-} | {
-    /**
-     * Custom children to override the default text content
-     */
-    children: ReactNode;
-    text?: never;
-};
-export interface AttentionBoxLayoutSharedProps extends Pick<AttentionBoxProps, "icon" | "iconType" | "onClose" | "closeButtonAriaLabel" | "action" | "link"> {
-    content: ReactNode;
-}
-export type AttentionBoxCompactTitleProps = {
-    compact?: false;
-    /**
-     * The title of the attention box
-     */
-    title?: string;
-} | {
-    /**
-     * When true, the attention box will be displayed in compact mode of one-liner
-     */
-    compact: true;
-    title?: never;
-};
-export type AttentionBoxRole = "alert" | "status";
-export type AttentionBoxProps = VibeComponentProps & AttentionBoxContentProps & AttentionBoxCompactTitleProps & {
-    /**
-     * The variant type of the attention box
-     */
-    type?: AttentionBoxType;
-    /**
-     * The type of the icon
-     */
-    iconType?: IconType;
-    /**
-     * The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.
-     */
-    icon?: SubIcon | false;
-    /**
-     * Callback when the close button is clicked
-     */
-    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Custom aria label for the close button
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * Whether to animate the entrance
-     */
-    animate?: boolean;
-    /**
-     * Action button configuration
-     */
-    action?: AttentionBoxButtonProps;
-    /**
-     * Link configuration
-     */
-    link?: Omit<AttentionBoxLinkProps, "inlineText">;
-};

package/dist/mocked_classnames/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import type { LinkProps } from "../../../../Link";
-export type AttentionBoxLinkProps = LinkProps;
-declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default AttentionBoxLink;

package/dist/mocked_classnames/components/next/AttentionBox/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AttentionBox } from "./AttentionBox";
-export type { AttentionBoxProps, AttentionBoxType } from "./AttentionBox.types";

package/dist/mocked_classnames/components/next/DatePicker/DatePicker.d.ts

@@ -1,8 +0,0 @@
-import { type FC } from "react";
-import { type DatePickerProps } from "./DatePicker.types";
-export declare const DEFAULT_TIME: {
-    hours: number;
-    minutes: number;
-};
-declare const DatePicker: FC<DatePickerProps>;
-export default DatePicker;

package/dist/mocked_classnames/components/next/DatePicker/index.d.ts

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

package/dist/mocked_classnames/components/next/Dialog/Dialog.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type DialogProps } from "./Dialog.types";
-declare function Dialog({ id, "data-testid": dataTestId, children, content, position, moveBy, middleware: middlewareProp, startingEdge, showDelay, hideDelay, instantShowAndHide, getDynamicShowDelay, showTrigger, hideTrigger, showOnDialogEnter, showTriggerIgnoreClass, hideTriggerIgnoreClass, addKeyboardHideShowTriggersByDefault, shouldShowOnMount, disable, open, isOpen: isOpenProp, useDerivedStateFromProps, animationType, preventAnimationOnMount, tooltip, tooltipClassName, containerSelector, disableContainerScroll, zIndex, wrapperClassName, referenceWrapperClassName, referenceWrapperElement, onBlur: onBlurProp, onKeyDown: onKeyDownProp, onClick: onClickProp, onFocus: onFocusProp, onMouseDown: onMouseDownProp, onMouseEnter: onMouseEnterProp, onMouseLeave: onMouseLeaveProp, onContextMenu: onContextMenuProp, onDialogDidShow, onDialogDidHide, onClickOutside: onClickOutsideProp, onContentClick: onContentClickProp, hideWhenReferenceHidden, shouldCallbackOnMount, observeContentResize, enableNestedDialogLayer }: DialogProps): React.JSX.Element;
-export default Dialog;

package/dist/mocked_classnames/components/next/Dialog/Dialog.types.d.ts

@@ -1,218 +0,0 @@
-import type React from "react";
-import type { ReactElement } from "react";
-import type { VibeComponentProps } from "@vibe/shared";
-import type { Middleware, Placement } from "@floating-ui/react-dom";
-export type DialogType = "modal" | "popover";
-export type DialogSize = "none" | "small" | "medium" | "large";
-export type DialogPosition = "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
-export type DialogTriggerEvent = "click" | "clickoutside" | "esckey" | "tab" | "mouseenter" | "mouseleave" | "enter" | "mousedown" | "focus" | "blur" | "onContentClick" | "contextmenu";
-export type DialogAnimationType = "opacity-and-slide" | "expand";
-export type DialogStartingEdge = "top" | "bottom";
-export type DialogOffset = {
-    main?: number;
-    secondary?: number;
-};
-export type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;
-export type DialogMiddleware = Middleware;
-export type DialogPlacement = Placement;
-export interface DialogProps extends VibeComponentProps {
-    /**
-     * Event handler for blur events on the reference element.
-     */
-    onBlur?: (e: React.FocusEvent) => void;
-    /**
-     * Event handler for keydown events on the reference element.
-     */
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    /**
-     * Event handler for click events on the reference element.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Event handler for focus events on the reference element.
-     */
-    onFocus?: (e: React.FocusEvent) => void;
-    /**
-     * Event handler for mousedown events on the reference element.
-     */
-    onMouseDown?: (e: React.MouseEvent) => void;
-    /**
-     * Event handler for mouseenter events on the reference element.
-     */
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    /**
-     * Event handler for mouseleave events on the reference element.
-     */
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    /**
-     * Event handler for contextmenu events on the reference element.
-     */
-    onContextMenu?: (e: React.MouseEvent) => void;
-    /**
-     * Class name applied to the reference wrapper element.
-     */
-    referenceWrapperClassName?: string;
-    /**
-     * The wrapper element type to use for React components. Defaults to "span".
-     */
-    referenceWrapperElement?: "span" | "div";
-    /**
-     * The placement of the dialog relative to the reference element.
-     */
-    position?: DialogPosition;
-    /**
-     * Custom Floating UI middleware for positioning logic.
-     * If you provide `offset`, `flip`, or `shift` middleware, the defaults will be skipped.
-     * Other middleware (like `size`, `inline`, `autoPlacement`) are added to the chain.
-     * @see https://floating-ui.com/docs/middleware
-     */
-    middleware?: DialogMiddleware[];
-    /**
-     * The starting edge of the dialog animation.
-     */
-    startingEdge?: DialogStartingEdge;
-    /**
-     * Offset values for positioning adjustments.
-     * `main` - distance from reference element
-     * `secondary` - cross-axis offset (skidding)
-     */
-    moveBy?: {
-        main?: number;
-        secondary?: number;
-    };
-    /**
-     * Delay in milliseconds before showing the dialog.
-     */
-    showDelay?: number;
-    /**
-     * Delay in milliseconds before hiding the dialog.
-     */
-    hideDelay?: number;
-    /**
-     * Events that trigger showing the dialog.
-     */
-    showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
-    /**
-     * Events that trigger hiding the dialog.
-     */
-    hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
-    /**
-     * If true, keeps the dialog open when mouse enters it.
-     */
-    showOnDialogEnter?: boolean;
-    /**
-     * If true, shows the dialog when the component mounts.
-     */
-    shouldShowOnMount?: boolean;
-    /**
-     * If true, disables opening the dialog.
-     */
-    disable?: boolean;
-    /**
-     * Controls the open state of the dialog (controlled mode).
-     */
-    open?: boolean;
-    /**
-     * Controlled open state for derived state pattern.
-     */
-    isOpen?: boolean;
-    /**
-     * CSS class names that, when present on target, prevent showing the dialog.
-     */
-    showTriggerIgnoreClass?: string | string[];
-    /**
-     * CSS class names that, when present on target, prevent hiding the dialog.
-     */
-    hideTriggerIgnoreClass?: string | string[];
-    /**
-     * The animation type used for the dialog.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * Class name applied to the dialog content wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, prevents animation when mounting.
-     */
-    preventAnimationOnMount?: boolean;
-    /**
-     * CSS selector of the container where the dialog is portaled.
-     */
-    containerSelector?: string;
-    /**
-     * If true, renders with tooltip arrow styling.
-     */
-    tooltip?: boolean;
-    /**
-     * Class name applied to the tooltip arrow element.
-     */
-    tooltipClassName?: string;
-    /**
-     * Callback fired when the dialog is shown.
-     */
-    onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;
-    /**
-     * Callback fired when the dialog is hidden.
-     */
-    onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;
-    /**
-     * Callback fired when clicking outside the dialog.
-     */
-    onClickOutside?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when clicking inside the dialog content.
-     */
-    onContentClick?: (event: React.MouseEvent) => void;
-    /**
-     * The z-index applied to the dialog.
-     */
-    zIndex?: number;
-    /**
-     * If true, uses derived state from props pattern.
-     */
-    useDerivedStateFromProps?: boolean;
-    /**
-     * If true, hides the dialog when the reference element scrolls out of view.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * If true, fires onDialogDidShow callback on mount.
-     */
-    shouldCallbackOnMount?: boolean;
-    /**
-     * If true, shows and hides the dialog without delay.
-     */
-    instantShowAndHide?: boolean;
-    /**
-     * Callback to dynamically adjust show delay and animation behavior.
-     */
-    getDynamicShowDelay?: () => {
-        showDelay: number;
-        preventAnimation: boolean;
-    };
-    /**
-     * The content displayed inside the dialog. Can be a render function.
-     */
-    content?: (() => JSX.Element) | JSX.Element;
-    /**
-     * The reference element(s) that the dialog is positioned relative to.
-     */
-    children?: ReactElement | ReactElement[] | string;
-    /**
-     * If true, keyboard focus/blur events behave like mouse enter/leave.
-     */
-    addKeyboardHideShowTriggersByDefault?: boolean;
-    /**
-     * If true or a selector string, disables scrolling in the container when open.
-     */
-    disableContainerScroll?: boolean | string;
-    /**
-     * If true, automatically updates position when content resizes.
-     */
-    observeContentResize?: boolean;
-    /**
-     * If true, provides LayerProvider context for nested dialogs.
-     */
-    enableNestedDialogLayer?: boolean;
-}

package/dist/mocked_classnames/components/next/Dialog/components/DialogContent/DialogContent.d.ts

@@ -1,79 +0,0 @@
-import React, { type CSSProperties, type ReactElement } from "react";
-import { type VibeComponentProps } from "@vibe/shared";
-import { type DialogAnimationType, type DialogTriggerEvent, type DialogStartingEdge, type DialogPlacement } from "../../Dialog.types";
-export interface DialogContentProps extends VibeComponentProps {
-    /**
-     * The content inside the dialog.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * The placement of the dialog relative to the reference element.
-     */
-    position?: DialogPlacement;
-    /**
-     * Class name applied to the dialog wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, the dialog is open.
-     */
-    isOpen?: boolean;
-    /**
-     * The starting edge for animation direction.
-     */
-    startingEdge?: DialogStartingEdge;
-    /**
-     * The animation type used for showing/hiding the dialog.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * Callback fired when the Escape key is pressed.
-     */
-    onEsc?: (event: React.KeyboardEvent) => void;
-    /**
-     * Callback fired when the mouse enters the dialog.
-     */
-    onMouseEnter?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse leaves the dialog.
-     */
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when clicking outside the dialog.
-     */
-    onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;
-    /**
-     * Callback fired when clicking inside the dialog.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Delay before showing the dialog (used for animation timing).
-     */
-    showDelay?: number;
-    /**
-     * Inline styles applied to the dialog wrapper.
-     */
-    styleObject?: CSSProperties;
-    /**
-     * If true, indicates the reference element is hidden.
-     */
-    isReferenceHidden?: boolean;
-    /**
-     * If true, applies tooltip arrow styling.
-     */
-    hasTooltip?: boolean;
-    /**
-     * CSS selector of the container for scroll disabling.
-     */
-    containerSelector?: string;
-    /**
-     * If true or a selector string, disables scrolling when open.
-     */
-    disableContainerScroll?: boolean | string;
-    /**
-     * Callback fired on context menu (right-click) events.
-     */
-    onContextMenu?: (e: React.MouseEvent) => void;
-}
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLElement>>;
-export default DialogContent;