@vibe/core 4.5.24 → 4.5.26

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type BaseDropdownProps } from "./Dropdown.types";
-import { type BaseItemData } from "@vibe/base-list";
-declare const _default: <Item extends BaseItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement;
-export default _default;

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

@@ -1,285 +0,0 @@
-import type React from "react";
-import { type DropdownListGroup } from "./components/DropdownBaseList/DropdownBaseList.types";
-import { type VibeComponentProps } from "../../types";
-import { type BaseItemData } from "@vibe/base-list";
-import { type TooltipProps } from "@vibe/tooltip";
-export type DropdownOption<Item = Record<string, unknown>> = BaseItemData<Item>;
-export type DropdownGroupOption<Item = Record<string, unknown>> = DropdownListGroup<Item>[] | BaseItemData<Item>[];
-interface MultiSelectSpecifics<Item extends BaseItemData<Record<string, unknown>>> {
-    /**
-     * If true, the dropdown allows multiple selections.
-     */
-    multi: true;
-    multiline?: boolean;
-    /**
-     * Callback fired when an option is removed in multi-select mode. Only available when multi is true.
-     */
-    onOptionRemove?: (option: Item) => void;
-    /**
-     * If true, chips are always visible and support keyboard navigation: pressing Backspace or Left arrow
-     * from the input moves focus to the last chip; Left/Right navigates between chips; Delete/Backspace
-     * removes the focused chip. Only applies when searchable=true.
-     */
-    interactiveChips?: boolean;
-    /**
-     * The function to call to render the selected value on single select mode.
-     */
-    valueRenderer?: never;
-    /**
-     * Single-select only. (Not available for multi-select)
-     */
-    inlineSelectedValue?: never;
-    /**
-     * The default selected values for multi-select.
-     */
-    defaultValue?: Item[];
-    /**
-     * The controlled selected values for multi-select.
-     */
-    value?: Item[];
-    /**
-     * Callback fired when the selected values change in multi-select mode.
-     */
-    onChange?: (options: Item[]) => void;
-    /**
-     * Minimum number of selected chips to always show before overflowing to the counter.
-     */
-    minVisibleCount?: number;
-}
-interface SingleSelectSpecifics<Item extends BaseItemData<Record<string, unknown>>> {
-    /**
-     * If true, the dropdown allows multiple selections. Defaults to false.
-     */
-    multi?: false;
-    /**
-     * If true, the dropdown allows multiple lines of selected items. (Not available for single select)
-     */
-    multiline?: never;
-    /**
-     * Callback fired when an option is removed in multi-select mode. (Not available for single select)
-     */
-    onOptionRemove?: never;
-    /**
-     * The function to call to render the selected value on single select mode.
-     */
-    valueRenderer?: (option: Item) => React.ReactNode;
-    /**
-     * Searchable single-select only. When true, the selected option's label is shown **inside the input**
-     * (and exposed to assistive tech as the input's value) instead of as a visual overlay over an empty
-     * field. Opt-in because it changes how the collapsed selection looks (text-only, no icon/avatar/
-     * `valueRenderer`). Defaults to false (the overlay behavior).
-     */
-    inlineSelectedValue?: boolean;
-    /**
-     * The default selected value for single-select.
-     */
-    defaultValue?: Item;
-    /**
-     * The controlled selected value for single-select.
-     */
-    value?: Item;
-    /**
-     * Callback fired when the selected value changes in single-select mode.
-     */
-    onChange?: (option: Item) => void;
-    /**
-     * Minimum number of selected chips to always show before overflowing to the counter. (Not available for single select)
-     */
-    minVisibleCount?: never;
-}
-type BoxModeConstraint = {
-    /**
-     * If true, the dropdown is searchable.
-     */
-    searchable?: false;
-    /**
-     * If true, the dropdown menu is displayed inline without a popup/dialog.
-     */
-    boxMode?: false;
-} | {
-    /**
-     * If true, the dropdown is searchable.
-     */
-    searchable: true;
-    /**
-     * If true, the dropdown menu is displayed inline without a popup/dialog.
-     */
-    boxMode?: boolean;
-};
-export type BaseDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = VibeComponentProps & BoxModeConstraint & {
-    /**
-     * The list of options available in the list.
-     */
-    options: DropdownGroupOption<Item>;
-    /**
-     * Props to be passed to the Tooltip component that wraps the dropdown.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * If true, displays dividers between grouped options.
-     */
-    withGroupDivider?: boolean;
-    /**
-     * If true, makes the group title sticky.
-     */
-    stickyGroupTitle?: boolean;
-    /**
-     * The size of the dropdown.
-     */
-    size?: DropdownSizes;
-    /**
-     * The direction of the dropdown.
-     */
-    dir?: DropdownDirection;
-    /**
-     * If true, the dropdown has no visible border by default, but shows border on hover, focus, and active states.
-     */
-    borderless?: boolean;
-    /**
-     * The function to call to render an option.
-     */
-    optionRenderer?: (option: Item) => React.ReactNode;
-    /**
-     * The function to call to render the menu.
-     */
-    menuRenderer?: (props: {
-        children: React.ReactNode;
-        filteredOptions: DropdownListGroup<Item>[];
-        selectedItems: Item[];
-        getItemProps: (options: any) => Record<string, unknown>;
-    }) => React.ReactNode;
-    /**
-     * The message to display when there are no options.
-     */
-    noOptionsMessage?: string | React.ReactNode;
-    /**
-     * The placeholder to display when the dropdown is empty.
-     */
-    placeholder?: string;
-    /**
-     * If true, the dropdown is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the dropdown is read only.
-     */
-    readOnly?: boolean;
-    /**
-     * If true, the dropdown is in an error state.
-     */
-    error?: boolean;
-    /**
-     * The helper text to display below the dropdown.
-     */
-    helperText?: string;
-    /**
-     * If true, the dropdown is required.
-     */
-    required?: boolean;
-    /**
-     * The label to display above the dropdown.
-     */
-    label?: string;
-    /**
-     * The ARIA label for the dropdown.
-     */
-    "aria-label"?: string;
-    /**
-     * The ARIA label for the dropdown input.
-     */
-    inputAriaLabel?: string;
-    /**
-     * The ARIA label for the menu container.
-     */
-    menuAriaLabel?: string;
-    /**
-     * The ARIA label for the clear button.
-     */
-    clearAriaLabel?: string;
-    /**
-     * The current value of the input field.
-     */
-    inputValue?: string;
-    /**
-     * The maximum height of the dropdown menu.
-     */
-    maxMenuHeight?: number;
-    /**
-     * If true, controls the menu open state.
-     */
-    isMenuOpen?: boolean;
-    /**
-     * If true, closes the menu when an option is selected.
-     */
-    closeMenuOnSelect?: boolean;
-    /**
-     * If true, the dropdown menu will be auto focused.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the dropdown will have a clear button.
-     */
-    clearable?: boolean;
-    /**
-     * Callback fired when the dropdown loses focus.
-     */
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    /**
-     * Callback fired when the clear button is clicked.
-     */
-    onClear?: () => void;
-    /**
-     * Callback fired when the dropdown gains focus.
-     */
-    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    /**
-     * Callback fired when the dropdown input value changes.
-     */
-    onInputChange?: (input: string | null) => void;
-    /**
-     * Callback fired when a key is pressed inside the dropdown.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    /**
-     * Callback fired when the dropdown menu opens.
-     */
-    onMenuOpen?: () => void;
-    /**
-     * Callback fired when the dropdown menu closes.
-     */
-    onMenuClose?: () => void;
-    /**
-     * Callback fired when an option is selected.
-     */
-    onOptionSelect?: (option: Item) => void;
-    /**
-     * Callback fired when scrolling inside the dropdown.
-     */
-    onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-    /**
-     * A function to customize the filtering of options.
-     * It receives an option and the current input value, and should return true if the option should be included, false otherwise.
-     */
-    filterOption?: (option: Item, inputValue: string) => boolean;
-    /**
-     * If false, selected options will be hidden from the list. Defaults to true.
-     */
-    showSelectedOptions?: boolean;
-    /**
-     * The class name to be applied to the menu wrapper.
-     */
-    menuWrapperClassName?: string;
-    /**
-     * If true, displays a loading indicator in the dropdown controls.
-     */
-    loading?: boolean;
-} & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
-export type DropdownSizes = "small" | "medium" | "large";
-export type DropdownDirection = "ltr" | "rtl" | "auto";
-export type DropdownMultiControllerProps<Item extends BaseItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & MultiSelectSpecifics<Item> & {
-    dropdownRef: React.Ref<HTMLDivElement>;
-};
-export type DropdownSingleControllerProps<Item extends BaseItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & SingleSelectSpecifics<Item> & {
-    dropdownRef: React.Ref<HTMLDivElement>;
-};
-export {};

package/dist/components/Dropdown/components/DropdownBase/DropdownBase.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface DropdownBaseProps {
-    dropdownRef: React.Ref<HTMLDivElement>;
-    children: React.ReactNode;
-}
-declare const DropdownBase: ({ dropdownRef, children }: DropdownBaseProps) => React.JSX.Element;
-export default DropdownBase;

package/dist/components/Dropdown/components/DropdownBaseList/DropdownBaseList.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { type DropdownBaseListProps } from "./DropdownBaseList.types";
-declare const _default: <Item extends Record<string, unknown>>(props: DropdownBaseListProps<Item> & {
-    ref?: React.Ref<HTMLUListElement>;
-}) => React.ReactElement;
-export default _default;

package/dist/components/Dropdown/components/DropdownBaseList/DropdownBaseList.types.d.ts

@@ -1,86 +0,0 @@
-import { type ReactNode } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type BaseItemData, type BaseItemSizes, type BaseItemDirection } from "@vibe/base-list";
-export interface DropdownBaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
-    /**
-     * The list of options available in the list.
-     */
-    options: DropdownListGroup<Item>[];
-    /**
-     * The selected item in the list.
-     */
-    selectedItems?: BaseItemData<Item>[] | null;
-    /**
-     * The index of the highlighted item in the list.
-     */
-    highlightedIndex?: number;
-    /**
-     * The ARIA label for the menu.
-     */
-    menuAriaLabel?: string;
-    /**
-     * Function to get props for the menu container.
-     */
-    getMenuProps?: ((options?: any, otherOptions?: any) => Record<string, unknown>) | null;
-    /**
-     * Function to get props for each item in the list.
-     */
-    getItemProps?: ((options: any) => Record<string, unknown>) | null;
-    /**
-     * The size of the list item.
-     */
-    size?: BaseItemSizes;
-    /**
-     * If true, displays dividers between grouped options.
-     */
-    withGroupDivider?: boolean;
-    /**
-     * If true, makes the group title sticky.
-     */
-    stickyGroupTitle?: boolean;
-    /**
-     * The text direction of the list.
-     */
-    dir?: BaseItemDirection;
-    /**
-     * Custom renderer for options.
-     */
-    itemRenderer?: (item: BaseItemData<Item>) => React.ReactNode;
-    /**
-     * Custom renderer for the entire menu content inside the ul element.
-     */
-    menuRenderer?: (props: {
-        children: React.ReactNode;
-        filteredOptions: DropdownListGroup<Item>[];
-        selectedItem?: Item | null;
-        selectedItems?: Item[];
-    }) => React.ReactNode;
-    /**
-     * Text or function to customize the "No results" message.
-     */
-    noOptionsMessage?: string | ReactNode;
-    /**
-     * If true, the options are rendered.
-     */
-    renderOptions?: boolean;
-    /**
-     * Function to handle scroll events.
-     */
-    onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-    /**
-     * The maximum height of the list.
-     */
-    maxMenuHeight?: number;
-}
-export interface DropdownListGroup<Item = Record<string, unknown>> {
-    /**
-     * The label for the group of options.
-     */
-    label?: string;
-    /**
-     * The list of options within this group.
-     */
-    options: BaseItemData<Item>[];
-}
-export type { BaseItemSizes, BaseItemDirection };

package/dist/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const DropdownBoxMode: () => React.JSX.Element;
-export default DropdownBoxMode;

package/dist/components/Dropdown/components/DropdownPopup/DropdownPopup.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const DropdownPopup: () => React.JSX.Element;
-export default DropdownPopup;

package/dist/components/Dropdown/components/DropdownWrapperUI.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type DropdownContextProps } from "../context/DropdownContext.types";
-import { type BaseItemData } from "@vibe/base-list";
-interface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {
-    contextValue: DropdownContextProps<Item>;
-    dropdownRef: React.Ref<HTMLDivElement>;
-}
-declare const DropdownWrapperUI: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => React.JSX.Element;
-export default DropdownWrapperUI;

package/dist/components/Dropdown/components/Menu/Menu.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "@vibe/base-list";
-declare const Menu: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
-export default Menu;

package/dist/components/Dropdown/components/Menu/MenuList.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "@vibe/base-list";
-declare const MenuList: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
-export default MenuList;

package/dist/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "@vibe/base-list";
-type MultiSelectedValuesProps<Item> = {
-    selectedItems: Item[];
-    onRemove: (item: Item) => void;
-    renderInput?: () => React.ReactNode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    minVisibleCount?: number;
-    /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */
-    getChipContainerProps?: (item: Item, index: number) => Record<string, any>;
-    /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */
-    badgeRef?: React.Ref<HTMLDivElement>;
-};
-declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount, getChipContainerProps, badgeRef }: MultiSelectedValuesProps<Item>): React.JSX.Element;
-export default MultiSelectedValues;

package/dist/components/Dropdown/components/Trigger/DropdownChip.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type BaseItemData } from "@vibe/base-list";
-interface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {
-    item: Item;
-    onDelete: () => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    className?: string;
-}
-declare const DropdownChip: <Item extends BaseItemData<Record<string, unknown>>>({ item, onDelete, disabled, readOnly, className }: DropdownChipProps<Item>) => React.JSX.Element;
-export default DropdownChip;

package/dist/components/Dropdown/components/Trigger/DropdownInput.d.ts

@@ -1,8 +0,0 @@
-import React, { type RefObject } from "react";
-declare const DropdownInput: ({ inputSize, fullWidth, onKeyDown: externalKeyDown, inputRef: externalInputRef }: {
-    inputSize?: "small" | "medium" | "large";
-    fullWidth?: boolean;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    inputRef?: RefObject<HTMLInputElement>;
-}) => React.JSX.Element;
-export default DropdownInput;

package/dist/components/Dropdown/components/Trigger/MultiSelectTrigger.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const MultiSelectTrigger: () => React.JSX.Element;
-export default MultiSelectTrigger;

package/dist/components/Dropdown/components/Trigger/SingleSelectTrigger.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const SingleSelectTrigger: () => React.JSX.Element;
-export default SingleSelectTrigger;

package/dist/components/Dropdown/components/Trigger/TriggerActions.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const TriggerActions: () => React.JSX.Element;
-export default TriggerActions;

package/dist/components/Dropdown/context/DropdownContext.d.ts

@@ -1,59 +0,0 @@
-import type React from "react";
-import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
-import { type BaseItemData } from "@vibe/base-list";
-import { type BaseDropdownProps, type DropdownSizes } from "../Dropdown.types";
-import { type DropdownContextProps } from "./DropdownContext.types";
-type PropGetter = (options?: any) => Record<string, any>;
-type ItemPropGetter<Item> = (options: {
-    item: Item;
-    index: number;
-}) => Record<string, any>;
-export interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {
-    isOpen: boolean;
-    inputValue: string | null;
-    highlightedIndex: number | null;
-    selectedItem: Item | null | undefined;
-    selectedItems: Item[];
-    filteredOptions: DropdownListGroup<Item>[];
-    getToggleButtonProps: PropGetter;
-    getLabelProps: PropGetter;
-    getMenuProps: PropGetter;
-    getInputProps: PropGetter;
-    getItemProps: ItemPropGetter<Item>;
-    getDropdownProps?: PropGetter;
-    reset: () => void;
-    toggleMenu: () => void;
-    onClear?: () => void;
-    onOptionSelect?: (option: Item) => void;
-    onOptionRemove?: (option: Item) => void;
-    addSelectedItem?: (item: Item) => void;
-    removeSelectedItem?: (item: Item) => void;
-    setSelectedItems?: (items: Item[]) => void;
-    searchable?: boolean;
-    multi?: boolean;
-    multiline?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    size?: DropdownSizes;
-    optionRenderer?: BaseDropdownProps<Item>["optionRenderer"];
-    valueRenderer?: BaseDropdownProps<Item>["valueRenderer"];
-    noOptionsMessage?: BaseDropdownProps<Item>["noOptionsMessage"];
-    placeholder?: BaseDropdownProps<Item>["placeholder"];
-    withGroupDivider?: BaseDropdownProps<Item>["withGroupDivider"];
-    stickyGroupTitle?: BaseDropdownProps<Item>["stickyGroupTitle"];
-    maxMenuHeight?: BaseDropdownProps<Item>["maxMenuHeight"];
-    clearable?: boolean;
-    autoFocus?: boolean;
-    isFocused?: boolean;
-    inputAriaLabel?: string;
-    menuAriaLabel?: string;
-    closeMenuOnSelect?: boolean;
-    dir?: BaseDropdownProps<Item>["dir"];
-    originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-}
-export declare const DropdownContext: React.Context<DropdownContextProps<any>>;
-export declare function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>(): DropdownContextProps<Item>;
-export {};

package/dist/components/Dropdown/context/DropdownContext.types.d.ts

@@ -1,41 +0,0 @@
-import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
-import { type BaseItemData } from "@vibe/base-list";
-import { type BaseDropdownProps } from "../Dropdown.types";
-import { type TooltipProps } from "@vibe/tooltip";
-type PropGetter = (options?: any) => Record<string, any>;
-type ItemPropGetter<Item> = (options: {
-    item: Item;
-    index: number;
-}) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "aria-label" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "inlineSelectedValue" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
-export interface DropdownContextProps<Item extends BaseItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
-    label?: string;
-    isOpen: boolean;
-    inputValue: string | null;
-    highlightedIndex: number | null;
-    selectedItem?: Item | null | undefined;
-    selectedItems?: Item[];
-    filteredOptions?: DropdownListGroup<Item>[];
-    tooltipProps?: Partial<TooltipProps>;
-    getToggleButtonProps: PropGetter;
-    getLabelProps: PropGetter;
-    getMenuProps: PropGetter;
-    getInputProps?: PropGetter;
-    getItemProps: ItemPropGetter<Item>;
-    getDropdownProps?: PropGetter;
-    reset: () => void;
-    toggleMenu: () => void;
-    contextOnClear: () => void;
-    contextOnOptionRemove?: (option: Item) => void;
-    addSelectedItem?: (item: Item) => void;
-    removeSelectedItem?: (item: Item) => void;
-    getSelectedItemProps?: (options: {
-        selectedItem: any;
-        index: number;
-    }) => Record<string, any>;
-    isFocused?: boolean;
-    interactiveChips?: boolean;
-    /** Id of the helper text element, linked to the combobox/trigger via aria-describedby. */
-    helperTextId?: string;
-}
-export {};