@vibe/core 4.5.12 → 4.5.14

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/Skeleton/Skeleton.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { type SkeletonType, type SkeletonSizeType } from "./Skelton.types";
-import { type VibeComponentProps } from "../../types";
-export interface SkeletonProps extends VibeComponentProps {
-    /**
-     * The type of skeleton.
-     */
-    type?: SkeletonType;
-    /**
-     * The predefined size of the skeleton.
-     */
-    size?: SkeletonSizeType;
-    /**
-     * The width of the skeleton in pixels.
-     */
-    width?: number;
-    /**
-     * The height of the skeleton in pixels.
-     */
-    height?: number;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, the skeleton will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-}
-declare const Skeleton: ({ type, size, className, wrapperClassName, width, height, fullWidth, id, "data-testid": dataTestId }: SkeletonProps) => React.JSX.Element;
-export default Skeleton;

package/dist/components/Skeleton/SkeletonConstants.d.ts

@@ -1 +0,0 @@
-export declare const SKELETON_CUSTOM_SIZE = "custom";

package/dist/components/Skeleton/Skelton.types.d.ts

@@ -1,4 +0,0 @@
-export type SkeletonType = "circle" | "rectangle" | "text";
-type TextSkeletonSize = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small";
-export type SkeletonSizeType = TextSkeletonSize | "custom";
-export {};

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

@@ -1,2 +0,0 @@
-export { default as Skeleton, type SkeletonProps } from "./Skeleton";
-export * from "./Skelton.types";

package/dist/components/Tabs/Tab/Tab.d.ts

@@ -1,64 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import { type IconType, type SubIcon } from "@vibe/icon";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type TooltipProps } from "@vibe/tooltip";
-export interface TabProps extends VibeComponentProps {
-    /**
-     * Class name applied to the inner tab content.
-     */
-    tabInnerClassName?: string;
-    /**
-     * The index value of the tab.
-     */
-    value?: number;
-    /**
-     * If true, disables the tab.
-     */
-    disabled?: boolean;
-    /**
-     * If true, marks the tab as active.
-     */
-    active?: boolean;
-    /**
-     * If true, applies focus styles to the tab.
-     */
-    focus?: boolean;
-    /**
-     * If true, hides the individual tab border when using stretched underline.
-     */
-    stretchedUnderline?: boolean;
-    /**
-     * The icon displayed in the tab.
-     */
-    icon?: SubIcon;
-    /**
-     * The type of icon.
-     */
-    iconType?: IconType;
-    /**
-     * The position of the icon relative to the text.
-     */
-    iconSide?: string;
-    /**
-     * Callback fired when the tab is clicked.
-     */
-    onClick?: (value: number) => void;
-    /**
-     * Props passed to the tab's tooltip.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * The content displayed inside the tab.
-     */
-    children?: string | ReactElement | ReactElement[];
-    /**
-     * Tab index for focus management.
-     */
-    tabIndex?: number;
-    /**
-     * The id of the associated TabPanel for aria-controls attribute.
-     */
-    "aria-controls"?: string;
-}
-declare const Tab: FC<TabProps>;
-export default Tab;

package/dist/components/Tabs/TabList/TabList.d.ts

@@ -1,35 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type TabProps } from "../Tab/Tab";
-export interface TabListProps extends VibeComponentProps {
-    /**
-     * Callback fired when the active tab changes.
-     */
-    onTabChange?: (tabId: number) => void;
-    /**
-     * The index of the currently active tab.
-     */
-    activeTabId?: number;
-    /**
-     * The type of tab style.
-     */
-    tabType?: string;
-    /**
-     * The size of the tab list.
-     */
-    size?: string;
-    /**
-     * If true, Sets an E2E underline under the whole tabs component.
-     */
-    stretchedUnderline?: boolean;
-    /**
-     * Array of corresponding TabPanel ids for aria-controls relationship.
-     */
-    tabPanelIds?: string[];
-    /**
-     * The child elements representing tabs.
-     */
-    children?: ReactElement<TabProps>[];
-}
-declare const TabList: FC<TabListProps>;
-export default TabList;

package/dist/components/Tabs/TabPanel/TabPanel.d.ts

@@ -1,14 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface TabPanelProps extends VibeComponentProps {
-    /**
-     * The content inside the tab panel.
-     */
-    children?: ReactElement | ReactElement[] | string;
-    /**
-     * The index of the tab panel.
-     */
-    index?: number;
-}
-declare const TabPanel: FC<TabPanelProps>;
-export default TabPanel;

package/dist/components/Tabs/TabPanels/TabPanels.d.ts

@@ -1,20 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type TabPanelsAnimationDirection } from "./TabPanels.types";
-import { type TabPanelProps } from "../TabPanel/TabPanel";
-import { type VibeComponentProps } from "../../../types";
-export interface TabPanelsProps extends VibeComponentProps {
-    /**
-     * The index of the currently active tab panel.
-     */
-    activeTabId?: number;
-    /**
-     * The animation direction when switching between tab panels.
-     */
-    animationDirection?: TabPanelsAnimationDirection;
-    /**
-     * The child elements representing tab panels.
-     */
-    children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];
-}
-declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLElement>>;
-export default TabPanels;

package/dist/components/Tabs/TabPanels/TabPanels.types.d.ts

@@ -1 +0,0 @@
-export type TabPanelsAnimationDirection = "rtl" | "ltr";

package/dist/components/Tabs/TabsContext/TabsContext.d.ts

@@ -1,14 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface TabsContextProps extends VibeComponentProps {
-    /**
-     * The index of the currently active tab.
-     */
-    activeTabId?: number;
-    /**
-     * The child elements representing the tab list and tab panels.
-     */
-    children?: ReactElement | ReactElement[];
-}
-declare const TabsContext: FC<TabsContextProps>;
-export default TabsContext;

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

@@ -1,6 +0,0 @@
-export { default as Tab, type TabProps } from "./Tab/Tab";
-export { default as TabList, type TabListProps } from "./TabList/TabList";
-export { default as TabPanel, type TabPanelProps } from "./TabPanel/TabPanel";
-export { default as TabsContext, type TabsContextProps } from "./TabsContext/TabsContext";
-export { default as TabPanels, type TabPanelsProps } from "./TabPanels/TabPanels";
-export * from "./TabPanels/TabPanels.types";

package/dist/hooks/useFullKeyboardListeners.d.ts

@@ -1,20 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type KeyboardEventCallback } from "../types/events";
-import { NavDirections, ARROW_DOWN_KEYS, ARROW_UP_KEYS, ARROW_RIGHT_KEYS, ARROW_LEFT_KEYS } from "@vibe/shared";
-export { NavDirections, ARROW_DOWN_KEYS, ARROW_UP_KEYS, ARROW_RIGHT_KEYS, ARROW_LEFT_KEYS };
-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;