@vibe/core 4.5.20 → 4.5.21

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

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;

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

@@ -1,80 +0,0 @@
-import { type InputHTMLAttributes } from "react";
-import { type SubIcon } from "@vibe/icon";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type FormElementProps } from "../../types/FormElement";
-type NumberFieldNativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange" | "disabled" | "readOnly" | "id" | "type" | "inputMode" | "role" | "aria-valuenow" | "aria-valuemin" | "aria-valuemax" | "aria-required" | "aria-invalid" | "min" | "max" | "step">;
-interface NumberFieldBaseProps extends NumberFieldNativeInputProps, Omit<VibeComponentProps, "id"> {
-    /**
-     * The current value of the number field.
-     */
-    value: number | null;
-    /**
-     * Callback fired when the value changes.
-     * @param {number | null} value - The new value.
-     * @param {React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent} event - The event that triggered the change.
-     */
-    onChange: (value: number | null, event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * If true, the input will be required.
-     */
-    required?: boolean;
-    /**
-     * The placeholder text to display when the input is empty.
-     */
-    placeholder?: string;
-    /**
-     * If true, the input will be in an error state.
-     */
-    error?: boolean;
-    /**
-     * If true, the input will be in a success state.
-     */
-    success?: boolean;
-    /**
-     * If true, the input will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the input will be read-only.
-     */
-    readOnly?: boolean;
-    /**
-     * The minimum value allowed.
-     */
-    min?: number;
-    /**
-     * The maximum value allowed.
-     */
-    max?: number;
-    /**
-     * The amount to increment or decrement the value by.
-     */
-    step?: number;
-    /**
-     * The size of the input.
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * An icon to display on the left side of the input.
-     */
-    leftIcon?: SubIcon;
-}
-type NumberFieldValidityChangeProps = {
-    /**
-     * If false, the value will be clamped to the min/max values on change.
-     */
-    allowOutOfBounds?: false;
-    onValidityChange?: never;
-} | {
-    /**
-     * If true, the value can exceed the min/max values.
-     * Can be used alongside `onValidityChange` to handle the validity of the value.
-     */
-    allowOutOfBounds: true;
-    /**
-     * Callback fired when the validity of the value changes (if it is within the min/max bounds).
-     */
-    onValidityChange?: (isValid: boolean) => void;
-};
-export type NumberFieldProps = NumberFieldBaseProps & FormElementProps & NumberFieldValidityChangeProps;
-export {};

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { type NumberFieldSpinButtonProps } from "./NumberFieldSpinButton.types";
-declare const NumberFieldSpinButton: ({ inputId, onIncrement, onDecrement, disabled, size, isAtMin, isAtMax }: NumberFieldSpinButtonProps) => React.JSX.Element;
-export default NumberFieldSpinButton;

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

@@ -1,9 +0,0 @@
-export interface NumberFieldSpinButtonProps {
-    inputId?: string;
-    onIncrement: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    onDecrement: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    size: "small" | "medium" | "large";
-    disabled?: boolean;
-    isAtMin?: boolean;
-    isAtMax?: boolean;
-}

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

@@ -1,11 +0,0 @@
-import { type NumberFieldProps } from "../NumberField.types";
-export type UseNumberFieldStateProps = Pick<NumberFieldProps, "value" | "onChange" | "min" | "max" | "step" | "disabled" | "readOnly" | "allowOutOfBounds" | "onValidityChange">;
-declare const useNumberFieldState: ({ value: controlledValue, onChange, min, max, step, disabled, readOnly, allowOutOfBounds, onValidityChange }: UseNumberFieldStateProps) => {
-    inputValue: string;
-    numericValue: number;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    isAtMin: boolean;
-    isAtMax: boolean;
-};
-export default useNumberFieldState;

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

@@ -1,9 +0,0 @@
-import { type NumberFieldProps } from "../NumberField.types";
-export type UseSpinButtonHandlersProps = Pick<NumberFieldProps, "onChange" | "value" | "step" | "min" | "max" | "allowOutOfBounds" | "readOnly"> & {
-    inputRef: React.RefObject<HTMLInputElement>;
-};
-declare const useSpinButtonHandlers: ({ onChange, value, step, min, max, allowOutOfBounds, readOnly, inputRef }: UseSpinButtonHandlersProps) => {
-    onIncrement: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    onDecrement: (event: React.MouseEvent | React.KeyboardEvent) => void;
-};
-export default useSpinButtonHandlers;

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

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

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

@@ -1,6 +0,0 @@
-import { type NumberFieldProps } from "../NumberField.types";
-type CalculateSteppedValueProps = Pick<NumberFieldProps, "value" | "step" | "min" | "max" | "allowOutOfBounds"> & {
-    direction: number;
-};
-export declare const calculateSteppedValue: ({ value, direction, step, min, max, allowOutOfBounds }: CalculateSteppedValueProps) => number;
-export {};

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

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