@vibe/core 3.67.0 → 3.68.0-alpha-cd9cf.0

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

@@ -1,75 +0,0 @@
-import React, { type ElementType } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type TooltipProps } from "../Tooltip";
-import { type TextType, type TextWeight } from "../Text";
-import { type HeadingType, type HeadingWeight } from "../Heading";
-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;
-    /**
-     * 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.
-     */
-    ariaLabel?: 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/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/components/EmptyState/EmptyState.types.d.ts

@@ -1,27 +0,0 @@
-import type React from "react";
-import { type LinkProps } from "../Link/Link";
-import { type VibeComponentProps } from "src/types";
-import { type ButtonProps, type ButtonType } from "../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/components/EmptyState/index.d.ts

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

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/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/components/FieldLabel/index.d.ts

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

package/dist/components/Flex/Flex.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { FlexAlign as FlexAlignEnum, FlexDirection as FlexDirectionEnum, FlexGap as FlexGapEnum, FlexJustify as FlexJustifyEnum } from "./FlexConstants";
-import { type FlexDirection, type FlexJustify, type FlexAlign, type FlexGap, type FlexShorthand } from "./Flex.types";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-export interface FlexProps extends VibeComponentProps {
-    /**
-     * Inline styles applied to the flex container.
-     */
-    style?: object;
-    /**
-     * The direction of the flex container.
-     */
-    direction?: FlexDirection;
-    /**
-     * The HTML element or component used as the root.
-     */
-    elementType?: React.ElementType;
-    /**
-     * If true, allows wrapping of flex items.
-     */
-    wrap?: boolean;
-    /**
-     * The content inside the flex container.
-     */
-    children?: ElementContent | ElementContent[];
-    /**
-     * Defines how flex items are aligned along the main axis.
-     */
-    justify?: FlexJustify;
-    /**
-     * Defines how flex items are aligned along the cross axis.
-     */
-    align?: FlexAlign;
-    /**
-     * The gap between flex items.
-     */
-    gap?: FlexGap | number;
-    /**
-     * The flex shorthand of the flex container.
-     */
-    flex?: FlexShorthand;
-    /**
-     * The label of the flex container for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * The tab order of the element.
-     */
-    tabIndex?: number;
-    /**
-     * Callback fired when the flex container is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse button is pressed on the flex container.
-     */
-    onMouseDown?: (event: React.MouseEvent) => void;
-    /**
-     * ID of the element describing the flex container.
-     */
-    ariaLabelledby?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
-    justify: typeof FlexJustifyEnum;
-    align: typeof FlexAlignEnum;
-    gaps: typeof FlexGapEnum;
-    directions: typeof FlexDirectionEnum;
-};
-export default _default;

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

@@ -1,10 +0,0 @@
-import type { CSSProperties } from "react";
-export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline" | "initial";
-export type FlexJustify = "start" | "center" | "end" | "stretch" | "space-around" | "space-between" | "initial";
-export type FlexGap = "xs" | "small" | "medium" | "large";
-export type FlexDirection = "row" | "column";
-export type FlexShorthand = CSSProperties["flex"] | {
-    grow?: CSSProperties["flexGrow"];
-    shrink?: CSSProperties["flexShrink"];
-    basis?: CSSProperties["flexBasis"];
-};

package/dist/components/Flex/FlexConstants.d.ts

@@ -1,39 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum FlexAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCH = "stretch",
-    BASELINE = "baseline",
-    INITIAL = "initial"
-}
-/**
- * @deprecated
- */
-export declare enum FlexJustify {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCH = "stretch",
-    SPACE_AROUND = "space-around",
-    SPACE_BETWEEN = "space-between",
-    INITIAL = "initial"
-}
-/**
- * @deprecated
- */
-export declare enum FlexGap {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-/**
- * @deprecated
- */
-export declare enum FlexDirection {
-    ROW = "row",
-    COLUMN = "column"
-}

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

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

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

@@ -1,42 +0,0 @@
-import React from "react";
-import { formatNumber } from "../../helpers/textManipulations";
-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 _default: React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLElement>> & {
-    formatNumber: typeof formatNumber;
-    localFallBack: string;
-};
-export default _default;

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type GridElementRef, type GridKeyboardNavigationContextType, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const GridKeyboardNavigationContext: React.Context<GridKeyboardNavigationContextType>;
-/**
- * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|
- * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items
- * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements
- * @param options - { disabled: boolean }
- */
-export declare const useGridKeyboardNavigationContext: (positions: Position[], wrapperRef: GridElementRef, options?: {
-    disabled: boolean;
-}) => {
-    onOutboundNavigation: (elementRef: GridElementRef, direction: NavDirections) => void;
-};

package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants.d.ts

@@ -1,25 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-export type GridElementRef = MutableRefObject<HTMLElement> & {
-    current?: HTMLElement & {
-        disabled?: boolean;
-    };
-};
-export type DirectionMap = Map<GridElementRef, GridElementRef>;
-export type DirectionMaps = Record<NavDirections, DirectionMap>;
-export type Position = VerticalPosition & HorizontalPosition;
-type VerticalPosition = {
-    topElement?: GridElementRef;
-    bottomElement?: GridElementRef;
-};
-type HorizontalPosition = {
-    leftElement?: GridElementRef;
-    rightElement?: GridElementRef;
-};
-export interface GridKeyboardNavigationContextType {
-    /**
-     * Callback fired when navigation moves beyond the bounds of the grid.
-     */
-    onOutboundNavigation?: (ref: GridElementRef, direction: NavDirections) => void;
-}
-export {};

package/dist/components/GridKeyboardNavigationContext/helper.d.ts

@@ -1,6 +0,0 @@
-import { NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type DirectionMap, type DirectionMaps, type GridElementRef, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const getDirectionMaps: (positions: Position[]) => DirectionMaps;
-export declare const getOppositeDirection: (direction: NavDirections) => NavDirections;
-export declare const getOutmostElementInDirection: (directionMaps: DirectionMaps, direction: NavDirections) => GridElementRef;
-export declare const getNextElementToFocusInDirection: (directionMap: DirectionMap, elementRef: GridElementRef) => null | GridElementRef;

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

@@ -1 +0,0 @@
-export { useGridKeyboardNavigationContext, GridKeyboardNavigationContext } from "./GridKeyboardNavigationContext";

package/dist/components/Heading/Heading.d.ts

@@ -1,35 +0,0 @@
-import React, { type ReactNode } from "react";
-import { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from "./HeadingConstants";
-import { type TypographyProps } from "../Typography/Typography";
-import { TypographyAlign as TypographyAlignEnum, TypographyColor as TypographyColorEnum } from "../Typography/TypographyConstants";
-import { type HeadingType, type HeadingWeight } from "./Heading.types";
-import { type TypographyAlign, type TypographyColor } from "../Typography";
-export interface HeadingProps extends TypographyProps {
-    /**
-     * The heading type.
-     */
-    type?: HeadingType;
-    /**
-     * The font weight of the heading.
-     */
-    weight?: HeadingWeight;
-    /**
-     * The text alignment.
-     */
-    align?: TypographyAlign;
-    /**
-     * The text color.
-     */
-    color?: TypographyColor;
-    /**
-     * The content inside the heading.
-     */
-    children: ReactNode;
-}
-declare const _default: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof HeadingTypeEnum;
-    weights: typeof HeadingWeightEnum;
-    colors: typeof TypographyColorEnum;
-    align: typeof TypographyAlignEnum;
-};
-export default _default;

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

@@ -1,2 +0,0 @@
-export type HeadingType = "h1" | "h2" | "h3";
-export type HeadingWeight = "bold" | "medium" | "normal" | "light";

package/dist/components/Heading/HeadingConstants.d.ts

@@ -1,17 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum HeadingType {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3"
-}
-/**
- * @deprecated
- */
-export declare enum HeadingWeight {
-    BOLD = "bold",
-    MEDIUM = "medium",
-    NORMAL = "normal",
-    LIGHT = "light"
-}

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

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

package/dist/components/HiddenText/HiddenText.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface HiddenTextProps extends VibeComponentProps {
-    /**
-     * The text content that is hidden but available for assistive technologies.
-     */
-    text: string;
-}
-declare const HiddenText: React.ForwardRefExoticComponent<HiddenTextProps & React.RefAttributes<HTMLSpanElement>>;
-export default HiddenText;

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

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

package/dist/components/Icon/CustomSvgIcon/CustomSvgIcon.d.ts

@@ -1,46 +0,0 @@
-import React, { type FunctionComponent, type AriaRole, type Ref } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface CustomSvgIconProps extends VibeComponentProps {
-    /**
-     * Callback fired when the icon is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * The source URL or object of the SVG icon.
-     */
-    src: string | object;
-    /**
-     * The accessible label for the icon.
-     */
-    ariaLabel?: string;
-    /**
-     * The tab index of the icon for keyboard navigation.
-     */
-    tabIndex?: number;
-    /**
-     * The ARIA role of the icon.
-     */
-    role?: AriaRole;
-    /**
-     * If true, hides the icon from screen readers.
-     */
-    ariaHidden?: boolean;
-    /**
-     * If true, makes the icon clickable.
-     */
-    clickable?: boolean;
-    /**
-     * If true, replaces the `fill` attribute in the SVG with `currentColor`.
-     */
-    replaceToCurrentColor?: boolean;
-    /**
-     * Overrides the default color of the icon.
-     */
-    customColor?: string;
-    /**
-     * Reference to the SVG element.
-     */
-    ref?: Ref<SVGElement>;
-}
-declare const CustomSvgIcon: FunctionComponent<CustomSvgIconProps>;
-export default CustomSvgIcon;

package/dist/components/Icon/FontIcon/FontIcon.d.ts

@@ -1,30 +0,0 @@
-import React, { type AriaRole } from "react";
-import { type SubIcon, type VibeComponentProps } from "../../../types";
-export interface FontIconProps extends VibeComponentProps {
-    /**
-     * Callback fired when the icon is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * The accessible label for the icon.
-     */
-    "aria-label"?: string;
-    /**
-     * The tab index of the icon for keyboard navigation.
-     */
-    tabIndex?: number;
-    /**
-     * The icon name or component.
-     */
-    icon?: SubIcon;
-    /**
-     * The ARIA role of the icon.
-     */
-    role?: AriaRole;
-    /**
-     * If true, hides the icon from screen readers.
-     */
-    "aria-hidden"?: boolean;
-}
-declare const FontIcon: React.ForwardRefExoticComponent<FontIconProps & React.RefAttributes<HTMLElement>>;
-export default FontIcon;