@vibe/core 3.27.1 → 3.28.0

package/dist/components/Accordion/Accordion/Accordion.d.ts

@@ -17,6 +17,14 @@ export interface AccordionProps extends VibeComponentProps {
      * Array of initial expanded indexes
      */
     defaultIndex?: Array<number>;
+    /**
+     * A class name to be added to the accordion container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion container.
+     */
+    id?: string;
 }
 declare const Accordion: VibeComponent<AccordionProps, unknown> & object;
 export default Accordion;

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { VibeComponentProps, ElementContent } from "../../../types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
-     * Header title
+     * Header title for the accordion item.
      */
     title?: ElementContent;
     /**
@@ -10,20 +10,45 @@ export interface AccordionItemProps extends VibeComponentProps {
      */
     children?: ElementContent;
     /**
-     * The expand icon font size
+     * The font size of the expand/collapse icon.
      */
     iconSize?: number | string;
     /**
-     * On click callback
+     * Custom callback triggered when the item is clicked.
      */
     onClick?: () => void;
+    /** @ignore */
     open?: boolean;
+    /** @ignore */
     onClickAccordionCallback?: () => void;
+    /**
+     * Determines whether the item's border is hidden.
+     */
     hideBorder?: boolean;
+    /**
+     * Custom class name to add to the header of the expandable
+     */
     headerClassName?: string;
+    /**
+     * Custom class name to add to the content of the expandable
+     */
     contentClassName?: string;
+    /**
+     * Custom class name to add to the ExpandCollapse component
+     */
     expandCollapseComponentClassName?: string;
+    /**
+     * If true, the click event is handled during the capture phase instead of bubbling.
+     */
     captureOnClick?: boolean;
+    /**
+     * A class name to be added to the accordion item container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion item container.
+     */
+    id?: string;
 }
 declare const AccordionItem: React.FC<AccordionItemProps>;
 export default AccordionItem;

package/dist/components/Label/Label.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { LabelColor as LabelColorEnum, LabelKind as LabelKindEnum } from "./LabelConstants";
+import { LabelKind as LabelKindEnum } from "./LabelConstants";
 import { LabelColor, LabelKind } from "./Label.types";
 import { VibeComponent, VibeComponentProps } from "../../types";
 import { LabelSizes } from "./Label.types";
@@ -17,13 +17,148 @@ export interface LabelProps extends VibeComponentProps {
     size?: LabelSizes;
 }
 declare const _default: ((VibeComponent<LabelProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>) | (React.FC<LabelProps & React.RefAttributes<HTMLElement>> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>)) & {
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 };
 export default _default;

package/dist/components/Label/Label.types.d.ts

@@ -1,3 +1,5 @@
+import { contentColors } from "../../utils/colors-vars-map";
 export type LabelSizes = "small" | "medium";
 export type LabelKind = "fill" | "line";
-export type LabelColor = "primary" | "dark" | "negative" | "positive";
+export type ContentColor = (typeof contentColors)[number];
+export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;

package/dist/components/Label/LabelConstants.d.ts

@@ -1,5 +1,6 @@
 import { TextType } from "../Text/Text.types";
 import { LabelSizes } from "./Label.types";
+import { ContentColorByName } from "../../utils/colors-vars-map";
 /**
  * @deprecated
  */
@@ -16,4 +17,50 @@ export declare enum LabelColor {
     NEGATIVE = "negative",
     POSITIVE = "positive"
 }
+export declare const LabelAllowedColor: {
+    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;
+    PRIMARY: LabelColor.PRIMARY;
+    DARK: LabelColor.DARK;
+    NEGATIVE: LabelColor.NEGATIVE;
+    POSITIVE: LabelColor.POSITIVE;
+};
 export declare const mapSizesToTextSize: Record<LabelSizes, TextType>;

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

@@ -17,6 +17,14 @@ export interface AccordionProps extends VibeComponentProps {
      * Array of initial expanded indexes
      */
     defaultIndex?: Array<number>;
+    /**
+     * A class name to be added to the accordion container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion container.
+     */
+    id?: string;
 }
 declare const Accordion: VibeComponent<AccordionProps, unknown> & object;
 export default Accordion;

package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { VibeComponentProps, ElementContent } from "../../../types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
-     * Header title
+     * Header title for the accordion item.
      */
     title?: ElementContent;
     /**
@@ -10,20 +10,45 @@ export interface AccordionItemProps extends VibeComponentProps {
      */
     children?: ElementContent;
     /**
-     * The expand icon font size
+     * The font size of the expand/collapse icon.
      */
     iconSize?: number | string;
     /**
-     * On click callback
+     * Custom callback triggered when the item is clicked.
      */
     onClick?: () => void;
+    /** @ignore */
     open?: boolean;
+    /** @ignore */
     onClickAccordionCallback?: () => void;
+    /**
+     * Determines whether the item's border is hidden.
+     */
     hideBorder?: boolean;
+    /**
+     * Custom class name to add to the header of the expandable
+     */
     headerClassName?: string;
+    /**
+     * Custom class name to add to the content of the expandable
+     */
     contentClassName?: string;
+    /**
+     * Custom class name to add to the ExpandCollapse component
+     */
     expandCollapseComponentClassName?: string;
+    /**
+     * If true, the click event is handled during the capture phase instead of bubbling.
+     */
     captureOnClick?: boolean;
+    /**
+     * A class name to be added to the accordion item container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion item container.
+     */
+    id?: string;
 }
 declare const AccordionItem: React.FC<AccordionItemProps>;
 export default AccordionItem;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { LabelColor as LabelColorEnum, LabelKind as LabelKindEnum } from "./LabelConstants";
+import { LabelKind as LabelKindEnum } from "./LabelConstants";
 import { LabelColor, LabelKind } from "./Label.types";
 import { VibeComponent, VibeComponentProps } from "../../types";
 import { LabelSizes } from "./Label.types";
@@ -17,13 +17,148 @@ export interface LabelProps extends VibeComponentProps {
     size?: LabelSizes;
 }
 declare const _default: ((VibeComponent<LabelProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>) | (React.FC<LabelProps & React.RefAttributes<HTMLElement>> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>)) & {
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 };
 export default _default;

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

@@ -1,3 +1,5 @@
+import { contentColors } from "../../utils/colors-vars-map";
 export type LabelSizes = "small" | "medium";
 export type LabelKind = "fill" | "line";
-export type LabelColor = "primary" | "dark" | "negative" | "positive";
+export type ContentColor = (typeof contentColors)[number];
+export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;

package/dist/mocked_classnames/components/Label/LabelConstants.d.ts

@@ -1,5 +1,6 @@
 import { TextType } from "../Text/Text.types";
 import { LabelSizes } from "./Label.types";
+import { ContentColorByName } from "../../utils/colors-vars-map";
 /**
  * @deprecated
  */
@@ -16,4 +17,50 @@ export declare enum LabelColor {
     NEGATIVE = "negative",
     POSITIVE = "positive"
 }
+export declare const LabelAllowedColor: {
+    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;
+    PRIMARY: LabelColor.PRIMARY;
+    DARK: LabelColor.DARK;
+    NEGATIVE: LabelColor.NEGATIVE;
+    POSITIVE: LabelColor.POSITIVE;
+};
 export declare const mapSizesToTextSize: Record<LabelSizes, TextType>;

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

@@ -1 +1 @@
-{"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 { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./Accordion.module.scss\";\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   * List of AccordionItems\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * is allowed multiple opened accordion items\n   */\n  allowMultiple?: boolean;\n  /**\n   * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc.)\n   */\n  \"data-testid\"?: string;\n  /**\n   * Array of initial expanded indexes\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion: VibeComponent<AccordionProps, unknown> & object = 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\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 ref={mergedRef} className={cx(styles.accordion, className)} data-testid={dataTestId} id={id}>\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"],"mappings":"4UAMA,IAAMA,EAAe,mBA+BfC,IAAAA,EAA6DC,GACjE,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,IAlFeK,EAAeO,EAAuBC,EAkF/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GAnFSZ,EAmFeL,EAnFuBa,EAmFG9B,GAnF1B6B,EAmFWE,GAlFrC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IA6E1B,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,CAAK1D,IAAKe,EAAWJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GAAyB,cAAAJ,EAAYK,GAAIA,GAC3FV,GAAYoC,EAGnB"}
+{"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 { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./Accordion.module.scss\";\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   * List of AccordionItems\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * is allowed multiple opened accordion items\n   */\n  allowMultiple?: boolean;\n  /**\n   * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc.)\n   */\n  \"data-testid\"?: string;\n  /**\n   * Array of initial expanded indexes\n   */\n  defaultIndex?: Array<number>;\n  /**\n   * A class name to be added to the accordion container\n   */\n  className?: string;\n  /**\n   * An id to be added the accordion container.\n   */\n  id?: string;\n}\n\nconst Accordion: VibeComponent<AccordionProps, unknown> & object = 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\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 ref={mergedRef} className={cx(styles.accordion, className)} data-testid={dataTestId} id={id}>\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"],"mappings":"4UAMA,IAAMA,EAAe,mBAuCfC,IAAAA,EAA6DC,GACjE,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,IA1FeK,EAAeO,EAAuBC,EA0F/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA3FSZ,EA2FeL,EA3FuBa,EA2FG9B,GA3F1B6B,EA2FWE,GA1FrC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAqF1B,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,CAAK1D,IAAKe,EAAWJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GAAyB,cAAAJ,EAAYK,GAAIA,GAC3FV,GAAYoC,EAGnB"}