@vibe/core 3.86.0 → 3.87.0

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

@@ -1,5 +1,6 @@
 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";
@@ -109,5 +110,54 @@ export interface ChipsProps extends VibeComponentProps {
      */
     noMargin?: boolean;
 }
-declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
-export default Chips;
+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;

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

@@ -1,4 +1,7 @@
 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";
@@ -76,5 +79,10 @@ export interface ColorPickerProps extends VibeComponentProps {
      */
     showColorNameTooltip?: boolean;
 }
-declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>>;
-export default ColorPicker;
+declare const _default: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>> & {
+    sizes: typeof BaseSizes;
+    colorStyles: typeof ColorStyleEnum;
+    colorSizes: typeof BaseSizes;
+    colorShapes: typeof ColorShapesEnum;
+};
+export default _default;

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

@@ -3,3 +3,10 @@ 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/mocked_classnames/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<HTMLButtonElement>>;
+declare const ColorPickerClearButton: React.ForwardRefExoticComponent<ColorPickerClearButtonProps & React.RefAttributes<HTMLElement>>;
 export default ColorPickerClearButton;

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

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

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

@@ -159,5 +159,12 @@ export interface ComboboxProps extends VibeComponentProps {
      */
     hideRenderActionOnInput?: boolean;
 }
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLElement>>;
-export default Combobox;
+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;

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

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

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

@@ -1,4 +1,5 @@
 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 {
@@ -47,5 +48,9 @@ export interface CounterProps extends VibeComponentProps {
      */
     noAnimation?: boolean;
 }
-declare const Counter: ({ className, counterClassName, count, size, kind, color, maxDigits, ariaLabeledBy, ariaLabel, id, prefix, onMouseDown, noAnimation, "data-testid": dataTestId }: CounterProps) => React.JSX.Element;
-export default Counter;
+declare const _default: React.FC<CounterProps> & {
+    sizes: typeof CounterSizeEnum;
+    colors: typeof CounterColorEnum;
+    kinds: typeof CounterTypeEnum;
+};
+export default _default;

package/dist/mocked_classnames/components/Counter/CounterConstants.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @deprecated
+ */
+export declare enum CounterType {
+    FILL = "fill",
+    LINE = "line"
+}
+/**
+ * @deprecated
+ */
+export declare enum CounterColor {
+    PRIMARY = "primary",
+    DARK = "dark",
+    NEGATIVE = "negative",
+    LIGHT = "light"
+}
+/**
+ * @deprecated
+ */
+export declare enum CounterSize {
+    XS = "xs",
+    SMALL = "small",
+    LARGE = "large"
+}

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

@@ -0,0 +1,17 @@
+import React from "react";
+declare const ICONS: {
+    prev: React.FC<import("@vibe/icons/dist/react/MoveArrowLeft").MoveArrowLeftProps>;
+    next: React.FC<import("@vibe/icons/dist/react/MoveArrowRight").MoveArrowRightProps>;
+};
+export interface DateNavigationItemProps {
+    /**
+     * The type of navigation button.
+     */
+    kind: keyof typeof ICONS;
+    /**
+     * Callback fired when the button is clicked.
+     */
+    onClick?: () => void;
+}
+declare const DateNavigationItem: ({ kind, onClick }: DateNavigationItemProps) => React.JSX.Element;
+export default DateNavigationItem;

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

@@ -1,8 +1,66 @@
-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>;
+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>>;
 export default DatePicker;

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { type Moment } from "../types";
+export interface DatePickerHeaderProps {
+    /**
+     * The currently shown date.
+     */
+    currentDate: Moment;
+    /**
+     * If true, the month and year selection view is active.
+     */
+    isMonthYearSelection: boolean;
+    /**
+     * Callback fired when toggling the month and year picker.
+     */
+    onToggleMonthYearPicker: () => void;
+    /**
+     * If true, hides the navigation buttons.
+     */
+    hideNavigationKeys: boolean;
+    /**
+     * Test ID for testing purposes.
+     */
+    "data-testid"?: string;
+    /**
+     * The ARIA label for the toggle button.
+     */
+    ariaLabel?: string;
+}
+declare const DatePickerHeader: (props: DatePickerHeaderProps) => React.JSX.Element;
+export default DatePickerHeader;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { type Moment } from "../types";
+export interface YearPickerProps {
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: Moment;
+    /**
+     * Function to determine if a year should be blocked.
+     */
+    isYearBlocked?: (year: number) => boolean;
+    /**
+     * Callback fired when changing the selected year.
+     */
+    changeCurrentDate: (date: Moment) => void;
+    /**
+     * Test ID for testing purposes.
+     */
+    "data-testid"?: string;
+}
+declare const YearPicker: ({ selectedDate, isYearBlocked, changeCurrentDate, "data-testid": dateTestId }: YearPickerProps) => React.JSX.Element;
+export default YearPicker;

package/dist/mocked_classnames/components/DatePicker/YearPicker/YearsList.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export interface YearsListProps {
+    /**
+     * The list of years to display.
+     */
+    yearsItems: number[];
+    /**
+     * Function to determine if a year should be blocked.
+     */
+    isYearBlocked?: (year: number) => boolean;
+    /**
+     * Callback fired when a year is selected.
+     */
+    onSelect: (year: number) => void;
+    /**
+     * The currently selected year.
+     */
+    selectedYear: string;
+}
+declare const YearsList: ({ yearsItems, isYearBlocked, onSelect, selectedYear }: YearsListProps) => React.JSX.Element;
+export default YearsList;

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

@@ -0,0 +1,4 @@
+export declare const YEAR_FORMAT = "YYYY";
+export declare const MONTH_FORMAT = "MMMM";
+export declare const DAY_SIZE = 40;
+export declare const WEEK_FIRST_DAY = 1;

package/dist/mocked_classnames/components/DatePicker/date-picker-utils.d.ts

@@ -0,0 +1 @@
+export declare const calcNewYearsPage: (firstYearInPage: number, pageSize: number) => number[];

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

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

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

@@ -0,0 +1,20 @@
+import type moment from "moment";
+export type Moment = moment.Moment;
+export declare enum FocusInput {
+    startDate = "startDate",
+    endDate = "endDate"
+}
+export declare enum Direction {
+    next = "next",
+    prev = "prev"
+}
+export interface RangeDate {
+    /**
+     * The start date of the range.
+     */
+    startDate: Moment | null;
+    /**
+     * The end date of the range.
+     */
+    endDate: Moment | null;
+}

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

@@ -1,4 +1,5 @@
 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 {
@@ -11,5 +12,7 @@ export interface DividerProps extends VibeComponentProps {
      */
     withoutMargin?: boolean;
 }
-declare const Divider: ({ className, withoutMargin, direction, id, "data-testid": dataTestId }: DividerProps) => React.JSX.Element;
-export default Divider;
+declare const _default: React.FC<DividerProps> & {
+    directions: typeof DirectionTypeEnum;
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+/**
+ * @deprecated
+ */
+export declare enum DirectionType {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}

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

@@ -1,7 +1,13 @@
+import { BaseSizes } from "../../constants";
 import React from "react";
-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;
+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;
+};
 export default _default;