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

package/dist/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/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/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/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/components/ProgressBars/PercentageLabel/PercentageLabel.d.ts

@@ -1,13 +0,0 @@
-import { type FC } from "react";
-export interface PercentageLabelProps {
-    /**
-     * The ID of the element this label is associated with.
-     */
-    forElement: string;
-    /**
-     * The percentage value to display.
-     */
-    value: number;
-}
-declare const PercentageLabel: FC<PercentageLabelProps>;
-export default PercentageLabel;

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

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

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,74 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface RadioButtonProps extends VibeComponentProps {
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * Class name applied to the radio button element.
-     */
-    radioButtonClassName?: string;
-    /**
-     * The label text displayed next to the radio button.
-     */
-    text?: string;
-    /**
-     * The value associated with the radio button.
-     */
-    value?: string;
-    /**
-     * The name of the radio button group.
-     */
-    name?: string;
-    /**
-     * If true, the radio button automatically receives focus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the radio button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The reason why the radio button is disabled, displayed in a tooltip.
-     */
-    disabledReason?: string;
-    /**
-     * If true, the radio button is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child elements inside the radio button.
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback fired when the radio button selection changes.
-     */
-    onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;
-    /**
-     * If provided, controls the checked state of the radio button.
-     */
-    checked?: boolean;
-    /**
-     * If true, clicking on children will trigger selection.
-     */
-    retainChildClick?: boolean;
-    /**
-     * The tab index applied to the children.
-     */
-    childrenTabIndex?: string;
-    /**
-     * If true, disables the label animation.
-     */
-    noLabelAnimation?: boolean;
-    /**
-     * ARIA label for accessibility when no text is provided.
-     */
-    ariaLabel?: string;
-    /**
-     * ID of element that describe this radio button.
-     */
-    ariaDescribedby?: string;
-}
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

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

@@ -1 +0,0 @@
-export { default as RadioButton, type RadioButtonProps } from "./RadioButton";

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

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

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

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

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

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

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import { SkeletonType as SkeletonTypeEnum, TextSkeletonSize as TextSkeletonSizeEnum } from "./SkeletonConstants";
-import { type SkeletonType, type SkeletonSizeType } from "./Skelton.types";
-import { type VibeComponentProps } from "../../types";
-export interface SkeletonProps extends VibeComponentProps {
-    /**
-     * The type of skeleton.
-     */
-    type?: SkeletonType;
-    /**
-     * The predefined size of the skeleton.
-     */
-    size?: SkeletonSizeType;
-    /**
-     * The width of the skeleton in pixels.
-     */
-    width?: number;
-    /**
-     * The height of the skeleton in pixels.
-     */
-    height?: number;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, the skeleton will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-}
-declare const _default: React.FC<SkeletonProps> & {
-    types: typeof SkeletonTypeEnum;
-    sizes: {
-        CUSTOM: string;
-        CIRCLE: {};
-        RECTANGLE: {};
-        TEXT: typeof TextSkeletonSizeEnum;
-    };
-};
-export default _default;

package/dist/components/Skeleton/SkeletonConstants.d.ts

@@ -1,29 +0,0 @@
-export declare const SKELETON_CUSTOM_SIZE = "custom";
-/**
- * @deprecated
- */
-export declare enum SkeletonType {
-    CIRCLE = "circle",
-    RECTANGLE = "rectangle",
-    TEXT = "text"
-}
-/**
- * @deprecated
- */
-export declare enum TextSkeletonSize {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6",
-    P = "p",
-    SMALL = "small"
-}
-export declare const SKELETON_SIZES: {
-    CUSTOM: string;
-    CIRCLE: {};
-    RECTANGLE: {};
-    TEXT: typeof TextSkeletonSize;
-};
-export type SkeletonSizeType = TextSkeletonSize | typeof SKELETON_CUSTOM_SIZE;

package/dist/components/Skeleton/Skelton.types.d.ts

@@ -1,4 +0,0 @@
-export type SkeletonType = "circle" | "rectangle" | "text";
-type TextSkeletonSize = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small";
-export type SkeletonSizeType = TextSkeletonSize | "custom";
-export {};

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

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

package/dist/components/SlideTransition/SlideTransition.d.ts

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

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

@@ -1,20 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface SlideTransitionProps extends VibeComponentProps {
-    /**
-     * The direction of the slide transition.
-     */
-    direction: SlideDirection;
-    /**
-     * Custom inline styles applied to the transition container.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The content inside the transition container.
-     */
-    children: React.ReactNode;
-}
-/**
- * Defines the possible slide transition directions.
- */
-export type SlideDirection = "forward" | "backward";

package/dist/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/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,128 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type IconType } from "@vibe/icon";
-import { SliderColor as SliderColorEnum } from "./SliderConstants";
-import { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from "./Slider.types";
-export type SliderProps = {
-    /**
-     * Define a string that labels the current element (Slider)
-     */
-    ariaLabel?: string;
-    /**
-     * ElementId of Node that have the text needed for labeling the current element (Slider)
-     */
-    ariaLabelledby?: 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 _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>> & {
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    colors: typeof SliderColorEnum;
-};
-export default _default;

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 "../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,20 +0,0 @@
-import React, { type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type VibeComponent } from "../../../types";
-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: VibeComponent<SliderRailProps, 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;