@vibe/core 4.5.11 → 4.5.13

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

@@ -1,63 +0,0 @@
-import React from "react";
-import { type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
-import { type ColorPickerArrayValueOnly, type ColorPickerValueOnly } from "../../ColorPicker.types";
-import { type ColorShapes, type ColorPickerSizes } from "../../ColorPicker.types";
-import { type VibeComponentProps } from "../../../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type ColorStyle } from "../../../../types";
-export interface ColorPickerColorsGridProps extends VibeComponentProps {
-    /**
-     * Callback fired when a color is clicked.
-     */
-    onColorClicked?: (color: ColorPickerValueOnly) => void;
-    /**
-     * The list of colors to be displayed.
-     */
-    colorsToRender?: ColorPickerArrayValueOnly;
-    /**
-     * Icon displayed as an indicator inside the color.
-     */
-    ColorIndicatorIcon?: SubIcon;
-    /**
-     * Icon displayed when a color is selected.
-     */
-    SelectedIndicatorIcon?: SubIcon;
-    /**
-     * The style applied to the colors.
-     */
-    colorStyle?: ColorStyle;
-    /**
-     * The currently selected color or colors.
-     */
-    value?: string | string[];
-    /**
-     * If true, renders the color indicator without a background.
-     */
-    shouldRenderIndicatorWithoutBackground?: boolean;
-    /**
-     * The size of the color items.
-     */
-    colorSize?: ColorPickerSizes;
-    /**
-     * The number of colors per row.
-     */
-    numberOfColorsInLine?: number;
-    /**
-     * Custom tooltip content for specific colors.
-     */
-    tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string> & Record<string, string>>;
-    /**
-     * If true, the first color is focused when the component mounts.
-     */
-    focusOnMount?: boolean;
-    /**
-     * The shape of the color items.
-     */
-    colorShape?: ColorShapes;
-    /**
-     * If true, displays a tooltip with the color name.
-     */
-    showColorNameTooltip?: boolean;
-}
-declare const ColorPickerColorsGrid: React.ForwardRefExoticComponent<ColorPickerColorsGridProps & React.RefAttributes<HTMLUListElement>>;
-export default ColorPickerColorsGrid;

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

@@ -1,84 +0,0 @@
-import React from "react";
-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";
-import { type ColorStyle } from "../../../../types";
-export interface ColorPickerContentProps extends VibeComponentProps {
-    /**
-     * The selected color(s).
-     */
-    value: ColorPickerValue;
-    /**
-     * Callback fired when the selected color(s) change.
-     */
-    onValueChange: (value: ColorPickerArrayValueOnly) => void;
-    /**
-     * The list of colors available for selection.
-     */
-    colorsList: ColorPickerArrayValueOnly;
-    /**
-     * Icon displayed as an indicator inside the color.
-     */
-    ColorIndicatorIcon?: SubIcon;
-    /**
-     * Icon displayed when a color is selected.
-     */
-    SelectedIndicatorIcon?: SubIcon;
-    /**
-     * Icon used for clearing the color selection.
-     */
-    NoColorIcon?: SubIcon;
-    /**
-     * The style applied to the colors.
-     */
-    colorStyle?: ColorStyle;
-    /**
-     * The size of the color items.
-     */
-    colorSize?: ColorPickerSizes;
-    /**
-     * The shape of the color items.
-     */
-    colorShape?: ColorShapes;
-    /**
-     * Custom tooltip content for specific colors.
-     */
-    tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string>>;
-    /**
-     * Text displayed for the "no color" option.
-     */
-    noColorText?: string;
-    /**
-     * If true, renders the color indicator without a background.
-     */
-    shouldRenderIndicatorWithoutBackground?: boolean;
-    /**
-     * If true, treats the color list as a blacklist rather than a whitelist.
-     */
-    isBlackListMode?: boolean;
-    /**
-     * The number of colors displayed per row.
-     */
-    numberOfColorsInLine?: number;
-    /**
-     * If true, the first color is focused when the component mounts.
-     */
-    focusOnMount?: boolean;
-    /**
-     * If true, allows selecting multiple colors.
-     */
-    isMultiselect?: boolean;
-    /**
-     * Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.
-     * Usually, only "monday colors" will be rendered (unless blacklist mode is used). This flag will override this behavior.
-     */
-    forceUseRawColorList?: boolean;
-    /**
-     * Used to enable color name tooltip on each color in the component.
-     * When "tooltipContentByColor" is supplied, it will override the color name tooltip.
-     */
-    showColorNameTooltip?: boolean;
-}
-declare const ColorPickerContent: React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLDivElement>>;
-export default ColorPickerContent;

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

@@ -1,57 +0,0 @@
-import React from "react";
-import { type ColorPickerValueOnly } from "../../ColorPicker.types";
-import { type ColorShapes, type ColorPickerSizes } from "../../ColorPicker.types";
-import { type VibeComponentProps, type ElementContent, type ColorStyle } from "../../../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface ColorPickerItemComponentProps extends VibeComponentProps {
-    /**
-     * The color value of the item.
-     */
-    color: ColorPickerValueOnly;
-    /**
-     * Callback fired when the color is clicked.
-     */
-    onColorClicked: (color: ColorPickerValueOnly) => void;
-    /**
-     * The style applied to the color.
-     */
-    colorStyle: ColorStyle;
-    /**
-     * If true, renders the color indicator without a background.
-     */
-    shouldRenderIndicatorWithoutBackground: boolean;
-    /**
-     * Icon displayed inside the color item.
-     */
-    ColorIndicatorIcon: SubIcon;
-    /**
-     * Icon displayed when the color is selected.
-     */
-    SelectedIndicatorIcon: SubIcon;
-    /**
-     * If true, the color is marked as selected.
-     */
-    isSelected: boolean;
-    /**
-     * The size of the color item.
-     */
-    colorSize: ColorPickerSizes;
-    /**
-     * Tooltip content for the color item.
-     */
-    tooltipContent: ElementContent;
-    /**
-     * If true, the color item is currently active.
-     */
-    isActive: boolean;
-    /**
-     * The shape of the color item.
-     */
-    colorShape: ColorShapes;
-    /**
-     * Human-readable label for the color, used for screen reader announcements.
-     */
-    colorAriaLabel: string;
-}
-declare const ColorPickerItemComponent: React.ForwardRefExoticComponent<ColorPickerItemComponentProps & React.RefAttributes<HTMLElement>>;
-export default ColorPickerItemComponent;

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

@@ -1,3 +0,0 @@
-export { default as ColorPicker, type ColorPickerProps } from "./ColorPicker";
-export { default as ColorPickerContent, type ColorPickerContentProps } from "./components/ColorPickerContent/ColorPickerContent";
-export * from "./ColorPicker.types";

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

@@ -1,3 +0,0 @@
-import { type BaseSizes } from "../../../constants/sizes";
-export declare const calculateColorPickerWidth: (colorSize: BaseSizes, numberOfColorsInLine: number) => number;
-export declare const calculateColorPickerDialogWidth: (colorSize: BaseSizes, numberOfColorsInLine: number) => number;

package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type GridElementRef, type GridKeyboardNavigationContextType, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const GridKeyboardNavigationContext: React.Context<GridKeyboardNavigationContextType>;
-/**
- * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|
- * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items
- * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements
- * @param options - { disabled: boolean }
- */
-export declare const useGridKeyboardNavigationContext: (positions: Position[], wrapperRef: GridElementRef, options?: {
-    disabled: boolean;
-}) => {
-    onOutboundNavigation: (elementRef: GridElementRef, direction: NavDirections) => void;
-};

package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants.d.ts

@@ -1,25 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-export type GridElementRef = MutableRefObject<HTMLElement> & {
-    current?: HTMLElement & {
-        disabled?: boolean;
-    };
-};
-export type DirectionMap = Map<GridElementRef, GridElementRef>;
-export type DirectionMaps = Record<NavDirections, DirectionMap>;
-export type Position = VerticalPosition & HorizontalPosition;
-type VerticalPosition = {
-    topElement?: GridElementRef;
-    bottomElement?: GridElementRef;
-};
-type HorizontalPosition = {
-    leftElement?: GridElementRef;
-    rightElement?: GridElementRef;
-};
-export interface GridKeyboardNavigationContextType {
-    /**
-     * Callback fired when navigation moves beyond the bounds of the grid.
-     */
-    onOutboundNavigation?: (ref: GridElementRef, direction: NavDirections) => void;
-}
-export {};

package/dist/components/GridKeyboardNavigationContext/helper.d.ts

@@ -1,6 +0,0 @@
-import { NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type DirectionMap, type DirectionMaps, type GridElementRef, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const getDirectionMaps: (positions: Position[]) => DirectionMaps;
-export declare const getOppositeDirection: (direction: NavDirections) => NavDirections;
-export declare const getOutmostElementInDirection: (directionMaps: DirectionMaps, direction: NavDirections) => GridElementRef;
-export declare const getNextElementToFocusInDirection: (directionMap: DirectionMap, elementRef: GridElementRef) => null | GridElementRef;

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

@@ -1 +0,0 @@
-export { useGridKeyboardNavigationContext, GridKeyboardNavigationContext } from "./GridKeyboardNavigationContext";

package/dist/components/HiddenText/HiddenText.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface HiddenTextProps extends VibeComponentProps {
-    /**
-     * The text content that is hidden but available for assistive technologies.
-     */
-    text: string;
-}
-declare const HiddenText: React.ForwardRefExoticComponent<HiddenTextProps & React.RefAttributes<HTMLSpanElement>>;
-export default HiddenText;

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

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

package/dist/components/Menu/Menu/hooks/useLastNavigationDirection.d.ts

@@ -1,4 +0,0 @@
-import { NavDirections } from "../../../../hooks/useFullKeyboardListeners";
-export declare const useLastNavigationDirection: () => {
-    lastNavigationDirectionRef: import("react").MutableRefObject<NavDirections>;
-};

package/dist/hooks/useFullKeyboardListeners.d.ts

@@ -1,28 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type KeyboardEventCallback } from "../types/events";
-export declare enum NavDirections {
-    UP = "up",
-    DOWN = "down",
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare const ARROW_DOWN_KEYS: string[];
-export declare const ARROW_UP_KEYS: string[];
-export declare const ARROW_RIGHT_KEYS: string[];
-export declare const ARROW_LEFT_KEYS: string[];
-export declare const SELECTION_KEYS: string[];
-export declare const ENTER_KEYS: string[];
-export declare const ESCAPE_KEYS: string[];
-export declare const END_KEYS: string[];
-export declare const HOME_KEYS: string[];
-export default function useFullKeyboardListeners({ ref, // the reference for the component that listens to keyboard
-onSelectionKey, onArrowNavigation, onEscape, onHome, onEnd, useDocumentEventListeners, focusOnMount }: {
-    ref: MutableRefObject<HTMLElement>;
-    onSelectionKey: KeyboardEventCallback;
-    onArrowNavigation: (type: NavDirections) => void;
-    onEscape: KeyboardEventCallback;
-    onHome?: KeyboardEventCallback;
-    onEnd?: KeyboardEventCallback;
-    useDocumentEventListeners?: boolean;
-    focusOnMount: boolean;
-}): void;

package/dist/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.d.ts

@@ -1,20 +0,0 @@
-import { NavDirections } from "../useFullKeyboardListeners";
-export declare function getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount }: {
-    direction: NavDirections;
-    numberOfItemsInLine: number;
-    itemsCount: number;
-}): number;
-export declare function calcActiveIndexAfterArrowNavigation({ activeIndex, itemsCount, numberOfItemsInLine, direction, disabledIndexes, circularNavigation }: {
-    activeIndex: number;
-    itemsCount: number;
-    numberOfItemsInLine: number;
-    direction: NavDirections;
-    disabledIndexes?: number[];
-    circularNavigation?: boolean;
-}): {
-    isOutbound: boolean;
-    nextIndex?: undefined;
-} | {
-    isOutbound: boolean;
-    nextIndex: number;
-};

package/dist/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.d.ts

@@ -1,42 +0,0 @@
-import { type MutableRefObject, type ReactElement } from "react";
-/**
- * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.
- * @param {Object} options
- * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard
- * @param {number} options.itemsCount - the number of items
- * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid
- * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with "Enter".
- * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index
- * @param {"directional" | "first"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.
- *   - "directional": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.
- *   - "first": Always focuses the first item.
- * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted
- * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with "options.focusOnMount".
- * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.
- * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid
- * @returns {useGridKeyboardNavigationResult}
- *
- * @typedef useGridKeyboardNavigationResult
- * @property {number} activeIndex - the currently active index
- * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See "options.focusItemIndexOnMount".
- * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.
- * It should be called with the selected item's index. Use this callback for onClick handlers, for example.
- * The "isKeyboardAction" can be used to indicate a keyboard selection, which will affect the currently active index.
- */
-export default function useGridKeyboardNavigation({ ref, itemsCount, numberOfItemsInLine, onItemClicked, // the callback to call when an item is selected
-entryFocusStrategy, getItemByIndex, focusOnMount, focusItemIndexOnMount, disabledIndexes, circularNavigation }: {
-    ref: MutableRefObject<HTMLElement>;
-    itemsCount: number;
-    numberOfItemsInLine: number;
-    onItemClicked: (element: HTMLElement | ReactElement | void | string, index: number) => void;
-    entryFocusStrategy?: "directional" | "first";
-    getItemByIndex: (index: number | void) => HTMLElement | ReactElement | void | string;
-    focusOnMount?: boolean;
-    focusItemIndexOnMount?: number;
-    disabledIndexes?: number[];
-    circularNavigation?: boolean;
-}): {
-    activeIndex: number;
-    onSelectionAction: (index: number, isKeyboardAction?: boolean) => void;
-    isInitialActiveState: boolean;
-};

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

@@ -1,80 +0,0 @@
-import React from "react";
-import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "./ColorPicker.types";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type ColorStyle } from "../../types/Colors";
-export interface ColorPickerProps extends VibeComponentProps {
-    /**
-     * The selected color(s).
-     */
-    value?: ColorPickerValue;
-    /**
-     * Callback fired when the selected color(s) change.
-     */
-    onSave?: (value: ColorPickerArrayValueOnly) => void;
-    /**
-     * Icon displayed as an indicator inside the color.
-     */
-    ColorIndicatorIcon?: SubIcon;
-    /**
-     * Icon displayed when a color is selected.
-     */
-    SelectedIndicatorIcon?: SubIcon;
-    /**
-     * Icon used for clearing the color selection.
-     */
-    NoColorIcon?: SubIcon;
-    /**
-     * The style applied to the colors.
-     */
-    colorStyle?: ColorStyle;
-    /**
-     * Text displayed for the "no color" option.
-     */
-    noColorText?: string;
-    /**
-     * If true, renders the color indicator without a background.
-     */
-    shouldRenderIndicatorWithoutBackground?: boolean;
-    /**
-     * If true, treats the color list as a blacklist rather than a whitelist.
-     */
-    isBlackListMode?: boolean;
-    /**
-     * The list of colors available for selection.
-     */
-    colorsList?: ColorPickerArrayValueOnly;
-    /**
-     * If true, allows selecting multiple colors.
-     */
-    isMultiselect?: boolean;
-    /**
-     * The size of the color items.
-     */
-    colorSize?: ColorPickerSizes;
-    /**
-     * The number of colors displayed per row.
-     */
-    numberOfColorsInLine?: number;
-    /**
-     * If true, the first color is focused when the component mounts.
-     */
-    focusOnMount?: boolean;
-    /**
-     * The shape of the color items.
-     */
-    colorShape?: ColorShapes;
-    /**
-     * Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.
-     * Usually, only "monday colors" will be rendered (unless blacklist mode is used). This flag will override this behavior.
-     */
-    forceUseRawColorList?: boolean;
-    /**
-     * Used to enable color name tooltip on each color in the component.
-     * When "tooltipContentByColor" is supplied, it will override the color name tooltip.
-     *
-     */
-    showColorNameTooltip?: boolean;
-}
-declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLElement>>;
-export default ColorPicker;

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

@@ -1,6 +0,0 @@
-import { type CONTENT_COLORS_VALUES } from "../../utils/colors-vars-map";
-export type ColorShapes = "square" | "circle";
-export type ColorPickerSizes = "small" | "medium" | "large";
-export type ColorPickerValueOnly = CONTENT_COLORS_VALUES | string;
-export type ColorPickerArrayValueOnly = CONTENT_COLORS_VALUES[] | string[];
-export type ColorPickerValue = ColorPickerValueOnly | ColorPickerArrayValueOnly;

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

@@ -1,5 +0,0 @@
-import { type BaseSizes } from "../../constants/sizes";
-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;

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

@@ -1,19 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface ColorPickerClearButtonProps extends VibeComponentProps {
-    /**
-     * Callback fired when the clear button is clicked.
-     */
-    onClick: () => void;
-    /**
-     * The text displayed inside the button.
-     */
-    text?: string;
-    /**
-     * The icon displayed inside the button.
-     */
-    Icon: SubIcon;
-}
-declare const ColorPickerClearButton: React.ForwardRefExoticComponent<ColorPickerClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ColorPickerClearButton;

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

@@ -1,63 +0,0 @@
-import React from "react";
-import { type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
-import { type ColorPickerArrayValueOnly, type ColorPickerValueOnly } from "../../ColorPicker.types";
-import { type ColorShapes, type ColorPickerSizes } from "../../ColorPicker.types";
-import { type VibeComponentProps } from "../../../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type ColorStyle } from "../../../../types";
-export interface ColorPickerColorsGridProps extends VibeComponentProps {
-    /**
-     * Callback fired when a color is clicked.
-     */
-    onColorClicked?: (color: ColorPickerValueOnly) => void;
-    /**
-     * The list of colors to be displayed.
-     */
-    colorsToRender?: ColorPickerArrayValueOnly;
-    /**
-     * Icon displayed as an indicator inside the color.
-     */
-    ColorIndicatorIcon?: SubIcon;
-    /**
-     * Icon displayed when a color is selected.
-     */
-    SelectedIndicatorIcon?: SubIcon;
-    /**
-     * The style applied to the colors.
-     */
-    colorStyle?: ColorStyle;
-    /**
-     * The currently selected color or colors.
-     */
-    value?: string | string[];
-    /**
-     * If true, renders the color indicator without a background.
-     */
-    shouldRenderIndicatorWithoutBackground?: boolean;
-    /**
-     * The size of the color items.
-     */
-    colorSize?: ColorPickerSizes;
-    /**
-     * The number of colors per row.
-     */
-    numberOfColorsInLine?: number;
-    /**
-     * Custom tooltip content for specific colors.
-     */
-    tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string> & Record<string, string>>;
-    /**
-     * If true, the first color is focused when the component mounts.
-     */
-    focusOnMount?: boolean;
-    /**
-     * The shape of the color items.
-     */
-    colorShape?: ColorShapes;
-    /**
-     * If true, displays a tooltip with the color name.
-     */
-    showColorNameTooltip?: boolean;
-}
-declare const ColorPickerColorsGrid: React.ForwardRefExoticComponent<ColorPickerColorsGridProps & React.RefAttributes<HTMLUListElement>>;
-export default ColorPickerColorsGrid;

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

@@ -1,84 +0,0 @@
-import React from "react";
-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";
-import { type ColorStyle } from "../../../../types";
-export interface ColorPickerContentProps extends VibeComponentProps {
-    /**
-     * The selected color(s).
-     */
-    value: ColorPickerValue;
-    /**
-     * Callback fired when the selected color(s) change.
-     */
-    onValueChange: (value: ColorPickerArrayValueOnly) => void;
-    /**
-     * The list of colors available for selection.
-     */
-    colorsList: ColorPickerArrayValueOnly;
-    /**
-     * Icon displayed as an indicator inside the color.
-     */
-    ColorIndicatorIcon?: SubIcon;
-    /**
-     * Icon displayed when a color is selected.
-     */
-    SelectedIndicatorIcon?: SubIcon;
-    /**
-     * Icon used for clearing the color selection.
-     */
-    NoColorIcon?: SubIcon;
-    /**
-     * The style applied to the colors.
-     */
-    colorStyle?: ColorStyle;
-    /**
-     * The size of the color items.
-     */
-    colorSize?: ColorPickerSizes;
-    /**
-     * The shape of the color items.
-     */
-    colorShape?: ColorShapes;
-    /**
-     * Custom tooltip content for specific colors.
-     */
-    tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string>>;
-    /**
-     * Text displayed for the "no color" option.
-     */
-    noColorText?: string;
-    /**
-     * If true, renders the color indicator without a background.
-     */
-    shouldRenderIndicatorWithoutBackground?: boolean;
-    /**
-     * If true, treats the color list as a blacklist rather than a whitelist.
-     */
-    isBlackListMode?: boolean;
-    /**
-     * The number of colors displayed per row.
-     */
-    numberOfColorsInLine?: number;
-    /**
-     * If true, the first color is focused when the component mounts.
-     */
-    focusOnMount?: boolean;
-    /**
-     * If true, allows selecting multiple colors.
-     */
-    isMultiselect?: boolean;
-    /**
-     * Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.
-     * Usually, only "monday colors" will be rendered (unless blacklist mode is used). This flag will override this behavior.
-     */
-    forceUseRawColorList?: boolean;
-    /**
-     * Used to enable color name tooltip on each color in the component.
-     * When "tooltipContentByColor" is supplied, it will override the color name tooltip.
-     */
-    showColorNameTooltip?: boolean;
-}
-declare const ColorPickerContent: React.ForwardRefExoticComponent<ColorPickerContentProps & React.RefAttributes<HTMLDivElement>>;
-export default ColorPickerContent;