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

package/dist/components/Table/context/TableContainerContext/TableContainerContext.types.d.ts

@@ -1,9 +0,0 @@
-import type React from "react";
-export type TableContainerContext = TableContainerProviderValue;
-export interface TableContainerProviderValue {
-    menuContainerRef: React.RefObject<HTMLDivElement>;
-}
-export interface TableContainerProviderProps {
-    value: TableContainerProviderValue;
-    children: React.ReactNode;
-}

package/dist/components/Table/context/TableContext/TableContext.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type TableContext as ITableContext, type TableProviderProps } from "./TableContext.types";
-export declare const TableProvider: ({ value, children }: TableProviderProps) => React.JSX.Element;
-export declare const useTable: () => ITableContext;

package/dist/components/Table/context/TableContext/TableContext.types.d.ts

@@ -1,27 +0,0 @@
-import { type TableProps } from "../../Table/Table";
-import { type UIEventHandler } from "react";
-import type React from "react";
-export interface TableContext extends TableProviderValue {
-    headRef: React.MutableRefObject<HTMLDivElement>;
-    onHeadScroll: UIEventHandler<HTMLDivElement>;
-    virtualizedListRef: React.MutableRefObject<HTMLDivElement>;
-    onVirtualizedListScroll: UIEventHandler<HTMLDivElement>;
-}
-export interface TableProviderForwardedProps {
-    columns: TableProps["columns"];
-    dataState?: TableProps["dataState"];
-    emptyState: TableProps["emptyState"];
-    errorState: TableProps["errorState"];
-    size: TableProps["size"];
-}
-export interface TableProviderValue extends TableProviderForwardedProps {
-    tableRootRef: React.MutableRefObject<HTMLDivElement>;
-    isVirtualized: boolean;
-    markTableAsVirtualized: () => void;
-    isScrolled: boolean;
-    setIsScrolled: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export type TableProviderProps = {
-    value: TableProviderValue;
-    children: React.ReactNode;
-};

package/dist/components/Table/context/TableRowMenuContext/TableRowMenuContext.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type TableRowMenuContext as ITableRowMenuContext, type TableRowMenuProviderProps } from "./TableRowMenuContext.types";
-export declare const TableRowMenuProvider: ({ value, children }: TableRowMenuProviderProps) => React.JSX.Element;
-export declare const useTableRowMenu: () => ITableRowMenuContext;

package/dist/components/Table/context/TableRowMenuContext/TableRowMenuContext.types.d.ts

@@ -1,23 +0,0 @@
-import type React from "react";
-export interface TableRowMenuContext extends Pick<TableRowMenuProviderValue, "resetHoveredRow"> {
-    hoveredRowId: string;
-    onMouseOverRow: (rowRef: React.MutableRefObject<HTMLDivElement>) => void;
-    onMouseLeaveRow: () => void;
-    onMouseOverRowMenu: () => void;
-    onMouseLeaveRowMenu: () => void;
-    menuButtonPosition: number;
-    setTableMenuShown: () => void;
-    setTableMenuHidden: () => void;
-}
-export interface TableRowMenuProviderValue {
-    tableRootRef: React.RefObject<HTMLDivElement>;
-    hoveredRowRef: React.RefObject<HTMLDivElement>;
-    isMenuOpen: boolean;
-    resetHoveredRow: () => void;
-    setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => void;
-    setIsMenuOpen: (isOpen: boolean) => void;
-}
-export type TableRowMenuProviderProps = {
-    value: TableRowMenuProviderValue;
-    children: React.ReactNode;
-};

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

@@ -1,12 +0,0 @@
-export { default as Table, type TableProps, type TableColumn } from "./Table/Table";
-export { default as TableContainer } from "./TableContainer/TableContainer";
-export * from "./TableContainer/TableContainer.types";
-export { default as TableHeader, type TableHeaderProps } from "./TableHeader/TableHeader";
-export { default as TableHeaderCell, type TableHeaderCellProps } from "./TableHeaderCell/TableHeaderCell";
-export { default as TableBody, type TableBodyProps } from "./TableBody/TableBody";
-export { default as TableVirtualizedBody, type TableVirtualizedBodyProps, type TableVirtualizedRow } from "./TableVirtualizedBody/TableVirtualizedBody";
-export { default as TableRow, type TableRowProps } from "./TableRow/TableRow";
-export { default as TableRowMenu } from "./TableRowMenu/TableRowMenu";
-export * from "./TableRowMenu/TableRowMenu.types";
-export { default as TableCell, type TableCellProps } from "./TableCell/TableCell";
-export * from "./Table/Table.types";

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

@@ -1,35 +0,0 @@
-import { type MutableRefObject } from "react";
-import type React from "react";
-declare enum Role {
-    APPLICATION = "application",
-    COMBOBOX = "combobox",
-    COMPOSITE = "composite",
-    GROUP = "group",
-    TEXTBOX = "textbox",
-    MENU = "menu"
-}
-declare function useActiveDescendantListFocus({ focusedElementRef, // the reference for the component that listens to keyboard
-itemsIds, isItemSelectable, onItemClick, defaultVisualFocusFirstIndex, focusedElementRole, isHorizontalList, isIgnoreSpaceAsItemSelection, useDocumentEventListeners, ignoreDocumentFallback }: {
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    itemsIds: string[];
-    isItemSelectable: (index: number) => boolean;
-    onItemClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;
-    defaultVisualFocusFirstIndex?: boolean;
-    focusedElementRole?: Role;
-    isHorizontalList?: boolean;
-    isIgnoreSpaceAsItemSelection?: boolean;
-    useDocumentEventListeners?: boolean;
-    ignoreDocumentFallback?: boolean;
-}): {
-    visualFocusItemIndex: number;
-    visualFocusItemId: string;
-    focusedElementProps: {
-        "aria-activedescendant": string;
-        role: Role;
-    };
-    setVisualFocusItemId: (visualFocusItemId: string, isTriggeredByKeyboard: boolean) => void;
-};
-declare namespace useActiveDescendantListFocus {
-    var roles: typeof Role;
-}
-export default useActiveDescendantListFocus;

package/dist/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHelpers.d.ts

@@ -1,8 +0,0 @@
-type ActiveDependentHelper = {
-    isItemSelectable: (index: number) => boolean;
-    visualFocusItemIndex: number;
-    itemsCount: number;
-};
-export declare function getNextSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount }: ActiveDependentHelper): number;
-export declare function getPreviousSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount }: ActiveDependentHelper): number;
-export {};

package/dist/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.d.ts

@@ -1,44 +0,0 @@
-import { type MutableRefObject } from "react";
-import type React from "react";
-import { type UseKeyEventArgs } from "../useKeyEvent";
-export declare function useSupportArrowsKeyboardNavigation({ itemsCount, focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex, isHorizontalList, isItemSelectable, listenerOptions, triggeredByKeyboard }: {
-    itemsCount: number;
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    visualFocusItemIndex: number;
-    setVisualFocusItemIndex: (index: number) => void;
-    isHorizontalList: boolean;
-    isItemSelectable: (index: number) => boolean;
-    triggeredByKeyboard: MutableRefObject<boolean>;
-    listenerOptions: Omit<UseKeyEventArgs, "keys" | "callback">;
-}): void;
-export declare function useSupportPressItemKeyboardNavigation({ visualFocusItemIndex, focusedElementRef, itemsCount, setVisualFocusItemIndex, onItemClick, isItemSelectable, listenerOptions, isIgnoreSpaceAsItemSelection }: {
-    visualFocusItemIndex: number;
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    itemsCount: number;
-    setVisualFocusItemIndex: (index: number) => void;
-    onItemClick: (event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
-    isItemSelectable: (index: number) => boolean;
-    listenerOptions: Omit<UseKeyEventArgs, "keys" | "callback">;
-    isIgnoreSpaceAsItemSelection: boolean;
-}): void;
-export declare function useCleanVisualFocusOnBlur({ focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex }: {
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    visualFocusItemIndex: number;
-    setVisualFocusItemIndex: (index: number) => void;
-}): void;
-export declare function useSetDefaultItemOnFocusEvent({ focusedElementRef, isItemSelectable, visualFocusItemIndex, setVisualFocusItemIndex, itemsCount, defaultVisualFocusItemIndex }: {
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    isItemSelectable: (index: number) => boolean;
-    visualFocusItemIndex: number;
-    setVisualFocusItemIndex: (index: number) => void;
-    itemsCount: number;
-    defaultVisualFocusItemIndex: number;
-}): {
-    triggeredByKeyboard: MutableRefObject<boolean>;
-};
-export declare function useKeepFocusOnItemWhenListChanged({ visualFocusItemIndex, itemsIds, isItemSelectable, setVisualFocusItemIndex }: {
-    visualFocusItemIndex: number;
-    itemsIds: string[];
-    isItemSelectable: (index: number) => boolean;
-    setVisualFocusItemIndex: (index: number) => void;
-}): void;

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

@@ -1,6 +0,0 @@
-import { type RefObject } from "react";
-export default function useListenFocusTriggers({ ref, onFocusByKeyboard, onFocusByMouse }: {
-    ref: RefObject<HTMLElement>;
-    onFocusByKeyboard?: (event: FocusEvent) => void;
-    onFocusByMouse?: (event: FocusEvent) => void;
-}): void;

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

@@ -1,163 +0,0 @@
-import React from "react";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type IComboboxCategoryMap, type IComboboxOption } from "./components/ComboboxConstants";
-import { type ComboboxSizes } from "./Combobox.types";
-import type { IconButton } from "@vibe/icon-button";
-import { type MenuButton } from "@vibe/menu-button";
-import { type SubIcon } from "@vibe/icon";
-export interface ComboboxProps extends VibeComponentProps {
-    /**
-     * Class name applied to each option item.
-     */
-    optionClassName?: string;
-    /**
-     * Class name applied to the search wrapper.
-     */
-    searchWrapperClassName?: string;
-    /**
-     * Class name applied to the sticky category header.
-     */
-    stickyCategoryClassName?: string;
-    /**
-     * Placeholder text displayed in the search input.
-     */
-    placeholder?: string;
-    /**
-     * Message displayed when no results are found.
-     */
-    noResultsMessage?: string;
-    /**
-     * If true, the combobox is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The list of available options.
-     */
-    options?: IComboboxOption[];
-    /**
-     * The list of available categories.
-     */
-    categories?: IComboboxCategoryMap;
-    /**
-     * If true, displays a divider between category sections.
-     */
-    withCategoriesDivider?: boolean;
-    /**
-     * The size of the combobox.
-     */
-    size?: ComboboxSizes;
-    /**
-     * The height of each option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * The height of the options list.
-     */
-    optionsListHeight?: number;
-    /**
-     * If true, the search input is focused when the component mounts.
-     */
-    autoFocus?: boolean;
-    /**
-     * Callback fired when the "Add new" button is clicked.
-     */
-    onAddNew?: (value: string) => void;
-    /**
-     * Label displayed for the "Add new" button.
-     */
-    addNewLabel?: ((label: string) => ElementContent) | string;
-    /**
-     * Custom filter function for searching options.
-     */
-    filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];
-    /**
-     * The default search input
-     */
-    defaultFilter?: string;
-    /**
-     * If true, disables filtering.
-     */
-    disableFilter?: boolean;
-    /**
-     * Controlled search input value.
-     */
-    filterValue?: string;
-    /**
-     * Callback fired when the search input value changes.
-     */
-    onFilterChanged?: (value: string) => void;
-    /**
-     * If true, displays a loading state.
-     */
-    loading?: boolean;
-    /**
-     * Callback fired when an option is hovered.
-     */
-    onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;
-    /**
-     * Callback fired when the mouse leaves an option.
-     */
-    onOptionLeave?: () => void;
-    /**
-     * If true, automatically scrolls to the selected option.
-     */
-    shouldScrollToSelectedItem?: boolean;
-    /**
-     * Custom renderer for when no results are found.
-     */
-    noResultsRenderer?: () => JSX.Element;
-    /**
-     * If true, keeps categories visible when scrolling.
-     */
-    stickyCategories?: boolean;
-    /**
-     * If true, visually focuses the first item by default.
-     */
-    defaultVisualFocusFirstIndex?: boolean;
-    /**
-     * If true, clears the search input when an option is selected.
-     */
-    clearFilterOnSelection?: boolean;
-    /**
-     * Custom renderer for options.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-    /**
-     * Maximum number of options displayed before scrolling.
-     */
-    maxOptionsWithoutScroll?: number;
-    /**
-     * If true, renders only visible options for performance optimization.
-     */
-    renderOnlyVisibleOptions?: boolean;
-    /**
-     * Callback fired when an option is clicked.
-     */
-    onClick?: (optionData: IComboboxOption) => void;
-    /**
-     * Custom search icon.
-     */
-    searchIcon?: SubIcon;
-    /**
-     * ARIA label for the search input.
-     */
-    searchInputAriaLabel?: string;
-    /**
-     * The debounce rate for filtering.
-     */
-    debounceRate?: number;
-    /**
-     * Ref for the search input element.
-     */
-    searchInputRef?: React.RefObject<HTMLInputElement>;
-    /**
-     * Additional action button inside the search input.
-     */
-    renderAction?: React.ReactElement<typeof IconButton | typeof MenuButton>;
-    /**
-     * If true, hides the additional action when the user types in the search input.
-     */
-    hideRenderActionOnInput?: boolean;
-}
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>>;
-export default Combobox;

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

@@ -1,3 +0,0 @@
-export type ComboboxOptionIconType = "default" | "renderer";
-export type ComboboxSizes = "small" | "medium" | "large";
-export { type IComboboxCategoryMap as ComboboxCategoryMap, type IComboboxCategory as ComboboxCategory, type IComboboxItem as ComboboxItem, type IComboboxOption as ComboboxOption, type IComboboxOptionEvents as ComboboxOptionEvents, type IOptionItemRendererArgs as ComboboxOptionItemRendererArgs } from "./components/ComboboxConstants";

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

@@ -1,62 +0,0 @@
-import React, { type CSSProperties, type MutableRefObject } from "react";
-import { type IComboboxCategory, type IComboboxOption, type IComboboxCategoryMap, type IComboboxItem, type IOptionItemRendererArgs, type IComboboxOptionEvents } from "../components/ComboboxConstants";
-export declare function useItemsData({ categories, options, filterValue, withCategoriesDivider, optionLineHeight }: {
-    categories: IComboboxCategoryMap;
-    options: IComboboxOption[];
-    filterValue: string;
-    withCategoriesDivider: boolean;
-    optionLineHeight: number;
-}): {
-    items: IComboboxItem[];
-    itemsMap: Map<any, any>;
-    selectableItems: IComboboxOption[];
-};
-export declare function useKeyboardNavigation({ defaultVisualFocusFirstIndex, inputRef, onClick, isChildSelectable, options, getOptionId }: {
-    defaultVisualFocusFirstIndex?: boolean;
-    inputRef: MutableRefObject<HTMLElement>;
-    onClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;
-    isChildSelectable: (index: number) => boolean;
-    options: IComboboxOption[];
-    getOptionId: (optionId: string, index: number) => string;
-}): {
-    visualFocusItemIndex: number;
-    visualFocusItemId: string;
-    onOptionClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;
-};
-export declare function createDividerItemObject({ categoryId }: {
-    categoryId: string;
-}): IComboboxItem;
-export declare function createCategoryItemObject({ withDivider, categoryId, categoryData, className }: {
-    withDivider: boolean;
-    categoryId: string;
-    categoryData: IComboboxCategory;
-    className: string;
-}): IComboboxItem;
-export declare function createOptionItemObject({ option, height, index, optionRenderer, isActive, optionLineHeight, shouldScrollToSelectedItem, categoryId }: {
-    option?: IComboboxOption;
-    height?: number;
-    index?: number;
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-    isActive?: boolean;
-    optionLineHeight?: number;
-    shouldScrollToSelectedItem?: boolean;
-    categoryId?: string;
-}): IComboboxItem;
-export declare function comboboxItemRenderer({ item, style, optionEvents, optionRenderData, isVirtualized, stickyCategories }: {
-    item: IComboboxItem;
-    style: CSSProperties;
-    optionEvents: IComboboxOptionEvents;
-    optionRenderData: any;
-    isVirtualized: boolean;
-    stickyCategories?: boolean;
-}): React.JSX.Element;
-export declare function dividerItemRenderer({ id, height }: {
-    id: string;
-    height: number;
-}): React.JSX.Element;
-export declare function categoryItemRenderer({ id, category, className }: {
-    id: string;
-    category: IComboboxCategory;
-    className: string;
-}): React.JSX.Element;
-export declare function optionItemRenderer({ id, index, option, className, onOptionClick, onOptionEnter, onOptionLeave, optionLineHeight, optionRenderer, scrollRef, shouldScrollToSelectedItem, activeItemIndex, visualFocusItemIndex }: IOptionItemRendererArgs): React.JSX.Element;

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

@@ -1,7 +0,0 @@
-import { type IComboboxCategoryMap, type IComboboxOption } from "./components/ComboboxConstants";
-type OptionsByCategories = {
-    [key: string]: Array<IComboboxOption>;
-};
-export declare const getOptionsByCategories: (options: IComboboxOption[], categories: IComboboxCategoryMap, filterValue: string) => OptionsByCategories;
-export declare const defaultFilter: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];
-export {};

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

@@ -1,14 +0,0 @@
-import { type FC } from "react";
-import { type IComboboxCategory } from "../ComboboxConstants";
-export interface ComboboxCategoryProps {
-    /**
-     * The category data.
-     */
-    category: IComboboxCategory;
-    /**
-     * Class name applied to the category element.
-     */
-    className: string;
-}
-declare const ComboboxCategory: FC<ComboboxCategoryProps>;
-export default ComboboxCategory;

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;
-}