@vibe/core 3.86.0 → 4.0.0-alpha.0

package/dist/mocked_classnames/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.d.ts

@@ -1,44 +0,0 @@
-import { type MutableRefObject } from "react";
-import type React from "react";
-import { type UseKeyEventArgs } from "../useKeyEvent";
-export declare function useSupportArrowsKeyboardNavigation({ itemsCount, focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex, isHorizontalList, isItemSelectable, listenerOptions, triggeredByKeyboard }: {
-    itemsCount: number;
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    visualFocusItemIndex: number;
-    setVisualFocusItemIndex: (index: number) => void;
-    isHorizontalList: boolean;
-    isItemSelectable: (index: number) => boolean;
-    triggeredByKeyboard: MutableRefObject<boolean>;
-    listenerOptions: Omit<UseKeyEventArgs, "keys" | "callback">;
-}): void;
-export declare function useSupportPressItemKeyboardNavigation({ visualFocusItemIndex, focusedElementRef, itemsCount, setVisualFocusItemIndex, onItemClick, isItemSelectable, listenerOptions, isIgnoreSpaceAsItemSelection }: {
-    visualFocusItemIndex: number;
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    itemsCount: number;
-    setVisualFocusItemIndex: (index: number) => void;
-    onItemClick: (event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
-    isItemSelectable: (index: number) => boolean;
-    listenerOptions: Omit<UseKeyEventArgs, "keys" | "callback">;
-    isIgnoreSpaceAsItemSelection: boolean;
-}): void;
-export declare function useCleanVisualFocusOnBlur({ focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex }: {
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    visualFocusItemIndex: number;
-    setVisualFocusItemIndex: (index: number) => void;
-}): void;
-export declare function useSetDefaultItemOnFocusEvent({ focusedElementRef, isItemSelectable, visualFocusItemIndex, setVisualFocusItemIndex, itemsCount, defaultVisualFocusItemIndex }: {
-    focusedElementRef: MutableRefObject<HTMLElement>;
-    isItemSelectable: (index: number) => boolean;
-    visualFocusItemIndex: number;
-    setVisualFocusItemIndex: (index: number) => void;
-    itemsCount: number;
-    defaultVisualFocusItemIndex: number;
-}): {
-    triggeredByKeyboard: MutableRefObject<boolean>;
-};
-export declare function useKeepFocusOnItemWhenListChanged({ visualFocusItemIndex, itemsIds, isItemSelectable, setVisualFocusItemIndex }: {
-    visualFocusItemIndex: number;
-    itemsIds: string[];
-    isItemSelectable: (index: number) => boolean;
-    setVisualFocusItemIndex: (index: number) => void;
-}): void;

package/dist/mocked_classnames/hooks/useAfterFirstRender/index.d.ts

@@ -1,2 +0,0 @@
-import { type RefObject } from "react";
-export default function useAfterFirstRender(): RefObject<boolean>;

package/dist/mocked_classnames/hooks/useDebounceEvent/index.d.ts

@@ -1,18 +0,0 @@
-import { type ChangeEvent, type Dispatch, type SetStateAction } from "react";
-export type UseDebounceResult = {
-    inputValue: string;
-    onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;
-    clearValue: () => void;
-    updateValue: Dispatch<SetStateAction<string>>;
-};
-export default function useDebounceEvent({ delay, onChange, initialStateValue, trim }: {
-    onChange: (value: string) => void;
-    initialStateValue?: string;
-    delay?: number;
-    trim?: boolean;
-}): {
-    inputValue: string;
-    onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;
-    clearValue: () => void;
-    updateValue: Dispatch<SetStateAction<string>>;
-};

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

@@ -1,9 +0,0 @@
-import { type ReactNode, type RefObject } from "react";
-declare function useElementsOverflowingIndex({ ref, children, paddingSize, resizeDebounceTime, ignoreLast }: {
-    ref: RefObject<HTMLElement>;
-    children: ReactNode;
-    paddingSize: number;
-    resizeDebounceTime: number;
-    ignoreLast: boolean;
-}): number;
-export default useElementsOverflowingIndex;

package/dist/mocked_classnames/hooks/useEventListener/index.d.ts

@@ -1,8 +0,0 @@
-import { type RefObject } from "react";
-import { type GenericEventCallback } from "../../types/events";
-export default function useEventListener({ eventName, callback, ref, capture }: {
-    eventName: keyof HTMLElementEventMap | string;
-    callback: GenericEventCallback;
-    ref: RefObject<HTMLElement | Document>;
-    capture?: boolean;
-}): void;

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

@@ -1,14 +0,0 @@
-import { type FocusEvent } from "react";
-type Result = {
-    focusWithinProps?: {
-        onFocus?: (e: FocusEvent) => void;
-        onBlur?: (e: FocusEvent) => void;
-    };
-};
-export declare function useFocusWithin({ onFocusWithin, onFocusWithinChange, isDisabled, onBlurWithin }: {
-    onFocusWithin?: (event: FocusEvent) => void;
-    onBlurWithin?: (event: FocusEvent) => void;
-    onFocusWithinChange?: (isWithinChange: boolean) => void;
-    isDisabled?: boolean;
-}): Result;
-export {};

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

@@ -1,28 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type KeyboardEventCallback } from "../types/events";
-export declare enum NavDirections {
-    UP = "up",
-    DOWN = "down",
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare const ARROW_DOWN_KEYS: string[];
-export declare const ARROW_UP_KEYS: string[];
-export declare const ARROW_RIGHT_KEYS: string[];
-export declare const ARROW_LEFT_KEYS: string[];
-export declare const SELECTION_KEYS: string[];
-export declare const ENTER_KEYS: string[];
-export declare const ESCAPE_KEYS: string[];
-export declare const END_KEYS: string[];
-export declare const HOME_KEYS: string[];
-export default function useFullKeyboardListeners({ ref, // the reference for the component that listens to keyboard
-onSelectionKey, onArrowNavigation, onEscape, onHome, onEnd, useDocumentEventListeners, focusOnMount }: {
-    ref: MutableRefObject<HTMLElement>;
-    onSelectionKey: KeyboardEventCallback;
-    onArrowNavigation: (type: NavDirections) => void;
-    onEscape: KeyboardEventCallback;
-    onHome?: KeyboardEventCallback;
-    onEnd?: KeyboardEventCallback;
-    useDocumentEventListeners?: boolean;
-    focusOnMount: boolean;
-}): void;

package/dist/mocked_classnames/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.d.ts

@@ -1,20 +0,0 @@
-import { NavDirections } from "../useFullKeyboardListeners";
-export declare function getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount }: {
-    direction: NavDirections;
-    numberOfItemsInLine: number;
-    itemsCount: number;
-}): number;
-export declare function calcActiveIndexAfterArrowNavigation({ activeIndex, itemsCount, numberOfItemsInLine, direction, disabledIndexes, circularNavigation }: {
-    activeIndex: number;
-    itemsCount: number;
-    numberOfItemsInLine: number;
-    direction: NavDirections;
-    disabledIndexes?: number[];
-    circularNavigation?: boolean;
-}): {
-    isOutbound: boolean;
-    nextIndex?: undefined;
-} | {
-    isOutbound: boolean;
-    nextIndex: number;
-};

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

@@ -1,42 +0,0 @@
-import { type MutableRefObject, type ReactElement } from "react";
-/**
- * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.
- * @param {Object} options
- * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard
- * @param {number} options.itemsCount - the number of items
- * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid
- * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with "Enter".
- * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index
- * @param {"directional" | "first"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.
- *   - "directional": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.
- *   - "first": Always focuses the first item.
- * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted
- * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with "options.focusOnMount".
- * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.
- * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid
- * @returns {useGridKeyboardNavigationResult}
- *
- * @typedef useGridKeyboardNavigationResult
- * @property {number} activeIndex - the currently active index
- * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See "options.focusItemIndexOnMount".
- * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.
- * It should be called with the selected item's index. Use this callback for onClick handlers, for example.
- * The "isKeyboardAction" can be used to indicate a keyboard selection, which will affect the currently active index.
- */
-export default function useGridKeyboardNavigation({ ref, itemsCount, numberOfItemsInLine, onItemClicked, // the callback to call when an item is selected
-entryFocusStrategy, getItemByIndex, focusOnMount, focusItemIndexOnMount, disabledIndexes, circularNavigation }: {
-    ref: MutableRefObject<HTMLElement>;
-    itemsCount: number;
-    numberOfItemsInLine: number;
-    onItemClicked: (element: HTMLElement | ReactElement | void | string, index: number) => void;
-    entryFocusStrategy?: "directional" | "first";
-    getItemByIndex: (index: number | void) => HTMLElement | ReactElement | void | string;
-    focusOnMount?: boolean;
-    focusItemIndexOnMount?: number;
-    disabledIndexes?: number[];
-    circularNavigation?: boolean;
-}): {
-    activeIndex: number;
-    onSelectionAction: (index: number, isKeyboardAction?: boolean) => void;
-    isInitialActiveState: boolean;
-};

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

@@ -1,2 +0,0 @@
-import { type MutableRefObject } from "react";
-export default function useHover<T extends HTMLElement = HTMLElement>(): [MutableRefObject<T>, boolean];

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

@@ -1,4 +0,0 @@
-import { type RefObject } from "react";
-export default function useIsMouseEnter({ ref }: {
-    ref: RefObject<HTMLElement>;
-}): boolean;

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

@@ -1,4 +0,0 @@
-import { type RefObject } from "react";
-export default function useIsMouseOver({ ref }: {
-    ref: RefObject<HTMLElement>;
-}): boolean;

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

@@ -1,15 +0,0 @@
-import { type RefObject } from "react";
-/**
- * Custom hook that calculates how many items can fit in a container without overflowing
- */
-export default function useItemsOverflow({ containerRef, gap, deductedSpaceRef, deductedWidth, itemRefs, minVisibleCount }: {
-    containerRef: RefObject<HTMLElement>;
-    gap: number;
-    deductedSpaceRef?: RefObject<HTMLElement>;
-    deductedWidth?: number;
-    itemRefs: RefObject<HTMLElement>[];
-    minVisibleCount?: number;
-}): {
-    visibleCount: number;
-    hasMeasured: boolean;
-};

package/dist/mocked_classnames/hooks/useKeyEvent/index.d.ts

@@ -1,56 +0,0 @@
-import { type RefObject } from "react";
-import { type GenericEventCallback } from "../../types/events";
-declare enum Modifier {
-    ALT = "altKey",
-    META = "metaKey",
-    CTRL = "ctrlKey",
-    SHIFT = "shiftKey",
-    CTRL_OR_META = "ctrlOrMetaKey"
-}
-export interface UseKeyEventArgs {
-    /**
-     * The list of keys that should trigger the event.
-     */
-    keys: KeyboardEvent["key"][];
-    /**
-     * Callback fired when a specified key is pressed.
-     */
-    callback: GenericEventCallback;
-    /**
-     * Modifier key that must be pressed along with the specified key.
-     */
-    modifier?: Modifier;
-    /**
-     * The keyboard event type to listen for (e.g., "keydown", "keyup").
-     */
-    keyEventName?: string;
-    /**
-     * If true, ensures no modifier keys are pressed when handling the event.
-     */
-    withoutAnyModifier?: boolean;
-    /**
-     * The element reference to listen for key events on.
-     */
-    ref?: RefObject<HTMLElement | Document>;
-    /**
-     * If true, prevents fallback to listening on the document when no ref is provided.
-     */
-    ignoreDocumentFallback?: boolean;
-    /**
-     * If true, uses capture phase instead of bubbling phase for event listening.
-     */
-    capture?: boolean;
-    /**
-     * If true, calls `preventDefault` on the key event.
-     */
-    preventDefault?: boolean;
-    /**
-     * If true, calls `stopPropagation` on the key event.
-     */
-    stopPropagation?: boolean;
-}
-declare function useKeyEvent({ keys, callback, modifier, withoutAnyModifier, ref, ignoreDocumentFallback, capture, preventDefault, stopPropagation, keyEventName }: UseKeyEventArgs): void;
-declare namespace useKeyEvent {
-    var modifiers: typeof Modifier;
-}
-export default useKeyEvent;

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

@@ -1,14 +0,0 @@
-import { type KeyboardEventCallback } from "../types/events";
-export declare function useKeyboard({ isDisabled, onKeyDown, onKeyUp }: {
-    isDisabled: boolean;
-    onKeyDown: KeyboardEventCallback;
-    onKeyUp: KeyboardEventCallback;
-}): {
-    keyboardProps: {
-        onKeyDown?: undefined;
-        onKeyUp?: undefined;
-    } | {
-        onKeyDown: (e: UIEvent) => void;
-        onKeyUp: (e: UIEvent) => void;
-    };
-};

package/dist/mocked_classnames/hooks/useListenFocusTriggers/index.d.ts

@@ -1,6 +0,0 @@
-import { type RefObject } from "react";
-export default function useListenFocusTriggers({ ref, onFocusByKeyboard, onFocusByMouse }: {
-    ref: RefObject<HTMLElement>;
-    onFocusByKeyboard?: (event: FocusEvent) => void;
-    onFocusByMouse?: (event: FocusEvent) => void;
-}): void;

package/dist/mocked_classnames/hooks/useMediaQuery/index.d.ts

@@ -1,2 +0,0 @@
-export declare function useMediaQuery(query: string | string[]): boolean[];
-export default useMediaQuery;

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

@@ -1,7 +0,0 @@
-import { type ForwardedRef, type RefObject } from "react";
-/**
- * Returns a single ref callback that merges multiple ref callbacks - internal replacement for `useMergeRefs` hook
- * @param refs
- */
-declare function useMergeRef<T>(...refs: (RefObject<T> | ForwardedRef<T> | null)[]): RefObject<T>;
-export default useMergeRef;

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

@@ -1,9 +0,0 @@
-import { type LegacyRef, type MutableRefObject } from "react";
-/**
- * Returns a single ref callback that merges multiple ref callbacks
- * @deprecated - for internal usage - use `useMergeRef` hook instead
- * @param refs
- */
-export default function useMergeRefs<T = any>({ refs }: {
-    refs: Array<MutableRefObject<T> | LegacyRef<T>>;
-}): (node: HTMLElement) => void;

package/dist/mocked_classnames/hooks/usePrevious/index.d.ts

@@ -1 +0,0 @@
-export default function usePrevious<Type>(value: Type): Type;

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

@@ -1,2 +0,0 @@
-import { type MutableRefObject } from "react";
-export default function useRefWithCallback(onMount: (element: HTMLElement) => void, onUnmount?: (element: HTMLElement) => void): [MutableRefObject<HTMLElement>, (node: HTMLElement) => void];

package/dist/mocked_classnames/hooks/useSetFocus/index.d.ts

@@ -1,10 +0,0 @@
-import { type RefObject } from "react";
-export default function useSetFocus({ ref, focusCallback, blurCallback }: {
-    ref: RefObject<HTMLElement>;
-    focusCallback?: () => void;
-    blurCallback?: () => void;
-}): {
-    isFocused: boolean;
-    focus: () => void;
-    blur: () => void;
-};

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

@@ -1,2 +0,0 @@
-import { type CSSProperties } from "react";
-export default function useStyle(currentStyle: CSSProperties, additionalProps?: CSSProperties): CSSProperties;

package/dist/mocked_classnames/hooks/useSwitch/index.d.ts

@@ -1,31 +0,0 @@
-import { type ChangeEvent } from "react";
-declare enum SwitchRole {
-    CHECKBOX = "checkbox",
-    BUTTON = "button"
-}
-export interface UseSwitchProps {
-    /**
-     * If true, controls the checked state of the switch.
-     */
-    isChecked?: boolean;
-    /**
-     * The initial checked state when uncontrolled.
-     */
-    defaultChecked?: boolean;
-    /**
-     * Callback fired when the switch state changes.
-     */
-    onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;
-    /**
-     * If true, disables interaction with the switch.
-     */
-    isDisabled?: boolean;
-}
-declare function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }?: UseSwitchProps): {
-    isChecked: boolean;
-    onChange: (event?: ChangeEvent<HTMLInputElement> | unknown) => void;
-};
-declare namespace useSwitch {
-    var switchRole: typeof SwitchRole;
-}
-export default useSwitch;

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

@@ -1,4 +0,0 @@
-export default function useThrottledCallback(callback: (...args: Array<unknown>) => void, { wait, trailing }: {
-    wait: number;
-    trailing: boolean;
-}, dependencies: Array<unknown>): import("es-toolkit/dist/function/throttle").ThrottledFunction<(...args: Array<unknown>) => void>;

package/dist/mocked_classnames/hooks/useTimeout/index.d.ts

@@ -1,6 +0,0 @@
-import { noop } from "es-toolkit";
-export default function useTimeout({ time, callback, ignoreZeroTime }: {
-    callback: () => void;
-    time?: number;
-    ignoreZeroTime?: boolean;
-}): (typeof noop)[];

package/dist/mocked_classnames/hooks/useVibeMediaQuery/index.d.ts

@@ -1,12 +0,0 @@
-declare function useVibeMediaQuery(): number;
-declare namespace useVibeMediaQuery {
-    var sizes: {
-        SMALL1: number;
-        SMALL2: number;
-        MEDIUM1: number;
-        MEDIUM2: number;
-        LARGE: number;
-        XLARGE: number;
-    };
-}
-export default useVibeMediaQuery;

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

@@ -1,3 +0,0 @@
-import { type UseWizardProps, type UseWizardReturnValue } from "./useWizard.types";
-declare function useWizard({ initialStep, stepCount, onStepChange, onFinish }: UseWizardProps): UseWizardReturnValue;
-export default useWizard;

package/dist/mocked_classnames/hooks/useWizard/useWizard.types.d.ts

@@ -1,49 +0,0 @@
-export interface UseWizardProps {
-    /**
-     * The initial step index when the wizard starts.
-     */
-    initialStep?: number;
-    /**
-     * The total number of steps in the wizard.
-     */
-    stepCount: number;
-    /**
-     * Callback fired when the step changes.
-     */
-    onStepChange?: (newStep: number, oldStep: number) => void;
-    /**
-     * Callback fired when the wizard reaches the last step.
-     */
-    onFinish?: () => void;
-}
-export interface UseWizardReturnValue {
-    /**
-     * The index of the currently active step.
-     */
-    activeStep: number;
-    /**
-     * The direction of the step transition.
-     */
-    direction: WizardDirection;
-    /**
-     * Moves to the next step in the wizard.
-     */
-    next: () => void;
-    /**
-     * Moves to the previous step in the wizard.
-     */
-    back: () => void;
-    /**
-     * Moves to a specific step in the wizard.
-     */
-    goToStep: (newStep: number) => void;
-    /**
-     * If true, the current step is the first step.
-     */
-    isFirstStep: boolean;
-    /**
-     * If true, the current step is the last step.
-     */
-    isLastStep: boolean;
-}
-export type WizardDirection = "forward" | "backward";

package/dist/mocked_classnames/index.d.ts

@@ -1,4 +0,0 @@
-import "./style-imports";
-export * from "./components";
-export * from "./hooks";
-export * from "./types";

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_85_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};
-//# sourceMappingURL=Accordion.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n  /**\n   * The background color of the alert banner.\n   */\n  backgroundColor?: AlertBannerBackgroundColor;\n  /**\n   * If true, the close button is hidden.\n   */\n  isCloseHidden?: boolean;\n  /**\n   * The ARIA label of the alert banner for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ARIA label of the close button for accessibility.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * The content of the alert banner.\n   */\n  children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n  (\n    {\n      children: originalChildren,\n      className,\n      backgroundColor = \"primary\",\n      onClose = NOOP,\n      ariaLabel = \"\",\n      closeButtonAriaLabel = \"Close\",\n      isCloseHidden = false,\n      id,\n      \"data-testid\": dataTestId\n    }: AlertBannerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classNames = useMemo(() => {\n      return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n    }, [className, backgroundColor]);\n\n    const isDarkBackground = backgroundColor === \"dark\";\n    const isFixedColor = backgroundColor === \"warning\";\n    const textColor = useMemo(() => {\n      if (isFixedColor) {\n        return \"fixedDark\";\n      }\n      return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n    }, [isDarkBackground, isFixedColor]);\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n      const filteredChildren = allChildren.filter(\n        (\n          child: ReactElement & {\n            type: Record<string, unknown>;\n          }\n        ) => {\n          if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n          console.error(\n            \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n            child\n          );\n          return false;\n        }\n      );\n\n      return filteredChildren.map((child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          marginLeft: index > 0,\n          isDarkBackground\n        });\n      });\n    }, [originalChildren, isDarkBackground]);\n\n    return (\n      <Text\n        type=\"text2\"\n        color={textColor}\n        ref={ref}\n        className={classNames}\n        role=\"banner\"\n        aria-label={ariaLabel || \"banner\"}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n        data-vibe={ComponentVibeId.ALERT_BANNER}\n      >\n        <AlertBannerContext.Provider value={{ textColor }}>\n          <div className={cx(styles.content)}>\n            {children.map(\n              (\n                child: ReactElement & {\n                  type: Record<string, unknown>;\n                },\n                index\n              ) => {\n                const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n                return (\n                  <div\n                    key={index}\n                    className={cx(styles.contentItem, {\n                      [styles.contentItemText]: childTypeIsAlertBannerText\n                    })}\n                  >\n                    {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n                  </div>\n                );\n              }\n            )}\n          </div>\n        </AlertBannerContext.Provider>\n        <div className={cx(styles.closeButtonWrapper)}>\n          {isCloseHidden ? null : (\n            <IconButton\n              data-testid=\"alert-banner-close-button\"\n              icon={CloseSmall}\n              className={cx(styles.closeBtn)}\n              hideTooltip\n              onClick={onClose}\n              size=\"small\"\n              kind=\"tertiary\"\n              color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n              ariaLabel={closeButtonAriaLabel}\n            />\n          )}\n        </div>\n      </Text>\n    );\n  }\n);\n\nexport default AlertBanner;\n"],"names":["AlertBanner","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"6qBA8CMA,IAAAA,EAAcC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aACA,EAAAC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB"}

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

@@ -1,2 +0,0 @@
-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_85_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};
-//# sourceMappingURL=AlertBanner.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import s from"classnames";import{Button as i}from"@vibe/button/mockedClassNames";import o from"react";import m from"./AlertBannerButton.module.scss.js";var n=function(n){var l=n.marginLeft,d=void 0!==l&&l,c=n.isDarkBackground,u=void 0!==c&&c,f=n.id,p=n["data-testid"],B=r(n,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},m.marginLeft,d),m.darkBackground,u));return o.createElement("div",{className:g,"data-testid":p||e(a.ALERT_BANNER_BUTTON,f),id:f},o.createElement(i,Object.assign({},B,{size:"small",className:s(m.bannerButton),color:"on-primary-color"})))};Object.assign(n,{isAlertBannerItem:!0});export{n as default};
-//# sourceMappingURL=AlertBannerButton.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerButton.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n  /**\n   * If true, the button is displayed on a dark background.\n   */\n  isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n  marginLeft = false,\n  isDarkBackground = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}) => {\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft,\n    [styles.darkBackground]: isDarkBackground\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n      id={id}\n    >\n      <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerButton, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"qXAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}

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

@@ -1,2 +0,0 @@
-var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_85_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};
-//# sourceMappingURL=AlertBannerButton.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import r from"react";var t=r.createContext({textColor:"onPrimary"});export{t as AlertBannerContext};
-//# sourceMappingURL=AlertBannerContext.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerContext.js","sources":["../../../../../src/components/AlertBanner/AlertBannerContext.ts"],"sourcesContent":["import React from \"react\";\nimport { type TypographyColor } from \"@vibe/typography\";\n\ntype AlertBannerContextType = {\n  textColor: Extract<TypographyColor, \"onPrimary\" | \"onInverted\" | \"fixedDark\">;\n};\n\nexport const AlertBannerContext = React.createContext<AlertBannerContextType>({\n  textColor: \"onPrimary\"\n});\n"],"names":["AlertBannerContext","React","createContext","textColor"],"mappings":"yBAOaA,EAAqBC,EAAMC,cAAsC,CAC5EC,UAAW"}