@vibe/core 4.5.19 → 4.5.21

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/mocked_classnames/components/EmptyState/EmptyState.d.ts

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

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

@@ -1,27 +0,0 @@
-import type React from "react";
-import { type LinkProps } from "@vibe/link";
-import { type VibeComponentProps } from "src/types";
-import { type ButtonProps, type ButtonType } from "@vibe/button";
-export type EmptyStateLayout = "default" | "compact";
-export interface EmptyStateProps extends VibeComponentProps {
-    /** Optional title for the empty state */
-    title?: string;
-    /** Required description text explaining the empty state */
-    description: string | React.ReactNode;
-    /** Optional visual element like image, animation, video, or illustration to display */
-    visual?: React.ReactNode;
-    /** Main action button configuration */
-    mainAction?: React.ReactElement<ButtonProps> | (Omit<ButtonProps, "kind" | "children" | "size"> & {
-        kind?: Exclude<ButtonType, "tertiary">;
-        text: string;
-    });
-    /** Supporting action (link or tertiary button) configuration */
-    supportingAction?: React.ReactElement<ButtonProps | LinkProps> | (Omit<ButtonProps, "kind" | "children" | "size"> & {
-        kind: "tertiary";
-        text: string;
-    }) | (LinkProps & {
-        text: string;
-    });
-    /** Layout style of the empty state */
-    layout?: EmptyStateLayout;
-}

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

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

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

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

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

@@ -1,60 +0,0 @@
-import { type VibeComponentProps } from "../../types";
-import { type DialogPosition } from "@vibe/dialog";
-import { type InfoLinkProps } from "./components";
-export type InfoProps = BaseInfoProps & VibeComponentProps & InfoAriaLabelProps;
-interface BaseInfoProps {
-    /**
-     * The title text displayed at the top of the info dialog.
-     */
-    title?: string;
-    /**
-     * The main body text content displayed in the info dialog.
-     */
-    body: string;
-    /**
-     * Link configuration for the info dialog.
-     */
-    link?: InfoLinkProps;
-    /**
-     * The ID of the element that labels the info button.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * The placement of the dialog relative to the info button.
-     */
-    position?: DialogPosition;
-    /**
-     * If true, the info dialog is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Callback fired when the info dialog is shown.
-     */
-    onDialogShow?: () => void;
-    /**
-     * Callback fired when the info dialog is hidden.
-     */
-    onDialogHide?: () => void;
-    /**
-     * Class name applied to the dialog content.
-     */
-    dialogClassName?: string;
-    /**
-     * The CSS selector of the container where the dialog is rendered.
-     */
-    containerSelector?: string;
-}
-export type InfoAriaLabelProps = {
-    /**
-     * The ARIA label for the info button.
-     */
-    "aria-label": string;
-    /**
-     * If true, the tooltip for the info button is hidden.
-     */
-    hideButtonTooltip?: boolean;
-} | {
-    "aria-label"?: string;
-    hideButtonTooltip?: never;
-};
-export {};

package/dist/mocked_classnames/components/Info/components/InfoDialogContent/InfoDialogContent.d.ts

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

package/dist/mocked_classnames/components/Info/components/InfoDialogContent/InfoDialogContent.types.d.ts

@@ -1,16 +0,0 @@
-import { type VibeComponentProps } from "../../../../types";
-import { type InfoLinkProps } from "../InfoLink/InfoLink";
-export interface InfoDialogContentProps extends VibeComponentProps {
-    /**
-     * The title text displayed at the top of the info dialog.
-     */
-    title?: string;
-    /**
-     * The main body text content displayed in the info dialog.
-     */
-    body?: string;
-    /**
-     * Link configuration for the info dialog.
-     */
-    link?: InfoLinkProps;
-}

package/dist/mocked_classnames/components/Info/components/InfoLink/InfoLink.d.ts

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

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

@@ -1,3 +0,0 @@
-export { default as InfoLink, type InfoLinkProps } from "./InfoLink/InfoLink";
-export { default as InfoDialogContent } from "./InfoDialogContent/InfoDialogContent";
-export type { InfoDialogContentProps } from "./InfoDialogContent/InfoDialogContent.types";

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

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

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";

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

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