@vibe/core 3.18.0-alpha-a3fe2.0 → 3.19.0

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

@@ -1,2 +1,2 @@
 export type AvatarType = "img" | "icon" | "text";
-export type AvatarSize = "small" | "medium" | "large";
+export type AvatarSize = "xs" | "small" | "medium" | "large";

package/dist/components/Avatar/AvatarConstants.d.ts

@@ -10,6 +10,7 @@ export declare enum AvatarType {
  * @deprecated
  */
 export declare enum AvatarSize {
+    XS = "xs",
     SMALL = "small",
     MEDIUM = "medium",
     LARGE = "large"

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

@@ -1,3 +1,3 @@
 export type CounterType = "fill" | "line";
 export type CounterColor = "primary" | "dark" | "negative" | "light";
-export type CounterSize = "small" | "large";
+export type CounterSize = "xs" | "small" | "large";

package/dist/components/Counter/CounterConstants.d.ts

@@ -18,6 +18,7 @@ export declare enum CounterColor {
  * @deprecated
  */
 export declare enum CounterSize {
+    XS = "xs",
     SMALL = "small",
     LARGE = "large"
 }

package/dist/components/Dialog/modifiers/observeContentResizeModifier.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from "react-popper";
+export declare const createObserveContentResizeModifier: (isEnabled?: boolean) => Modifier<"observeContentResize">;

package/dist/components/Menu/MenuItem/MenuItem.d.ts

@@ -49,6 +49,12 @@ export interface MenuItemProps extends VibeComponentProps {
     splitMenuItem?: boolean;
     "aria-label"?: AriaAttributes["aria-label"];
     submenuPosition?: SubmenuPosition;
+    /**
+     * When set to `true`, submenu's content and size changes would automatically trigger repositioning.
+     *
+     * This is useful for when submenu's content may grow or shrink without a re-render being triggered.
+     */
+    autoAdjustOnSubMenuContentResize?: boolean;
 }
 export interface MenuItemTitleComponentProps extends Omit<MenuItemProps, "title"> {
     title: ReactElement;

package/dist/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { MenuItemSubMenuProps } from "./MenuItemSubMenu.types";
-declare const MenuItemSubMenu: ({ anchorRef, open, autoFocusOnMount, onClose, children, submenuPosition }: MenuItemSubMenuProps) => React.JSX.Element;
+declare const MenuItemSubMenu: ({ anchorRef, open, autoFocusOnMount, onClose, children, submenuPosition, autoAdjustOnSubMenuContentResize }: MenuItemSubMenuProps) => React.JSX.Element;
 export default MenuItemSubMenu;

package/dist/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.types.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { CloseMenuOption, MenuChild } from "../../../Menu/MenuConstants";
 import { SubmenuPosition } from "../../MenuItem.types";
-export interface MenuItemSubMenuProps {
+import { MenuItemProps } from "../../MenuItem";
+export interface MenuItemSubMenuProps extends Pick<MenuItemProps, "autoAdjustOnSubMenuContentResize"> {
     /**
      * Reference to the anchor element that the submenu is related to. This is used to position the submenu correctly relative to the parent menu item.
      */

package/dist/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.types.d.ts

@@ -19,5 +19,9 @@ export interface SimpleMenuItemSubMenuIconProps {
      * Label for the submenu icon, used for accessibility.
      */
     label?: string;
+    /**
+     * Whether the split submenu icon is disabled.
+     */
+    disabled?: boolean;
 }
 export type MenuItemSubMenuIconProps = SimpleMenuItemSubMenuIconProps | SplitMenuItemSubMenuIconProps;

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

@@ -29,30 +29,6 @@ export interface ModalProps extends VibeComponentProps {
      * Callback fired when the modal should close.
      */
     onClose?: (event: ModalCloseEvent) => void;
-    /**
-     * This is intended for advanced use-cases.
-     * It allows you to control the default focus behavior when the modal mounts.
-     * Make sure to use this prop only when you understand the implications.
-     *
-     * Determines if focus should automatically move to the first focusable element when the component mounts.
-     * When set to `false` - disables the automatic focus behavior.
-     * - Notice this might break keyboard and general accessibility and should be used with caution.
-     */
-    autoFocus?: boolean;
-    /**
-     * This is intended for advanced use-cases.
-     * It allows you to control the focus behavior when moving between elements within the modal.
-     * Make sure to use this prop only when you understand the implications.
-     *
-     * Called whenever focus is about to move to a new element within the modal.
-     * Return:
-     * - `true` to allow normal flow focus.
-     * - `false` to block it (let the browser decide, usually moves to body).
-     *   - Notice this might break keyboard accessibility and should be used with caution.
-     * - An HTMLElement to redirect focus to instead of normal flow.
-     * - Any other value (e.g., null, undefined) would act as `false`.
-     */
-    onFocusAttempt?: (nextFocusedElement?: HTMLElement) => boolean | HTMLElement;
     /**
      * Additional action to render in the header area.
      */

package/dist/components/Modal/context/ModalContext.types.d.ts

@@ -14,10 +14,6 @@ export type ModalProviderValue = {
      * Callback to set the description element ID for accessibility.
      */
     setDescriptionId: (id: string) => void;
-    /**
-     * Passed from the Modal component, `true` by default, `false` if set by user.
-     */
-    autoFocus?: boolean;
 };
 export interface ModalProviderProps {
     /**

package/dist/components/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactElement } from "react";
 import { IconType } from "../Icon";
 import { SliderColor as SliderColorEnum } from "./SliderConstants";
-import { SliderColor, SliderSize } from "./Slider.types";
+import { SliderColor, SliderLabelColor, SliderLabelPosition, SliderSize } from "./Slider.types";
 export type SliderProps = {
     /**
      * Define a string that labels the current element (Slider)
@@ -65,6 +65,14 @@ export type SliderProps = {
      * Always show `value` instead of Tooltip
      */
     showValue?: boolean;
+    /**
+     * Position of the `value` when `showValue` is true
+     */
+    valueLabelPosition?: SliderLabelPosition;
+    /**
+     * Color of the `value` when `showValue` is true
+     */
+    valueLabelColor?: SliderLabelColor;
     /**
      * Size small/medium/large of the component (Slider)
      */

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

@@ -1,4 +1,8 @@
 import { BASE_SIZES } from "../../constants";
+import { DialogPosition } from "../Dialog";
+import { TypographyColor } from "../Typography";
 export type SliderColor = "primary" | "negative" | "positive";
+export type SliderLabelColor = Extract<TypographyColor, "primary" | "secondary">;
+export type SliderLabelPosition = Extract<DialogPosition, "top" | "bottom">;
 export type SliderSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES];
 export type InfixKind = "prefix" | "postfix";

package/dist/components/Slider/SliderConstants.d.ts

@@ -1,6 +1,6 @@
 import { IconType } from "../Icon";
 import { ReactElement } from "react";
-import { SliderSize, SliderColor as SliderColorType } from "./Slider.types";
+import { SliderSize, SliderColor as SliderColorType, SliderLabelPosition, SliderLabelColor } from "./Slider.types";
 export declare const BEM_PREFIX = "monday";
 export declare const COMPONENT_ID = "slider";
 export declare const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;
@@ -39,6 +39,8 @@ export type SliderContextUI = {
     size: SliderSize;
     shapeTestId: (subElement: string) => string;
     showValue: boolean;
+    valueLabelPosition: SliderLabelPosition;
+    valueLabelColor: SliderLabelColor;
 };
 export type SliderContextActions = {
     setActive: (value: number) => void;

package/dist/components/Slider/SliderContext.d.ts

@@ -31,7 +31,7 @@ export interface SliderProviderProps extends SliderProps {
         selectionIndicatorWidth?: string;
     };
 }
-export declare function SliderProvider({ children, ariaLabel, ariaLabelledby, color, "data-testid": dataTestId, defaultValue, disabled, max, min, onChange, ranged, showValue, size, step, value, valueFormatter, valueText, infixOptions }: SliderProviderProps): React.JSX.Element;
+export declare function SliderProvider({ children, ariaLabel, ariaLabelledby, color, "data-testid": dataTestId, defaultValue, disabled, max, min, onChange, ranged, showValue, valueLabelPosition, valueLabelColor, size, step, value, valueFormatter, valueText, infixOptions }: SliderProviderProps): React.JSX.Element;
 export declare function useSliderUi(): SliderContextUI;
 export declare function useSliderInfix(): SliderContextInfix;
 export declare function useSliderSelection(): SliderContextSelection;

package/dist/hooks/usePopover.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { Placement } from "./popoverConstants";
-export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement }: {
+export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement, observeContentResize }: {
     isOpen?: boolean;
     placement?: Placement;
+    observeContentResize?: boolean;
 }): {
     styles: {
         [key: string]: import("react").CSSProperties;

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

@@ -1,2 +1,2 @@
 export type AvatarType = "img" | "icon" | "text";
-export type AvatarSize = "small" | "medium" | "large";
+export type AvatarSize = "xs" | "small" | "medium" | "large";

package/dist/mocked_classnames/components/Avatar/AvatarConstants.d.ts

@@ -10,6 +10,7 @@ export declare enum AvatarType {
  * @deprecated
  */
 export declare enum AvatarSize {
+    XS = "xs",
     SMALL = "small",
     MEDIUM = "medium",
     LARGE = "large"

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

@@ -1,3 +1,3 @@
 export type CounterType = "fill" | "line";
 export type CounterColor = "primary" | "dark" | "negative" | "light";
-export type CounterSize = "small" | "large";
+export type CounterSize = "xs" | "small" | "large";

package/dist/mocked_classnames/components/Counter/CounterConstants.d.ts

@@ -18,6 +18,7 @@ export declare enum CounterColor {
  * @deprecated
  */
 export declare enum CounterSize {
+    XS = "xs",
     SMALL = "small",
     LARGE = "large"
 }

package/dist/mocked_classnames/components/Dialog/modifiers/observeContentResizeModifier.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from "react-popper";
+export declare const createObserveContentResizeModifier: (isEnabled?: boolean) => Modifier<"observeContentResize">;

package/dist/mocked_classnames/components/Menu/MenuItem/MenuItem.d.ts

@@ -49,6 +49,12 @@ export interface MenuItemProps extends VibeComponentProps {
     splitMenuItem?: boolean;
     "aria-label"?: AriaAttributes["aria-label"];
     submenuPosition?: SubmenuPosition;
+    /**
+     * When set to `true`, submenu's content and size changes would automatically trigger repositioning.
+     *
+     * This is useful for when submenu's content may grow or shrink without a re-render being triggered.
+     */
+    autoAdjustOnSubMenuContentResize?: boolean;
 }
 export interface MenuItemTitleComponentProps extends Omit<MenuItemProps, "title"> {
     title: ReactElement;

package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { MenuItemSubMenuProps } from "./MenuItemSubMenu.types";
-declare const MenuItemSubMenu: ({ anchorRef, open, autoFocusOnMount, onClose, children, submenuPosition }: MenuItemSubMenuProps) => React.JSX.Element;
+declare const MenuItemSubMenu: ({ anchorRef, open, autoFocusOnMount, onClose, children, submenuPosition, autoAdjustOnSubMenuContentResize }: MenuItemSubMenuProps) => React.JSX.Element;
 export default MenuItemSubMenu;

package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.types.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { CloseMenuOption, MenuChild } from "../../../Menu/MenuConstants";
 import { SubmenuPosition } from "../../MenuItem.types";
-export interface MenuItemSubMenuProps {
+import { MenuItemProps } from "../../MenuItem";
+export interface MenuItemSubMenuProps extends Pick<MenuItemProps, "autoAdjustOnSubMenuContentResize"> {
     /**
      * Reference to the anchor element that the submenu is related to. This is used to position the submenu correctly relative to the parent menu item.
      */

package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.types.d.ts

@@ -19,5 +19,9 @@ export interface SimpleMenuItemSubMenuIconProps {
      * Label for the submenu icon, used for accessibility.
      */
     label?: string;
+    /**
+     * Whether the split submenu icon is disabled.
+     */
+    disabled?: boolean;
 }
 export type MenuItemSubMenuIconProps = SimpleMenuItemSubMenuIconProps | SplitMenuItemSubMenuIconProps;

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

@@ -29,30 +29,6 @@ export interface ModalProps extends VibeComponentProps {
      * Callback fired when the modal should close.
      */
     onClose?: (event: ModalCloseEvent) => void;
-    /**
-     * This is intended for advanced use-cases.
-     * It allows you to control the default focus behavior when the modal mounts.
-     * Make sure to use this prop only when you understand the implications.
-     *
-     * Determines if focus should automatically move to the first focusable element when the component mounts.
-     * When set to `false` - disables the automatic focus behavior.
-     * - Notice this might break keyboard and general accessibility and should be used with caution.
-     */
-    autoFocus?: boolean;
-    /**
-     * This is intended for advanced use-cases.
-     * It allows you to control the focus behavior when moving between elements within the modal.
-     * Make sure to use this prop only when you understand the implications.
-     *
-     * Called whenever focus is about to move to a new element within the modal.
-     * Return:
-     * - `true` to allow normal flow focus.
-     * - `false` to block it (let the browser decide, usually moves to body).
-     *   - Notice this might break keyboard accessibility and should be used with caution.
-     * - An HTMLElement to redirect focus to instead of normal flow.
-     * - Any other value (e.g., null, undefined) would act as `false`.
-     */
-    onFocusAttempt?: (nextFocusedElement?: HTMLElement) => boolean | HTMLElement;
     /**
      * Additional action to render in the header area.
      */

package/dist/mocked_classnames/components/Modal/context/ModalContext.types.d.ts

@@ -14,10 +14,6 @@ export type ModalProviderValue = {
      * Callback to set the description element ID for accessibility.
      */
     setDescriptionId: (id: string) => void;
-    /**
-     * Passed from the Modal component, `true` by default, `false` if set by user.
-     */
-    autoFocus?: boolean;
 };
 export interface ModalProviderProps {
     /**

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

@@ -1,7 +1,7 @@
 import React, { ReactElement } from "react";
 import { IconType } from "../Icon";
 import { SliderColor as SliderColorEnum } from "./SliderConstants";
-import { SliderColor, SliderSize } from "./Slider.types";
+import { SliderColor, SliderLabelColor, SliderLabelPosition, SliderSize } from "./Slider.types";
 export type SliderProps = {
     /**
      * Define a string that labels the current element (Slider)
@@ -65,6 +65,14 @@ export type SliderProps = {
      * Always show `value` instead of Tooltip
      */
     showValue?: boolean;
+    /**
+     * Position of the `value` when `showValue` is true
+     */
+    valueLabelPosition?: SliderLabelPosition;
+    /**
+     * Color of the `value` when `showValue` is true
+     */
+    valueLabelColor?: SliderLabelColor;
     /**
      * Size small/medium/large of the component (Slider)
      */

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

@@ -1,4 +1,8 @@
 import { BASE_SIZES } from "../../constants";
+import { DialogPosition } from "../Dialog";
+import { TypographyColor } from "../Typography";
 export type SliderColor = "primary" | "negative" | "positive";
+export type SliderLabelColor = Extract<TypographyColor, "primary" | "secondary">;
+export type SliderLabelPosition = Extract<DialogPosition, "top" | "bottom">;
 export type SliderSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES];
 export type InfixKind = "prefix" | "postfix";

package/dist/mocked_classnames/components/Slider/SliderConstants.d.ts

@@ -1,6 +1,6 @@
 import { IconType } from "../Icon";
 import { ReactElement } from "react";
-import { SliderSize, SliderColor as SliderColorType } from "./Slider.types";
+import { SliderSize, SliderColor as SliderColorType, SliderLabelPosition, SliderLabelColor } from "./Slider.types";
 export declare const BEM_PREFIX = "monday";
 export declare const COMPONENT_ID = "slider";
 export declare const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;
@@ -39,6 +39,8 @@ export type SliderContextUI = {
     size: SliderSize;
     shapeTestId: (subElement: string) => string;
     showValue: boolean;
+    valueLabelPosition: SliderLabelPosition;
+    valueLabelColor: SliderLabelColor;
 };
 export type SliderContextActions = {
     setActive: (value: number) => void;

package/dist/mocked_classnames/components/Slider/SliderContext.d.ts

@@ -31,7 +31,7 @@ export interface SliderProviderProps extends SliderProps {
         selectionIndicatorWidth?: string;
     };
 }
-export declare function SliderProvider({ children, ariaLabel, ariaLabelledby, color, "data-testid": dataTestId, defaultValue, disabled, max, min, onChange, ranged, showValue, size, step, value, valueFormatter, valueText, infixOptions }: SliderProviderProps): React.JSX.Element;
+export declare function SliderProvider({ children, ariaLabel, ariaLabelledby, color, "data-testid": dataTestId, defaultValue, disabled, max, min, onChange, ranged, showValue, valueLabelPosition, valueLabelColor, size, step, value, valueFormatter, valueText, infixOptions }: SliderProviderProps): React.JSX.Element;
 export declare function useSliderUi(): SliderContextUI;
 export declare function useSliderInfix(): SliderContextInfix;
 export declare function useSliderSelection(): SliderContextSelection;

package/dist/mocked_classnames/hooks/usePopover.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { Placement } from "./popoverConstants";
-export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement }: {
+export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement, observeContentResize }: {
     isOpen?: boolean;
     placement?: Placement;
+    observeContentResize?: boolean;
 }): {
     styles: {
         [key: string]: import("react").CSSProperties;

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

@@ -1,2 +1,2 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_17_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\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 .accordionItemExpandCollapse {\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 .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_18_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\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 .accordionItemExpandCollapse {\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 .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-2b16d36a7fd0_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-2b16d36a7fd0_3_18_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_18_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_18_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_18_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox",entryAnimation:"entryAnimation",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const t="s_id-7d53612c3785_3_17_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes entryAnimation {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox.entryAnimation {\n  animation: entryAnimation 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox",entryAnimation:"entryAnimation",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const t="s_id-7d53612c3785_3_18_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes entryAnimation {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox.entryAnimation {\n  animation: entryAnimation 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_17_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_18_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js

@@ -1,2 +1,2 @@
-var n={avatar:"avatar",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-929eed46119e_3_17_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
+var n={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-dccf983c2f60_3_18_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.xs {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){const d="s_id-86fd2091f40c_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_3_18_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall,\n.badgeXs {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarConstants.js

@@ -1,2 +1,2 @@
-var i,n;!function(i){i.IMG="img",i.ICON="icon",i.TEXT="text"}(i||(i={})),function(i){i.SMALL="small",i.MEDIUM="medium",i.LARGE="large"}(n||(n={}));export{n as AvatarSize,i as AvatarType};
+var i,n;!function(i){i.IMG="img",i.ICON="icon",i.TEXT="text"}(i||(i={})),function(i){i.XS="xs",i.SMALL="small",i.MEDIUM="medium",i.LARGE="large"}(n||(n={}));export{n as AvatarSize,i as AvatarType};
 //# sourceMappingURL=AvatarConstants.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarConstants.js","sources":["../../../../../src/components/Avatar/AvatarConstants.tsx"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum AvatarType {\n  IMG = \"img\",\n  ICON = \"icon\",\n  TEXT = \"text\"\n}\n\n/**\n * @deprecated\n */\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n"],"names":["AvatarType","AvatarSize"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
+{"version":3,"file":"AvatarConstants.js","sources":["../../../../../src/components/Avatar/AvatarConstants.tsx"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum AvatarType {\n  IMG = \"img\",\n  ICON = \"icon\",\n  TEXT = \"text\"\n}\n\n/**\n * @deprecated\n */\nexport enum AvatarSize {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n"],"names":["AvatarType","AvatarSize"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-dcc3109ac00f_3_17_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_3_18_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_17_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_18_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,C=void 0===f?[]:f,b=v.counterTooltipCustomProps,I=v.counterTooltipIsVirtualizedList,j=void 0!==I&&I,x=v.size,M=void 0===x?"medium":x,P=v.type,g=v.counterAriaLabel,E=v.disabled,A=v.counterProps||{},L=A.color,z=void 0===L?"light":L,N=A.count,T=void 0===N?C.length:N,h=A.prefix,y=void 0===h?"+":h,G=A.maxDigits,k=void 0===G?3:G,B=A.ariaLabelItemsName,D=void 0===B?"items":B,H=A.noAnimation,O=A.dialogContainerSelector,R=m(p,null==M?void 0:""+M),S=p[z],V=t(null),_=t(null),U=t(null),q=r((function(){return o.createElement(i,{color:z,count:T,prefix:y,maxDigits:k,ariaLabel:g||"Tab for more ".concat(D),noAnimation:H,counterClassName:n(e({},p.disabled,E))})}),[g,D,z,k,y,T,E,H]);return C.length||T?E?o.createElement("div",{ref:U,className:n(p.counterContainer,p.disabled,R,S)},q()):C.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:q,zIndex:1,className:n(p.counterContainer,R,S),ariaLabel:g||"".concat(T," additional ").concat(D),dialogContainerSelector:O},o.createElement(l,{id:"menu",size:l.sizes.MEDIUM,className:p.menu,focusItemIndexOnMount:0},C.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.ariaLabel),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,ariaLabel:"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:V,focusNextPlaceholderRef:_,counterContainerRef:U,avatars:C,counterTooltipCustomProps:b,counterTooltipIsVirtualizedList:j,type:P},o.createElement("div",{tabIndex:-1,ref:V}),o.createElement("div",{tabIndex:0,className:n(p.counterContainer,R,S),ref:U},q(),o.createElement("div",{tabIndex:-1,ref:_}))):null};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,C=void 0===f?[]:f,b=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,M=void 0===j?"medium":j,P=v.type,g=v.counterAriaLabel,E=v.disabled,A=v.counterProps||{},z=A.color,L=void 0===z?"light":z,N=A.count,T=void 0===N?C.length:N,h=A.prefix,y=void 0===h?"+":h,G=A.maxDigits,k=void 0===G?3:G,B=A.ariaLabelItemsName,D=void 0===B?"items":B,H=A.noAnimation,O=A.dialogContainerSelector,R=m(p,null==M?void 0:""+M),S=p[L],V=t(null),_=t(null),U=t(null),q=r((function(){return o.createElement(i,{color:L,count:T,prefix:y,maxDigits:k,ariaLabel:g||"Tab for more ".concat(D),noAnimation:H,counterClassName:n(e({},p.disabled,E)),size:"xs"===M?"xs":void 0})}),[g,D,L,k,y,T,E,H]);return C.length||T?E?o.createElement("div",{ref:U,className:n(p.counterContainer,p.disabled,R,S)},q()):C.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:q,zIndex:1,className:n(p.counterContainer,R,S),ariaLabel:g||"".concat(T," additional ").concat(D),dialogContainerSelector:O},o.createElement(l,{id:"menu",size:l.sizes.MEDIUM,className:p.menu,focusItemIndexOnMount:0},C.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.ariaLabel),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,ariaLabel:"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:V,focusNextPlaceholderRef:_,counterContainerRef:U,avatars:C,counterTooltipCustomProps:b,counterTooltipIsVirtualizedList:I,type:P},o.createElement("div",{tabIndex:-1,ref:V}),o.createElement("div",{tabIndex:0,className:n(p.counterContainer,R,S),ref:U},q(),o.createElement("div",{tabIndex:-1,ref:_}))):null};export{v as default};
 //# sourceMappingURL=AvatarGroupCounter.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * Array of Avatar elements\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * AvatarGroupCounterVisualProps: props for counter\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  counterTooltipIsVirtualizedList?: boolean;\n  size?: AvatarSize;\n  type?: AvatarType;\n  counterAriaLabel?: string;\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={0}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","tabIndex","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}
+{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * Array of Avatar elements\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * AvatarGroupCounterVisualProps: props for counter\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  counterTooltipIsVirtualizedList?: boolean;\n  size?: AvatarSize;\n  type?: AvatarType;\n  counterAriaLabel?: string;\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={0}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","tabIndex","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}