@vibe/core 3.52.2 → 3.52.3-alpha-d7b79.0

package/dist/mocked_classnames/tests/constants.d.ts

@@ -1,200 +0,0 @@
-export declare enum ComponentDefaultTestId {
-    EMPTY_STATE = "empty-state",
-    TRANSITION_VIEW = "transition-view",
-    TEXT_AREA = "text-area",
-    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",
-    SEARCH = "search",
-    CLEAN_SEARCH_BUTTON = "clean-search-button",
-    COLOR_PICKER_ITEM = "color-picker-item",
-    ICON_BUTTON = "icon-button",
-    SVG_ICON = "svg-icon",
-    CHIP = "chip",
-    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",
-    BOX = "box",
-    AVATAR = "avatar",
-    AVATAR_BADGE = "avatar-badge",
-    AVATAR_CONTENT = "avatar-content",
-    BREADCRUMB_ITEM = "breadcrumb-item",
-    BREADCRUMBS_BAR = "breadcrumbs-bar",
-    BREADCRUMB_MENU = "breadcrumb-menu",
-    BREADCRUMB_MENU_ITEM = "breadcrumb-menu-item",
-    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",
-    MODAL_NEXT = "modal",
-    MODAL_NEXT_OVERLAY = "modal-overlay",
-    MODAL_NEXT_HEADER = "modal-header",
-    MODAL_NEXT_CLOSE_BUTTON = "modal-close-button",
-    MODAL_NEXT_CONTENT = "modal-content",
-    MODAL_NEXT_FOOTER = "modal-footer",
-    MODAL_NEXT_MEDIA = "modal-media",
-    MODAL_NEXT_BASIC_LAYOUT = "modal-basic-layout",
-    MODAL_NEXT_SIDE_BY_SIDE_LAYOUT = "modal-side-by-side-layout",
-    MODAL_NEXT_MEDIA_LAYOUT = "modal-media-layout",
-    FORMATTED_NUMBER = "formatted-number",
-    HIDDEN_TEXT = "hidden-text",
-    DIALOG_CONTENT_CONTAINER = "dialog-content-container",
-    FLEX = "flex",
-    TOOLTIP = "tooltip",
-    DIALOG = "dialog",
-    TABLE = "table",
-    TABLE_CONTAINER = "table-container",
-    TABLE_BODY = "table-body",
-    TABLE_VIRTUALIZED_BODY = "table-virtualized-body",
-    TABLE_CELL = "table-cell",
-    TABLE_HEADER = "table-header",
-    TABLE_HEADER_CELL = "table-header-cell",
-    TABLE_ROW = "table-row",
-    TABLE_ROW_MENU = "table-row-menu"
-}
-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}"
-}
-export declare enum ComponentVibeId {
-    ACCORDION = "Accordion",
-    ALERT_BANNER = "AlertBanner",
-    ATTENTION_BOX = "AttentionBox",
-    AVATAR = "Avatar",
-    AVATAR_GROUP = "AvatarGroup",
-    BADGE = "Badge",
-    BOX = "Box",
-    BREADCRUMBS_BAR = "BreadcrumbsBar",
-    BUTTON = "Button",
-    BUTTON_GROUP = "ButtonGroup",
-    CHECKBOX = "Checkbox",
-    CHIPS = "Chips",
-    COLOR_PICKER = "ColorPicker",
-    COMBOBOX = "Combobox",
-    COUNTER = "Counter",
-    DATE_PICKER = "DatePicker",
-    DIALOG = "Dialog",
-    DIVIDER = "Divider",
-    DROPDOWN = "Dropdown",
-    EDITABLE_HEADING = "EditableHeading",
-    EDITABLE_TEXT = "EditableText",
-    EXPAND_COLLAPSE = "ExpandCollapse",
-    FLEX = "Flex",
-    HEADING = "Heading",
-    ICON = "Icon",
-    ICON_BUTTON = "IconButton",
-    LABEL = "Label",
-    LINEAR_PROGRESS_BAR = "LinearProgressBar",
-    LINK = "Link",
-    LIST = "List",
-    LOADER = "Loader",
-    MENU = "Menu",
-    MENU_BUTTON = "MenuButton",
-    MODAL = "Modal",
-    MULTI_STEP_INDICATOR = "MultiStepIndicator",
-    RADIO_BUTTON = "RadioButton",
-    SEARCH = "Search",
-    SKELETON = "Skeleton",
-    SLIDER = "Slider",
-    SPLIT_BUTTON = "SplitButton",
-    STEPS = "Steps",
-    TAB = "Tab",
-    TABLE = "Table",
-    TEXT = "Text",
-    TEXT_AREA = "TextArea",
-    TEXT_FIELD = "TextField",
-    TEXT_WITH_HIGHLIGHT = "TextWithHighlight",
-    THEME_PROVIDER = "ThemeProvider",
-    TIPSEEN = "Tipseen",
-    TOAST = "Toast",
-    TOGGLE = "Toggle",
-    TOOLTIP = "Tooltip",
-    VIRTUALIZED_GRID = "VirtualizedGrid",
-    VIRTUALIZED_LIST = "VirtualizedList"
-}

package/dist/mocked_classnames/tests/interactions-utils.d.ts

@@ -1,56 +0,0 @@
-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/mocked_classnames/tests/test-ids-utils.d.ts

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

package/dist/mocked_classnames/types/ArrayLastElement.d.ts

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

package/dist/mocked_classnames/types/Colors.d.ts

@@ -1,19 +0,0 @@
-import { contentColors } from "../utils/colors-vars-map";
-declare const MapStateSelectedColor: {
-    positive: string;
-    negative: string;
-    primary: string;
-    warning: string;
-};
-declare const MapStateSelectedHoverColor: {
-    positive: string;
-    negative: string;
-    primary: string;
-};
-type ContentColor = (typeof contentColors)[number];
-type StateSelectedColorKeys = keyof typeof MapStateSelectedColor;
-type StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;
-export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning";
-export declare function getElementColor(colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;
-export type ColorStyle = "regular" | "hover" | "selected";
-export {};

package/dist/mocked_classnames/types/ElementContent.d.ts

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

package/dist/mocked_classnames/types/MoveBy.d.ts

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

package/dist/mocked_classnames/types/SplitString.d.ts

@@ -1 +0,0 @@
-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/mocked_classnames/types/SubIcon.d.ts

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

package/dist/mocked_classnames/types/VibeComponent.d.ts

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

package/dist/mocked_classnames/types/VibeComponentProps.d.ts

@@ -1,14 +0,0 @@
-export default interface VibeComponentProps {
-    /**
-     * A CSS class name to apply to the component.
-     */
-    className?: string;
-    /**
-     * A unique identifier for testing purposes.
-     */
-    "data-testid"?: string;
-    /**
-     * An HTML id attribute for the component.
-     */
-    id?: string;
-}

package/dist/mocked_classnames/types/events.d.ts

@@ -1,6 +0,0 @@
-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/mocked_classnames/types/index.d.ts

@@ -1,9 +0,0 @@
-export * from "./events";
-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 "./Colors";

package/dist/mocked_classnames/types/withStaticProps.d.ts

@@ -1,7 +0,0 @@
-import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
-type Required<T> = {
-    [P in keyof T]-?: T[P];
-};
-export declare const withStaticProps: <Props, StaticProps, Ref = HTMLElement>(component: ForwardRefExoticComponent<Props & RefAttributes<Ref>>, staticProps: Required<StaticProps>) => ForwardRefExoticComponent<Props & RefAttributes<Ref>> & Required<StaticProps>;
-export declare const withStaticPropsWithoutForwardRef: <Props, StaticProps>(component: FC<Props>, staticProps: Required<StaticProps>) => FC<Props> & Required<StaticProps>;
-export {};

package/dist/mocked_classnames/utils/colors-utils.d.ts

@@ -1,8 +0,0 @@
-import { ColorStyle as ColorStyleEnum } from "./colors-vars-map";
-import { ColorStyle } from "../types/Colors";
-declare const _default: Readonly<{
-    modes: typeof ColorStyleEnum;
-    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"];
-    getMondayColorAsStyle: (color: string, mode?: ColorStyle, withVar?: boolean) => string;
-}>;
-export default _default;

package/dist/mocked_classnames/utils/colors-vars-map.d.ts

@@ -1,129 +0,0 @@
-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];
-/**
- * @deprecated
- */
-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"
-}
-/**
- * @deprecated
- */
-export declare enum StateSelectedColor {
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    PRIMARY = "primary",
-    WARNING = "warning"
-}
-/**
- * @deprecated
- */
-export declare enum StateSelectedHoverColor {
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    PRIMARY = "primary"
-}
-/**
- * @deprecated
- */
-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;
-};
-/**
- * @deprecated
- */
-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/mocked_classnames/utils/dom-event-utils.d.ts

@@ -1,16 +0,0 @@
-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/mocked_classnames/utils/dom-utils.d.ts

@@ -1,3 +0,0 @@
-/// <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/mocked_classnames/utils/function-utils.d.ts

@@ -1,5 +0,0 @@
-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/mocked_classnames/utils/media-query-utils.d.ts

@@ -1,23 +0,0 @@
-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/mocked_classnames/utils/ssr-utils.d.ts

@@ -1,2 +0,0 @@
-export declare const isClient: () => boolean;
-export declare const isServer: () => boolean;

package/dist/mocked_classnames/utils/user-agent-utils.d.ts

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

package/dist/mocked_classnames/utils/warn-deprecated.d.ts

@@ -1,10 +0,0 @@
-export declare function useWarnDeprecated({ component, condition, message }: {
-    component: string;
-    condition?: boolean;
-    message: string;
-}): void;
-export declare function warnDeprecated({ component, condition, message }: {
-    component: string;
-    condition: boolean;
-    message: string;
-}): void;

package/dist/scripts/generate-metadata.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env ts-node
-export {};

package/dist/src/components/Accordion/Accordion/Accordion.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,toConsumableArray as o,defineProperty as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import t,{forwardRef as r,useRef as i,useState as s,useMemo as l,useCallback as c}from"react";import d from"../../../hooks/useMergeRef.js";import m from"./Accordion.module.scss.js";import{ComponentVibeId as u}from"../../../tests/constants.js";var p="monday-accordion";var f=r((function(r,f){var v=r.children,C=void 0===v?null:v,b=r.allowMultiple,j=void 0!==b&&b,g=r["data-testid"],h=void 0===g?p:g,x=r.defaultIndex,A=void 0===x?[]:x,O=r.className,y=void 0===O?"":O,E=r.id,I=i(null),N=d(f,I),k=s(A),M=e(k,2),P=M[0],R=M[1],_=l((function(){return t.Children.toArray(C)}),[C]),w=c((function(e){return P.includes(e)}),[P]),B=c((function(e){if(j){var n=o(P);if(w(e)){var a=n.indexOf(e);a>-1&&n.splice(a,1)}else n.push(e);R(n)}else w(e)?R([]):R([e])}),[w,P,j]),D=l((function(){return t.Children.map(_,(function(e,o){var r,i,s,l=Object.assign({},null==e?void 0:e.props),c=(r=o,s=E,(i=l).id?i.id:s?"".concat(s,"--item-").concat(r):"".concat(p,"--item-").concat(r));return t.cloneElement(e,Object.assign(Object.assign({},l),{id:c,onClickAccordionCallback:function(){B(o)},open:w(o),expandCollapseComponentClassName:a(m.accordionItemExpandCollapse,n({},m.accordionItemExpandCollapseLast,o===_.length-1))}))}))}),[_,E,w,B]);return t.createElement("div",{ref:N,className:a(m.accordion,y),"data-testid":h,"data-vibe":u.ACCORDION,id:E},_&&D)}));export{f as default};
-//# sourceMappingURL=Accordion.js.map

package/dist/src/components/Accordion/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../../types\";\nimport styles from \"./Accordion.module.scss\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nconst COMPONENT_ID = \"monday-accordion\";\n\nfunction defineChildId(index: number, props: { id: string }, accordionId: string) {\n  if (props.id) {\n    return props.id;\n  }\n  if (accordionId) {\n    return `${accordionId}--item-${index}`;\n  }\n  return `${COMPONENT_ID}--item-${index}`;\n}\n\nexport interface AccordionProps extends VibeComponentProps {\n  /**\n   * The content of the accordion (`AccordionItem` components).\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * If true, multiple accordion items can be expanded at the same time.\n   */\n  allowMultiple?: boolean;\n  /**\n   * An array of initially expanded item indexes.\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion = forwardRef(\n  (\n    {\n      children: originalChildren = null,\n      allowMultiple = false,\n      \"data-testid\": dataTestId = COMPONENT_ID,\n      defaultIndex = [],\n      className = \"\",\n      id\n    }: AccordionProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [expandedItems, setExpandedItems] = useState(defaultIndex);\n\n    const children = useMemo(() => React.Children.toArray(originalChildren), [originalChildren]);\n\n    const isChildExpanded = useCallback(\n      (itemIndex: number) => {\n        return expandedItems.includes(itemIndex);\n      },\n      [expandedItems]\n    );\n\n    const onChildClick = useCallback(\n      (itemIndex: number) => {\n        if (allowMultiple) {\n          const newExpandedItems = [...expandedItems];\n          if (isChildExpanded(itemIndex)) {\n            const index = newExpandedItems.indexOf(itemIndex);\n            if (index > -1) {\n              newExpandedItems.splice(index, 1);\n            }\n          } else {\n            newExpandedItems.push(itemIndex);\n          }\n          setExpandedItems(newExpandedItems);\n          return;\n        }\n\n        if (isChildExpanded(itemIndex)) {\n          setExpandedItems([]);\n        } else {\n          setExpandedItems([itemIndex]);\n        }\n      },\n      [isChildExpanded, expandedItems, allowMultiple]\n    );\n\n    const renderChildElements = useMemo(() => {\n      return React.Children.map(children, (child: ReactElement, itemIndex) => {\n        const originalProps = { ...child?.props };\n        const childId = defineChildId(itemIndex, originalProps, id);\n        return React.cloneElement(child, {\n          ...originalProps,\n          id: childId,\n          onClickAccordionCallback: () => {\n            onChildClick(itemIndex);\n          },\n          open: isChildExpanded(itemIndex),\n          expandCollapseComponentClassName: cx(styles.accordionItemExpandCollapse, {\n            [styles.accordionItemExpandCollapseLast]: itemIndex === children.length - 1\n          })\n        });\n      });\n    }, [children, id, isChildExpanded, onChildClick]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.accordion, className)}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ACCORDION}\n        id={id}\n      >\n        {children && renderChildElements}\n      </div>\n    );\n  }\n);\n\nexport default Accordion;\n"],"names":["COMPONENT_ID","Accordion","forwardRef","_ref","ref","_ref$children","children","originalChildren","_ref$allowMultiple","allowMultiple","_ref$dataTestid","dataTestId","_ref$defaultIndex","defaultIndex","_ref$className","className","id","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","expandedItems","setExpandedItems","useMemo","React","Children","toArray","isChildExpanded","useCallback","itemIndex","includes","onChildClick","newExpandedItems","_toConsumableArray","index","indexOf","splice","push","renderChildElements","map","child","props","accordionId","originalProps","Object","assign","childId","concat","cloneElement","onClickAccordionCallback","open","expandCollapseComponentClassName","cx","styles","accordionItemExpandCollapse","_defineProperty","accordionItemExpandCollapseLast","length","createElement","accordion","ComponentVibeId","ACCORDION"],"mappings":"0YAOA,IAAMA,EAAe,mBA2BfC,IAAAA,EAAYC,GAChB,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAmB,IAAHF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAaX,IAAHU,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAe,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEb,EAAFa,GAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA0CC,EAAST,GAAaU,EAAAC,EAAAH,EAAA,GAAzDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCjB,EAAWqB,GAAQ,WAAA,OAAMC,EAAMC,SAASC,QAAQvB,KAAmB,CAACA,IAEpEwB,EAAkBC,GACtB,SAACC,GACC,OAAOR,EAAcS,SAASD,EAChC,GACA,CAACR,IAGGU,EAAeH,GACnB,SAACC,GACC,GAAIxB,EAAJ,CACE,IAAM2B,EAAgBC,EAAOZ,GAC7B,GAAIM,EAAgBE,GAAY,CAC9B,IAAMK,EAAQF,EAAiBG,QAAQN,GACnCK,GAAS,GACXF,EAAiBI,OAAOF,EAAO,EAElC,MACCF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAElB,MAEGL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAErB,GACD,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EACrBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACd,EACDqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EACpEF,CAAAA,EAAAA,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACD,GAAE,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GACnB,cAAAJ,EACF,YAAAqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +0,0 @@
-var e={accordion:"accordion_ba76e13a8e",accordionItemExpandCollapse:"accordionItemExpandCollapse_b6bc8bd145",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_85aefafda0"};!function(e){const o="s_id-e9215f4fd1c6_3_52_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_ba76e13a8e {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_ba76e13a8e .accordionItemExpandCollapse_b6bc8bd145 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_ba76e13a8e .accordionItemExpandCollapseLast_85aefafda0 {\n  border-bottom: none;\n}");export{e as default};
-//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as o,useRef as a,useCallback as i}from"react";import n from"../../../hooks/useMergeRef.js";import l from"../../ExpandCollapse/ExpandCollapse.js";var t=o((function(o,t){var c=o.children,r=void 0===c?null:c,s=o.title,d=void 0===s?"":s,m=o.className,p=void 0===m?"":m,C=o.iconSize,v=void 0===C?24:C,u=o.iconPosition,f=void 0===u?"right":u,N=o.id,h=o.open,k=o.onClick,x=o.onClickAccordionCallback,E=o.hideBorder,g=void 0!==E&&E,j=o.headerClassName,z=o.contentClassName,B=o.expandCollapseComponentClassName,O=o.captureOnClick,P=void 0===O||O,S=a(null),b=n(t,S),A=i((function(){x&&x(),k&&k()}),[x,k]);return e.createElement("div",{ref:b,className:p,id:N},e.createElement(l,{iconSize:v,iconPosition:f,id:"expand-collapse--".concat(N),onClick:A,open:h,title:d,hideBorder:g,componentClassName:B,headerClassName:j,contentClassName:z,captureOnClick:P},r))}));export{t as default};
-//# sourceMappingURL=AccordionItem.js.map

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { VibeComponentProps, ElementContent } from \"../../../types\";\nimport { ExpandCollapseIconPosition } from \"../../ExpandCollapse/ExpandCollapse.types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n  /**\n   * The header content displayed in the accordion item.\n   */\n  title?: ElementContent;\n  /**\n   * The content rendered inside the accordion item.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * The position of the expand/collapse icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\n  /**\n   * Callback fired upon item click.\n   */\n  onClick?: () => void;\n  /** @ignore */\n  open?: boolean;\n  /** @ignore */\n  onClickAccordionCallback?: () => void;\n  /**\n   * If true, the accordion item's border is hidden.\n   */\n  hideBorder?: boolean;\n  /**\n   * Class name applied to the accordion item's header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the accordion item's content.\n   */\n  contentClassName?: string;\n  /**\n   * Class name applied to the expand/collapse component.\n   */\n  expandCollapseComponentClassName?: string;\n  /**\n   * If true, the click event is handled during the capture phase.\n   */\n  captureOnClick?: boolean;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n  (\n    {\n      children = null,\n      title = \"\",\n      className = \"\",\n      iconSize = 24,\n      iconPosition = \"right\",\n      id,\n      open,\n      onClick,\n      onClickAccordionCallback,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      expandCollapseComponentClassName,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    // Change onClick param name to onClickCallback in 1.0.0\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const onClickCallback = useCallback(() => {\n      onClickAccordionCallback && onClickAccordionCallback();\n      onClick && onClick();\n    }, [onClickAccordionCallback, onClick]);\n\n    return (\n      <div ref={mergedRef} className={className} id={id}>\n        <ExpandCollapse\n          iconSize={iconSize}\n          iconPosition={iconPosition}\n          id={`expand-collapse--${id}`}\n          onClick={onClickCallback}\n          open={open}\n          title={title}\n          hideBorder={hideBorder}\n          componentClassName={expandCollapseComponentClassName}\n          headerClassName={headerClassName}\n          contentClassName={contentClassName}\n          captureOnClick={captureOnClick}\n        >\n          {children}\n        </ExpandCollapse>\n      </div>\n    );\n  }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"sKAqDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}

package/dist/src/components/AlertBanner/AlertBanner.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{getTestId as c}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./AlertBanner.module.scss.js";import u from"../Text/Text.js";import{AlertBannerContext as f}from"./AlertBannerContext.js";import v from"../../../icons/dist/react/CloseSmall.js";var B=p(o((function(o,i){var p=o.children,B=o.className,b=o.backgroundColor,j=void 0===b?"primary":b,y=o.onClose,A=void 0===y?l:y,C=o.ariaLabel,k=void 0===C?"":C,E=o.closeButtonAriaLabel,x=void 0===E?"Close":E,N=o.isCloseHidden,g=void 0!==N&&N,I=o.id,T=o["data-testid"],h=a((function(){return r(B,d.alertBanner,t(d,j))}),[B,j]),L="dark"===j,P="warning"===j,D=a((function(){return P?"fixedDark":L?"onInverted":"onPrimary"}),[L,P]),H=a((function(){return n.Children.toArray(p).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:L}))}))}),[p,L]);return n.createElement(u,{type:"text2",color:D,ref:i,className:h,role:"banner","aria-label":k||"banner",id:I,"data-testid":T||c(m.ALERT_BANNER,I)},n.createElement(f.Provider,{value:{textColor:D}},n.createElement("div",{className:r(d.content)},H.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(d.contentItem,e({},d.contentItemText,a))},a?n.createElement("div",{className:r(d.ellipsis)},t):t)})))),n.createElement("div",{className:r(d.closeButtonWrapper)},g?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:v,className:r(d.closeBtn),hideTooltip:!0,onClick:A,size:"small",kind:"tertiary",color:L?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:i});export{B as default};
-//# sourceMappingURL=AlertBanner.js.map