@vibe/core 3.82.4 → 3.83.2

package/dist/mocked_classnames/components/next/Dropdown/hooks/useDropdownCombobox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type BaseItemData } from "../../../BaseItem";
 import { type DropdownGroupOption } from "../Dropdown.types";
 declare function useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, isMenuOpen?: boolean, autoFocus?: boolean, closeMenuOnSelect?: boolean, defaultValue?: T, value?: T, inputValueProp?: string, onChange?: (option: T | T[] | null) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string): {
@@ -8,8 +9,379 @@ declare function useDropdownCombobox<T extends BaseItemData<Record<string, unkno
     getToggleButtonProps: <Options>(options?: import("downshift").UseComboboxGetToggleButtonPropsOptions & Options) => import("downshift").Overwrite<import("downshift").UseComboboxGetToggleButtonPropsReturnValue, Options>;
     getLabelProps: <Options_1>(options?: import("downshift").UseComboboxGetLabelPropsOptions & Options_1) => import("downshift").Overwrite<import("downshift").UseComboboxGetLabelPropsReturnValue, Options_1>;
     getMenuProps: <Options_2>(options?: import("downshift").UseComboboxGetMenuPropsOptions & Options_2, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetMenuPropsReturnValue, Options_2>;
-    getInputProps: <Options_3>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options_3, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options_3>;
-    getItemProps: <Options_4>(options: import("downshift").UseComboboxGetItemPropsOptions<T> & Options_4) => Omit<import("downshift").Overwrite<import("downshift").UseComboboxGetItemPropsReturnValue, Options_4>, "index" | "item">;
+    getInputProps: (options?: import("downshift").UseComboboxGetInputPropsOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, {
+        ref: import("react").MutableRefObject<HTMLInputElement>;
+        disabled?: boolean;
+        accept?: string;
+        acceptCharset?: string;
+        action?: string;
+        allowFullScreen?: boolean;
+        allowTransparency?: boolean;
+        alt?: string;
+        as?: string;
+        async?: boolean;
+        autoComplete?: string;
+        autoPlay?: boolean;
+        capture?: boolean | "user" | "environment";
+        cellPadding?: string | number;
+        cellSpacing?: string | number;
+        charSet?: string;
+        challenge?: string;
+        checked?: boolean;
+        cite?: string;
+        classID?: string;
+        cols?: number;
+        colSpan?: number;
+        controls?: boolean;
+        coords?: string;
+        crossOrigin?: "" | "anonymous" | "use-credentials";
+        data?: string;
+        dateTime?: string;
+        default?: boolean;
+        defer?: boolean;
+        download?: any;
+        encType?: string;
+        form?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
+        frameBorder?: string | number;
+        headers?: string;
+        height?: string | number;
+        high?: number;
+        href?: string;
+        hrefLang?: string;
+        htmlFor?: string;
+        httpEquiv?: string;
+        integrity?: string;
+        keyParams?: string;
+        keyType?: string;
+        kind?: string;
+        label?: string;
+        list?: string;
+        loop?: boolean;
+        low?: number;
+        manifest?: string;
+        marginHeight?: number;
+        marginWidth?: number;
+        max?: string | number;
+        maxLength?: number;
+        media?: string;
+        mediaGroup?: string;
+        method?: string;
+        min?: string | number;
+        minLength?: number;
+        multiple?: boolean;
+        muted?: boolean;
+        name?: string;
+        noValidate?: boolean;
+        open?: boolean;
+        optimum?: number;
+        pattern?: string;
+        placeholder?: string;
+        playsInline?: boolean;
+        poster?: string;
+        preload?: string;
+        readOnly?: boolean;
+        required?: boolean;
+        reversed?: boolean;
+        rows?: number;
+        rowSpan?: number;
+        sandbox?: string;
+        scope?: string;
+        scoped?: boolean;
+        scrolling?: string;
+        seamless?: boolean;
+        selected?: boolean;
+        shape?: string;
+        size?: number;
+        sizes?: string;
+        span?: number;
+        src?: string;
+        srcDoc?: string;
+        srcLang?: string;
+        srcSet?: string;
+        start?: number;
+        step?: string | number;
+        summary?: string;
+        target?: string;
+        type?: string;
+        useMap?: string;
+        value?: string | number | readonly string[];
+        width?: string | number;
+        wmode?: string;
+        wrap?: string;
+        defaultChecked?: boolean;
+        defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        accessKey?: string;
+        autoFocus?: boolean;
+        className?: string;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only";
+        contextMenu?: string;
+        dir?: string;
+        draggable?: boolean | "true" | "false";
+        hidden?: boolean;
+        id?: string;
+        lang?: string;
+        nonce?: string;
+        slot?: string;
+        spellCheck?: boolean | "true" | "false";
+        style?: import("react").CSSProperties;
+        tabIndex?: number;
+        title?: string;
+        translate?: "yes" | "no";
+        radioGroup?: string;
+        role?: import("react").AriaRole;
+        about?: string;
+        content?: string;
+        datatype?: string;
+        inlist?: any;
+        prefix?: string;
+        property?: string;
+        rel?: string;
+        resource?: string;
+        rev?: string;
+        typeof?: string;
+        vocab?: string;
+        autoCapitalize?: string;
+        autoCorrect?: string;
+        autoSave?: string;
+        color?: string;
+        itemProp?: string;
+        itemScope?: boolean;
+        itemType?: string;
+        itemID?: string;
+        itemRef?: string;
+        results?: number;
+        security?: string;
+        unselectable?: "on" | "off";
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+        is?: string;
+        "aria-activedescendant"?: string;
+        "aria-atomic"?: boolean | "true" | "false";
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-braillelabel"?: string;
+        "aria-brailleroledescription"?: string;
+        "aria-busy"?: boolean | "true" | "false";
+        "aria-checked"?: boolean | "true" | "false" | "mixed";
+        "aria-colcount"?: number;
+        "aria-colindex"?: number;
+        "aria-colindextext"?: string;
+        "aria-colspan"?: number;
+        "aria-controls"?: string;
+        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time";
+        "aria-describedby"?: string;
+        "aria-description"?: string;
+        "aria-details"?: string;
+        "aria-disabled"?: boolean | "true" | "false";
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
+        "aria-errormessage"?: string;
+        "aria-expanded"?: boolean | "true" | "false";
+        "aria-flowto"?: string;
+        "aria-grabbed"?: boolean | "true" | "false";
+        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree";
+        "aria-hidden"?: boolean | "true" | "false";
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
+        "aria-keyshortcuts"?: string;
+        "aria-label"?: string;
+        "aria-labelledby"?: string;
+        "aria-level"?: number;
+        "aria-live"?: "off" | "assertive" | "polite";
+        "aria-modal"?: boolean | "true" | "false";
+        "aria-multiline"?: boolean | "true" | "false";
+        "aria-multiselectable"?: boolean | "true" | "false";
+        "aria-orientation"?: "horizontal" | "vertical";
+        "aria-owns"?: string;
+        "aria-placeholder"?: string;
+        "aria-posinset"?: number;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed";
+        "aria-readonly"?: boolean | "true" | "false";
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        "aria-required"?: boolean | "true" | "false";
+        "aria-roledescription"?: string;
+        "aria-rowcount"?: number;
+        "aria-rowindex"?: number;
+        "aria-rowindextext"?: string;
+        "aria-rowspan"?: number;
+        "aria-selected"?: boolean | "true" | "false";
+        "aria-setsize"?: number;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other";
+        "aria-valuemax"?: number;
+        "aria-valuemin"?: number;
+        "aria-valuenow"?: number;
+        "aria-valuetext"?: string;
+        children?: import("react").ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        };
+        onCopy?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCut?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onPaste?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement>;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").FormEventHandler<HTMLInputElement>;
+        onChangeCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onBeforeInput?: import("react").FormEventHandler<HTMLInputElement>;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onInput?: import("react").FormEventHandler<HTMLInputElement>;
+        onInputCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onReset?: import("react").FormEventHandler<HTMLInputElement>;
+        onResetCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onSubmit?: import("react").FormEventHandler<HTMLInputElement>;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement>;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onLoad?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onError?: import("react").ReactEventHandler<HTMLInputElement>;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onAbort?: import("react").ReactEventHandler<HTMLInputElement>;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlay?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onDurationChange?: import("react").ReactEventHandler<HTMLInputElement>;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEmptied?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEncrypted?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEnded?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedData?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadStart?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPause?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlay?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlaying?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onProgress?: import("react").ReactEventHandler<HTMLInputElement>;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onRateChange?: import("react").ReactEventHandler<HTMLInputElement>;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onResize?: import("react").ReactEventHandler<HTMLInputElement>;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeeked?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeeking?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onStalled?: import("react").ReactEventHandler<HTMLInputElement>;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSuspend?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement>;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement>;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onWaiting?: import("react").ReactEventHandler<HTMLInputElement>;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onAuxClick?: import("react").MouseEventHandler<HTMLInputElement>;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onClick?: import("react").MouseEventHandler<HTMLInputElement>;
+        onClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onContextMenu?: import("react").MouseEventHandler<HTMLInputElement>;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement>;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onDrag?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEnd?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEnter?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragExit?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragLeave?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragOver?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragStart?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDrop?: import("react").DragEventHandler<HTMLInputElement>;
+        onDropCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onMouseDown?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseMove?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseUp?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onSelect?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchMove?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchStart?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onPointerDown?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerMove?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerUp?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOver?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOut?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onScroll?: import("react").UIEventHandler<HTMLInputElement>;
+        onScrollCapture?: import("react").UIEventHandler<HTMLInputElement>;
+        onWheel?: import("react").WheelEventHandler<HTMLInputElement>;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement>;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement>;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement>;
+        key?: import("react").Key;
+        refKey?: string;
+    }>;
+    getItemProps: <Options_3>(options: import("downshift").UseComboboxGetItemPropsOptions<T> & Options_3) => Omit<import("downshift").Overwrite<import("downshift").UseComboboxGetItemPropsReturnValue, Options_3>, "index" | "item">;
     reset: () => void;
     filteredOptions: import("../components/DropdownBaseList/DropdownBaseList.types").DropdownListGroup<T>[];
     openMenu: () => void;

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

@@ -1,8 +1,7 @@
 export { default as useKeyEvent } from "./useKeyEvent";
 export { default as useEventListener } from "./useEventListener";
 export { default as useDebounceEvent } from "./useDebounceEvent";
-export { useClickOutside } from "@vibe/hooks";
-export { default as useResizeObserver } from "./useResizeObserver";
+export { useClickOutside, useIsOverflowing, useResizeObserver } from "@vibe/hooks";
 export { default as useAfterFirstRender } from "./useAfterFirstRender";
 export { default as useTimeout } from "./useTimeout";
 export { default as usePrevious } from "./usePrevious";
@@ -11,7 +10,6 @@ export { default as useMergeRefs } from "./useMergeRefs";
 export { default as useIsMouseOver } from "./useIsMouseOver";
 export { default as useHover } from "./useHover/useHover";
 export { default as useGridKeyboardNavigation } from "./useGridKeyboardNavigation/useGridKeyboardNavigation";
-export { default as useIsOverflowing } from "./useIsOverflowing/useIsOverflowing";
 export { default as useActiveDescendantListFocus } from "./useActiveDescendantListFocus";
 export { default as useMediaQuery } from "./useMediaQuery";
 export { default as useVibeMediaQuery } from "./useVibeMediaQuery";

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

@@ -2,10 +2,11 @@ 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, itemRefs, minVisibleCount }: {
+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;
 }): {

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_82_3";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_83_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/AlertBanner/AlertBanner.js

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

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

@@ -1 +1 @@
-{"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 \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\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, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\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\ninterface AlertBannerStaticProps {\n  backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n  backgroundColors: AlertBannerBackgroundColorEnum\n});\n"],"names":["withStaticProps","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","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"6yBA+CA,IAiHeA,EAAAA,EAjHKC,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,IAOoF,CACpF2D,iBAAkBC"}
+{"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 { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\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, withStaticProps } 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\ninterface AlertBannerStaticProps {\n  backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n  backgroundColors: AlertBannerBackgroundColorEnum\n});\n"],"names":["withStaticProps","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","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"41BA+CA,IAiHeA,EAAAA,EAjHKC,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,IAOoF,CACpF2D,iBAAkBC"}

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_82_3";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_83_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/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_82_3";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_83_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/AlertBannerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBannerContext.js","sources":["../../../../../src/components/AlertBanner/AlertBannerContext.ts"],"sourcesContent":["import React from \"react\";\nimport { type TypographyColor } from \"../Typography/Typography.types\";\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"}
+{"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"}

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_82_3";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_83_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};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import o from"classnames";import s,{useRef as i}from"react";import a from"../../Tooltip/Tooltip.js";import n from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import m from"./AlertBannerText.module.scss.js";var l=function(l){var f=l.text,p=l.marginLeft,d=void 0!==p&&p,u=l.id,c=l["data-testid"],g=l.ariaLive,v=i(null),T=o(m.bannerText,e({},m.marginLeft,d)),j=n({ref:v});return s.createElement(a,{position:"bottom",content:j&&f,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},s.createElement("div",{ref:v,className:T,id:u,"data-testid":c||t(r.ALERT_BANNER_TEXT,u)},s.createElement("span",{"aria-live":g},f)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import a from"classnames";import i,{useRef as o}from"react";import{Tooltip as s}from"@vibe/tooltip/mockedClassNames";import{useIsOverflowing as m}from"@vibe/hooks";import n from"./AlertBannerText.module.scss.js";var l=function(l){var d=l.text,f=l.marginLeft,p=void 0!==f&&f,c=l.id,u=l["data-testid"],v=l.ariaLive,g=o(null),T=a(n.bannerText,e({},n.marginLeft,p)),b=m({ref:g});return i.createElement(s,{position:"bottom",content:b&&d,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},i.createElement("div",{ref:g,className:T,id:c,"data-testid":u||t(r.ALERT_BANNER_TEXT,c)},i.createElement("span",{"aria-live":v},d)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
 //# sourceMappingURL=AlertBannerText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBannerText.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n  /**\n   * The text content displayed within the alert banner.\n   */\n  text: string;\n  /**\n   * If true, a left margin is applied to the alert banner text.\n   */\n  marginLeft?: boolean;\n  /**\n   * The aria-live attribute value for the alert banner text.\n   */\n  ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n  text,\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ariaLive\n}) => {\n  const componentRef = useRef(null);\n  const classNames = cx(styles.bannerText, {\n    [styles.marginLeft]: marginLeft\n  });\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      position=\"bottom\"\n      content={isOverflowing && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n    >\n      <div\n        ref={componentRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n      >\n        <span aria-live={ariaLive}>{text}</span>\n      </div>\n    </Tooltip>\n  );\n};\n\nObject.assign(AlertBannerText, {\n  isAlertBannerItem: true,\n  isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"4XAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EACS,cAAAC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}
+{"version":3,"file":"AlertBannerText.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n  /**\n   * The text content displayed within the alert banner.\n   */\n  text: string;\n  /**\n   * If true, a left margin is applied to the alert banner text.\n   */\n  marginLeft?: boolean;\n  /**\n   * The aria-live attribute value for the alert banner text.\n   */\n  ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n  text,\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ariaLive\n}) => {\n  const componentRef = useRef(null);\n  const classNames = cx(styles.bannerText, {\n    [styles.marginLeft]: marginLeft\n  });\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      position=\"bottom\"\n      content={isOverflowing && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n    >\n      <div\n        ref={componentRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n      >\n        <span aria-live={ariaLive}>{text}</span>\n      </div>\n    </Tooltip>\n  );\n};\n\nObject.assign(AlertBannerText, {\n  isAlertBannerItem: true,\n  isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"yXAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EACS,cAAAC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}

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_82_3";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_83_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};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{useMemo as i}from"react";import{camelCase as r}from"es-toolkit";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as n}from"../../tests/testIds.js";import{Icon as m}from"@vibe/icon/mockedClassNames";import c from"../IconButton/IconButton.js";import{Info as l,Alert as p,CloseSmall as d}from"@vibe/icons";import{AttentionBoxType as u,IconTypeEnum as y}from"./AttentionBoxConstants.js";import{withStaticPropsWithoutForwardRef as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import v from"../Text/Text.js";import{Flex as N}from"@vibe/layout/mockedClassNames";import T from"./AttentionBox.module.scss.js";import{ComponentVibeId as j}from"../../tests/constants.js";var x=f((function(u){var y=u.className,f=u.withIconWithoutHeader,x=void 0!==f&&f,g=u.type,h=void 0===g?"primary":g,C=u.icon,E=u.iconType,I=void 0===E?"svg":E,B=u.title,b=u.text,A=u.children,w=u.withoutIcon,H=void 0!==w&&w,S=u.onClose,k=u.compact,O=void 0!==k&&k,_=u.id,z=u["data-testid"],P=u.closeButtonAriaLabel,F=void 0===P?"Close":P,L=u.entryAnimation,W=void 0!==L&&L,X=i((function(){return"primary"===h?l:p}),[h]),M=void 0===C?X:C;return o.createElement("aside",{className:t(T.attentionBox,s(T,r("type-".concat(h))),y,e({},T.entryAnimation,W)),role:"alert","data-testid":z||a(n.ATTENTION_BOX,_),"data-vibe":j.ATTENTION_BOX},B&&o.createElement(N,{justify:"start",align:"center",className:T.titleContainer,gap:"xs"},!H&&o.createElement(m,{className:T.icon,iconType:I,ariaHidden:!0,icon:M,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(v,{type:"text1",element:"h5",weight:"medium",className:T.title},B)),o.createElement(N,{justify:"start",align:"center",gap:"xs"},!B&&O&&!H&&x&&o.createElement(m,{iconType:I,iconSize:18,ariaHidden:!0,icon:M,ignoreFocusStyle:!0}),o.createElement(v,{type:"text2",element:O?void 0:"p",className:t(T.text,e(e(e({},T.compact,O),T.dismissible,!!S),T.paragraph,!O))},b||A)),S&&o.createElement(c,{size:"small",color:"on-primary-color",className:T.closeIcon,wrapperClassName:t(T.closeIconWrapper,e({},T.closeIconCompact,O)),ariaLabel:F,hideTooltip:!0,icon:d,onClick:S}))}),{types:u,iconTypes:y});export{x as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{useMemo as i}from"react";import{camelCase as s}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as m}from"../../tests/testIds.js";import{Icon as n}from"@vibe/icon/mockedClassNames";import{IconButton as c}from"@vibe/icon-button/mockedClassNames";import{Info as l,Alert as p,CloseSmall as d}from"@vibe/icons";import{AttentionBoxType as y,IconTypeEnum as f}from"./AttentionBoxConstants.js";import{withStaticPropsWithoutForwardRef as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{Text as v}from"@vibe/typography/mockedClassNames";import{Flex as N}from"@vibe/layout/mockedClassNames";import C from"./AttentionBox.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";var g=u((function(y){var f=y.className,u=y.withIconWithoutHeader,g=void 0!==u&&u,h=y.type,T=void 0===h?"primary":h,j=y.icon,x=y.iconType,E=void 0===x?"svg":x,I=y.title,A=y.text,B=y.children,k=y.withoutIcon,w=void 0!==k&&k,H=y.onClose,S=y.compact,O=void 0!==S&&S,_=y.id,z=y["data-testid"],P=y.closeButtonAriaLabel,F=void 0===P?"Close":P,L=y.entryAnimation,W=void 0!==L&&L,X=i((function(){return"primary"===T?l:p}),[T]),M=void 0===j?X:j;return o.createElement("aside",{className:t(C.attentionBox,a(C,s("type-".concat(T))),f,e({},C.entryAnimation,W)),role:"alert","data-testid":z||r(m.ATTENTION_BOX,_),"data-vibe":b.ATTENTION_BOX},I&&o.createElement(N,{justify:"start",align:"center",className:C.titleContainer,gap:"xs"},!w&&o.createElement(n,{className:C.icon,iconType:E,ariaHidden:!0,icon:M,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(v,{type:"text1",element:"h5",weight:"medium",className:C.title},I)),o.createElement(N,{justify:"start",align:"center",gap:"xs"},!I&&O&&!w&&g&&o.createElement(n,{iconType:E,iconSize:18,ariaHidden:!0,icon:M,ignoreFocusStyle:!0}),o.createElement(v,{type:"text2",element:O?void 0:"p",className:t(C.text,e(e(e({},C.compact,O),C.dismissible,!!H),C.paragraph,!O))},A||B)),H&&o.createElement(c,{size:"small",color:"on-primary-color",className:C.closeIcon,wrapperClassName:t(C.closeIconWrapper,e({},C.closeIconCompact,O)),ariaLabel:F,hideTooltip:!0,icon:d,onClick:H}))}),{types:y,iconTypes:f});export{g as default};
 //# sourceMappingURL=AttentionBox.js.map