@vibe/core 4.5.18 → 4.5.20

package/dist/components/Badge/Badge.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import { type BadgeAlignments, type BadgeAnchor, type BadgeType } from "./Badge.types";
-import { type IndicatorProps } from "./Indicator/Indicator";
-import { type CounterProps } from "@vibe/counter";
-import { type VibeComponentProps } from "../../types";
-export interface BadgeBaseProps extends VibeComponentProps {
-    /**
-     * The position of the badge relative to its parent.
-     */
-    anchor?: BadgeAnchor;
-    /**
-     * The alignment style of the badge.
-     */
-    alignment?: BadgeAlignments;
-    /**
-     * The content the badge is attached to.
-     */
-    children: React.ReactNode;
-}
-interface CounterBadgeProps extends CounterProps {
-    /**
-     * The type of badge, set to `"counter"` for numeric values.
-     */
-    type: Extract<BadgeType, "counter">;
-}
-interface IndicatorBadgeProps extends IndicatorProps {
-    /**
-     * The type of badge, set to `"indicator"` for a simple dot.
-     */
-    type?: Extract<BadgeType, "indicator">;
-}
-export type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>>;
-export default Badge;

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

@@ -1,3 +0,0 @@
-export type BadgeType = "indicator" | "counter";
-export type BadgeAnchor = "top-start" | "top-end" | "bottom-start" | "bottom-end";
-export type BadgeAlignments = "rectangular" | "outside" | "circular";

package/dist/components/Badge/Indicator/Indicator.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type IndicatorColor } from "./Indicator.types";
-import { type VibeComponentProps } from "../../../types";
-export interface IndicatorProps extends VibeComponentProps {
-    /**
-     * The color of the indicator.
-     */
-    color?: IndicatorColor;
-}
-declare const Indicator: ({ color, className, id, "data-testid": dataTestId }: IndicatorProps) => React.JSX.Element;
-export default Indicator;

package/dist/components/Badge/Indicator/Indicator.types.d.ts

@@ -1 +0,0 @@
-export type IndicatorColor = "primary" | "notification";

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

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

package/dist/components/Chips/Chips.d.ts

@@ -1,114 +0,0 @@
-import React from "react";
-import { type ElementAllowedColor } from "../../types/Colors";
-import { type AvatarType } from "@vibe/avatar";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type ChipsSize } from "./Chips.types";
-export interface ChipsProps extends VibeComponentProps {
-    /**
-     * The text or content displayed inside the chip.
-     */
-    label?: ElementContent;
-    /**
-     * If true, the chip is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the chip is read-only and cannot be deleted.
-     */
-    readOnly?: boolean;
-    /**
-     * A React element displayed on the right side.
-     */
-    rightRenderer?: ElementContent;
-    /**
-     * A React element displayed on the left side.
-     */
-    leftRenderer?: ElementContent;
-    /**
-     * Icon displayed on the right side.
-     */
-    rightIcon?: SubIcon;
-    /**
-     * Icon displayed on the left side.
-     */
-    leftIcon?: SubIcon;
-    /**
-     * Image URL or text for an avatar displayed on the right.
-     */
-    rightAvatar?: string;
-    /**
-     * The type of avatar displayed on the right.
-     */
-    rightAvatarType?: AvatarType;
-    /**
-     * Image URL or text for an avatar displayed on the left.
-     */
-    leftAvatar?: string;
-    /**
-     * The type of avatar displayed on the left.
-     */
-    leftAvatarType?: AvatarType;
-    /**
-     * Class name applied to left or right icons.
-     */
-    iconClassName?: string;
-    /**
-     * Class name applied to left or right avatars.
-     */
-    avatarClassName?: string;
-    /**
-     * The background color of the chip.
-     */
-    color?: Exclude<ElementAllowedColor, "dark_indigo" | "blackish">;
-    /**
-     * The size of the icons inside the chip.
-     */
-    iconSize?: number | string;
-    /**
-     * Callback fired when the chip is deleted.
-     */
-    onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * If true, disables the chip's entry animation.
-     */
-    noAnimation?: boolean;
-    /**
-     * If true, allows the user to select text inside the chip.
-     */
-    allowTextSelection?: boolean;
-    /**
-     * Callback fired when the mouse button is pressed on the chip.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * Callback fired when the chip is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * The label of the chip for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, indicates that the chip has a popup.
-     */
-    "aria-haspopup"?: boolean;
-    /**
-     * If true, displays a border around the chip.
-     */
-    showBorder?: boolean;
-    /**
-     * The label for the close button.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, removes the default margin from the chip.
-     */
-    noMargin?: boolean;
-    /**
-     * The size of the chip.
-     */
-    size?: ChipsSize;
-}
-declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
-export default Chips;

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

@@ -1 +0,0 @@
-export type ChipsSize = "small" | "medium";

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

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

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 "@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/components/EmptyState/index.d.ts

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

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

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

package/dist/hooks/useSetFocus/index.d.ts

@@ -1,10 +0,0 @@
-import { type RefObject } from "react";
-export default function useSetFocus({ ref, focusCallback, blurCallback }: {
-    ref: RefObject<HTMLElement>;
-    focusCallback?: () => void;
-    blurCallback?: () => void;
-}): {
-    isFocused: boolean;
-    focus: () => void;
-    blur: () => void;
-};

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

@@ -1,34 +0,0 @@
-import React from "react";
-import { type BadgeAlignments, type BadgeAnchor, type BadgeType } from "./Badge.types";
-import { type IndicatorProps } from "./Indicator/Indicator";
-import { type CounterProps } from "@vibe/counter";
-import { type VibeComponentProps } from "../../types";
-export interface BadgeBaseProps extends VibeComponentProps {
-    /**
-     * The position of the badge relative to its parent.
-     */
-    anchor?: BadgeAnchor;
-    /**
-     * The alignment style of the badge.
-     */
-    alignment?: BadgeAlignments;
-    /**
-     * The content the badge is attached to.
-     */
-    children: React.ReactNode;
-}
-interface CounterBadgeProps extends CounterProps {
-    /**
-     * The type of badge, set to `"counter"` for numeric values.
-     */
-    type: Extract<BadgeType, "counter">;
-}
-interface IndicatorBadgeProps extends IndicatorProps {
-    /**
-     * The type of badge, set to `"indicator"` for a simple dot.
-     */
-    type?: Extract<BadgeType, "indicator">;
-}
-export type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>>;
-export default Badge;

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

@@ -1,3 +0,0 @@
-export type BadgeType = "indicator" | "counter";
-export type BadgeAnchor = "top-start" | "top-end" | "bottom-start" | "bottom-end";
-export type BadgeAlignments = "rectangular" | "outside" | "circular";

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type IndicatorColor } from "./Indicator.types";
-import { type VibeComponentProps } from "../../../types";
-export interface IndicatorProps extends VibeComponentProps {
-    /**
-     * The color of the indicator.
-     */
-    color?: IndicatorColor;
-}
-declare const Indicator: ({ color, className, id, "data-testid": dataTestId }: IndicatorProps) => React.JSX.Element;
-export default Indicator;

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.types.d.ts

@@ -1 +0,0 @@
-export type IndicatorColor = "primary" | "notification";

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

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

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

@@ -1,114 +0,0 @@
-import React from "react";
-import { type ElementAllowedColor } from "../../types/Colors";
-import { type AvatarType } from "@vibe/avatar";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type ChipsSize } from "./Chips.types";
-export interface ChipsProps extends VibeComponentProps {
-    /**
-     * The text or content displayed inside the chip.
-     */
-    label?: ElementContent;
-    /**
-     * If true, the chip is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the chip is read-only and cannot be deleted.
-     */
-    readOnly?: boolean;
-    /**
-     * A React element displayed on the right side.
-     */
-    rightRenderer?: ElementContent;
-    /**
-     * A React element displayed on the left side.
-     */
-    leftRenderer?: ElementContent;
-    /**
-     * Icon displayed on the right side.
-     */
-    rightIcon?: SubIcon;
-    /**
-     * Icon displayed on the left side.
-     */
-    leftIcon?: SubIcon;
-    /**
-     * Image URL or text for an avatar displayed on the right.
-     */
-    rightAvatar?: string;
-    /**
-     * The type of avatar displayed on the right.
-     */
-    rightAvatarType?: AvatarType;
-    /**
-     * Image URL or text for an avatar displayed on the left.
-     */
-    leftAvatar?: string;
-    /**
-     * The type of avatar displayed on the left.
-     */
-    leftAvatarType?: AvatarType;
-    /**
-     * Class name applied to left or right icons.
-     */
-    iconClassName?: string;
-    /**
-     * Class name applied to left or right avatars.
-     */
-    avatarClassName?: string;
-    /**
-     * The background color of the chip.
-     */
-    color?: Exclude<ElementAllowedColor, "dark_indigo" | "blackish">;
-    /**
-     * The size of the icons inside the chip.
-     */
-    iconSize?: number | string;
-    /**
-     * Callback fired when the chip is deleted.
-     */
-    onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * If true, disables the chip's entry animation.
-     */
-    noAnimation?: boolean;
-    /**
-     * If true, allows the user to select text inside the chip.
-     */
-    allowTextSelection?: boolean;
-    /**
-     * Callback fired when the mouse button is pressed on the chip.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * Callback fired when the chip is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * The label of the chip for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, indicates that the chip has a popup.
-     */
-    "aria-haspopup"?: boolean;
-    /**
-     * If true, displays a border around the chip.
-     */
-    showBorder?: boolean;
-    /**
-     * The label for the close button.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, removes the default margin from the chip.
-     */
-    noMargin?: boolean;
-    /**
-     * The size of the chip.
-     */
-    size?: ChipsSize;
-}
-declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
-export default Chips;

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

@@ -1 +0,0 @@
-export type ChipsSize = "small" | "medium";

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

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

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