@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-3c271.0

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

@@ -1,67 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface CheckBoxProps extends VibeComponentProps {
-    /**
-     * Class name applied to the checkbox element.
-     */
-    checkboxClassName?: string;
-    /**
-     * Class name applied to the label element.
-     */
-    labelClassName?: string;
-    /**
-     * The label of the checkbox for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The content displayed next to the checkbox.
-     */
-    label?: React.ReactNode | Array<React.ReactNode>;
-    /**
-     * The ID of an element describing the checkbox.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Callback fired when the checkbox value changes.
-     */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * If true, controls the checked state of the checkbox.
-     */
-    checked?: boolean;
-    /**
-     * If true, displays an indeterminate state.
-     */
-    indeterminate?: boolean;
-    /**
-     * If true, the checkbox automatically receives focus.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the checkbox is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The initial checked state of the checkbox.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The value submitted with the form when checked.
-     */
-    value?: string;
-    /**
-     * The name of the checkbox, used for form submission.
-     */
-    name?: string;
-    /**
-     * The tab order of the checkbox.
-     */
-    tabIndex?: number;
-    /**
-     * If true, uses separate labels with htmlFor/id association instead of wrapping the input.
-     * If using this the id prop is required for it to function correctly.
-     */
-    separateLabel?: boolean;
-}
-declare const Checkbox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/dist/mocked_classnames/components/Checkbox/hooks/useSupportFirefoxLabelClick.d.ts

@@ -1,6 +0,0 @@
-import type React from "react";
-export declare function useSupportFirefoxLabelClick({ inputRef }: {
-    inputRef: React.RefObject<HTMLInputElement>;
-}): {
-    onClickCapture: (e: React.MouseEvent) => void;
-};

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

@@ -1 +0,0 @@
-export { default as Checkbox, type CheckBoxProps as CheckboxProps } from "./Checkbox";

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

@@ -1,51 +0,0 @@
-import React from "react";
-import { type CounterColor, type CounterSize, type CounterType } from "./Counter.types";
-import { type VibeComponentProps } from "../../types";
-export interface CounterProps extends VibeComponentProps {
-    /**
-     * The ID of the element describing the counter.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Class name applied to the counter element.
-     */
-    counterClassName?: string;
-    /**
-     * The numeric value displayed in the counter.
-     */
-    count?: number;
-    /**
-     * The label of the counter for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The size of the counter.
-     */
-    size?: CounterSize;
-    /**
-     * The visual style of the counter.
-     */
-    kind?: CounterType;
-    /**
-     * The color of the counter.
-     */
-    color?: CounterColor;
-    /**
-     * The maximum number of digits displayed before truncation.
-     */
-    maxDigits?: number;
-    /**
-     * Text prepended to the counter value.
-     */
-    prefix?: string;
-    /**
-     * Callback fired when the counter is clicked.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * If true, disables counter animations.
-     */
-    noAnimation?: boolean;
-}
-declare const Counter: ({ className, counterClassName, count, size, kind, color, maxDigits, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, id, prefix, onMouseDown, noAnimation, "data-testid": dataTestId }: CounterProps) => React.JSX.Element;
-export default Counter;

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

@@ -1,3 +0,0 @@
-export type CounterType = "fill" | "line";
-export type CounterColor = "primary" | "dark" | "negative" | "light";
-export type CounterSize = "xs" | "small" | "large";

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

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

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { type DividerDirection } from "./Divider.types";
-import { type VibeComponentProps } from "../../types";
-export interface DividerProps extends VibeComponentProps {
-    /**
-     * The direction of the divider.
-     */
-    direction?: DividerDirection;
-    /**
-     * If true, removes margin from the divider.
-     */
-    withoutMargin?: boolean;
-}
-declare const Divider: ({ className, withoutMargin, direction, id, "data-testid": dataTestId }: DividerProps) => React.JSX.Element;
-export default Divider;

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

@@ -1 +0,0 @@
-export type DividerDirection = "vertical" | "horizontal";

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

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

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

@@ -1,16 +0,0 @@
-import React from "react";
-import { type HeadingType, type HeadingWeight } from "@vibe/typography";
-import { type VibeComponentProps } from "../../types";
-import { type EditableTypographyImplementationProps } from "../EditableTypography/EditableTypography";
-export interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {
-    /**
-     * The type of the heading element.
-     */
-    type?: HeadingType;
-    /**
-     * The font weight of the heading.
-     */
-    weight?: HeadingWeight;
-}
-declare const EditableHeading: React.ForwardRefExoticComponent<EditableHeadingProps & React.RefAttributes<HTMLElement>>;
-export default EditableHeading;

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

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

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

@@ -1,20 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type EditableTypographyImplementationProps } from "../EditableTypography/EditableTypography";
-import { type TextType, type TextWeight } from "@vibe/typography";
-export interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {
-    /**
-     * The text style variant.
-     */
-    type?: TextType;
-    /**
-     * The font weight of the text.
-     */
-    weight?: TextWeight;
-    /**
-     * If true, enables editing multiple lines of text.
-     */
-    multiline?: boolean;
-}
-declare const EditableText: React.ForwardRefExoticComponent<EditableTextProps & React.RefAttributes<HTMLElement>>;
-export default EditableText;

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

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

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

@@ -1,79 +0,0 @@
-import React, { type ElementType } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type TextType, type TextWeight } from "@vibe/typography";
-import { type HeadingType, type HeadingWeight } from "@vibe/typography";
-export interface EditableTypographyImplementationProps {
-    /**
-     * The current value of the text.
-     */
-    value: string;
-    /**
-     * Callback fired when the value changes.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Callback fired when the component is clicked.
-     */
-    onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
-    /**
-     * Callback fired when a key is pressed inside the input/textarea element.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /**
-     * If true, the text is read-only and cannot be edited.
-     */
-    readOnly?: boolean;
-    /**
-     * Placeholder text displayed when the value is empty.
-     */
-    placeholder?: string;
-    /**
-     * The label of the component for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * Controls whether the component is in edit mode.
-     */
-    isEditMode?: boolean;
-    /**
-     * If true, automatically selects all text when entering edit mode.
-     */
-    autoSelectTextOnEditMode?: boolean;
-    /**
-     * Callback fired when the edit mode changes.
-     */
-    onEditModeChange?: (isEditMode: boolean) => void;
-    /**
-     * Props to customize the tooltip.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-export interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {
-    /**
-     * The typography component used in view mode.
-     */
-    component: ElementType;
-    /**
-     * Class name applied to the typography component.
-     */
-    typographyClassName: string;
-    /**
-     * If true, shows the placeholder when empty.
-     */
-    clearable?: boolean;
-    /**
-     * The text or heading type.
-     */
-    type?: TextType | HeadingType;
-    /**
-     * The text or heading weight.
-     */
-    weight?: TextWeight | HeadingWeight;
-    /**
-     * If true, enables multi-line editing.
-     */
-    multiline?: boolean;
-}
-declare const EditableTypography: React.ForwardRefExoticComponent<EditableTypographyProps & React.RefAttributes<HTMLElement>>;
-export default EditableTypography;

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

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

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

@@ -1,59 +0,0 @@
-import React, { type FC, type ReactElement } from "react";
-import { type VibeComponentProps, type ElementContent } from "../../types";
-import { type ExpandCollapseIconPosition } from "./ExpandCollapse.types";
-export interface ExpandCollapseProps extends VibeComponentProps {
-    /**
-     * Custom renderer for the header component.
-     */
-    headerComponentRenderer?: () => ReactElement;
-    /**
-     * Class name applied to the header.
-     */
-    headerClassName?: string;
-    /**
-     * Class name applied to the content.
-     */
-    contentClassName?: string;
-    /**
-     * Class name applied to the root component.
-     */
-    componentClassName?: string;
-    /**
-     * The title displayed in the header.
-     */
-    title?: ElementContent;
-    /**
-     * The content inside the expandable section.
-     */
-    children?: ElementContent;
-    /**
-     * The size of the expand/collapse icon.
-     */
-    iconSize?: number | string;
-    /**
-     * The position of the icon.
-     */
-    iconPosition?: ExpandCollapseIconPosition;
-    /**
-     * If true, the section is open by default when rendered.
-     */
-    defaultOpenState?: boolean;
-    /**
-     * Controls the open state of the section.
-     */
-    open?: boolean;
-    /**
-     * Callback fired when the header is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * If true, hides the border around the component.
-     */
-    hideBorder?: boolean;
-    /**
-     * If true, captures the click event on the button.
-     */
-    captureOnClick?: boolean;
-}
-declare const ExpandCollapse: FC<ExpandCollapseProps>;
-export default ExpandCollapse;

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

@@ -1 +0,0 @@
-export type ExpandCollapseIconPosition = "left" | "right";

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

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

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

@@ -1,38 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface FormattedNumberProps extends VibeComponentProps {
-    /**
-     * The numeric value to format.
-     */
-    value?: number | string;
-    /**
-     * The text displayed before the number.
-     */
-    prefix?: string;
-    /**
-     * The text displayed after the number.
-     */
-    suffix?: string;
-    /**
-     * The text displayed when no value is provided.
-     */
-    emptyPlaceHolder?: string;
-    /**
-     * The number of decimal places to display (0 ~ 20).
-     */
-    decimalPrecision?: number;
-    /**
-     * If true, formats the number into a compact notation.
-     */
-    compact?: boolean;
-    /**
-     * The locale used for formatting (Unicode BCP 47 locale identifier).
-     */
-    local?: string;
-    /**
-     * If true, reverses the order of the prefix and suffix.
-     */
-    rtl?: boolean;
-}
-declare const FormattedNumber: React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLDivElement>>;
-export default FormattedNumber;

package/dist/mocked_classnames/components/FormattedNumber/FormattedNumberHelpers.d.ts

@@ -1,4 +0,0 @@
-export declare const validateValue: (value: number | string) => boolean;
-export declare const customPropTypes: Readonly<{
-    range: (min: number, max: number) => (props: Record<string, number>, propName: string, componentName: string) => Error;
-}>;

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

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

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

@@ -1,40 +0,0 @@
-import React from "react";
-import { type LabelColor, type LabelKind } from "./Label.types";
-import { type VibeComponentProps } from "../../types";
-import { type LabelSizes } from "./Label.types";
-export interface LabelProps extends VibeComponentProps {
-    /**
-     * Class name applied to the inner text wrapper.
-     */
-    labelClassName?: string;
-    /**
-     * The visual style of the label.
-     */
-    kind?: LabelKind;
-    /**
-     * The background color of the label.
-     */
-    color?: LabelColor;
-    /**
-     * The text content of the label.
-     */
-    text?: string;
-    /**
-     * If true, includes a leg (decorative extension).
-     */
-    isLegIncluded?: boolean;
-    /**
-     * Callback fired when the label is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    /**
-     * If true, triggers a celebration animation.
-     */
-    celebrationAnimation?: boolean;
-    /**
-     * The size of the label.
-     */
-    size?: LabelSizes;
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>>;
-export default Label;

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

@@ -1,5 +0,0 @@
-import { type contentColors } from "../../utils/colors-vars-map";
-export type LabelSizes = "small" | "medium";
-export type LabelKind = "fill" | "line";
-export type ContentColor = (typeof contentColors)[number];
-export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;

package/dist/mocked_classnames/components/Label/LabelCelebrationAnimation.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface LabelCelebrationAnimationProps {
-    /**
-     * The child component that will be wrapped by the animation.
-     */
-    children: React.ReactElement;
-    /**
-     * Callback fired when the celebration animation ends.
-     */
-    onAnimationEnd: () => void;
-}
-declare function LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps): React.JSX.Element;
-export default LabelCelebrationAnimation;

package/dist/mocked_classnames/components/Label/LabelConstants.d.ts

@@ -1,3 +0,0 @@
-import { type TextType } from "@vibe/typography";
-import { type LabelSizes } from "./Label.types";
-export declare const mapSizesToTextSize: Record<LabelSizes, TextType>;

package/dist/mocked_classnames/components/Label/Leg.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const Leg: {
-    (): React.JSX.Element;
-    displayName: string;
-};
-export default Leg;

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

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

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

@@ -1,70 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type LinkColor, type LinkIconPosition, type LinkTarget } from "./Link.types";
-import { type VibeComponentProps } from "../../types";
-export interface LinkProps extends VibeComponentProps {
-    /**
-     * Class name applied to the link text.
-     */
-    textClassName?: string;
-    /**
-     * The URL the link points to.
-     */
-    href?: string;
-    /**
-     * The text content of the link.
-     */
-    text?: string;
-    /**
-     * Specifies the relationship between the current document and the linked resource.
-     */
-    rel?: string;
-    /**
-     * Callback fired when the link is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Specifies where to open the linked document.
-     */
-    target?: LinkTarget;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element that describes this link.
-     */
-    "aria-describedby"?: string;
-    /**
-     * The ID of the element labeling this link.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Icon displayed next to the link text.
-     */
-    icon?: SubIcon;
-    /**
-     * The position of the icon relative to the text.
-     */
-    iconPosition?: LinkIconPosition;
-    /**
-     * If true, disables navigation when the link is clicked.
-     */
-    disableNavigation?: boolean;
-    /**
-     * If true, the link inherits the surrounding text's font size.
-     */
-    inheritFontSize?: boolean;
-    /**
-     * If true, the link is styled to fit within inline text content.
-     */
-    inlineText?: boolean;
-    /** The link's color style */
-    color?: LinkColor;
-    /**
-     * Inline style object applied to the link element.
-     */
-    style?: React.CSSProperties;
-}
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;

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

@@ -1,3 +0,0 @@
-export type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
-export type LinkIconPosition = "start" | "end";
-export type LinkColor = "primary" | "onPrimary" | "onInverted";

package/dist/mocked_classnames/components/Link/LinkConsts.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum LinkTarget {
-    NEW_WINDOW = "_blank",
-    SELF = "_self",
-    PARENT = "_parent",
-    TOP = "_top"
-}
-/**
- * @deprecated
- */
-export declare enum IconPosition {
-    START = "start",
-    END = "end"
-}

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

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

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

@@ -1,48 +0,0 @@
-import { type FC } from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type ProgressBarStyle } from "../ProgressBar.types";
-export type BarType = "primary" | "secondary";
-export interface BarProps extends VibeComponentProps {
-    /**
-     * Determines the visual style of the progress bar.
-     */
-    barStyle?: ProgressBarStyle;
-    /**
-     * 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;
-    /**
-     * If true, allows displaying percentage values higher than 100% when value exceeds max.
-     */
-    allowExceedingMax?: boolean;
-}
-declare const Bar: FC<BarProps>;
-export default Bar;