@vibe/core 4.5.22 → 4.5.24

package/dist/components/wizard/dist/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var n={dot:"dot_2d5c37b407","focus-visible":"focus-visible_fb70ab87b8",isActive:"isActive_caae946b31",colorOnPrimaryColor:"colorOnPrimaryColor_8e49938594",colorOnInvertedBackground:"colorOnInvertedBackground_f92a930c71"};!function(n){var o="s_id-d067fe4a3643_4_0_0";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;var e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.dot_2d5c37b407 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_2d5c37b407:focus-visible, .dot_2d5c37b407.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_2d5c37b407:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.dot_2d5c37b407:focus-visible, .dot_2d5c37b407.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_2d5c37b407:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.dot_2d5c37b407:hover {\n  transform: scale(1.3);\n}\n.isActive_caae946b31 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_8e49938594.dot_2d5c37b407 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_8e49938594.dot_2d5c37b407:focus-visible, .colorOnPrimaryColor_8e49938594.dot_2d5c37b407.focus-visible_fb70ab87b8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_8e49938594.dot_2d5c37b407:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.colorOnPrimaryColor_8e49938594.dot_2d5c37b407.isActive_caae946b31 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_f92a930c71.dot_2d5c37b407 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_f92a930c71.dot_2d5c37b407.isActive_caae946b31 {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
+var n={dot:"dot_fddc90b46f","focus-visible":"focus-visible_31ee638e26",isActive:"isActive_05eee2698e",colorOnPrimaryColor:"colorOnPrimaryColor_bee15a7fe8",colorOnInvertedBackground:"colorOnInvertedBackground_ab64499c6d"};!function(n){var o="s_id-d067fe4a3643_4_0_1";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;var r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.dot_fddc90b46f {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_fddc90b46f:focus-visible, .dot_fddc90b46f.focus-visible_31ee638e26 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_fddc90b46f:focus:not(.focus-visible_31ee638e26) {\n  outline: none;\n}\n.dot_fddc90b46f:focus-visible, .dot_fddc90b46f.focus-visible_31ee638e26 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_fddc90b46f:focus:not(.focus-visible_31ee638e26) {\n  outline: none;\n}\n.dot_fddc90b46f:hover {\n  transform: scale(1.3);\n}\n.isActive_05eee2698e {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_bee15a7fe8.dot_fddc90b46f {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_bee15a7fe8.dot_fddc90b46f:focus-visible, .colorOnPrimaryColor_bee15a7fe8.dot_fddc90b46f.focus-visible_31ee638e26 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_bee15a7fe8.dot_fddc90b46f:focus:not(.focus-visible_31ee638e26) {\n  outline: none;\n}\n.colorOnPrimaryColor_bee15a7fe8.dot_fddc90b46f.isActive_05eee2698e {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_ab64499c6d.dot_fddc90b46f {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_ab64499c6d.dot_fddc90b46f.isActive_05eee2698e {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/components/wizard/dist/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_bc1d452d12",galleryHeaderDot:"galleryHeaderDot_32dcd060e3"};!function(e){var d="s_id-9ed2aeb182a7_4_0_0";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;var l=document.createElement("style");l.id=d,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".galleryHeader_bc1d452d12 {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_bc1d452d12 .galleryHeaderDot_32dcd060e3 {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader_bc1d452d12 .galleryHeaderDot_32dcd060e3:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_11f0e3b19b",galleryHeaderDot:"galleryHeaderDot_9c3bbc2059"};!function(e){var a="s_id-9ed2aeb182a7_4_0_1";if("undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;var r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_11f0e3b19b {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_11f0e3b19b .galleryHeaderDot_9c3bbc2059 {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader_11f0e3b19b .galleryHeaderDot_9c3bbc2059:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/components/wizard/dist/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header_278e91f279"};!function(e){var t="s_id-f29720816734_4_0_0";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;var a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_278e91f279 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
+var e={header:"header_b68949a82c"};!function(e){var t="s_id-f29720816734_4_0_1";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;var n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_b68949a82c {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/components/wizard/dist/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_e9b8049a0a"};!function(e){var t="s_id-7d167fec0936_4_0_0";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;var o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers_e9b8049a0a {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_670a7e8f77"};!function(e){var t="s_id-7d167fec0936_4_0_1";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;var o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers_670a7e8f77 {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/metadata/components.json

@@ -12056,7 +12056,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-menu-menugriditem--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/MenuButton/MenuButton.tsx",
+    "filePath": "src/MenuButton/MenuButton.tsx",
     "aggregator": "core",
     "symbols": [
       "default as MenuButton",
@@ -15641,7 +15641,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-skeleton--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Slider/Slider.tsx",
+    "filePath": "src/Slider/Slider.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Slider",
@@ -17984,7 +17984,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=theming-themeprovider--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Tipseen/Tipseen.tsx",
+    "filePath": "src/Tipseen/Tipseen.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Tipseen",
@@ -18318,7 +18318,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-tipseen--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Tipseen/TipseenContent.tsx",
+    "filePath": "src/Tipseen/TipseenContent.tsx",
     "aggregator": "core",
     "symbols": [
       "default as TipseenContent",
@@ -18457,7 +18457,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Tipseen/TipseenWizard.tsx",
+    "filePath": "src/Tipseen/TipseenWizard.tsx",
     "aggregator": "core",
     "symbols": [
       "default as TipseenWizard",
@@ -18645,7 +18645,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Tipseen/TipseenMedia/TipseenMedia.tsx",
+    "filePath": "src/Tipseen/TipseenMedia/TipseenMedia.tsx",
     "aggregator": "core",
     "symbols": [
       "default as TipseenMedia",
@@ -18692,7 +18692,6 @@
       }
     },
     "import": "import { TipseenMedia } from \"@vibe/core\"",
-    "parentComponent": "Tipseen",
     "subComponents": []
   },
   {

package/dist/metadata.json

@@ -12056,7 +12056,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-menu-menugriditem--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/MenuButton/MenuButton.tsx",
+    "filePath": "src/MenuButton/MenuButton.tsx",
     "aggregator": "core",
     "symbols": [
       "default as MenuButton",
@@ -15641,7 +15641,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-skeleton--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Slider/Slider.tsx",
+    "filePath": "src/Slider/Slider.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Slider",
@@ -17984,7 +17984,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=theming-themeprovider--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Tipseen/Tipseen.tsx",
+    "filePath": "src/Tipseen/Tipseen.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Tipseen",
@@ -18318,7 +18318,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-tipseen--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Tipseen/TipseenContent.tsx",
+    "filePath": "src/Tipseen/TipseenContent.tsx",
     "aggregator": "core",
     "symbols": [
       "default as TipseenContent",
@@ -18457,7 +18457,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Tipseen/TipseenWizard.tsx",
+    "filePath": "src/Tipseen/TipseenWizard.tsx",
     "aggregator": "core",
     "symbols": [
       "default as TipseenWizard",
@@ -18645,7 +18645,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Tipseen/TipseenMedia/TipseenMedia.tsx",
+    "filePath": "src/Tipseen/TipseenMedia/TipseenMedia.tsx",
     "aggregator": "core",
     "symbols": [
       "default as TipseenMedia",
@@ -18692,7 +18692,6 @@
       }
     },
     "import": "import { TipseenMedia } from \"@vibe/core\"",
-    "parentComponent": "Tipseen",
     "subComponents": []
   },
   {

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

@@ -3,7 +3,7 @@ import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type IComboboxCategoryMap, type IComboboxOption } from "./components/ComboboxConstants";
 import { type ComboboxSizes } from "./Combobox.types";
 import type { IconButton } from "@vibe/icon-button";
-import type MenuButton from "../MenuButton/MenuButton";
+import { type MenuButton } from "@vibe/menu-button";
 import { type SubIcon } from "@vibe/icon";
 export interface ComboboxProps extends VibeComponentProps {
     /**

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { type BaseDropdownProps } from "./Dropdown.types";
-import { type BaseItemData } from "../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const _default: <Item extends BaseItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
     ref?: React.ForwardedRef<HTMLDivElement>;
 }) => React.ReactElement;

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

@@ -1,7 +1,7 @@
 import type React from "react";
 import { type DropdownListGroup } from "./components/DropdownBaseList/DropdownBaseList.types";
 import { type VibeComponentProps } from "../../types";
-import { type BaseItemData } from "../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 import { type TooltipProps } from "@vibe/tooltip";
 export type DropdownOption<Item = Record<string, unknown>> = BaseItemData<Item>;
 export type DropdownGroupOption<Item = Record<string, unknown>> = DropdownListGroup<Item>[] | BaseItemData<Item>[];

package/dist/mocked_classnames/components/Dropdown/components/DropdownBaseList/DropdownBaseList.types.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import type React from "react";
 import { type VibeComponentProps } from "../../../../types";
-import { type BaseItemData, type BaseItemSizes, type BaseItemDirection } from "../../../BaseItem";
+import { type BaseItemData, type BaseItemSizes, type BaseItemDirection } from "@vibe/base-list";
 export interface DropdownBaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
     /**
      * The list of options available in the list.

package/dist/mocked_classnames/components/Dropdown/components/DropdownWrapperUI.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { type DropdownContextProps } from "../context/DropdownContext.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 interface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {
     contextValue: DropdownContextProps<Item>;
     dropdownRef: React.Ref<HTMLDivElement>;

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

@@ -1,4 +1,4 @@
 import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const Menu: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
 export default Menu;

package/dist/mocked_classnames/components/Dropdown/components/Menu/MenuList.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const MenuList: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
 export default MenuList;

package/dist/mocked_classnames/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 type MultiSelectedValuesProps<Item> = {
     selectedItems: Item[];
     onRemove: (item: Item) => void;

package/dist/mocked_classnames/components/Dropdown/components/Trigger/DropdownChip.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type BaseItemData } from "../../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 interface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {
     item: Item;
     onDelete: () => void;

package/dist/mocked_classnames/components/Dropdown/context/DropdownContext.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 import { type BaseDropdownProps, type DropdownSizes } from "../Dropdown.types";
 import { type DropdownContextProps } from "./DropdownContext.types";
 type PropGetter = (options?: any) => Record<string, any>;

package/dist/mocked_classnames/components/Dropdown/context/DropdownContext.types.d.ts

@@ -1,5 +1,5 @@
 import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 import { type BaseDropdownProps } from "../Dropdown.types";
 import { type TooltipProps } from "@vibe/tooltip";
 type PropGetter = (options?: any) => Record<string, any>;

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

@@ -1,4 +1,4 @@
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 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, inlineSelectedValue?: boolean): {
     isOpen: boolean;

package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownFiltering.d.ts

@@ -1,4 +1,4 @@
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
 import { type DropdownGroupOption } from "../Dropdown.types";
 declare function useDropdownFiltering<Item extends BaseItemData>(options: DropdownGroupOption<Item>, filterOption?: (option: Item, inputValue: string) => boolean, showSelectedOptions?: boolean, selectedItems?: Item[]): {

package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts

@@ -1,5 +1,5 @@
 import { type DropdownGroupOption } from "../Dropdown.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare function useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[]) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string, onOptionRemove?: (option: T) => void): {
     isOpen: boolean;
     inputValue: string;

package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiSelect.d.ts

@@ -1,5 +1,5 @@
 import { type DropdownGroupOption } from "../Dropdown.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare function useDropdownMultiSelect<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], onChange?: (options: T[]) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, showSelectedOptions?: boolean, filterOption?: (option: T, inputValue: string) => boolean, id?: string): {
     isOpen: boolean;
     inputValue: string;

package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownSelect.d.ts

@@ -1,4 +1,4 @@
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 import { type DropdownGroupOption } from "../Dropdown.types";
 declare function useDropdownSelect<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, autoFocus?: boolean, isMenuOpen?: boolean, defaultValue?: T, value?: T, onChange?: (option: T | T[] | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, showSelectedOptions?: boolean, filterOption?: (option: T, inputValue: string) => boolean, id?: string): {
     isOpen: boolean;

package/dist/mocked_classnames/components/Dropdown/modes/DropdownComboboxController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { type DropdownSingleControllerProps } from "../Dropdown.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const DropdownComboboxController: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownSingleControllerProps<Item>) => React.JSX.Element;
 export default DropdownComboboxController;

package/dist/mocked_classnames/components/Dropdown/modes/DropdownMultiComboboxController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { type DropdownMultiControllerProps } from "../Dropdown.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const DropdownMultiComboboxController: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownMultiControllerProps<Item>) => React.JSX.Element;
 export default DropdownMultiComboboxController;

package/dist/mocked_classnames/components/Dropdown/modes/DropdownMultiSelectController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { type DropdownMultiControllerProps } from "../Dropdown.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const DropdownMultiSelectController: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownMultiControllerProps<Item>) => React.JSX.Element;
 export default DropdownMultiSelectController;

package/dist/mocked_classnames/components/Dropdown/modes/DropdownSelectController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { type DropdownSingleControllerProps } from "../Dropdown.types";
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 declare const DropdownSelectController: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownSingleControllerProps<Item>) => React.JSX.Element;
 export default DropdownSelectController;

package/dist/mocked_classnames/components/Dropdown/utils/dropdownUtils.d.ts

@@ -1,3 +1,3 @@
-import { type BaseItemData } from "../../BaseItem";
+import { type BaseItemData } from "@vibe/base-list";
 import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
 export declare function normalizeOptions<Item extends BaseItemData>(options: DropdownListGroup<Item>[] | BaseItemData<Item>[], filter?: string, filterOption?: (option: Item, inputValue: string) => boolean, showSelectedOptions?: boolean, selectedItems?: Item[]): DropdownListGroup<Item>[];

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

@@ -1,5 +1,5 @@
 import type React from "react";
-import type MenuButton from "../../MenuButton/MenuButton";
+import { type MenuButton } from "@vibe/menu-button";
 import type { IconButton } from "@vibe/icon-button";
 import { type ButtonColor } from "@vibe/button";
 export type ModalTopActionsTheme = "light" | "dark";

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

@@ -3,7 +3,7 @@ import { type VibeComponentProps } from "../../types";
 import { type SubIcon } from "@vibe/icon";
 import { type InputSize } from "@vibe/base";
 import type { IconButton } from "@vibe/icon-button";
-import type MenuButton from "../MenuButton/MenuButton";
+import { type MenuButton } from "@vibe/menu-button";
 export interface SearchProps extends VibeComponentProps {
     /**
      * The icon used for the search button.

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

@@ -37,7 +37,7 @@ export * from "./ListItemIcon";
 export * from "./ListTitle";
 export * from "@vibe/loader";
 export { Menu, type MenuProps, MenuItem, type MenuItemProps, MenuItemButton, type MenuItemButtonProps, MenuDivider, type MenuDividerProps, MenuTitle, type MenuTitleProps, MenuGridItem, type MenuGridItemProps, type MenuTitleCaptionPosition } from "@vibe/menu";
-export * from "./MenuButton";
+export * from "@vibe/menu-button";
 export { TextField, type TextFieldProps, type TextFieldType, type TextFieldFeedbackState, type TextFieldSize, TextArea, type TextAreaProps, type TextAreaSize, NumberField, type NumberFieldProps } from "@vibe/text-inputs";
 export * from "./Modal";
 export { Steps, type StepsProps, type StepsType, type StepsDotAriaCurrent, type StepsColor } from "@vibe/wizard";
@@ -46,14 +46,14 @@ export * from "@vibe/progress-bars";
 export * from "@vibe/radio-button";
 export * from "./Search";
 export * from "@vibe/skeleton";
-export * from "./Slider";
+export * from "@vibe/slider";
 export * from "./SplitButton";
 export * from "./Table";
 export * from "@vibe/tabs";
 export { Text, type TextProps, type TextType, type TextWeight } from "@vibe/typography";
 export * from "@vibe/text-with-highlight";
 export * from "@vibe/theme-provider";
-export * from "./Tipseen";
+export * from "@vibe/tipseen";
 export * from "@vibe/toast";
 export { Toggle, type ToggleProps } from "@vibe/toggle";
 export { Tooltip, type TooltipProps, type TooltipPositions, type TooltipTheme } from "@vibe/tooltip";

package/dist/mocked_classnames/components/next/List/List.types.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement, type AriaRole } from "react";
 import { type VibeComponentProps } from "../../../types";
-import { type BaseListSizes, type BaseListElement } from "../../BaseList";
+import { type BaseListSizes, type BaseListElement } from "@vibe/base-list";
 export type ListSize = BaseListSizes;
 export type ListElement = BaseListElement;
 export interface ListProps extends VibeComponentProps {

package/dist/mocked_classnames/components/next/List/ListItem/ListItem.types.d.ts

@@ -1,7 +1,7 @@
 import type React from "react";
 import { type AriaRole } from "react";
 import { type VibeComponentProps } from "../../../../types";
-import { type BaseItemDirection, type BaseItemData, type StartElement, type EndElement } from "../../../BaseItem";
+import { type BaseItemDirection, type BaseItemData, type StartElement, type EndElement } from "@vibe/base-list";
 /**
  * Re-export types from BaseItem for convenience
  */

package/dist/mocked_classnames/components/next/List/ListTitle/ListTitle.types.d.ts

@@ -1,5 +1,5 @@
 import type { VibeComponentProps } from "../../../../types";
-import type { BaseListSizes } from "../../../BaseList/BaseList.types";
+import type { BaseListSizes } from "@vibe/base-list";
 export interface ListTitleProps extends VibeComponentProps {
     /**
      * The title text to display.

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport { Counter } from \"@vibe/counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport { Menu, AvatarMenuItem } from \"@vibe/menu\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  \"aria-label\": \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"8lBAkDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACC,aAAAhB,mBAAmCsC,OAAmBnB,GAClEC,YAAaA,EACbmB,iBAAkBC,EAAEC,EAAA,CAAA,EAAId,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO4C,GAGnC,GAAG,CACD1C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAO,IAAKX,EACLY,UAAWJ,EAAGb,EAAOkB,iBAAkBlB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBqD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEf,EAACC,cAAAe,GACCC,UAAWnB,EACXoB,OAAQ,EACRT,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GAAkB,aAC/D5B,GAAmCsC,GAAAA,OAAM7B,EAAY6B,gBAAAA,OAAenB,GAChFE,wBAAyBA,GAEzBc,EAAAC,cAACkB,EAAI,CAACC,GAAG,OAAOzD,KAAK,SAAS8C,UAAWjB,EAAO6B,KAAMC,sBAAuB,GAC1EhE,EAAsBiE,KAAI,SAACC,EAAQC,eAClC,OAEEzB,EAACC,cAAAyB,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdf,EAAAW,EAAOV,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaK,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOV,aAAO,IAAAkB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAmC,QAAbC,EAAAX,aAAA,EAAAA,EAAQV,aAAK,IAAAqB,OAAA,EAAAA,EAAG,eAC1EpB,QAAS,SAACqB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOV,MAAM,GAEhGwB,2CACKd,EAAOV,OACV,CAAAyB,WAAYC,EACZ,aAAc,GACdpD,UAAW,KAIlB,MAOPY,EAAAC,cAACwC,EAAkC,CACjC/C,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrB6C,QAASpF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGoB,IAAKd,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVoB,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GACzDe,IAAKX,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGoB,IAAKZ,MAnErB,IAuEX"}
+{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport { Counter } from \"@vibe/counter\";\nimport { MenuButton } from \"@vibe/menu-button\";\nimport { Menu, AvatarMenuItem } from \"@vibe/menu\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  \"aria-label\": \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-d3854ac48ae9_4_5_21";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-d3854ac48ae9_4_5_23";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-886ef7c132b6_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-886ef7c132b6_4_5_23";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_5_23";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js

@@ -1,2 +1,2 @@
-var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-6512392a70ad_4_5_21";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent.withoutText {\n  padding: 4px;\n}\na.breadcrumbContent:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n  outline: none;\n}\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent.current {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
+var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-6512392a70ad_4_5_23";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent.withoutText {\n  padding: 4px;\n}\na.breadcrumbContent:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n  outline: none;\n}\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent.current {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_4_5_21";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_4_5_23";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import a from"../../MenuButton/MenuButton.js";import{Menu as s}from"@vibe/menu/mockedClassNames";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";var o=r((function(r,o){var d=r.children,u=r.id,c=r["data-testid"],l=e(r,["children","id","data-testid"]),b=u||"breadcrumb-menu-button",f="".concat(b,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},l),t.createElement(a,{id:b,size:"xxs",closeMenuOnItemClick:!0,"aria-label":"Hidden breadcrumbs menu","data-testid":c||i(n.BREADCRUMB_MENU,u),"aria-controls":f,ref:o},t.createElement(s,{id:f,size:"medium",focusItemIndexOnMount:0,"aria-label":"Expanded breadcrumbs menu"},d)))}));export{o as default};
+import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import{MenuButton as a}from"@vibe/menu-button/mockedClassNames";import{Menu as s}from"@vibe/menu/mockedClassNames";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{getTestId as n}from"../../../tests/testIds.js";var d=r((function(r,d){var o=r.children,c=r.id,u=r["data-testid"],l=e(r,["children","id","data-testid"]),b=c||"breadcrumb-menu-button",f="".concat(b,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},l),t.createElement(a,{id:b,size:"xxs",closeMenuOnItemClick:!0,"aria-label":"Hidden breadcrumbs menu","data-testid":u||n(i.BREADCRUMB_MENU,c),"aria-controls":f,ref:d},t.createElement(s,{id:f,size:"medium",focusItemIndexOnMount:0,"aria-label":"Expanded breadcrumbs menu"},o)))}));export{d as default};
 //# sourceMappingURL=BreadcrumbMenu.js.map