@vibe/core 4.5.20 → 4.5.22

package/dist/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.
-     */
-    "aria-label"?: string;
-    /**
-     * The color theme of the dot.
-     */
-    color?: StepsColor;
-}
-export declare const StepsDot: FC<StepsDotProps>;

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

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

package/dist/components/TextArea/TextArea.d.ts

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

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

@@ -1,67 +0,0 @@
-import { type TextareaHTMLAttributes } from "react";
-import { type VibeComponentProps } from "../../types";
-export type TextAreaSize = "small" | "large";
-type TextAreaNativeInputProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "role" | "aria-describedby" | "aria-invalid">;
-export interface TextAreaProps extends TextAreaNativeInputProps, VibeComponentProps {
-    /**
-     * The current value of the textarea.
-     */
-    value?: string;
-    /**
-     * Determines the size of the textarea text as well as the default row count.
-     */
-    size?: TextAreaSize;
-    /**
-     * If true, applies success styling to the textarea.
-     */
-    success?: boolean;
-    /**
-     * If true, applies error styling to the textarea.
-     */
-    error?: boolean;
-    /**
-     * The label associated with the textarea.
-     */
-    label?: string;
-    /**
-     * Callback fired when the textarea value changes.
-     */
-    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    /**
-     * Help text displayed below the textarea.
-     */
-    helpText?: string;
-    /**
-     * The accessibility label for the textarea.
-     */
-    "aria-label"?: React.AriaAttributes["aria-label"];
-    /**
-     * If true, the textarea can be resized vertically.
-     */
-    resize?: boolean;
-    /**
-     * The placeholder text displayed when the textarea is empty.
-     */
-    placeholder?: string;
-    /**
-     * The maximum number of characters allowed.
-     */
-    maxLength?: number;
-    /**
-     * If true, allows the user to exceed the character limit set by `maxLength`.
-     */
-    allowExceedingMaxLength?: boolean;
-    /**
-     * If true, displays the character count below the textarea.
-     */
-    showCharCount?: boolean;
-    /**
-     * If true, disables the textarea.
-     */
-    disabled?: boolean;
-    /**
-     * If true, makes the textarea read-only.
-     */
-    readOnly?: boolean;
-}
-export {};

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

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

package/dist/components/TextField/TextField.d.ts

@@ -1,186 +0,0 @@
-import React from "react";
-import { type TextFieldType, type TextFieldSize } from "./TextField.types";
-import { type VibeComponentProps } from "../../types";
-export interface TextFieldProps extends VibeComponentProps {
-    /**
-     * The placeholder text displayed when the input is empty.
-     */
-    placeholder?: string;
-    /**
-     * Configures the browser's autocomplete behavior.
-     */
-    autoComplete?: string;
-    /**
-     * The current value of the text field.
-     */
-    value?: string;
-    /**
-     * Callback fired when the text field value changes.
-     */
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, "target">) => void;
-    /**
-     * Callback fired when the text field loses focus.
-     */
-    onBlur?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when the text field gains focus.
-     */
-    onFocus?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when a key is pressed inside the text field.
-     */
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    /**
-     * Callback fired when the mouse wheel is used inside the text field.
-     */
-    onWheel?: (event: React.WheelEvent) => void;
-    /**
-     * The debounce rate for input value changes.
-     */
-    debounceRate?: number;
-    /**
-     * If true, the input is automatically focused on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, disables the text field.
-     */
-    disabled?: boolean;
-    /**
-     * If true, makes the text field read-only.
-     */
-    readonly?: boolean;
-    /**
-     * A function to set a reference to the input element.
-     */
-    setRef?: (node: HTMLElement) => void;
-    /**
-     * The primary icon displayed inside the text field.
-     */
-    icon?: string | React.FunctionComponent | null;
-    /**
-     * The secondary icon displayed inside the text field.
-     */
-    secondaryIconName?: string | React.FunctionComponent | null;
-    /**
-     * The label displayed above the text field.
-     */
-    title?: string;
-    /**
-     * The size of the text field.
-     */
-    size?: TextFieldSize;
-    /**
-     * Validation state for the text field.
-     */
-    validation?: {
-        status?: "error" | "success";
-        text?: string | React.ReactNode;
-    };
-    /**
-     * Class name applied to the text field wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * Callback fired when the icon inside the text field is clicked.
-     */
-    onIconClick?: (icon: string | React.FunctionComponent | null) => void;
-    /**
-     * If true, clears the input when the icon is clicked.
-     */
-    clearOnIconClick?: boolean;
-    /**
-     * The icon displayed inside the label.
-     */
-    labelIconName?: string | React.FunctionComponent | null;
-    /**
-     * If true, displays the character count.
-     */
-    showCharCount?: boolean;
-    /**
-     * The ARIA label for the input field.
-     */
-    inputAriaLabel?: string;
-    /**
-     * The ID of the container where search results are displayed.
-     */
-    searchResultsContainerId?: string;
-    /**
-     * The ID of the currently active search result.
-     */
-    activeDescendant?: string;
-    /**
-     * Accessible label for the primary icon.
-     */
-    iconLabel?: string;
-    /**
-     * Accessible label for the secondary icon.
-     */
-    secondaryIconLabel?: string;
-    /**
-     * The type of the text field.
-     */
-    type?: TextFieldType;
-    /**
-     * The maximum number of characters allowed.
-     */
-    maxLength?: number;
-    /**
-     * If true, allows the user to exceed the character limit set by `maxLength`.
-     */
-    allowExceedingMaxLength?: boolean;
-    /**
-     * If true, trims whitespace from the input value.
-     */
-    trim?: boolean;
-    /**
-     * The ARIA role of the text field.
-     */
-    role?: string;
-    /**
-     * If true, marks the input as required.
-     */
-    required?: boolean;
-    /**
-     * The error message displayed when a required field is left empty.
-     */
-    requiredErrorText?: string;
-    /**
-     * If true, displays a loading indicator inside the text field.
-     */
-    loading?: boolean;
-    /**
-     * Test ID for the secondary icon.
-     */
-    secondaryDataTestId?: string;
-    /**
-     * The tab order of the input field.
-     */
-    tabIndex?: number;
-    /**
-     * The name attribute for the input field.
-     */
-    name?: string;
-    /**
-     * If true, renders only an underline style for the text field.
-     */
-    underline?: boolean;
-    /**
-     * If true, the component is controlled by an external state.
-     */
-    controlled?: boolean;
-    /**
-     * Tooltip content for the primary icon.
-     */
-    iconTooltipContent?: string;
-    /**
-     * Tooltip content for the secondary icon.
-     */
-    secondaryTooltipContent?: string;
-    /**
-     * The text direction of the input.
-     */
-    dir?: "ltr" | "rtl" | "auto";
-}
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<unknown>>;
-export default TextField;

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

@@ -1,3 +0,0 @@
-export type TextFieldType = "text" | "password" | "search" | "date" | "datetime-local" | "number" | "tel" | "url" | "email";
-export type TextFieldFeedbackState = "error" | "success";
-export type TextFieldSize = "small" | "medium" | "large";

package/dist/components/TextField/TextFieldConstants.d.ts

@@ -1,21 +0,0 @@
-import { BASE_SIZES } from "../../constants";
-export declare enum TextFieldAriaLabel {
-    CHAR = "Input char count",
-    VALIDATION_TEXT = "Additional helper text"
-}
-declare const OLD_TEXT_FIELD_SIZES: {
-    s: "small";
-    md: "medium";
-    l: "large";
-};
-export type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;
-export declare const FEEDBACK_CLASSES: {
-    error: string;
-    success: string;
-};
-export declare const SIZE_MAPPER: {
-    small: string;
-    medium: string;
-    large: string;
-};
-export {};

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

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

package/dist/components/Toast/Toast.d.ts

@@ -1,57 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type IconSubComponentProps } from "@vibe/icon";
-import { type ToastType, type ToastAction } from "./Toast.types";
-import { type VibeComponentProps } from "../../types";
-export interface ToastProps extends VibeComponentProps {
-    /**
-     * The actions available in the toast.
-     */
-    actions?: ToastAction[];
-    /**
-     * If true, the toast is open (visible).
-     */
-    open?: boolean;
-    /**
-     * If true, displays a loading indicator inside the toast.
-     */
-    loading?: boolean;
-    /**
-     * The type of toast.
-     */
-    type?: ToastType;
-    /**
-     * The icon displayed in the toast.
-     */
-    icon?: string | React.FC<IconSubComponentProps> | null;
-    /**
-     * If true, hides the toast icon.
-     */
-    hideIcon?: boolean;
-    /**
-     * The action element displayed in the toast.
-     */
-    action?: JSX.Element;
-    /**
-     * If false, hides the close button.
-     */
-    closeable?: boolean;
-    /**
-     * Callback fired when the toast is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The number of milliseconds before the toast automatically closes.
-     * (0 or null disables auto-close behavior).
-     */
-    autoHideDuration?: number;
-    /**
-     * The content displayed inside the toast.
-     */
-    children?: ReactElement | ReactElement[] | string;
-    /**
-     * The aria-label for the close button.
-     */
-    closeButtonAriaLabel?: string;
-}
-declare const Toast: ({ open, loading, autoHideDuration, type, icon, hideIcon, action: deprecatedAction, actions, children, closeable, onClose, className, id, closeButtonAriaLabel, "data-testid": dataTestId }: ToastProps) => React.JSX.Element;
-export default Toast;

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

@@ -1,9 +0,0 @@
-export type ToastType = "normal" | "positive" | "negative" | "warning" | "dark";
-export type ToastActionType = "link" | "button";
-export type ToastAction = {
-    type: ToastActionType;
-    content?: string;
-    text?: string;
-    href?: string;
-    [key: string]: any;
-};

package/dist/components/Toast/ToastButton/ToastButton.d.ts

@@ -1,5 +0,0 @@
-import { type ButtonProps } from "@vibe/button";
-import { type FC } from "react";
-export type ToastButtonProps = ButtonProps;
-declare const ToastButton: FC<ToastButtonProps>;
-export default ToastButton;

package/dist/components/Toast/ToastConstants.d.ts

@@ -1,7 +0,0 @@
-export declare const defaultIconMap: {
-    normal: import("react").FC<import("@vibe/icons/dist/react/Info").InfoProps>;
-    positive: import("react").FC<import("@vibe/icons/dist/react/Check").CheckProps>;
-    negative: import("react").FC<import("@vibe/icons/dist/react/Alert").AlertProps>;
-    warning: import("react").FC<import("@vibe/icons/dist/react/Warning").WarningProps>;
-    dark: import("react").FC<import("@vibe/icons/dist/react/Info").InfoProps>;
-};

package/dist/components/Toast/ToastHelpers.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type IconSubComponentProps } from "@vibe/icon";
-import { type ToastType } from "./Toast.types";
-export declare const getIcon: (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => React.JSX.Element;

package/dist/components/Toast/ToastLink/ToastLink.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from "react";
-import { type LinkProps } from "@vibe/link";
-export type ToastLinkProps = LinkProps;
-declare const ToastLink: FC<ToastLinkProps>;
-export default ToastLink;

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

@@ -1,4 +0,0 @@
-export { default as Toast, type ToastProps } from "./Toast";
-export { default as ToastButton, type ToastButtonProps } from "./ToastButton/ToastButton";
-export { default as ToastLink, type ToastLinkProps } from "./ToastLink/ToastLink";
-export * from "./Toast.types";

package/dist/hooks/useDebounceEvent/index.d.ts

@@ -1,18 +0,0 @@
-import { type ChangeEvent, type Dispatch, type SetStateAction } from "react";
-export type UseDebounceResult = {
-    inputValue: string;
-    onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;
-    clearValue: () => void;
-    updateValue: Dispatch<SetStateAction<string>>;
-};
-export default function useDebounceEvent({ delay, onChange, initialStateValue, trim }: {
-    onChange: (value: string) => void;
-    initialStateValue?: string;
-    delay?: number;
-    trim?: boolean;
-}): {
-    inputValue: string;
-    onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;
-    clearValue: () => void;
-    updateValue: Dispatch<SetStateAction<string>>;
-};

package/dist/hooks/useFocusWithin.d.ts

@@ -1,14 +0,0 @@
-import { type FocusEvent } from "react";
-type Result = {
-    focusWithinProps?: {
-        onFocus?: (e: FocusEvent) => void;
-        onBlur?: (e: FocusEvent) => void;
-    };
-};
-export declare function useFocusWithin({ onFocusWithin, onFocusWithinChange, isDisabled, onBlurWithin }: {
-    onFocusWithin?: (event: FocusEvent) => void;
-    onBlurWithin?: (event: FocusEvent) => void;
-    onFocusWithinChange?: (isWithinChange: boolean) => void;
-    isDisabled?: boolean;
-}): Result;
-export {};

package/dist/hooks/useIsMouseEnter.d.ts

@@ -1,4 +0,0 @@
-import { type RefObject } from "react";
-export default function useIsMouseEnter({ ref }: {
-    ref: RefObject<HTMLElement>;
-}): boolean;

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

@@ -1,34 +0,0 @@
-import React, { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface FieldLabelProps extends VibeComponentProps {
-    /**
-     * The icon displayed next to the label.
-     */
-    icon?: string | React.FunctionComponent | null;
-    /**
-     * The text content of the label.
-     */
-    labelText?: string;
-    /**
-     * The ID of the associated input element.
-     */
-    labelFor?: string;
-    /**
-     * Class name applied to the icon.
-     */
-    iconClassName?: string;
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * If true, displays an asterisk to indicate a required field.
-     */
-    required?: boolean;
-    /**
-     * The HTML for attribute of the associated input element.
-     */
-    htmlFor?: string;
-}
-declare const FieldLabel: FC<FieldLabelProps>;
-export default FieldLabel;

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

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

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

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

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

@@ -1,26 +0,0 @@
-export interface InfoTextProps {
-    /**
-     * The ID of the associated form element for aria-describedby.
-     */
-    id: string;
-    /**
-     * The text content to display.
-     */
-    text: string;
-    /**
-     * If true, applies error styling to the info text.
-     */
-    error?: boolean;
-    /**
-     * If true, applies success styling to the info text.
-     */
-    success?: boolean;
-    /**
-     * If true, applies disabled styling to the info text.
-     */
-    disabled?: boolean;
-    /**
-     * If true, applies read-only styling to the info text.
-     */
-    readOnly?: boolean;
-}

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

@@ -1,2 +0,0 @@
-export { default as InfoText } from "./InfoText";
-export type { InfoTextProps } from "./InfoText.types";