@vibe/core 3.87.0 → 4.0.0-alpha.1

package/dist/components/Chips/Chips.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { type ElementAllowedColor } from "../../types/Colors";
-import { AvatarType as AvatarTypeEnum } from "../Avatar/AvatarConstants";
 import { type AvatarType } from "../Avatar";
 import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type SubIcon } from "@vibe/icon";
@@ -88,15 +87,11 @@ export interface ChipsProps extends VibeComponentProps {
     /**
      * The label of the chip for accessibility.
      */
-    ariaLabel?: string;
+    "aria-label"?: string;
     /**
      * If true, indicates that the chip has a popup.
      */
-    ariaHasPopup?: boolean;
-    /**
-     * If true, disables all click behaviors.
-     */
-    disableClickableBehavior?: boolean;
+    "aria-haspopup"?: boolean;
     /**
      * If true, displays a border around the chip.
      */
@@ -110,54 +105,5 @@ export interface ChipsProps extends VibeComponentProps {
      */
     noMargin?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLElement>> & {
-    colors: {
-        POSITIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.POSITIVE;
-        NEGATIVE: import("../../utils/colors-vars-map").StateSelectedHoverColor.NEGATIVE;
-        PRIMARY: import("../../utils/colors-vars-map").StateSelectedHoverColor.PRIMARY;
-        NEUTRAL: import("../../utils/colors-vars-map").StateSelectedHoverColor.NEUTRAL;
-        WARNING: import("../../utils/colors-vars-map").StateSelectedColor.WARNING;
-        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
-        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
-        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
-        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
-        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
-        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
-        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
-        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
-        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
-        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
-        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
-        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
-        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
-        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
-        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
-        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
-        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
-        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
-        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
-        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
-        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
-        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
-        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
-        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
-        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
-        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
-        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
-        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
-        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
-        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
-        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
-        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
-        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
-        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
-        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
-        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
-        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
-        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
-        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
-        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
-    };
-    avatarTypes: typeof AvatarTypeEnum;
-};
-export default _default;
+declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
+export default Chips;

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,7 +1,4 @@
 import React from "react";
-import { BaseSizes } from "../../constants";
-import { ColorStyle as ColorStyleEnum } from "../../utils/colors-vars-map";
-import { ColorShapes as ColorShapesEnum } from "./ColorPickerConstants";
 import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "./ColorPicker.types";
 import { type VibeComponentProps } from "../../types";
 import { type SubIcon } from "@vibe/icon";
@@ -79,10 +76,5 @@ export interface ColorPickerProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>> & {
-    sizes: typeof BaseSizes;
-    colorStyles: typeof ColorStyleEnum;
-    colorSizes: typeof BaseSizes;
-    colorShapes: typeof ColorShapesEnum;
-};
-export default _default;
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>>;
+export default ColorPicker;

package/dist/components/ColorPicker/ColorPickerConstants.d.ts

@@ -3,10 +3,3 @@ export declare const DEFAULT_NUMBER_OF_COLORS_IN_LINE = 5;
 export declare const COLOR_SIZES: Record<BaseSizes, number>;
 export declare const COLOR_PADDING = 8;
 export declare const DIALOG_WIDTH_PADDING = 24;
-/**
- * @deprecated
- */
-export declare enum ColorShapes {
-    SQUARE = "square",
-    CIRCLE = "circle"
-}

package/dist/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.d.ts

@@ -15,5 +15,5 @@ export interface ColorPickerClearButtonProps extends VibeComponentProps {
      */
     Icon: SubIcon;
 }
-declare const ColorPickerClearButton: React.ForwardRefExoticComponent<ColorPickerClearButtonProps & React.RefAttributes<HTMLElement>>;
+declare const ColorPickerClearButton: React.ForwardRefExoticComponent<ColorPickerClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default ColorPickerClearButton;

package/dist/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.d.ts

@@ -1,7 +1,5 @@
 import React from "react";
-import { BaseSizes } from "../../../../constants";
-import { ColorStyle as ColorStyleEnum, type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
-import { ColorShapes as ColorShapesEnum } from "../../ColorPickerConstants";
+import { type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
 import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "../../ColorPicker.types";
 import { type VibeComponentProps } from "../../../../types";
 import { type SubIcon } from "@vibe/icon";
@@ -82,10 +80,5 @@ export interface ColorPickerContentProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLElement>> & {
-    sizes: typeof BaseSizes;
-    colorStyles: typeof ColorStyleEnum;
-    colorSizes: typeof BaseSizes;
-    colorShapes: typeof ColorShapesEnum;
-};
-export default _default;
+declare const ColorPickerContent: React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLDivElement>>;
+export default ColorPickerContent;

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

@@ -159,12 +159,5 @@ export interface ComboboxProps extends VibeComponentProps {
      */
     hideRenderActionOnInput?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>> & {
-    sizes: {
-        readonly SMALL: "small";
-        readonly MEDIUM: "medium";
-        readonly LARGE: "large";
-    };
-    iconTypes: typeof import("./components/ComboboxConstants").ComboboxOptionIconType;
-};
-export default _default;
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>>;
+export default Combobox;

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

@@ -21,7 +21,7 @@ export declare function useKeyboardNavigation({ defaultVisualFocusFirstIndex, in
 }): {
     visualFocusItemIndex: number;
     visualFocusItemId: string;
-    onOptionClick: (event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>, index: number) => void;
+    onOptionClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;
 };
 export declare function createDividerItemObject({ categoryId }: {
     categoryId: string;

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

@@ -30,7 +30,7 @@ export interface IComboboxCategory {
     /**
      * The ARIA label for accessibility.
      */
-    ariaLabel?: string;
+    "aria-label"?: string;
     /**
      * If true, the category is only shown when searching.
      */
@@ -84,7 +84,7 @@ export interface IComboboxOption {
     /**
      * The ARIA label for accessibility.
      */
-    ariaLabel?: string;
+    "aria-label"?: string;
     /**
      * If true, the option belongs to a category.
      */

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

@@ -1,5 +1,5 @@
 import React, { type RefObject } from "react";
-import { ComboboxOptionIconType as ComboboxOptionIconTypeEnum, type IComboboxOption, type IComboboxOptionEvents } from "../ComboboxConstants";
+import { type IComboboxOption, type IComboboxOptionEvents } from "../ComboboxConstants";
 export interface ComboboxOptionProps extends IComboboxOptionEvents {
     /**
      * The index of the option in the list.
@@ -42,7 +42,5 @@ export interface ComboboxOptionProps extends IComboboxOptionEvents {
      */
     optionRenderer?: (option: IComboboxOption) => JSX.Element;
 }
-declare const _default: React.FC<ComboboxOptionProps> & {
-    iconTypes: typeof ComboboxOptionIconTypeEnum;
-};
-export default _default;
+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/components/Counter/Counter.d.ts

@@ -1,12 +1,11 @@
 import React from "react";
-import { CounterColor as CounterColorEnum, CounterSize as CounterSizeEnum, CounterType as CounterTypeEnum } from "./CounterConstants";
 import { type CounterColor, type CounterSize, type CounterType } from "./Counter.types";
 import { type VibeComponentProps } from "../../types";
 export interface CounterProps extends VibeComponentProps {
     /**
      * The ID of the element describing the counter.
      */
-    ariaLabeledBy?: string;
+    "aria-labelledby"?: string;
     /**
      * Class name applied to the counter element.
      */
@@ -18,7 +17,7 @@ export interface CounterProps extends VibeComponentProps {
     /**
      * The label of the counter for accessibility.
      */
-    ariaLabel?: string;
+    "aria-label"?: string;
     /**
      * The size of the counter.
      */
@@ -48,9 +47,5 @@ export interface CounterProps extends VibeComponentProps {
      */
     noAnimation?: boolean;
 }
-declare const _default: React.FC<CounterProps> & {
-    sizes: typeof CounterSizeEnum;
-    colors: typeof CounterColorEnum;
-    kinds: typeof CounterTypeEnum;
-};
-export default _default;
+declare const Counter: ({ className, counterClassName, count, size, kind, color, maxDigits, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, id, prefix, onMouseDown, noAnimation, "data-testid": dataTestId }: CounterProps) => React.JSX.Element;
+export default Counter;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,66 +1,8 @@
-import React from "react";
-import "react-dates/initialize.js";
-import { type DayOfWeekShape, type DayPickerPhrases } from "react-dates";
-import { type Moment, type RangeDate } from "./types";
-import { type VibeComponentProps } from "../../types";
-import "./external_datepicker.scss";
-export interface DatePickerProps extends VibeComponentProps {
-    /**
-     * The first day of the week to display.
-     */
-    firstDayOfWeek?: DayOfWeekShape;
-    /**
-     * The currently selected date.
-     */
-    date?: Moment;
-    /**
-     * The end date for range selection mode.
-     */
-    endDate?: Moment;
-    /**
-     * Callback fired when a date is selected.
-     */
-    onPickDate?: (date: Moment | RangeDate) => void;
-    /**
-     * If true, hides the navigation buttons.
-     */
-    hideNavigationKeys?: boolean;
-    /**
-     * If true, allows selecting days outside the current month.
-     */
-    enableOutsideDays?: boolean;
-    /**
-     * If true, displays a column with week numbers.
-     */
-    showWeekNumber?: boolean;
-    /**
-     * The size of a single day cell.
-     */
-    daySize?: number;
-    /**
-     * Function to determine if a specific day should be disabled.
-     */
-    shouldBlockDay?: (date: Moment) => boolean;
-    /**
-     * If true, enables date range selection mode.
-     */
-    range?: boolean;
-    /**
-     * Custom phrases for accessibility and aria-labels.
-     */
-    phrases?: DayPickerPhrases;
-    /**
-     * The number of months displayed in the calendar.
-     */
-    numberOfMonths?: number;
-    /**
-     * Function to determine if a specific year should be disabled.
-     */
-    shouldBlockYear?: (year: number) => boolean;
-    /**
-     * Function to determine if a specific date range should be disabled.
-     */
-    shouldBlockRange?: (date: Moment) => boolean;
-}
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+import { type FC } from "react";
+import { type DatePickerProps } from "./DatePicker.types";
+export declare const DEFAULT_TIME: {
+    hours: number;
+    minutes: number;
+};
+declare const DatePicker: FC<DatePickerProps>;
 export default DatePicker;

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

@@ -1 +1,2 @@
-export { default as DatePicker, type DatePickerProps } from "./DatePicker";
+export { default as DatePicker } from "./DatePicker";
+export * from "./DatePicker.types";

package/dist/components/Divider/Divider.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { DirectionType as DirectionTypeEnum } from "./DividerConstants";
 import { type DividerDirection } from "./Divider.types";
 import { type VibeComponentProps } from "../../types";
 export interface DividerProps extends VibeComponentProps {
@@ -12,7 +11,5 @@ export interface DividerProps extends VibeComponentProps {
      */
     withoutMargin?: boolean;
 }
-declare const _default: React.FC<DividerProps> & {
-    directions: typeof DirectionTypeEnum;
-};
-export default _default;
+declare const Divider: ({ className, withoutMargin, direction, id, "data-testid": dataTestId }: DividerProps) => React.JSX.Element;
+export default Divider;

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

@@ -1,13 +1,7 @@
-import { BaseSizes } from "../../constants";
 import React from "react";
-import { createFilter } from "react-select";
-import { DROPDOWN_CHIP_COLORS, DROPDOWN_MENU_PLACEMENT, DROPDOWN_MENU_POSITION } from "./DropdownConstants";
-import { type DropdownComponentProps } from "./Dropdown.types";
-declare const _default: React.ForwardRefExoticComponent<DropdownComponentProps & React.RefAttributes<HTMLElement>> & {
-    sizes: typeof BaseSizes;
-    chipColors: typeof DROPDOWN_CHIP_COLORS;
-    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
-    menuPositions: typeof DROPDOWN_MENU_POSITION;
-    createFilter: typeof createFilter;
-};
+import { type BaseDropdownProps } from "./Dropdown.types";
+import { type BaseItemData } from "../BaseItem";
+declare const _default: <Item extends BaseItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
 export default _default;