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

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,85 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type ButtonValue } from "./ButtonGroupConstants";
-import { type ButtonType, type ButtonSize } from "@vibe/button";
-import { type VibeComponentProps } from "../../types";
-import { type MoveBy } from "../../types/MoveBy";
-import { type TooltipPositions } from "@vibe/tooltip";
-type ButtonGroupOption = {
-    icon?: SubIcon;
-    leftIcon?: SubIcon;
-    "aria-label"?: string;
-    subText?: string;
-    value: ButtonValue;
-    text: string;
-    disabled?: boolean;
-    tooltipContent?: string;
-};
-export interface ButtonGroupProps extends VibeComponentProps {
-    /**
-     * The list of button options.
-     */
-    options: Array<ButtonGroupOption>;
-    /**
-     * The currently selected button value.
-     */
-    value?: ButtonValue;
-    /**
-     * Callback fired when a button is selected.
-     */
-    onSelect?: (value: ButtonValue, name: string) => void;
-    /**
-     * The size of the buttons.
-     */
-    size?: ButtonSize;
-    /**
-     * The style variant of the buttons.
-     */
-    kind?: Extract<ButtonType, "secondary" | "tertiary">;
-    /**
-     * The name of the button group.
-     */
-    name?: string;
-    /**
-     * If true, disables all buttons in the group.
-     */
-    disabled?: boolean;
-    /**
-     * The label of the button group for accessibility.
-     */
-    groupAriaLabel?: string;
-    /**
-     * The position of the tooltip relative to the button.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * The delay in milliseconds before the tooltip hides.
-     */
-    tooltipHideDelay?: number;
-    /**
-     * The delay in milliseconds before the tooltip shows.
-     */
-    tooltipShowDelay?: number;
-    /**
-     * CSS selector for the tooltip container.
-     */
-    tooltipContainerSelector?: string;
-    /**
-     * Adjusts the tooltip position.
-     */
-    tooltipMoveBy?: MoveBy;
-    /**
-     * The content inside the button group.
-     */
-    children?: React.ReactNode;
-    /**
-     * If true, makes the button group take the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * If true, removes focus from the button after clicking.
-     */
-    blurOnMouseUp?: boolean;
-}
-declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default ButtonGroup;

package/dist/components/ButtonGroup/ButtonGroupConstants.d.ts

@@ -1 +0,0 @@
-export type ButtonValue = string | number;

package/dist/components/ButtonGroup/ButtonWrapper.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import { type ButtonProps } from "@vibe/button";
-import { type MoveBy } from "../../types/MoveBy";
-import { type TooltipPositions } from "@vibe/tooltip";
-export interface ButtonWrapperProps extends ButtonProps {
-    /**
-     * The content of the tooltip.
-     */
-    tooltipContent?: string;
-    /**
-     * The position of the tooltip relative to the button.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * The delay in milliseconds before the tooltip hides.
-     */
-    tooltipHideDelay?: number;
-    /**
-     * The delay in milliseconds before the tooltip shows.
-     */
-    tooltipShowDelay?: number;
-    /**
-     * CSS selector for the tooltip container.
-     */
-    tooltipContainerSelector?: string;
-    /**
-     * Adjusts the tooltip position.
-     */
-    tooltipMoveBy?: MoveBy;
-    /**
-     * If true, makes the button take the full width of its container.
-     */
-    fullWidth?: boolean;
-}
-export declare const ButtonWrapper: ({ tooltipContent, tooltipPosition, tooltipHideDelay, tooltipShowDelay, tooltipContainerSelector, tooltipMoveBy, fullWidth, className, ...otherProps }: ButtonWrapperProps) => React.JSX.Element;

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

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

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

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

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

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

package/dist/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/components/Divider/Divider.types.d.ts

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

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

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

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

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

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

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

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

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

package/dist/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/components/ExpandCollapse/ExpandCollapse.types.d.ts

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

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

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

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

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

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

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