@heliux-org/design-system-core 0.0.49 → 0.0.50

package/dist/esm/core/src/storybook/components/related-components/component-description-map.d.ts

@@ -0,0 +1,60 @@
+export declare const SPLIT_BUTTON = "split-button";
+export declare const BUTTON_GROUP = "button-group";
+export declare const LABEL = "label";
+export declare const LINK = "link";
+export declare const CHECKBOX = "checkbox";
+export declare const RADIO_BUTTON = "radio-button";
+export declare const COUNTER = "counter";
+export declare const TOOLTIP = "tooltip";
+export declare const TOGGLE = "toggle";
+export declare const DROPDOWN = "dropdown";
+export declare const CHIP = "tags";
+export declare const BUTTON = "button";
+export declare const TABS = "tabs";
+export declare const BREADCRUBMS = "breadcrumbs";
+export declare const MENU = "menu";
+export declare const ATTENTION_BOX = "attention-box";
+export declare const ALERT_BANNER = "alert-banner";
+export declare const TOAST = "toast";
+export declare const BADGE = "badge";
+export declare const MULTI_STEP_INDICATOR = "wizard";
+export declare const TIPSEEN = "tipseen";
+export declare const TEXT_FIELD = "text-field";
+export declare const TEXT_AREA = "text-area";
+export declare const SEARCH = "search";
+export declare const COMBOBOX = "combobox";
+export declare const AVATAR = "avatar";
+export declare const AVATAR_GROUP = "avatar-group";
+export declare const ICONS = "icons";
+export declare const STEPS = "steps";
+export declare const SPINNER = "spinner";
+export declare const SKELETON = "skeleton";
+export declare const LINEAR_PROGRESS_BAR = "linear-progress-bar";
+export declare const HEADING = "heading";
+export declare const EDITABLE_HEADING = "editable-heading";
+export declare const EDITABLE_TEXT = "editable-text";
+export declare const ICON = "icon";
+export declare const ICON_BUTTON = "icon-button";
+export declare const MENU_BUTTON = "menu-button";
+export declare const CLICKABLE = "clickable";
+export declare const HIDDEN_TEXT = "hidden-text-description";
+export declare const LIST = "list";
+export declare const FLEX = "flex";
+export declare const DIVIDER = "divider";
+export declare const DIALOG_CONTENT_CONTAINER = "dialog-content-container-description";
+export declare const DIALOG = "dialog";
+export declare const TEXT = "text";
+export declare const ACCORDION = "accordion";
+export declare const EXPAND_COLLAPSE = "expand-collapse";
+export declare const VIRTUALIZED_LIST = "virtualized-list";
+export declare const VIRTUALIZED_GRID = "virtualized-grid";
+export declare const COLOR_PICKER = "color-picker";
+export declare const SLIDER = "slider";
+export declare const BOX = "box";
+export declare const TABLE = "table";
+export declare const COLORS = "colors";
+export declare const TYPOGRAPHY = "typography";
+export declare const SHADOW = "shadow";
+export declare const SPACING = "spacing";
+export declare const DESCRIPTION_COMPONENTS_WITHOUT_GENERAL_DESCRIPTION_MAP: Map<string, JSX.Element>;
+export declare const DESCRIPTION_COMPONENTS_MAP: Map<string, JSX.Element>;

package/dist/esm/core/src/storybook/components/related-components/descriptions/color-picker-description.d.ts

@@ -0,0 +1 @@
+export declare const ColorPickerDescription: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/components/related-components/descriptions/dialog-description/dialog-description.d.ts

@@ -0,0 +1 @@
+export declare const DialogDescription: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/components/related-components/descriptions/editable-text-description.d.ts

@@ -0,0 +1 @@
+export declare const EditableTextDescription: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/functions/createStoryMetaSettingsDecorator.d.ts

@@ -0,0 +1,6 @@
+import { CreateStoryMetaSettingsArgs } from "@heliux-org/storybook-components/types";
+/**
+ * Decorator on createStoryMetaSettings from @heliux-org/storybook-components - adds icons metadata and icons components to function arguments
+ */
+export declare function createStoryMetaSettingsDecorator({ component, enumPropNamesArray, iconPropNamesArray, actionPropsArray, ignoreControlsPropNamesArray, }: Omit<CreateStoryMetaSettingsArgs, "allIconsComponents" | "iconsMetaData">): import("@heliux-org/storybook-components/types").CreateStoryMetaSettingsArgsResult;
+export default createStoryMetaSettingsDecorator;

package/dist/esm/core/src/storybook/patterns/dropdown-in-modals/ModalExampleContent.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ModalExampleContent: FC;
+export default ModalExampleContent;

package/dist/esm/core/src/storybook/stand-alone-documentaion/accessibility/accessibility.stories.helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const TipChecklistLink: () => import("react/jsx-runtime").JSX.Element;
+export declare const TipColorContrast: () => import("react/jsx-runtime").JSX.Element;
+export declare const TipTabNavigation: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/stand-alone-documentaion/catalog/Catalog/Catalog.stories.templates.d.ts

@@ -0,0 +1 @@
+export declare const CatalogTemplate: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/stand-alone-documentaion/catalog/EmptyState/Catalog.stories.EmptyState.d.ts

@@ -0,0 +1 @@
+export declare const CatalogEmptyState: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/stand-alone-documentaion/catalog/catalog.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Catalog: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        chromatic: {
+            pauseAnimationAtEnd: boolean;
+        };
+    };
+};

package/dist/esm/core/src/storybook/stand-alone-documentaion/playground/Playground.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    title: string;
+    decorators: any[];
+};
+export default _default;
+export declare const Playground: {
+    parameters: {
+        chromatic: {
+            disable: boolean;
+        };
+    };
+};

package/dist/esm/core/src/storybook/stand-alone-documentaion/playground/playground-helpers.d.ts

@@ -0,0 +1,7 @@
+export declare const jsx = "() => {\n  const [timesClicked, setTimesClicked] = React.useState<boolean>(0);\n\n  function onButtonClick(): void {\n    if (timesClicked === 0) {\n      alert(\"isn't that nice?\");\n    }\n    setTimesClicked(prev => prev + 1);\n  }\n\n  return (\n    <Flex direction={Flex.directions.COLUMN} align={Flex.align.START} gap={Flex.gaps.MEDIUM}>\n      <div>\n        <VibeNext.Heading>Online Playground</VibeNext.Heading>\n        <VibeNext.Heading type={VibeNext.Heading.types.H3} color={VibeNext.Heading.colors.SECONDARY}>\n          Prototype with actual components\n        </VibeNext.Heading>\n      </div>\n      <div>\n        <Text>Can't see the code editor?</Text>\n        <Text element=\"span\">\n          Click on the <VibeIcons.Settings /> button on the left panel and\n          select the{\" \"}\n        </Text>\n        <Text element=\"span\" weight={Text.weights.BOLD}>\n          \"Change Addons Orientation\"\n        </Text>\n      </div>\n      <Button onClick={onButtonClick}>\n        Click me\n      </Button>\n      <Text>Button has been clicked {timesClicked} times</Text>\n    </Flex>\n  );\n}";
+export declare const css = ".container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-medium);\n}\n\n.action-button {\n  align-self: flex-start;\n}";
+declare const _default: {
+    jsx: string;
+    css: string;
+};
+export default _default;

package/dist/esm/core/src/storybook/stand-alone-documentaion/spacing/spacing.stories.helpers.d.ts

@@ -0,0 +1 @@
+export declare const TipApplyingSpacing: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/storybook/stand-alone-documentaion/typography/examples-table/examples-table.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ExamplesTable: FC;
+export default ExamplesTable;

package/dist/esm/core/src/storybook/stand-alone-documentaion/typography/typograpghy.stories.helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const TipHowToUseFonts: () => import("react/jsx-runtime").JSX.Element;
+export declare const TipNextEndpoint: () => import("react/jsx-runtime").JSX.Element;
+export declare const TipUseComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/style-imports.d.ts

@@ -0,0 +1 @@
+import "heliux-ui-style/dist/index.min.css";

package/dist/esm/core/src/tests/__tests__/test-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const mockRequestAnimationFrame: () => void;
+export declare const restoreRequestAnimationFrameMock: () => void;

package/dist/esm/core/src/tests/constants.d.ts

@@ -0,0 +1,126 @@
+export declare enum ComponentDefaultTestId {
+    EDITABLE_TEXT = "editable-text",
+    TIPSEEN_MEDIA = "tipseen-media",
+    INDICATOR = "indicator",
+    BADGE = "badge",
+    TITLE = "title",
+    TEXT = "text",
+    COMBOBOX = "combobox",
+    COMBOBOX_CATEGORY = "combobox-category",
+    COMBOBOX_OPTION = "combobox-option",
+    COLOR_PICKER = "color-picker",
+    CHECKBOX = "checkbox",
+    CHECKBOX_LABEL = "checkbox-label",
+    CHECKBOX_CHECKBOX = "checkbox-checkbox",
+    DROPDOWN = "dropdown",
+    DROPDOWN_OPTION_CONTENT = "dropdown-option-content",
+    BUTTON = "button",
+    BUTTON_GROUP = "button-group",
+    CLICKABLE = "clickable",
+    VIRTUALIZED_LIST = "virtualized-list",
+    VIRTUALIZED_GRID = "virtualized-grid",
+    TEXT_FIELD = "text-field",
+    TEXT_FIELD_SECONDARY_BUTTON = "text-field-secondary-button",
+    TEXT_AREA = "text-area",
+    SEARCH = "search",
+    CLEAN_SEARCH_BUTTON = "clean-search-button",
+    COLOR_PICKER_ITEM = "color-picker-item",
+    ICON_BUTTON = "icon-button",
+    SVG_ICON = "svg-icon",
+    CHIP = "tag",
+    RADIO_BUTTON = "radio-button",
+    RADIO_BUTTON_LABEL = "radio-button-label",
+    RADIO_BUTTON_CONTROL = "radio-button-control",
+    TAB = "tab",
+    TAB_PANEL = "tab-panel",
+    TAB_PANELS = "tab-panels",
+    TAB_LIST = "tab-list",
+    TABS_CONTEXT = "tabs-context",
+    ALERT_BANNER = "alert-banner",
+    ALERT_BANNER_BUTTON = "alert-banner-button",
+    ALERT_BANNER_LINK = "alert-banner-link",
+    ALERT_BANNER_TEXT = "alert-banner-text",
+    ATTENTION_BOX = "attention-box",
+    AVATAR = "avatar",
+    AVATAR_BADGE = "avatar-badge",
+    AVATAR_CONTENT = "avatar-content",
+    BREADCRUMB_ITEM = "breadcrumb-item",
+    BREADCRUMBS_BAR = "breadcrumbs-bar",
+    LINEAR_PROGRESS_BAR = "linear-progress-bar",
+    BAR = "bar",
+    BAR_PRIMARY = "bar-primary",
+    BAR_SECONDARY = "bar-secondary",
+    COLOR_PICKER_ITEM_COMPONENT = "color-picker-item-component",
+    COUNTER = "counter",
+    MENU = "menu",
+    OPTION = "option",
+    EXPAND_COLLAPSE = "expand-collapse",
+    EDITABLE_INPUT = "editable-input",
+    EDITABLE_HEADING = "editable-heading",
+    HEADING = "heading",
+    LABEL = "label",
+    LINK = "link",
+    MENU_DIVIDER = "menu-divider",
+    MENU_ITEM = "menu-item",
+    MENU_ITEM_BUTTON = "menu-item-button",
+    MENU_TITLE = "menu-title",
+    MENU_TITLE_CAPTION = "menu-title-caption",
+    MENU_GRID_ITEM = "menu-grid-item",
+    MENU_BUTTON = "menu-button",
+    STEP_INDICATOR = "step-indicator",
+    STEPS = "steps",
+    STEPS_FORWARD_COMMAND = "steps-forward-command",
+    STEPS_BACKWARD_COMMAND = "steps-backward-command",
+    MULTI_STEP_INDICATOR = "multi-step-indicator",
+    SKELETON = "skeleton",
+    SPLIT_BUTTON = "split-button",
+    SPLIT_BUTTON_PRIMARY_BUTTON = "split-button-primary-button",
+    SPLIT_BUTTON_SECONDARY_BUTTON = "split-button-secondary-button",
+    TEXT_WITH_HIGHLIGHT = "text-with-highlight",
+    TOAST = "toast",
+    TOAST_CONTENT = "toast-content",
+    TOAST_LINK = "toast-link",
+    TOAST_BUTTON = "toast-button",
+    TOAST_CLOSE_BUTTON = "toast-close-button",
+    TOGGLE = "toggle",
+    TIPSEEN = "tipseen",
+    TIPSEEN_CONTENT = "tipseen-content",
+    TIPSEEN_CONTENT_SUBMIT = "tipseen-content-submit",
+    TIPSEEN_CONTENT_DISMISS = "tipseen-content-dismiss",
+    TIPSEEN_TITLE = "tipseen-title",
+    DIVIDER = "divider",
+    DATEPICKER = "date-picker",
+    DATEPICKER_HEADER = "date-picker-header",
+    DATEPICKER_YEAR_SELECTION = "date-picker-year-selection",
+    LOADER = "loader",
+    ICON = "icon",
+    RESPONSIVE_LIST = "responsive-list",
+    LIST = "list",
+    MODAL = "monday-dialog-container",
+    MODAL_OVERLAY = "monday-modal-overlay",
+    MODAL_CONTENT = "modal-content",
+    MODAL_HEADER = "modal-header",
+    MODAL_FOOTER_BUTTONS = "modal-footer-buttons",
+    FORMATTED_NUMBER = "formatted-number",
+    HIDDEN_TEXT = "hidden-text",
+    DIALOG_CONTENT_CONTAINER = "dialog-content-container",
+    FLEX = "flex",
+    TOOLTIP = "tooltip",
+    DIALOG = "dialog",
+    TABLE = "table",
+    TABLE_BODY = "table-body",
+    TABLE_CELL = "table-cell",
+    TABLE_HEADER = "table-header",
+    TABLE_HEADER_CELL = "table-header-cell",
+    TABLE_ROW = "table-row"
+}
+export declare enum NavigationCommand {
+    RIGHT_ARROW = "{arrowright}",
+    LEFT_ARROW = "{arrowleft}",
+    UP_ARROW = "{arrowup}",
+    DOWN_ARROW = "{arrowdown}",
+    TAB = "#TAB#",
+    ENTER = "{enter}",
+    PAGE_UP = "{pageup}",
+    PAGE_DOWN = "{pagedown}"
+}

package/dist/esm/core/src/tests/interactions-utils.d.ts

@@ -0,0 +1,56 @@
+import { queries } from "@storybook/testing-library";
+import { BoundFunctions, Screen, SelectorMatcherOptions } from "@testing-library/react";
+import { NavigationCommand as NavigationCommandType } from "./constants";
+export type Canvas = HTMLElement | BoundFunctions<typeof queries>;
+export type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;
+export type Coordinates = {
+    x: number;
+    y: number;
+};
+export declare const testFunctionWrapper: (testFunc: TestFunction) => ({ canvasElement, args, }: {
+    canvasElement: Screen;
+    args: Record<string, any>;
+}) => Promise<unknown>;
+export declare const clearText: (element: HTMLElement) => Promise<void>;
+export declare const NavigationCommand: typeof NavigationCommandType;
+export declare const interactionSuite: ({ beforeEach, beforeAll, skip, tests, afterEach, afterAll, }: {
+    beforeEach?: TestFunction;
+    beforeAll?: TestFunction;
+    skip?: boolean;
+    tests: Array<TestFunction>;
+    afterAll?: TestFunction;
+    afterEach?: TestFunction;
+}) => ({ canvasElement, args, }: {
+    canvasElement: Screen;
+    args: Record<string, any>;
+}) => Promise<void>;
+export declare const getByTestId: (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => HTMLElement;
+export declare const getAllByTestId: (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => HTMLElement[];
+export declare const getByPlaceholderText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement;
+export declare const getAllByPlaceholderText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement[];
+export declare const getByClassName: (className: string) => HTMLCollectionOf<Element>;
+export declare const getFirstByClassName: (className: string) => Element;
+export declare const getByRole: (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options?: {}) => HTMLElement;
+export declare const getAllByRole: (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => HTMLElement[];
+export declare const getByLabelText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement;
+export declare const getAllByLabelText: (rootElement: HTMLElement, text: string) => HTMLElement[];
+export declare const getByText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string, options?: SelectorMatcherOptions) => HTMLElement;
+export declare const getAllByText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement[];
+export declare const clickElement: (element: HTMLElement) => Promise<void>;
+export declare const hoverElement: (element: HTMLElement) => Promise<void>;
+export declare const typeText: (element: HTMLElement, text: string, waitForDebounceMs?: number) => Promise<void>;
+export declare const expectActiveElementToHaveExactText: (text: string) => void;
+export declare const expectActiveElementToHavePartialText: (text: string) => void;
+export declare const pressNavigationKey: (command?: NavigationCommandType, waitForDebounceMs?: number) => Promise<any>;
+export declare function delay(timeout: number): Promise<unknown>;
+export declare const waitForElementVisible: (getterFunc: () => HTMLElement) => Promise<unknown>;
+export declare const typeMultipleTimes: (text: string, count: number, options?: {
+    delay: number;
+}) => Promise<void>;
+export declare function drag(element: HTMLElement, { delta, toCoords, toElm, steps, duration, }: {
+    delta: Coordinates;
+    toCoords: Coordinates;
+    toElm: HTMLElement;
+    steps: number;
+    duration: number;
+}): Promise<void>;

package/dist/esm/core/src/tests/test-ids-utils.d.ts

@@ -0,0 +1,3 @@
+import { ComponentDefaultTestId as TestIds } from "./constants";
+export declare const ComponentDefaultTestId: typeof TestIds;
+export declare const getTestId: (elementType: TestIds, id?: string | number) => string;

package/dist/esm/core/src/types/ArrayLastElement.d.ts

@@ -0,0 +1,4 @@
+export type ArrayLastElement<T extends unknown[]> = T extends [
+    ...unknown[],
+    infer R
+] ? R : never;

package/dist/esm/core/src/types/ElementContent.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export type ElementContent = ReactNode | ReactNode[];

package/dist/esm/core/src/types/MoveBy.d.ts

@@ -0,0 +1,4 @@
+export type MoveBy = {
+    main?: number;
+    secondary?: number;
+};

package/dist/esm/core/src/types/SplitString.d.ts

@@ -0,0 +1 @@
+export type SplitString<S extends string, D extends string> = string extends S ? string[] : S extends "" ? [] : S extends `${infer T}${D}${infer U}` ? [T, ...SplitString<U, D>] : [S];

package/dist/esm/core/src/types/SubIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconSubComponentProps } from "src/components/Icon/Icon";
+export type SubIcon = string | React.FC<IconSubComponentProps> | null;

package/dist/esm/core/src/types/ValueOf.d.ts

@@ -0,0 +1 @@
+export type ValueOf<T> = T[keyof T];

package/dist/esm/core/src/types/VibeComponent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+type VibeComponent<T, P = HTMLElement> = React.ForwardRefExoticComponent<T & React.RefAttributes<P>>;
+export default VibeComponent;

package/dist/esm/core/src/types/VibeComponentProps.d.ts

@@ -0,0 +1,5 @@
+export default interface VibeComponentProps {
+    className?: string;
+    "data-testid"?: string;
+    id?: string;
+}

package/dist/esm/core/src/types/events.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export type OnPressEventType<Element> = React.MouseEvent<Element> | React.FocusEvent<Element>;
+export type GeneralEventType = Event | React.UIEvent;
+export type GenericEventCallback = (ev: GeneralEventType) => unknown;
+export type KeyboardEventCallback = (event: KeyboardEvent) => unknown;
+export type MouseEventCallBack = (event: React.MouseEvent<HTMLElement | SVGElement>) => void;

package/dist/esm/core/src/types/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./events";
+export * from "./positions";
+export * from "./SubIcon";
+export { default as VibeComponent } from "./VibeComponent";
+export { default as VibeComponentProps } from "./VibeComponentProps";
+export * from "./withStaticProps";
+export * from "./ArrayLastElement";
+export * from "./SplitString";
+export * from "./ElementContent";
+export * from "./ValueOf";

package/dist/esm/core/src/types/positions.d.ts

@@ -0,0 +1,2 @@
+import { DialogPosition as DialogPositions } from "../constants";
+export type DialogPosition = DialogPositions;

package/dist/esm/core/src/types/withStaticProps.d.ts

@@ -0,0 +1,7 @@
+import VibeComponent from "./VibeComponent";
+import React from "react";
+type Required<T> = {
+    [P in keyof T]-?: T[P];
+};
+export declare const withStaticProps: <T, P, S>(forwarded: (VibeComponent<T, P> & Partial<S>) | (React.FC<T> & Partial<S>), staticProps: Required<S>) => ((VibeComponent<T, P> & Partial<S>) | (React.FC<T> & Partial<S>)) & Required<S>;
+export {};

package/dist/esm/core/src/utils/colors-utils.d.ts

@@ -0,0 +1,7 @@
+import { ColorStyle } from "./colors-vars-map";
+declare const _default: Readonly<{
+    modes: typeof ColorStyle;
+    contentColors: readonly ["grass_green", "done-green", "bright-green", "saladish", "egg_yolk", "working_orange", "dark-orange", "peach", "sunset", "stuck-red", "dark-red", "sofia_pink", "lipstick", "bubble", "purple", "dark_purple", "berry", "dark_indigo", "indigo", "navy", "bright-blue", "dark-blue", "aquamarine", "chili-blue", "river", "winter", "explosive", "american_gray", "blackish", "brown", "orchid", "tan", "sky", "coffee", "royal", "teal", "lavender", "steel", "lilac", "pecan"];
+    getHeliuxColorAsStyle: (color: string, mode?: ColorStyle, withVar?: boolean) => string;
+}>;
+export default _default;

package/dist/esm/core/src/utils/colors-vars-map.d.ts

@@ -0,0 +1,114 @@
+export declare const colorsMap: {
+    color: string;
+    description: string;
+}[];
+export declare const colorsHashMap: Map<any, any>;
+export declare const contentColors: readonly ["grass_green", "done-green", "bright-green", "saladish", "egg_yolk", "working_orange", "dark-orange", "peach", "sunset", "stuck-red", "dark-red", "sofia_pink", "lipstick", "bubble", "purple", "dark_purple", "berry", "dark_indigo", "indigo", "navy", "bright-blue", "dark-blue", "aquamarine", "chili-blue", "river", "winter", "explosive", "american_gray", "blackish", "brown", "orchid", "tan", "sky", "coffee", "royal", "teal", "lavender", "steel", "lilac", "pecan"];
+export type CONTENT_COLORS_VALUES = (typeof contentColors)[number];
+export declare enum ColorStyle {
+    REGULAR = "regular",
+    HOVER = "hover",
+    SELECTED = "selected"
+}
+export declare enum ContentColorByName {
+    GRASS_GREEN = "grass_green",
+    DONE_GREEN = "done-green",
+    BRIGHT_GREEN = "bright-green",
+    SALADISH = "saladish",
+    EGG_YOLK = "egg_yolk",
+    WORKING_ORANGE = "working_orange",
+    DARK_ORANGE = "dark-orange",
+    PEACH = "peach",
+    SUNSET = "sunset",
+    STUCK_RED = "stuck-red",
+    DARK_RED = "dark-red",
+    SOFIA_PINK = "sofia_pink",
+    LIPSTICK = "lipstick",
+    BUBBLE = "bubble",
+    PURPLE = "purple",
+    DARK_PURPLE = "dark_purple",
+    BERRY = "berry",
+    DARK_INDIGO = "dark_indigo",
+    INDIGO = "indigo",
+    NAVY = "navy",
+    BRIGHT_BLUE = "bright-blue",
+    DARK_BLUE = "dark-blue",
+    AQUAMARINE = "aquamarine",
+    CHILI_BLUE = "chili-blue",
+    RIVER = "river",
+    WINTER = "winter",
+    EXPLOSIVE = "explosive",
+    AMERICAN_GRAY = "american_gray",
+    BLACKISH = "blackish",
+    BROWN = "brown",
+    ORCHID = "orchid",
+    TAN = "tan",
+    SKY = "sky",
+    COFFEE = "coffee",
+    ROYAL = "royal",
+    TEAL = "teal",
+    LAVENDER = "lavender",
+    STEEL = "steel",
+    LILAC = "lilac",
+    PECAN = "pecan"
+}
+export declare enum StateSelectedColor {
+    POSITIVE = "--positive-color-selected",
+    NEGATIVE = "--negative-color-selected",
+    PRIMARY = "--surface-selected",
+    WARNING = "--warning-color-selected"
+}
+export declare enum StateSelectedHoverColor {
+    POSITIVE = "--positive-color-selected-hover",
+    NEGATIVE = "--negative-color-selected-hover",
+    PRIMARY = "--primary-selected-hover-color"
+}
+export declare const ElementAllowedColor: {
+    POSITIVE: StateSelectedHoverColor.POSITIVE;
+    NEGATIVE: StateSelectedHoverColor.NEGATIVE;
+    PRIMARY: StateSelectedHoverColor.PRIMARY;
+    WARNING: StateSelectedColor.WARNING;
+    GRASS_GREEN: ContentColorByName.GRASS_GREEN;
+    DONE_GREEN: ContentColorByName.DONE_GREEN;
+    BRIGHT_GREEN: ContentColorByName.BRIGHT_GREEN;
+    SALADISH: ContentColorByName.SALADISH;
+    EGG_YOLK: ContentColorByName.EGG_YOLK;
+    WORKING_ORANGE: ContentColorByName.WORKING_ORANGE;
+    DARK_ORANGE: ContentColorByName.DARK_ORANGE;
+    PEACH: ContentColorByName.PEACH;
+    SUNSET: ContentColorByName.SUNSET;
+    STUCK_RED: ContentColorByName.STUCK_RED;
+    DARK_RED: ContentColorByName.DARK_RED;
+    SOFIA_PINK: ContentColorByName.SOFIA_PINK;
+    LIPSTICK: ContentColorByName.LIPSTICK;
+    BUBBLE: ContentColorByName.BUBBLE;
+    PURPLE: ContentColorByName.PURPLE;
+    DARK_PURPLE: ContentColorByName.DARK_PURPLE;
+    BERRY: ContentColorByName.BERRY;
+    DARK_INDIGO: ContentColorByName.DARK_INDIGO;
+    INDIGO: ContentColorByName.INDIGO;
+    NAVY: ContentColorByName.NAVY;
+    BRIGHT_BLUE: ContentColorByName.BRIGHT_BLUE;
+    DARK_BLUE: ContentColorByName.DARK_BLUE;
+    AQUAMARINE: ContentColorByName.AQUAMARINE;
+    CHILI_BLUE: ContentColorByName.CHILI_BLUE;
+    RIVER: ContentColorByName.RIVER;
+    WINTER: ContentColorByName.WINTER;
+    EXPLOSIVE: ContentColorByName.EXPLOSIVE;
+    AMERICAN_GRAY: ContentColorByName.AMERICAN_GRAY;
+    BLACKISH: ContentColorByName.BLACKISH;
+    BROWN: ContentColorByName.BROWN;
+    ORCHID: ContentColorByName.ORCHID;
+    TAN: ContentColorByName.TAN;
+    SKY: ContentColorByName.SKY;
+    COFFEE: ContentColorByName.COFFEE;
+    ROYAL: ContentColorByName.ROYAL;
+    TEAL: ContentColorByName.TEAL;
+    LAVENDER: ContentColorByName.LAVENDER;
+    STEEL: ContentColorByName.STEEL;
+    LILAC: ContentColorByName.LILAC;
+    PECAN: ContentColorByName.PECAN;
+};
+export type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;
+export declare const elementColorsNames: Record<string, string>;
+export declare function getElementColor(colorValue: keyof typeof ElementAllowedColor | string, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;

package/dist/esm/core/src/utils/dom-event-utils.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export declare function isEnterEvent(event: React.KeyboardEvent): boolean;
+export declare function isShiftEnterEvent(event: React.KeyboardEvent): boolean;
+export declare function isEscapeEvent(event: React.KeyboardEvent): boolean;
+export declare function isArrowUpEvent(event: React.KeyboardEvent): boolean;
+export declare function isArrowDownEvent(event: React.KeyboardEvent): boolean;
+export declare function isArrowRightEvent(event: React.KeyboardEvent): boolean;
+export declare function isArrowLeftEvent(event: React.KeyboardEvent): boolean;
+export declare function isBackspaceEvent(event: React.KeyboardEvent): boolean;
+export declare function isSpaceEvent(event: React.KeyboardEvent): boolean;
+export declare function isTabEvent(event: React.KeyboardEvent): boolean;
+export declare function isPageUpEvent(event: React.KeyboardEvent): boolean;
+export declare function isPageDownEvent(event: React.KeyboardEvent): boolean;
+export declare function isEndEvent(event: React.KeyboardEvent): boolean;
+export declare function isHomeEvent(event: React.KeyboardEvent): boolean;
+export declare function isShiftTabEvent(event: React.KeyboardEvent): boolean;

package/dist/esm/core/src/utils/dom-utils.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="lodash" />
+export declare function isInsideClass(domElement: HTMLElement, classOrClassesName: Array<string> | string): boolean;
+export declare const getScrollableParent: ((node: HTMLElement) => HTMLElement) & import("lodash").MemoizedFunction;

package/dist/esm/core/src/utils/function-utils.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from "react";
+export declare function chainRefFunctions(funcsOrRefs: Array<MutableRefObject<HTMLElement> | ((element: HTMLElement) => void | boolean)>, allowBreak?: boolean): (args: HTMLElement) => void;
+export declare function chainFunctions(funcs: Array<(args: any) => void | boolean>, allowBreak?: boolean): (args: any) => void;
+export declare function convertToArray<T>(input: T | Array<T>): Array<T>;
+export declare function NOOP(): void;

package/dist/esm/core/src/utils/media-query-utils.d.ts

@@ -0,0 +1,23 @@
+export declare const SMALL1 = 1;
+export declare const SMALL2 = 2;
+export declare const MEDIUM1 = 3;
+export declare const MEDIUM2 = 4;
+export declare const LARGE = 5;
+export declare const XLARGE = 6;
+export declare const MEDIA_QUERY_QUERIES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare const VIBE_MEDIA_QUERIES: string[];
+export declare const MEDIA_QUERY_SIZES: {
+    SMALL1: number;
+    SMALL2: number;
+    MEDIUM1: number;
+    MEDIUM2: number;
+    LARGE: number;
+    XLARGE: number;
+};

package/dist/esm/core/src/utils/user-agent-utils.d.ts

@@ -0,0 +1,2 @@
+export declare function isFirefox(): boolean;
+export declare function isIE11(): boolean;

package/dist/esm/hooks/__tests__/useDebounceEvent.jest.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/hooks/__tests__/useEventListener.jest.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/hooks/__tests__/useKeyEvent.jest.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/hooks/__tests__/useMergeRefs.jest.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/hooks/useAfterFirstRender/__stories__/useAfterFirstRender.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Overview: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/hooks/useClickOutside/__stories__/useClickOutside.stories.d.ts

@@ -0,0 +1,9 @@
+import "../../__stories__/general-hooks-stories.scss";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Overview: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};