@vibe/core 4.5.22 → 4.5.24

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

@@ -1,110 +0,0 @@
-import { type ReactNode, type AriaRole } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type ChipsProps } from "@vibe/chips";
-import { type SubIcon } from "@vibe/icon";
-export type BaseItemSizes = "small" | "medium" | "large";
-export type BaseItemDirection = "ltr" | "rtl" | "auto";
-export interface BaseItemProps<Item extends Record<string, unknown>> extends Omit<React.HTMLAttributes<HTMLElement>, "role">, VibeComponentProps {
-    /**
-     * The HTML element to render. Defaults to "li".
-     */
-    component?: keyof JSX.IntrinsicElements;
-    /**
-     * The Size of the list item.
-     */
-    size?: BaseItemSizes;
-    /**
-     * If true, the list item is selected.
-     */
-    selected?: boolean;
-    /**
-     * If true, the dropdown is read-only and cannot be edited.
-     */
-    readOnly?: boolean;
-    /**
-     * Whether item should have highlight styling
-     */
-    highlighted?: boolean;
-    /**
-     * Determines the position of the tooltip according to the direction.
-     */
-    dir?: BaseItemDirection;
-    /**
-     * The ARIA role of the list item.
-     */
-    role?: AriaRole;
-    /**
-     * The index of the item in the list.
-     */
-    index?: number;
-    /**
-     * Custom renderer for options.
-     */
-    itemRenderer?: (item: BaseItemData<Item>) => React.ReactNode;
-    /**
-     * The original item data that this list item represents.
-     */
-    item?: BaseItemData<Item>;
-    /**
-     * Additional props to pass to the list item element.
-     */
-    itemProps?: Record<string, unknown>;
-}
-export type BaseItemData<Item = Record<string, unknown>> = Item & {
-    /**
-     * The value of the list item.
-     */
-    value: string | number;
-    /**
-     * The primary text content of the list item.
-     */
-    label: string;
-    /**
-     * The start element of the list item.
-     */
-    startElement?: StartElement;
-    /**
-     * The end element of the list item.
-     */
-    endElement?: EndElement;
-    /**
-     * If true, the list item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Props for displaying a tooltip on the list item.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * The color of the chip when displayed in multi-select mode.
-     */
-    chipColor?: ChipsProps["color"];
-    /**
-     * The index of the item in the list.
-     */
-    index?: number;
-};
-export type SideElement = {
-    type: "avatar";
-    value: string;
-    square?: boolean;
-} | {
-    type: "icon";
-    value: SubIcon;
-} | {
-    type: "indent";
-} | {
-    type: "suffix";
-    value: string;
-} | {
-    type: "custom";
-    render: () => ReactNode;
-};
-export type StartElement = Extract<SideElement, {
-    type: "avatar" | "icon" | "indent" | "custom";
-}>;
-export type EndElement = Extract<SideElement, {
-    type: "icon" | "suffix" | "custom";
-}>;

package/dist/mocked_classnames/components/BaseItem/hooks/useListItemProps.d.ts

@@ -1,20 +0,0 @@
-import { type BaseItemProps } from "../BaseItem.types";
-type ListItemPropsInput<Item extends Record<string, unknown>> = Pick<BaseItemProps<Item>, "id" | "component" | "size" | "highlighted" | "role" | "itemProps">;
-interface ListItemPropsOutput {
-    id: string | undefined;
-    component: string;
-    size: "small" | "medium" | "large";
-    highlighted: boolean;
-    role: string | undefined;
-    itemProps: Record<string, unknown>;
-    refCallback: ((element: HTMLElement | null) => void) | undefined;
-}
-/**
- * Merges explicit BaseItem props with context values from BaseList.
- * Explicit props always take precedence over context.
- *
- * @param props - The explicit props passed to BaseItem
- * @returns Merged props with context values as defaults
- */
-export declare function useListItemProps<Item extends Record<string, unknown>>(props: ListItemPropsInput<Item>): ListItemPropsOutput;
-export {};

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

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

package/dist/mocked_classnames/components/BaseItem/utils.d.ts

@@ -1,4 +0,0 @@
-import { type EndElement, type StartElement } from "./BaseItem.types";
-import { type TextType } from "@vibe/typography";
-import React from "react";
-export declare function renderSideElement(element: StartElement | EndElement, disabled: boolean, textVariant: TextType): React.ReactNode;

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { type BaseListProps } from "./BaseList.types";
-declare const BaseList: React.ForwardRefExoticComponent<BaseListProps & React.RefAttributes<HTMLElement>>;
-export default BaseList;

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

@@ -1,60 +0,0 @@
-import { type AriaAttributes, type AriaRole, type ReactElement } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type BaseItemSizes } from "../BaseItem";
-export type BaseListElement = "div" | "nav" | "ul" | "ol";
-export type BaseListSizes = BaseItemSizes;
-export interface BaseListProps extends Omit<React.HTMLAttributes<HTMLElement>, "id">, VibeComponentProps {
-    /**
-     * A unique identifier for the list. Required to ensure unique IDs across micro-frontends.
-     */
-    id: string;
-    /**
-     * The HTML element to render as. Defaults to "ul".
-     */
-    as?: BaseListElement;
-    /**
-     * The child elements inside the list.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * The ARIA label describing the list. Required for accessibility when aria-describedby is not provided.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of an element that describes the list.
-     */
-    "aria-describedby"?: string;
-    /**
-     * The ID of an element controlled by the list.
-     */
-    "aria-controls"?: AriaAttributes["aria-controls"];
-    /**
-     * The ARIA role of the list. Defaults to "listbox".
-     */
-    role?: AriaRole;
-    /**
-     * The size of the list items.
-     */
-    size?: BaseListSizes;
-    /**
-     * The maximum height of the list container. Enables scrolling when content exceeds this height.
-     */
-    maxHeight?: number | string;
-    /**
-     * If true, the list will automatically focus on mount.
-     */
-    focusOnMount?: boolean;
-    /**
-     * Index of the item that should be focused initially. Defaults to 0.
-     */
-    defaultFocusIndex?: number;
-    /**
-     * Callback fired when the focused item changes.
-     */
-    onFocusChange?: (index: number, id?: string) => void;
-    /**
-     * If true, disables all keyboard navigation and focus management.
-     */
-    disabled?: boolean;
-}

package/dist/mocked_classnames/components/BaseList/context/BaseListContext.d.ts

@@ -1,66 +0,0 @@
-import React, { type ReactNode, type AriaRole } from "react";
-import { type BaseListSizes } from "../BaseList.types";
-export interface BaseListItemContextProps {
-    /**
-     * The index of this item in the list.
-     */
-    index: number;
-    /**
-     * The derived ID for this item.
-     */
-    id: string;
-    /**
-     * Whether this item is currently highlighted (has keyboard focus).
-     */
-    highlighted: boolean;
-    /**
-     * The tabIndex for this item (0 if highlighted, -1 otherwise).
-     */
-    tabIndex: number;
-    /**
-     * The HTML element to render as.
-     */
-    component: string;
-    /**
-     * The size of the item.
-     */
-    size: BaseListSizes;
-    /**
-     * The ARIA role for this item.
-     */
-    role: AriaRole | undefined;
-    /**
-     * Callback ref to register the item's DOM element.
-     */
-    refCallback: (element: HTMLElement | null) => void;
-}
-export interface BaseListContextProps {
-    /**
-     * The index of the currently focused/active item.
-     */
-    activeItemIndex: number;
-    /**
-     * Callback to update the focused item by id and index.
-     */
-    updateFocusedItem: (id: string, index: number) => void;
-    /**
-     * Register an item ref for keyboard navigation.
-     */
-    registerItem: (ref: HTMLElement | null, index: number) => void;
-    /**
-     * The size of items in the list.
-     */
-    size?: BaseListSizes;
-}
-export interface BaseListProviderProps {
-    value: BaseListContextProps;
-    children: ReactNode;
-}
-export interface BaseListItemProviderProps {
-    value: BaseListItemContextProps;
-    children: ReactNode;
-}
-export declare const BaseListProvider: ({ value, children }: BaseListProviderProps) => React.JSX.Element;
-export declare const BaseListItemProvider: ({ value, children }: BaseListItemProviderProps) => React.JSX.Element;
-export declare const useBaseList: () => BaseListContextProps;
-export declare const useBaseListItem: () => BaseListItemContextProps | undefined;

package/dist/mocked_classnames/components/BaseList/hooks/useBaseListFocus.d.ts

@@ -1,41 +0,0 @@
-export interface UseBaseListFocusProps {
-    /**
-     * Index of the item that should be focused initially.
-     */
-    defaultFocusIndex: number;
-    /**
-     * Callback fired when the focused item changes.
-     */
-    onFocusChange?: (index: number, id?: string) => void;
-    /**
-     * The unique identifier for the list.
-     */
-    listId: string | undefined;
-    /**
-     * If true, disables focus management.
-     */
-    disabled: boolean;
-}
-export interface UseBaseListFocusResult {
-    /**
-     * The index of the currently focused item.
-     */
-    focusIndex: number;
-    /**
-     * The ID of the active descendant for aria-activedescendant.
-     */
-    activeDescendantId: string | undefined;
-    /**
-     * Callback to update the focused item.
-     */
-    updateFocusedItem: (itemId: string, index: number) => void;
-    /**
-     * Callback to register an item ref.
-     */
-    registerItem: (itemRef: HTMLElement | null, index: number) => void;
-    /**
-     * Ref array containing all item DOM elements.
-     */
-    childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;
-}
-export declare const useBaseListFocus: ({ defaultFocusIndex, onFocusChange, listId, disabled }: UseBaseListFocusProps) => UseBaseListFocusResult;

package/dist/mocked_classnames/components/BaseList/hooks/useBaseListKeyboard.d.ts

@@ -1,27 +0,0 @@
-export interface UseBaseListKeyboardProps {
-    /**
-     * The index of the currently focused item.
-     */
-    focusIndex: number;
-    /**
-     * Ref array containing all item DOM elements.
-     */
-    childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;
-    /**
-     * The unique identifier for the list.
-     */
-    listId: string | undefined;
-    /**
-     * Callback to update the focused item.
-     */
-    updateFocusedItem: (itemId: string, index: number) => void;
-    /**
-     * Ref to the list container element.
-     */
-    componentRef: React.RefObject<HTMLElement>;
-    /**
-     * If true, disables keyboard navigation.
-     */
-    disabled: boolean;
-}
-export declare const useBaseListKeyboard: ({ focusIndex, childrenRefs, listId, updateFocusedItem, componentRef, disabled }: UseBaseListKeyboardProps) => void;

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

@@ -1,3 +0,0 @@
-export { default as BaseList } from "./BaseList";
-export * from "./BaseList.types";
-export { BaseListProvider, BaseListItemProvider, useBaseList, useBaseListItem, type BaseListContextProps, type BaseListItemContextProps, type BaseListProviderProps, type BaseListItemProviderProps } from "./context/BaseListContext";

package/dist/mocked_classnames/components/BaseList/utils/baseListUtils.d.ts

@@ -1,10 +0,0 @@
-export declare const VALID_ROLES: string[];
-export declare const getChildRole: (listRole: string) => string;
-export declare const getItemId: (listId: string, index: number, customId?: string) => string;
-export declare const isListItem: (element: HTMLElement | null) => boolean;
-export declare const isFocusableListItem: (element: HTMLElement | null) => boolean;
-export declare const getItemComponentType: (listElement: string) => string;
-export declare const findAdjacentFocusableIndex: (refs: (HTMLElement | null)[], currentIndex: number, direction: "next" | "prev", shouldWrap?: boolean) => number | undefined;
-export declare const findFirstFocusableIndex: (refs: (HTMLElement | null)[]) => number;
-export declare const findLastFocusableIndex: (refs: (HTMLElement | null)[]) => number;
-export declare const findSelectedItemIndex: (refs: (HTMLElement | null)[]) => number;

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

@@ -1,146 +0,0 @@
-import React from "react";
-import { type DialogOffset, type DialogPosition, type DialogSize, type DialogStartingEdge, type DialogTriggerEvent } from "@vibe/dialog";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type MenuButtonComponentPosition, type MenuButtonSize } from "./MenuButton.types";
-import { type TooltipPositions } from "@vibe/tooltip";
-export interface MenuButtonProps extends VibeComponentProps {
-    /**
-     * If true, the button is in an active state.
-     */
-    active?: boolean;
-    /**
-     * Class name applied to the button when the dialog is open.
-     */
-    openDialogComponentClassName?: string;
-    /**
-     * The component used as the button icon.
-     */
-    component?: (() => JSX.Element) | React.ElementType;
-    /**
-     * The size of the button.
-     */
-    size?: MenuButtonSize;
-    /**
-     * If true, the menu is open.
-     */
-    open?: boolean;
-    /**
-     * Callback fired when the button is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * The z-index of the menu.
-     */
-    zIndex?: number;
-    /**
-     * The label of the button for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * Class name applied to the menu dialog wrapper.
-     */
-    dialogClassName?: string;
-    /**
-     * The offset of the menu relative to the button.
-     */
-    dialogOffset?: DialogOffset;
-    /**
-     * The padding size inside the menu dialog.
-     */
-    dialogPaddingSize?: DialogSize;
-    /**
-     * The position of the menu dialog relative to the button.
-     */
-    dialogPosition?: DialogPosition;
-    /**
-     * Classes that prevent showing the dialog when present.
-     */
-    dialogShowTriggerIgnoreClass?: string | Array<string>;
-    /**
-     * Classes that prevent hiding the dialog when present.
-     */
-    dialogHideTriggerIgnoreClass?: string | Array<string>;
-    /**
-     * The container selector in which to append the dialog.
-     */
-    dialogContainerSelector?: string;
-    /**
-     * The starting edge alignment of the menu.
-     */
-    startingEdge?: DialogStartingEdge;
-    /**
-     * Callback fired when the menu is shown.
-     */
-    onMenuShow?: () => void;
-    /**
-     * Callback fired when the menu is hidden.
-     */
-    onMenuHide?: () => void;
-    /**
-     * The text displayed inside the button.
-     */
-    text?: string;
-    /**
-     * If true, the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The tooltip content displayed when hovering over the button.
-     */
-    tooltipContent?: string;
-    /**
-     * If true, removes the tab key from the hide trigger.
-     */
-    removeTabCloseTrigger?: boolean;
-    /**
-     * The triggers that cause the tooltip to show or hide.
-     */
-    tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];
-    /**
-     * The position of the tooltip.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * Class name applied to the tooltip reference wrapper.
-     */
-    tooltipReferenceClassName?: string;
-    /**
-     * Additional props for customizing the tooltip.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * If true, hides the menu and tooltip when the button is not visible.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * The content inside the menu button.
-     */
-    children?: ElementContent;
-    /**
-     * The position of the component relative to the text.
-     */
-    componentPosition?: MenuButtonComponentPosition;
-    /**
-     * The element used as the trigger for the menu.
-     */
-    triggerElement?: React.ElementType;
-    /**
-     * If true, closes the menu when a menu item is clicked.
-     */
-    closeMenuOnItemClick?: boolean;
-    /**
-     * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.
-     */
-    showTooltipOnlyOnTriggerElement?: boolean;
-    /**
-     * If true, closes the menu when clicking inside the dialog.
-     */
-    closeDialogOnContentClick?: boolean;
-    /**
-     * The ARIA control of the menu button for accessibility.
-     */
-    "aria-controls"?: string;
-}
-declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLElement>>;
-export default MenuButton;

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

@@ -1,2 +0,0 @@
-export type MenuButtonSize = "xxs" | "xs" | "small" | "medium" | "large";
-export type MenuButtonComponentPosition = "start" | "end";

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

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

package/dist/mocked_classnames/components/Slider/SelectionIndicator.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { type InfixKind } from "./Slider.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface SelectionIndicatorProps extends VibeComponentProps {
-    /**
-     * Determines whether the selection indicator is a prefix or postfix.
-     */
-    kind?: InfixKind;
-    /**
-     * The key for the selection indicator (used for React key uniqueness).
-     */
-    key?: InfixKind;
-}
-declare const SelectionIndicator: React.FC<SelectionIndicatorProps>;
-export default SelectionIndicator;

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

@@ -1,120 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type IconType } from "@vibe/icon";
-import { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from "./Slider.types";
-export type SliderProps = {
-    /**
-     * Define a string that labels the current element (Slider)
-     */
-    "aria-label"?: string;
-    /**
-     * ElementId of Node that have the text needed for labeling the current element (Slider)
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Custom `class name` to be added to the component-root-node
-     */
-    className?: string;
-    /**
-     * Color Mode (primary/positive/negative) of the component (Slider)
-     */
-    color?: SliderColor;
-    /**
-     * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)
-     */
-    "data-testid"?: string;
-    defaultValue?: number | number[];
-    /**
-     * Formatter function `value => formattedValue`
-     * default formatter return `${value}%`
-     */
-    /**
-     * If set to true, Component (Slider) will be disabled
-     *  - impossible to change value of component (Slider)
-     *  - visual changes (opacity)
-     */
-    disabled?: boolean;
-    /**
-     * Attribute `id` to be added to the component-root-node
-     */
-    id?: string;
-    /**
-     * Max range value of the component (Slider)
-     */
-    max?: number;
-    /**
-     * Min range value of the component (Slider)
-     */
-    min?: number;
-    /**
-     * Optional onChange callback (for outer trigger or Controlled mode)
-     * - required in Controlled Mode
-     */
-    onChange?: (value: number | number[]) => void;
-    /**
-     * If true switch slider to RRange mode (two Thumbs)
-     */
-    ranged?: boolean;
-    /**
-     * The granularity with which the slider can step through values.
-     * (A "discrete" slider.) The min prop serves as the origin for the valid values.
-     * We recommend (max - min) to be evenly divisible by the step.
-     */
-    step?: number;
-    /**
-     * Always show `value` instead of Tooltip
-     */
-    showValue?: boolean;
-    /**
-     * Position of the `value` when `showValue` is true
-     */
-    valueLabelPosition?: SliderLabelPosition;
-    /**
-     * Color of the `value` when `showValue` is true
-     */
-    valueLabelColor?: SliderLabelColor;
-    /**
-     * Size small/medium/large of the component (Slider)
-     */
-    size?: SliderSize;
-    /**
-     * Current/selected value of the range of the Component (Slider)
-     *   - should be used in Controlled Mode only
-     *   - in ranged mode should be an array of two numbers
-     */
-    value?: number | number[];
-    /**
-     * Function to format the value, e.g. add %. By default, returns `${value}%`
-     */
-    valueFormatter?: (value: number) => string;
-    /**
-     * Text/presentation of current/selected value
-     *  - should be used in Controlled Mode only
-     */
-    valueText?: string;
-    /**
-     * Show selected from Slider range value
-     */
-    indicateSelection?: boolean;
-    /**
-     * Options for initial/start/prefix element, it can be one of:
-     *  - Any Component (react component, node, text, number etc.)
-     *  - Or it can be an object of options for Icons component (see Icon components props)
-     *  - Or it can be an object for Label (Icon, Heading - and other components)
-     *  - Or it can be Render Props Function witch are getting value and valueText
-     */
-    prefix?: {
-        icon: IconType;
-    } | string | ((value: number, valueText: string) => void) | ReactElement;
-    /**
-     * Options for postfix/end/finishing element. Same as prefix element.
-     */
-    postfix?: {
-        icon: IconType;
-    } | string | ((value: number, valueText: string) => void) | ReactElement;
-    /**
-     * Width of SelectionIndicator (i.e. TextField)
-     */
-    selectionIndicatorWidth?: string;
-};
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>>;
-export default Slider;

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

@@ -1,8 +0,0 @@
-import { type BASE_SIZES } from "../../constants";
-import { type DialogPosition } from "@vibe/dialog";
-import { type TypographyColor } from "@vibe/typography";
-export type SliderColor = "primary" | "negative" | "positive";
-export type SliderLabelColor = Extract<TypographyColor, "primary" | "secondary">;
-export type SliderLabelPosition = Extract<DialogPosition, "top" | "bottom">;
-export type SliderSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES];
-export type InfixKind = "prefix" | "postfix";

package/dist/mocked_classnames/components/Slider/SliderBase/SliderBase.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export type SliderBaseProps = VibeComponentProps;
-declare const SliderBase: FC<SliderBaseProps>;
-export default SliderBase;