@vibe/core 4.5.28-alpha-871ee.0 → 4.5.29

package/dist/mocked_classnames/components/Combobox/components/ComboboxConstants.d.ts

@@ -1,239 +0,0 @@
-import type React from "react";
-import { type SubIcon } from "@vibe/icon";
-import type { TooltipProps } from "@vibe/tooltip";
-export declare const COMBOBOX_DIVIDER_ITEM = "combobox-divider";
-export declare const COMBOBOX_CATEGORY_ITEM = "combobox-category";
-export declare const COMBOBOX_OPTION_ITEM = "combobox-option";
-export declare const COMBOBOX_LISTBOX_ID = "combobox-listbox";
-/**
- * @deprecated
- */
-export declare enum ComboboxOptionIconType {
-    DEFAULT = "default",
-    RENDERER = "renderer"
-}
-export interface IComboboxCategoryMap {
-    /**
-     * A mapping of category IDs to category details.
-     */
-    [key: string]: IComboboxCategory;
-}
-export interface IComboboxCategory {
-    /**
-     * The display label of the category.
-     */
-    label: string;
-    /**
-     * The unique ID of the category.
-     */
-    id: string;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, the category is only shown when searching.
-     */
-    onlyShowOnSearch?: boolean;
-    /**
-     * The color associated with the category.
-     */
-    color?: string;
-}
-export interface IComboboxOption {
-    /**
-     * The unique ID of the option.
-     */
-    id: string;
-    /**
-     * The ID of the category the option belongs to.
-     */
-    categoryId?: string;
-    /**
-     * The icon displayed on the left side.
-     */
-    leftIcon?: SubIcon | ((className: string) => JSX.Element);
-    /**
-     * The icon displayed on the right side.
-     */
-    rightIcon?: SubIcon | ((className: string) => JSX.Element);
-    /**
-     * The type of the left icon.
-     */
-    leftIconType?: ComboboxOptionIconType;
-    /**
-     * The type of the right icon.
-     */
-    rightIconType?: ComboboxOptionIconType;
-    /**
-     * The display label of the option.
-     */
-    label: string;
-    /**
-     * The size of the icons.
-     */
-    iconSize?: number;
-    /**
-     * If true, the option is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the option is selected.
-     */
-    selected?: boolean;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, the option belongs to a category.
-     */
-    belongToCategory?: boolean;
-    /**
-     * The tooltip content displayed on hover.
-     */
-    tooltipContent?: string;
-    /**
-     * Props for the Tooltip component.
-     * The "Omit" is here on purpose to avoid the content prop, in case tooltipProps would be expanded in the future.
-     */
-    tooltipProps?: Pick<Omit<TooltipProps, "content">, "position">;
-}
-export interface IComboboxItem {
-    /**
-     * The height of the item.
-     */
-    height?: number;
-    /**
-     * The type of the item.
-     */
-    type?: string;
-    /**
-     * The category details if the item is a category.
-     */
-    category?: IComboboxCategory;
-    /**
-     * The ID of the category the item belongs to.
-     */
-    categoryId?: string;
-    /**
-     * The unique ID of the item.
-     */
-    id?: string;
-    /**
-     * The index of the item in the list.
-     */
-    index?: number;
-    /**
-     * If true, a divider is displayed before this item.
-     */
-    withDivider?: boolean;
-    /**
-     * Class name applied to the item.
-     */
-    className?: string;
-    /**
-     * If true, the item belongs to a category.
-     */
-    belongToCategory?: boolean;
-    /**
-     * The option details if the item is an option.
-     */
-    option?: IComboboxOption;
-    /**
-     * Custom renderer for the option.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-    /**
-     * If true, the item is currently active.
-     */
-    isActive?: boolean;
-    /**
-     * The height of the option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, the selected item is automatically scrolled into view.
-     */
-    shouldScrollToSelectedItem?: boolean;
-}
-export interface IComboboxOptionEvents {
-    /**
-     * Callback fired when an option is clicked.
-     */
-    onOptionClick: (event: React.MouseEvent | React.KeyboardEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-    /**
-     * Callback fired when the mouse leaves an option.
-     */
-    onOptionLeave: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-    /**
-     * Callback fired when the mouse enters an option.
-     */
-    onOptionEnter: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-    /**
-     * Callback fired when hovering over an option.
-     */
-    onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-}
-export interface IOptionItemRendererArgs extends IComboboxOptionEvents {
-    /**
-     * The unique ID of the option item.
-     */
-    id?: string;
-    /**
-     * The index of the option item.
-     */
-    index?: number;
-    /**
-     * The option details.
-     */
-    option?: IComboboxOption;
-    /**
-     * Class name applied to the option item.
-     */
-    className?: string;
-    /**
-     * If true, the option is currently active.
-     */
-    isActive?: boolean;
-    /**
-     * If true, the option has visual focus.
-     */
-    visualFocus?: boolean;
-    /**
-     * A reference to the scroll container.
-     */
-    scrollRef?: React.MutableRefObject<HTMLElement>;
-    /**
-     * The amount of offset when scrolling to the active item.
-     */
-    scrollOffset?: number;
-    /**
-     * The height of the option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, the selected item is automatically scrolled into view.
-     */
-    shouldScrollToSelectedItem?: boolean;
-    /**
-     * If true, scrolls to the active option when it is selected.
-     */
-    shouldScrollWhenActive?: boolean;
-    /**
-     * If true, the option belongs to a category.
-     */
-    belongToCategory?: boolean;
-    /**
-     * The index of the item with visual focus.
-     */
-    visualFocusItemIndex?: number;
-    /**
-     * The index of the currently active item.
-     */
-    activeItemIndex?: number;
-    /**
-     * Custom renderer for the option content.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-}

package/dist/mocked_classnames/components/Combobox/components/ComboboxItems/ComboboxItems.d.ts

@@ -1,65 +0,0 @@
-import React from "react";
-import { type IComboboxCategoryMap, type IComboboxItem, type IComboboxOption, type IComboboxOptionEvents } from "../ComboboxConstants";
-export interface ComboboxItemsProps extends IComboboxOptionEvents {
-    /**
-     * Class name applied to the options container.
-     */
-    className?: string;
-    /**
-     * Class name applied to individual options.
-     */
-    optionClassName?: string;
-    /**
-     * The categories available in the combobox.
-     */
-    categories?: IComboboxCategoryMap;
-    /**
-     * The list of options displayed in the combobox.
-     */
-    options?: IComboboxItem[];
-    /**
-     * Custom renderer for an option.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-    /**
-     * The index of the currently active item.
-     */
-    activeItemIndex?: number;
-    /**
-     * The index of the item with visual focus.
-     */
-    visualFocusItemIndex?: number;
-    /**
-     * The height of each option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, the list scrolls to the selected item when opened.
-     */
-    shouldScrollToSelectedItem?: boolean;
-    /**
-     * If true, only renders visible options (optimization for large lists).
-     */
-    renderOnlyVisibleOptions?: boolean;
-    /**
-     * Callback fired when the active category changes.
-     */
-    onActiveCategoryChanged?: (category: IComboboxItem) => void;
-    /**
-     * The maximum number of options displayed without scrolling.
-     */
-    maxOptionsWithoutScroll?: number;
-    /**
-     * A map of item IDs to item data.
-     */
-    itemsMap?: Map<string, IComboboxItem>;
-    /**
-     * If true, categories remain visible when scrolling.
-     */
-    stickyCategories?: boolean;
-    /**
-     * The ID of the options container.
-     */
-    id?: string;
-}
-export declare const ComboboxItems: React.FC<ComboboxItemsProps>;

package/dist/mocked_classnames/components/Combobox/components/ComboboxOption/ComboboxOption.d.ts

@@ -1,46 +0,0 @@
-import React, { type RefObject } from "react";
-import { type IComboboxOption, type IComboboxOptionEvents } from "../ComboboxConstants";
-export interface ComboboxOptionProps extends IComboboxOptionEvents {
-    /**
-     * The index of the option in the list.
-     */
-    index?: number;
-    /**
-     * The option data containing label, icons, and other properties.
-     */
-    option?: IComboboxOption;
-    /**
-     * Class name applied to the option element.
-     */
-    className?: string;
-    /**
-     * If true, the option is currently active.
-     */
-    isActive?: boolean;
-    /**
-     * If true, the option has visual focus.
-     */
-    visualFocus?: boolean;
-    /**
-     * A reference to the scroll container.
-     */
-    scrollRef?: RefObject<HTMLElement>;
-    /**
-     * The amount of offset when scrolling to the active item.
-     */
-    scrollOffset?: number;
-    /**
-     * The height of each option.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, scrolls to the active option when it is selected.
-     */
-    shouldScrollWhenActive?: boolean;
-    /**
-     * Custom renderer for the option content.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-}
-declare const ComboboxOption: ({ index, option, className, isActive, visualFocus, scrollRef, scrollOffset, onOptionClick, onOptionLeave, onOptionHover, optionLineHeight, shouldScrollWhenActive, optionRenderer }: ComboboxOptionProps) => React.JSX.Element;
-export default ComboboxOption;

package/dist/mocked_classnames/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const StickyCategoryHeader: ({ label, color, className }: {
-    label: string;
-    color?: string;
-    className?: string;
-}) => React.JSX.Element;

package/dist/mocked_classnames/components/Combobox/helpers.d.ts

@@ -1 +0,0 @@
-export declare function getOptionId(id: string, index: number): string;

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

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

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

@@ -1,41 +0,0 @@
-import React, { type AriaAttributes, type AriaRole, type CSSProperties, type ReactElement } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ListItemProps } from "../ListItem/ListItem";
-import { type ListTitleProps } from "../ListTitle/ListTitle";
-import { type ListElement } from "./List.types";
-export interface ListProps extends VibeComponentProps {
-    /**
-     * The wrapping component for the list.
-     */
-    component?: ListElement;
-    /**
-     * The ARIA label describing the list.
-     */
-    "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 child elements inside the list.
-     */
-    children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];
-    /**
-     * If true, uses a virtualized list to render only visible items for performance optimization.
-     */
-    renderOnlyVisibleItems?: boolean;
-    /**
-     * Custom inline styles applied to the list.
-     */
-    style?: CSSProperties;
-    /**
-     * The ARIA role of the list.
-     */
-    role?: AriaRole;
-}
-declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLElement>>;
-export default List;

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

@@ -1 +0,0 @@
-export type ListElement = "div" | "nav" | "ul" | "ol";

package/dist/mocked_classnames/components/List/VirtualizedListItems/VirtualizedListItems.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type ListItemProps } from "../../../components/ListItem/ListItem";
-import { type ListTitleProps } from "../../ListTitle/ListTitle";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface VirtualizedListItemsProps extends VibeComponentProps {
-    /**
-     * The list of children.
-     */
-    children?: React.ReactElement<ListItemProps | ListTitleProps> | React.ReactElement<ListItemProps | ListTitleProps>[];
-}
-export declare const VirtualizedListItems: React.FC<VirtualizedListItemsProps>;

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

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

package/dist/mocked_classnames/components/List/utils/ListContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type ListContextType = {
-    /**
-     * A callback function which is being called when the item is being focused by keyboard navigation
-     * @param ListItem id
-     */
-    updateFocusedItem: (id: string) => void;
-};
-export declare const ListContext: React.Context<ListContextType>;
-export {};

package/dist/mocked_classnames/components/List/utils/ListUtils.d.ts

@@ -1,11 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type ListItemElement } from "../../ListItem/ListItem.types";
-import { type ListElement } from "../List.types";
-export declare const generateListId: () => string;
-export declare const useListId: (id: string) => string;
-export declare const getListItemIdByIndex: (childrenRefs: MutableRefObject<HTMLElement[]>, index: number) => string;
-export declare const getListItemIndexById: (childrenRefs: MutableRefObject<HTMLElement[]>, id: string) => number;
-export declare const getListItemComponentType: (listComponent: ListElement) => ListItemElement;
-export declare const isListItem: (element: HTMLElement) => boolean;
-export declare const getNextListItemIndex: (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => number;
-export declare const getPrevListItemIndex: (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => number;

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

@@ -1,52 +0,0 @@
-import React, { type AriaAttributes, type AriaRole } from "react";
-import { type VibeComponentProps, type ElementContent } from "../../types";
-import { type ListItemElement, type ListItemSize } from "./ListItem.types";
-import { type TooltipProps } from "@vibe/tooltip";
-export interface ListItemProps extends VibeComponentProps {
-    /**
-     * The HTML element used for the list item.
-     */
-    component?: ListItemElement;
-    /**
-     * The textual content inside the list item.
-     */
-    children?: ElementContent;
-    /**
-     * Callback fired when the item is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;
-    /**
-     * Callback fired when the item is hovered.
-     */
-    onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;
-    /**
-     * If true, disables the item and prevents interactions.
-     */
-    disabled?: boolean;
-    /**
-     * If true, marks the item as selected.
-     */
-    selected?: boolean;
-    /**
-     * The size of the list item.
-     */
-    size?: ListItemSize;
-    /**
-     * The tab index of the list item for keyboard navigation.
-     */
-    tabIndex?: number;
-    /**
-     * Indicates the current state of the item in a set of items.
-     */
-    "aria-current"?: AriaAttributes["aria-current"];
-    /**
-     * The ARIA role of the list item.
-     */
-    role?: AriaRole;
-    /**
-     * Props passed to the tooltip displayed when hovering over the text.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLElement>>;
-export default ListItem;

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

@@ -1,3 +0,0 @@
-import { type SIZES } from "../../constants";
-export type ListItemElement = "div" | "li" | "a";
-export type ListItemSize = (typeof SIZES)[keyof typeof SIZES];

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

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

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

@@ -1,19 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ListItemElement } from "../ListItem";
-export interface ListItemAvatarProps extends VibeComponentProps {
-    /**
-     * The HTML element used for the list item avatar.
-     */
-    component?: ListItemElement;
-    /**
-     * The source URL of the avatar image.
-     */
-    src?: string;
-    /**
-     * Class name applied to the avatar.
-     */
-    avatarClassName?: string;
-}
-declare const ListItemAvatar: React.ForwardRefExoticComponent<ListItemAvatarProps & React.RefAttributes<HTMLElement>>;
-export default ListItemAvatar;

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

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

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

@@ -1,22 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type ListItemElement } from "../ListItem";
-import { type VibeComponentProps } from "../../types";
-import { type ListItemIconMargin } from "./ListItemIcon.types";
-export declare const LIST_ITEM_ICON_SIZE = 18;
-export interface ListItemIconProps extends VibeComponentProps {
-    /**
-     * The HTML element used for the list item icon.
-     */
-    component?: ListItemElement;
-    /**
-     * The icon displayed inside the list item.
-     */
-    icon?: SubIcon;
-    /**
-     * The position of the icon inside the list item, determining its margins.
-     */
-    margin?: ListItemIconMargin;
-}
-declare const ListItemIcon: React.ForwardRefExoticComponent<ListItemIconProps & React.RefAttributes<HTMLElement>>;
-export default ListItemIcon;

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

@@ -1 +0,0 @@
-export type ListItemIconMargin = "start" | "end";

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

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

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

@@ -1,14 +0,0 @@
-import React from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface ListTitleProps extends VibeComponentProps {
-    /**
-     * The tab index for keyboard navigation.
-     */
-    tabIndex?: number;
-    /**
-     * The title text.
-     */
-    children?: string;
-}
-declare const ListTitle: React.FC<ListTitleProps>;
-export default ListTitle;

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

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

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

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