@vibe/core 3.82.4 → 3.83.2

package/dist/components/Tooltip/TooltipConstants.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TooltipPositions {
-    TOP = "top",
-    RIGHT = "right",
-    BOTTOM = "bottom",
-    LEFT = "left"
-}
-/**
- * @deprecated
- */
-export declare enum TooltipTheme {
-    Dark = "dark",
-    Primary = "primary"
-}

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

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

package/dist/components/Typography/Typography.d.ts

@@ -1,41 +0,0 @@
-import React, { type HTMLAttributes } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ElementContent } from "../../types";
-import { type TypographyAlign, type TypographyColor } from "./Typography.types";
-import { type TooltipProps } from "../Tooltip/Tooltip";
-export interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML element tag used for the text component.
-     */
-    element?: string;
-    /**
-     * The content inside the typography component.
-     */
-    children: ElementContent;
-    /**
-     * The text color.
-     */
-    color?: TypographyColor;
-    /**
-     * The text alignment.
-     */
-    align?: TypographyAlign;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    ellipsis?: boolean;
-    /**
-     * The maximum number of lines before truncating with an ellipsis.
-     */
-    maxLines?: number;
-    /**
-     * Props passed to the tooltip displayed when hovering over the text.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * If true, disables the tooltip that appears when text is truncated.
-     */
-    withoutTooltip?: boolean;
-}
-declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
-export default Typography;

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

@@ -1,2 +0,0 @@
-export type TypographyColor = "primary" | "secondary" | "onPrimary" | "onInverted" | "fixedLight" | "fixedDark" | "inherit" | "negative";
-export type TypographyAlign = "start" | "center" | "end" | "inherit";

package/dist/components/Typography/TypographyConstants.d.ts

@@ -1,22 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TypographyColor {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    ON_PRIMARY = "onPrimary",
-    ON_INVERTED = "onInverted",
-    FIXED_LIGHT = "fixedLight",
-    FIXED_DARK = "fixedDark",
-    INHERIT = "inherit",
-    NEGATIVE = "negative"
-}
-/**
- * @deprecated
- */
-export declare enum TypographyAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    INHERIT = "inherit"
-}

package/dist/components/Typography/TypographyHooks.d.ts

@@ -1,8 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type ElementContent } from "../../types";
-import { type TooltipProps } from "../Tooltip/Tooltip";
-export declare function useEllipsisClass(ellipsis: boolean, maxLines?: number): {
-    class: string;
-    style: Record<string, string>;
-};
-export declare function useTooltipProps(ref: MutableRefObject<HTMLElement>, withoutTooltip: boolean, ellipsis: boolean, tooltipProps: Partial<TooltipProps>, children: ElementContent, ignoreHeightOverflow: boolean, overflowTolerance: number): {};

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

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

package/dist/components/Typography/utils/TypographyContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type TypographyContext = {
-    /**
-     * Sets a tolerance for vertical overflow to avoid undeed detetction of overflow
-     * Useful for cases where line-height is set and it's smaller than the font's line-height
-     */
-    overflowTolerance: number;
-};
-export declare const TypographyContext: React.Context<TypographyContext>;
-export {};

package/dist/hooks/useIsOverflowing/useIsOverflowing.d.ts

@@ -1,19 +0,0 @@
-import { type RefObject } from "react";
-export default function useIsOverflowing({ ref, ignoreHeightOverflow, tolerance: heightTolerance, widthTolerance }: {
-    /**
-     * The ref of the element to check for overflow.
-     */
-    ref: RefObject<HTMLElement>;
-    /**
-     * Whether to ignore height overflow.
-     */
-    ignoreHeightOverflow?: boolean;
-    /**
-     * The tolerance value to consider the element as overflowing (height overflow).
-     */
-    tolerance?: number;
-    /**
-     * The tolerance value to consider the element as overflowing (width overflow).
-     */
-    widthTolerance?: number;
-}): boolean;

package/dist/hooks/useResizeObserver.d.ts

@@ -1,10 +0,0 @@
-import { type RefObject } from "react";
-type ResizeCallback = ({ borderBoxSize }: {
-    borderBoxSize: ResizeObserverSize;
-}) => void;
-export default function useResizeObserver({ ref, callback, debounceTime }: {
-    ref: RefObject<HTMLElement>;
-    callback: ResizeCallback;
-    debounceTime?: number;
-}): void;
-export {};

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

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

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

@@ -1,116 +0,0 @@
-import React, { type AriaAttributes } from "react";
-import { type TooltipProps } from "../Tooltip/Tooltip";
-import { type SubIcon } from "@vibe/icon";
-import { type Size } from "./services/IconButton-helpers";
-import { type VibeComponentProps } from "../../types";
-import { type ButtonColor, type ButtonType } from "@vibe/button";
-export interface IconButtonProps extends VibeComponentProps {
-    /**
-     * Callback fired when the button is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Class name applied to the button wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * Class name applied to the icon.
-     */
-    iconClassName?: string;
-    /**
-     * The icon displayed inside the button.
-     */
-    icon?: SubIcon;
-    /**
-     * The ID of the element that labels this button.
-     */
-    ariaLabeledBy?: string;
-    /**
-     * The ARIA label for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * If true, indicates that the button controls a popup.
-     */
-    ariaHasPopup?: React.HTMLProps<HTMLButtonElement>["aria-haspopup"];
-    /**
-     * If true, indicates that the associated popup is open.
-     */
-    ariaExpanded?: boolean;
-    /**
-     * The ID of the region controlled by the button.
-     */
-    ariaControls?: string;
-    /**
-     * ID of the element describing the button.
-     */
-    "aria-describedby"?: AriaAttributes["aria-describedby"];
-    /**
-     * If true, hides the button from assistive technologies.
-     */
-    "aria-hidden"?: AriaAttributes["aria-hidden"];
-    /**
-     * Indicates the current "pressed" state of toggle buttons.
-     */
-    "aria-pressed"?: AriaAttributes["aria-pressed"];
-    /**
-     * The size of the button.
-     */
-    size?: Size;
-    /**
-     * If true, hides the tooltip.
-     */
-    hideTooltip?: boolean;
-    /**
-     * Props for the Tooltip component.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * Tooltip content displayed on hover.
-     */
-    tooltipContent?: string;
-    /**
-     * The button variant.
-     */
-    kind?: ButtonType;
-    /**
-     * If true, the button is in an active state.
-     */
-    active?: boolean;
-    /**
-     * The color of the button.
-     */
-    color?: ButtonColor;
-    /**
-     * If true, the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If disabled, this message will be displayed in the tooltip.
-     */
-    disabledReason?: string;
-    /**
-     * If true, the focus indicator is displayed inside the button instead of around it.
-     */
-    insetFocus?: boolean;
-    /**
-     * The tab order of the button.
-     */
-    tabIndex?: number;
-    /**
-     * If true, a loader replaces the icon.
-     */
-    loading?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>> & {
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-        readonly XXS: "xxs";
-        readonly XS: "xs";
-    };
-    kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
-    colors: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonColor;
-};
-export default _default;

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

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

package/dist/mocked_classnames/components/IconButton/services/IconButton-helpers.d.ts

@@ -1,6 +0,0 @@
-import { SIZES } from "./../../../constants/sizes";
-export type Size = (typeof SIZES)[keyof typeof SIZES];
-export declare function getWidthHeight(size: Size): {
-    width: string;
-    height: string;
-};

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

@@ -1,26 +0,0 @@
-import React, { type ReactNode } from "react";
-import { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from "./TextConstants";
-import { type TypographyProps } from "../Typography/Typography";
-import { TypographyAlign as TypographyAlignEnum, TypographyColor as TypographyColorEnum } from "../Typography/TypographyConstants";
-import { type TextType, type TextWeight } from "./Text.types";
-export interface TextProps extends TypographyProps {
-    /**
-     * The text style variant.
-     */
-    type?: TextType;
-    /**
-     * The font weight of the text.
-     */
-    weight?: TextWeight;
-    /**
-     * The content inside the text component.
-     */
-    children: ReactNode;
-}
-declare const _default: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof TextTypeEnum;
-    weights: typeof TextWeightEnum;
-    colors: typeof TypographyColorEnum;
-    align: typeof TypographyAlignEnum;
-};
-export default _default;

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

@@ -1,2 +0,0 @@
-export type TextType = "text1" | "text2" | "text3";
-export type TextWeight = "bold" | "medium" | "normal";

package/dist/mocked_classnames/components/Text/TextConstants.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TextType {
-    TEXT1 = "text1",
-    TEXT2 = "text2",
-    TEXT3 = "text3"
-}
-/**
- * @deprecated
- */
-export declare enum TextWeight {
-    BOLD = "bold",
-    MEDIUM = "medium",
-    NORMAL = "normal"
-}

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

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

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

@@ -1,202 +0,0 @@
-import React, { type CSSProperties, PureComponent, type ReactElement } from "react";
-import { type Modifier } from "react-popper";
-import { type DialogAnimationType, type DialogTriggerEvent } from "@vibe/dialog";
-import { DialogTriggerEventEnum as HideShowEventEnum, DialogAnimationTypeEnum as AnimationTypeEnum } from "@vibe/dialog";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from "./TooltipConstants";
-import { type ElementContent } from "../../types/ElementContent";
-import { type MoveBy } from "../../types/MoveBy";
-import { type SubIcon } from "@vibe/icon";
-import { type TooltipPositions, type TooltipTheme } from "./Tooltip.types";
-export type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);
-interface TooltipWithoutChildrenProps {
-    /**
-     * If true, the tooltip will be rendered even if there are no children.
-     */
-    forceRenderWithoutChildren: boolean;
-    /**
-     * The children elements that the tooltip is attached to.
-     */
-    children?: ReactElement | Array<ReactElement>;
-}
-interface TooltipWithChildrenProps {
-    /**
-     * If true, the tooltip will be rendered even if there are no children.
-     */
-    forceRenderWithoutChildren?: boolean;
-    /**
-     * The children elements that the tooltip is attached to.
-     */
-    children: ReactElement | Array<ReactElement>;
-}
-interface TooltipBaseProps extends VibeComponentProps {
-    /**
-     * The content displayed inside the tooltip.
-     */
-    content: ElementContent;
-    /**
-     * Inline styles applied to the tooltip container.
-     */
-    style?: CSSProperties;
-    /**
-     * Class name applied to the tooltip arrow.
-     */
-    arrowClassName?: string;
-    /**
-     * Offset values for positioning adjustments.
-     */
-    moveBy?: MoveBy;
-    /**
-     * The theme of the tooltip.
-     */
-    theme?: TooltipTheme;
-    /**
-     * Function to get the container where the tooltip should be rendered.
-     */
-    getContainer?: () => HTMLElement;
-    /**
-     * Delay in milliseconds before hiding the tooltip.
-     */
-    hideDelay?: number;
-    /**
-     * Delay in milliseconds before showing the tooltip.
-     */
-    showDelay?: number;
-    /**
-     * If true, disables the slide animation of the tooltip.
-     */
-    disableDialogSlide?: boolean;
-    /**
-     * The animation type used for showing/hiding the tooltip.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * If true, renders the tooltip without a dialog.
-     */
-    withoutDialog?: boolean;
-    /**
-     * The CSS selector of the container where the tooltip should be rendered.
-     */
-    containerSelector?: string;
-    /**
-     * Delay in milliseconds before showing the tooltip immediately.
-     */
-    immediateShowDelay?: number;
-    /**
-     * If false, hides the arrow of the tooltip.
-     */
-    tip?: boolean;
-    /**
-     * If true, the tooltip is shown when the component mounts.
-     */
-    shouldShowOnMount?: boolean;
-    /**
-     * If true, hides the tooltip when the reference element is hidden.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * Callback fired when the tooltip is hidden.
-     */
-    onTooltipHide?: () => void;
-    /**
-     * Callback fired when the tooltip is shown.
-     */
-    onTooltipShow?: () => void;
-    /**
-     * Custom Popper.js modifiers.
-     * https://popper.js.org/docs/v2/modifiers/
-     */
-    modifiers?: Array<Modifier<unknown>>;
-    /**
-     * The placement of the tooltip relative to the reference element.
-     */
-    position?: TooltipPositions;
-    /**
-     * Events that trigger showing the tooltip.
-     */
-    showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
-    /**
-     * Events that trigger hiding the tooltip.
-     */
-    hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
-    /**
-     * If true, prevents closing the tooltip when the mouse enters it.
-     */
-    showOnDialogEnter?: boolean;
-    /**
-     * Class name applied to the reference wrapper element.
-     */
-    referenceWrapperClassName?: string;
-    /**
-     * If true, keyboard focus/blur events behave like mouse enter/leave.
-     */
-    addKeyboardHideShowTriggersByDefault?: boolean;
-    /**
-     * If true, controls the open state of the tooltip.
-     */
-    open?: boolean;
-    /**
-     * The z-index applied to the tooltip.
-     */
-    zIndex?: number;
-    /**
-     * The title of the tooltip.
-     */
-    title?: string;
-    /**
-     * The image displayed inside the tooltip.
-     */
-    image?: string;
-    /**
-     * The icon displayed next to the title.
-     */
-    icon?: SubIcon;
-    /**
-     * The maximum width of the tooltip.
-     */
-    maxWidth?: number;
-    /**
-     * The text direction of the tooltip: "ltr", "rtl", or "auto".
-     */
-    dir?: "ltr" | "rtl" | "auto";
-}
-export default class Tooltip extends PureComponent<TooltipProps> {
-    wasShown: boolean;
-    static positions: typeof TooltipPositionsEnum;
-    static hideShowTriggers: typeof HideShowEventEnum;
-    static themes: typeof TooltipThemeEnum;
-    static animationTypes: typeof AnimationTypeEnum;
-    static defaultProps: {
-        moveBy: {
-            main: number;
-            secondary: number;
-        };
-        theme: string;
-        position: string;
-        hideDelay: number;
-        showDelay: number;
-        disableDialogSlide: boolean;
-        animationType: AnimationTypeEnum;
-        withoutDialog: boolean;
-        tip: boolean;
-        hideWhenReferenceHidden: boolean;
-        modifiers: Partial<import("@popperjs/core").Modifier<unknown, object>>[];
-        showTrigger: HideShowEventEnum;
-        hideTrigger: HideShowEventEnum;
-        showOnDialogEnter: boolean;
-        referenceWrapperClassName: string;
-        addKeyboardHideShowTriggersByDefault: boolean;
-        open: boolean;
-    };
-    constructor(props: TooltipProps);
-    renderTooltipContent(): React.JSX.Element;
-    onTooltipShow(): void;
-    onTooltipHide(): void;
-    getTimeSinceLastTooltip(): number;
-    getShowDelay(): {
-        showDelay: number;
-        preventAnimation: boolean;
-    };
-    render(): React.JSX.Element;
-}
-export {};

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

@@ -1,2 +0,0 @@
-export type TooltipPositions = "top" | "right" | "bottom" | "left";
-export type TooltipTheme = "dark" | "primary";

package/dist/mocked_classnames/components/Tooltip/TooltipConstants.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TooltipPositions {
-    TOP = "top",
-    RIGHT = "right",
-    BOTTOM = "bottom",
-    LEFT = "left"
-}
-/**
- * @deprecated
- */
-export declare enum TooltipTheme {
-    Dark = "dark",
-    Primary = "primary"
-}

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

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

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

@@ -1,41 +0,0 @@
-import React, { type HTMLAttributes } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ElementContent } from "../../types";
-import { type TypographyAlign, type TypographyColor } from "./Typography.types";
-import { type TooltipProps } from "../Tooltip/Tooltip";
-export interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML element tag used for the text component.
-     */
-    element?: string;
-    /**
-     * The content inside the typography component.
-     */
-    children: ElementContent;
-    /**
-     * The text color.
-     */
-    color?: TypographyColor;
-    /**
-     * The text alignment.
-     */
-    align?: TypographyAlign;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    ellipsis?: boolean;
-    /**
-     * The maximum number of lines before truncating with an ellipsis.
-     */
-    maxLines?: number;
-    /**
-     * Props passed to the tooltip displayed when hovering over the text.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * If true, disables the tooltip that appears when text is truncated.
-     */
-    withoutTooltip?: boolean;
-}
-declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
-export default Typography;

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

@@ -1,2 +0,0 @@
-export type TypographyColor = "primary" | "secondary" | "onPrimary" | "onInverted" | "fixedLight" | "fixedDark" | "inherit" | "negative";
-export type TypographyAlign = "start" | "center" | "end" | "inherit";