@vibe/core 3.82.4 → 3.83.2

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

@@ -1 +1 @@
-{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport { type VibeComponentProps, type ElementContent, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport { Flex } from \"@vibe/layout\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\n/**\n * @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nexport interface AttentionBoxProps extends VibeComponentProps {\n  // TODO: [breaking] remove prop\n  /**\n   * If true, displays an icon even when no header is provided.\n   */\n  withIconWithoutHeader?: boolean;\n  /**\n   * The type of the AttentionBox.\n   */\n  type?: AttentionBoxType;\n  /**\n   * The icon displayed next to the title or text.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the icon.\n   */\n  iconType?: \"svg\" | \"font\";\n  /**\n   * The title of the component.\n   */\n  title?: string;\n  /**\n   * The text content displayed inside.\n   */\n  text?: string;\n  /**\n   * The content of the component.\n   */\n  children?: ElementContent;\n  // TODO: [breaking] remove prop\n  /**\n   * If true, the icon is not displayed.\n   */\n  withoutIcon?: boolean;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent) => void;\n  /**\n   * If true, renders in compact mode.\n   */\n  compact?: boolean;\n  /**\n   * The label of the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, an entry animation is applied when the component appears.\n   */\n  entryAnimation?: boolean;\n}\n\n/**\n * @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nconst AttentionBox = ({\n  className,\n  withIconWithoutHeader = false,\n  type = \"primary\",\n  icon,\n  iconType = \"svg\",\n  title,\n  text,\n  children,\n  withoutIcon = false,\n  onClose,\n  compact = false,\n  id,\n  \"data-testid\": dataTestId,\n  closeButtonAriaLabel = \"Close\",\n  entryAnimation = false\n}: AttentionBoxProps) => {\n  const defaultIcon = useMemo(() => {\n    return type === \"primary\" ? InfoIcon : AlertIcon;\n  }, [type]);\n\n  const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n  return (\n    <aside\n      className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n        [styles.entryAnimation]: entryAnimation\n      })}\n      role=\"alert\"\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n      data-vibe={ComponentVibeId.ATTENTION_BOX}\n    >\n      {title && (\n        <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n          {!withoutIcon && (\n            <Icon\n              className={styles.icon}\n              iconType={iconType}\n              ariaHidden\n              icon={overrideIcon}\n              ignoreFocusStyle\n              iconSize=\"20\"\n            />\n          )}\n          <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n            {title}\n          </Text>\n        </Flex>\n      )}\n      <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n        {!title && compact && !withoutIcon && withIconWithoutHeader && (\n          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n        )}\n        <Text\n          type=\"text2\"\n          element={compact ? undefined : \"p\"}\n          className={cx(styles.text, {\n            [styles.compact]: compact,\n            [styles.dismissible]: !!onClose,\n            [styles.paragraph]: !compact\n          })}\n        >\n          {text || children}\n        </Text>\n      </Flex>\n      {onClose && (\n        <IconButton\n          size=\"small\"\n          color=\"on-primary-color\"\n          className={styles.closeIcon}\n          wrapperClassName={cx(styles.closeIconWrapper, {\n            [styles.closeIconCompact]: compact\n          })}\n          ariaLabel={closeButtonAriaLabel}\n          hideTooltip\n          icon={CloseSmall}\n          onClick={onClose}\n        />\n      )}\n    </aside>\n  );\n};\n\ninterface AttentionBoxStaticProps {\n  types: typeof AttentionBoxTypeEnum;\n  iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n  types: AttentionBoxTypeEnum,\n  iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"02BA2EA,IAwFeA,EAAAA,GAxFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,QACQ,cAAAnB,GAAcoB,EAAUC,EAAuBC,cAAevB,GAChE,YAAAwB,EAAgBD,eAE1B/B,GACCoB,EAACa,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS5C,UAAW8B,EAAOe,eAAgBC,IAAI,OACvElC,GACAgB,EAAAa,cAACM,EAAI,CACH/C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVyC,YAAU,EACV3C,KAAMqB,EACNuB,kBAAgB,EAChBC,SAAS,OAGbtB,EAACa,cAAAU,GAAK/C,KAAK,QAAQgD,QAAQ,KAAKC,OAAO,SAASrD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAa,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCtC,GAASO,IAAYH,GAAeV,GACpC0B,EAACa,cAAAM,EAAK,CAAAxC,SAAUA,EAAU2C,SAAU,GAAIF,YAAW,EAAA3C,KAAMqB,EAAcuB,sBAEzErB,EAACa,cAAAU,EACC,CAAA/C,KAAK,QACLgD,QAASrC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOwB,cAAgBzC,GACvBiB,EAAOyB,WAAaxC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAa,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACN1D,UAAW8B,EAAO6B,UAClBC,iBAAkB/B,EAAGC,EAAO+B,iBAAgB1B,EAAA,CAAA,EACzCL,EAAOgC,iBAAmB/C,IAE7BgD,UAAW5C,EACX6C,eACA3D,KAAM4D,EACNC,QAASrD,IAKnB,GAO0G,CACxGsD,MAAOC,EACPC,UAAWC"}
+{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport { type VibeComponentProps, type ElementContent, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\n/**\n * @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nexport interface AttentionBoxProps extends VibeComponentProps {\n  // TODO: [breaking] remove prop\n  /**\n   * If true, displays an icon even when no header is provided.\n   */\n  withIconWithoutHeader?: boolean;\n  /**\n   * The type of the AttentionBox.\n   */\n  type?: AttentionBoxType;\n  /**\n   * The icon displayed next to the title or text.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the icon.\n   */\n  iconType?: \"svg\" | \"font\";\n  /**\n   * The title of the component.\n   */\n  title?: string;\n  /**\n   * The text content displayed inside.\n   */\n  text?: string;\n  /**\n   * The content of the component.\n   */\n  children?: ElementContent;\n  // TODO: [breaking] remove prop\n  /**\n   * If true, the icon is not displayed.\n   */\n  withoutIcon?: boolean;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent) => void;\n  /**\n   * If true, renders in compact mode.\n   */\n  compact?: boolean;\n  /**\n   * The label of the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, an entry animation is applied when the component appears.\n   */\n  entryAnimation?: boolean;\n}\n\n/**\n * @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nconst AttentionBox = ({\n  className,\n  withIconWithoutHeader = false,\n  type = \"primary\",\n  icon,\n  iconType = \"svg\",\n  title,\n  text,\n  children,\n  withoutIcon = false,\n  onClose,\n  compact = false,\n  id,\n  \"data-testid\": dataTestId,\n  closeButtonAriaLabel = \"Close\",\n  entryAnimation = false\n}: AttentionBoxProps) => {\n  const defaultIcon = useMemo(() => {\n    return type === \"primary\" ? InfoIcon : AlertIcon;\n  }, [type]);\n\n  const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n  return (\n    <aside\n      className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n        [styles.entryAnimation]: entryAnimation\n      })}\n      role=\"alert\"\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n      data-vibe={ComponentVibeId.ATTENTION_BOX}\n    >\n      {title && (\n        <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n          {!withoutIcon && (\n            <Icon\n              className={styles.icon}\n              iconType={iconType}\n              ariaHidden\n              icon={overrideIcon}\n              ignoreFocusStyle\n              iconSize=\"20\"\n            />\n          )}\n          <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n            {title}\n          </Text>\n        </Flex>\n      )}\n      <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n        {!title && compact && !withoutIcon && withIconWithoutHeader && (\n          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n        )}\n        <Text\n          type=\"text2\"\n          element={compact ? undefined : \"p\"}\n          className={cx(styles.text, {\n            [styles.compact]: compact,\n            [styles.dismissible]: !!onClose,\n            [styles.paragraph]: !compact\n          })}\n        >\n          {text || children}\n        </Text>\n      </Flex>\n      {onClose && (\n        <IconButton\n          size=\"small\"\n          color=\"on-primary-color\"\n          className={styles.closeIcon}\n          wrapperClassName={cx(styles.closeIconWrapper, {\n            [styles.closeIconCompact]: compact\n          })}\n          ariaLabel={closeButtonAriaLabel}\n          hideTooltip\n          icon={CloseSmall}\n          onClick={onClose}\n        />\n      )}\n    </aside>\n  );\n};\n\ninterface AttentionBoxStaticProps {\n  types: typeof AttentionBoxTypeEnum;\n  iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n  types: AttentionBoxTypeEnum,\n  iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"y5BA2EA,IAwFeA,EAAAA,GAxFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,QACQ,cAAAnB,GAAcoB,EAAUC,EAAuBC,cAAevB,GAChE,YAAAwB,EAAgBD,eAE1B/B,GACCoB,EAACa,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS5C,UAAW8B,EAAOe,eAAgBC,IAAI,OACvElC,GACAgB,EAAAa,cAACM,EAAI,CACH/C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVyC,YAAU,EACV3C,KAAMqB,EACNuB,kBAAgB,EAChBC,SAAS,OAGbtB,EAACa,cAAAU,GAAK/C,KAAK,QAAQgD,QAAQ,KAAKC,OAAO,SAASrD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAa,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCtC,GAASO,IAAYH,GAAeV,GACpC0B,EAACa,cAAAM,EAAK,CAAAxC,SAAUA,EAAU2C,SAAU,GAAIF,YAAW,EAAA3C,KAAMqB,EAAcuB,sBAEzErB,EAACa,cAAAU,EACC,CAAA/C,KAAK,QACLgD,QAASrC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOwB,cAAgBzC,GACvBiB,EAAOyB,WAAaxC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAa,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACN1D,UAAW8B,EAAO6B,UAClBC,iBAAkB/B,EAAGC,EAAO+B,iBAAgB1B,EAAA,CAAA,EACzCL,EAAOgC,iBAAmB/C,IAE7BgD,UAAW5C,EACX6C,eACA3D,KAAM4D,EACNC,QAASrD,IAKnB,GAO0G,CACxGsD,MAAOC,EACPC,UAAWC"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as o}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{ElementAllowedColor as m}from"../../utils/colors-vars-map.js";import{getElementColor as d}from"../../types/Colors.js";import{AvatarType as p,AvatarSize as u}from"./AvatarConstants.js";import b from"./AvatarBadge.js";import g from"./AvatarContent.js";import f from"../Tooltip/Tooltip.js";import{ClickableWrapper as v}from"@vibe/clickable/mockedClassNames";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import j from"./Avatar.module.scss.js";import{ComponentVibeId as k}from"../../tests/constants.js";var C=h((function(m){var p=m.id,u=m.type,h=void 0===u?"text":u,C=m.className,E=m.avatarContentWrapperClassName,y=m.textClassName,N=void 0===y?"":y,B=m.size,A=void 0===B?"large":B,x=m.src,P=m.icon,T=m.text,z=m.tooltipProps,O=m.ariaLabel,w=m.withoutTooltip,L=void 0!==w&&w,R=m.role,I=m.backgroundColor,H=void 0===I?"chili-blue":I,q=m.square,S=m.disabled,V=m.tabIndex,W=m.ariaHidden,_=void 0!==W&&W,D=m.topLeftBadgeProps,M=m.topRightBadgeProps,F=m.bottomLeftBadgeProps,G=m.bottomRightBadgeProps,J=m.withoutBorder,K=void 0!==J&&J,Q=m.customSize,U=void 0===Q?null:Q,X=m.customBackgroundColor,Y=void 0===X?null:X,Z=m.onClick,$=m["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:x?{}:{backgroundColor:d(H)}}),[x,H,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),oe=n((function(){if(!L)return z?Object.assign({content:O},z):{content:O}}),[O,z,L]),ae=n((function(){var e=[];return t(D)||e.push(l.createElement("div",{key:"top-left-badge",className:i(j.badge,j.badgeTopLeft)},l.createElement(b,Object.assign({size:A},D)))),t(M)||e.push(l.createElement("div",{key:"top-right-badge",className:i(j.badge,j.badgeTopRight)},l.createElement(b,Object.assign({size:A},M)))),t(F)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(j.badge,j.badgeBottomLeft)},l.createElement(b,Object.assign({size:A},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(j.badge,j.badgeBottomRight)},l.createElement(b,Object.assign({size:A},G)))),e.length>0?l.createElement("div",{className:i(j.badges)},e):null}),[A,D,M,F,G]),re=n((function(){return S||!Z&&!(null==oe?void 0:oe.content)?-1:0}),[S,Z,null==oe?void 0:oe.content]),se=null!=V?V:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,p)}),[Z,p]);return l.createElement("div",{id:p,"data-testid":$||r(s.AVATAR,p),className:i(j.avatar,j[A],C),style:te,"data-vibe":k.AVATAR},l.createElement(v,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:"-1",className:j.clickableWrapper}},l.createElement(f,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},oe),l.createElement("div",{className:i(j.circle,a(j,o("circle--"+h)),e(e(e({},j.disabled,S),j.square,q),j.withoutBorder,K),E),"aria-hidden":_,tabIndex:se,style:Object.assign({},ee)},l.createElement(g,{type:h,size:A,src:x,icon:P,text:T,ariaLabel:O,role:R,textClassName:N})),ae)))}),{types:p,sizes:u,colors:m,backgroundColors:m});export{C as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as o}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{ElementAllowedColor as m}from"../../utils/colors-vars-map.js";import{getElementColor as d}from"../../types/Colors.js";import{AvatarType as p,AvatarSize as u}from"./AvatarConstants.js";import b from"./AvatarBadge.js";import g from"./AvatarContent.js";import{Tooltip as f}from"@vibe/tooltip/mockedClassNames";import{ClickableWrapper as v}from"@vibe/clickable/mockedClassNames";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import j from"./Avatar.module.scss.js";import{ComponentVibeId as k}from"../../tests/constants.js";var C=h((function(m){var p=m.id,u=m.type,h=void 0===u?"text":u,C=m.className,E=m.avatarContentWrapperClassName,N=m.textClassName,y=void 0===N?"":N,B=m.size,A=void 0===B?"large":B,x=m.src,P=m.icon,z=m.text,O=m.tooltipProps,T=m.ariaLabel,w=m.withoutTooltip,L=void 0!==w&&w,R=m.role,I=m.backgroundColor,H=void 0===I?"chili-blue":I,q=m.square,S=m.disabled,V=m.tabIndex,W=m.ariaHidden,_=void 0!==W&&W,D=m.topLeftBadgeProps,M=m.topRightBadgeProps,F=m.bottomLeftBadgeProps,G=m.bottomRightBadgeProps,J=m.withoutBorder,K=void 0!==J&&J,Q=m.customSize,U=void 0===Q?null:Q,X=m.customBackgroundColor,Y=void 0===X?null:X,Z=m.onClick,$=m["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:x?{}:{backgroundColor:d(H)}}),[x,H,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),oe=n((function(){if(!L)return O?Object.assign({content:T},O):{content:T}}),[T,O,L]),ae=n((function(){var e=[];return t(D)||e.push(l.createElement("div",{key:"top-left-badge",className:i(j.badge,j.badgeTopLeft)},l.createElement(b,Object.assign({size:A},D)))),t(M)||e.push(l.createElement("div",{key:"top-right-badge",className:i(j.badge,j.badgeTopRight)},l.createElement(b,Object.assign({size:A},M)))),t(F)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(j.badge,j.badgeBottomLeft)},l.createElement(b,Object.assign({size:A},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(j.badge,j.badgeBottomRight)},l.createElement(b,Object.assign({size:A},G)))),e.length>0?l.createElement("div",{className:i(j.badges)},e):null}),[A,D,M,F,G]),re=n((function(){return S||!Z&&!(null==oe?void 0:oe.content)?-1:0}),[S,Z,null==oe?void 0:oe.content]),se=null!=V?V:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,p)}),[Z,p]);return l.createElement("div",{id:p,"data-testid":$||r(s.AVATAR,p),className:i(j.avatar,j[A],C),style:te,"data-vibe":k.AVATAR},l.createElement(v,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:"-1",className:j.clickableWrapper}},l.createElement(f,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},oe),l.createElement("div",{className:i(j.circle,a(j,o("circle--"+h)),e(e(e({},j.disabled,S),j.square,q),j.withoutBorder,K),E),"aria-hidden":_,tabIndex:se,style:Object.assign({},ee)},l.createElement(g,{type:h,size:A,src:x,icon:P,text:z,ariaLabel:T,role:R,textClassName:y})),ae)))}),{types:p,sizes:u,colors:m,backgroundColors:m});export{C as default};
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n  /**\n   * The image source for the avatar.\n   */\n  src?: string;\n  /**\n   * The text displayed inside the avatar.\n   */\n  text?: string;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The ARIA label of the avatar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the tooltip is disabled.\n   */\n  withoutTooltip?: boolean;\n  /**\n   * The icon displayed inside the avatar.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the avatar.\n   */\n  type?: AvatarType;\n  /**\n   * Class name applied to the text inside the avatar.\n   */\n  textClassName?: string;\n  /**\n   * Class name applied to the avatar content wrapper.\n   */\n  avatarContentWrapperClassName?: string;\n  /**\n   * The background color of the avatar.\n   */\n  backgroundColor?: ElementAllowedColor;\n  /**\n   * A custom background color.\n   */\n  customBackgroundColor?: string;\n  /**\n   * The ARIA role of the avatar.\n   */\n  role?: AriaRole;\n  /**\n   * The size of the avatar.\n   */\n  size?: AvatarSize;\n  /**\n   * A custom size in pixels.\n   */\n  customSize?: number;\n  /**\n   * The tab index of the avatar.\n   */\n  tabIndex?: number;\n  /**\n   * If true, the avatar is hidden from assistive technologies.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, the avatar is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, renders the avatar as a square instead of a circle.\n   */\n  square?: boolean;\n  /**\n   * Props for the top-left badge.\n   */\n  topLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the top-right badge.\n   */\n  topRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-left badge.\n   */\n  bottomLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-right badge.\n   */\n  bottomRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * If true, removes the avatar's border.\n   */\n  withoutBorder?: boolean;\n  /**\n   * Callback fired when the avatar is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n  id,\n  type = \"text\",\n  className,\n  avatarContentWrapperClassName,\n  textClassName = \"\",\n  size = \"large\",\n  src,\n  icon,\n  text,\n  tooltipProps,\n  ariaLabel,\n  withoutTooltip = false,\n  role,\n  backgroundColor = \"chili-blue\",\n  square,\n  disabled,\n  tabIndex,\n  ariaHidden = false,\n  topLeftBadgeProps,\n  topRightBadgeProps,\n  bottomLeftBadgeProps,\n  bottomRightBadgeProps,\n  withoutBorder = false,\n  customSize = null,\n  customBackgroundColor = null,\n  onClick,\n  \"data-testid\": dataTestId\n}: AvatarProps) => {\n  const backgroundColorStyle = useMemo(() => {\n    if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n    return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n  }, [src, backgroundColor, customBackgroundColor]);\n  const sizeStyle = useMemo(() => {\n    return customSize ? { height: customSize, width: customSize } : {};\n  }, [customSize]);\n\n  const overrideTooltipProps = useMemo(() => {\n    if (withoutTooltip) return undefined;\n\n    if (tooltipProps) {\n      return { content: ariaLabel, ...tooltipProps };\n    } else {\n      return { content: ariaLabel };\n    }\n  }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n  const badgesContainer = useMemo(() => {\n    const badges = [];\n    if (!isNil(topLeftBadgeProps)) {\n      badges.push(\n        <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n          <AvatarBadge size={size} {...topLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(topRightBadgeProps)) {\n      badges.push(\n        <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n          <AvatarBadge size={size} {...topRightBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomLeftBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n          <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomRightBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n          <AvatarBadge size={size} {...bottomRightBadgeProps} />\n        </div>\n      );\n    }\n\n    return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n  }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n  const defaultTabIndex = useMemo(() => {\n    if (!disabled && (onClick || overrideTooltipProps?.content)) {\n      return 0;\n    }\n    return -1;\n  }, [disabled, onClick, overrideTooltipProps?.content]);\n\n  const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n  const clickHandler = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      event.preventDefault();\n      if (onClick) {\n        onClick(event, id);\n      }\n    },\n    [onClick, id]\n  );\n\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR, id)}\n      className={cx(styles.avatar, styles[size], className)}\n      style={sizeStyle}\n      data-vibe={ComponentVibeId.AVATAR}\n    >\n      <ClickableWrapper\n        isClickable={!!onClick}\n        clickableProps={{\n          onClick: clickHandler,\n          tabIndex: \"-1\",\n          className: styles.clickableWrapper\n        }}\n      >\n        <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n          <div\n            className={cx(\n              styles.circle,\n              getStyle(styles, camelCase(\"circle--\" + type)),\n              {\n                [styles.disabled]: disabled,\n                [styles.square]: square,\n                [styles.withoutBorder]: withoutBorder\n              },\n              avatarContentWrapperClassName\n            )}\n            aria-hidden={ariaHidden}\n            tabIndex={overrideTabIndex}\n            style={{ ...backgroundColorStyle }}\n          >\n            <AvatarContent\n              type={type}\n              size={size}\n              src={src}\n              icon={icon}\n              text={text}\n              ariaLabel={ariaLabel}\n              role={role}\n              textClassName={textClassName}\n            />\n          </div>\n          {badgesContainer}\n        </Tooltip>\n      </ClickableWrapper>\n    </div>\n  );\n};\n\ninterface AvatarStaticProps {\n  types: typeof AvatarTypeEnum;\n  sizes: typeof AvatarSizeEnum;\n  colors: typeof ElementAllowedColorEnum;\n  backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum,\n  colors: ElementAllowedColorEnum,\n  backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n  /**\n   * The image source for the avatar.\n   */\n  src?: string;\n  /**\n   * The text displayed inside the avatar.\n   */\n  text?: string;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The ARIA label of the avatar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the tooltip is disabled.\n   */\n  withoutTooltip?: boolean;\n  /**\n   * The icon displayed inside the avatar.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the avatar.\n   */\n  type?: AvatarType;\n  /**\n   * Class name applied to the text inside the avatar.\n   */\n  textClassName?: string;\n  /**\n   * Class name applied to the avatar content wrapper.\n   */\n  avatarContentWrapperClassName?: string;\n  /**\n   * The background color of the avatar.\n   */\n  backgroundColor?: ElementAllowedColor;\n  /**\n   * A custom background color.\n   */\n  customBackgroundColor?: string;\n  /**\n   * The ARIA role of the avatar.\n   */\n  role?: AriaRole;\n  /**\n   * The size of the avatar.\n   */\n  size?: AvatarSize;\n  /**\n   * A custom size in pixels.\n   */\n  customSize?: number;\n  /**\n   * The tab index of the avatar.\n   */\n  tabIndex?: number;\n  /**\n   * If true, the avatar is hidden from assistive technologies.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, the avatar is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, renders the avatar as a square instead of a circle.\n   */\n  square?: boolean;\n  /**\n   * Props for the top-left badge.\n   */\n  topLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the top-right badge.\n   */\n  topRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-left badge.\n   */\n  bottomLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-right badge.\n   */\n  bottomRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * If true, removes the avatar's border.\n   */\n  withoutBorder?: boolean;\n  /**\n   * Callback fired when the avatar is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n  id,\n  type = \"text\",\n  className,\n  avatarContentWrapperClassName,\n  textClassName = \"\",\n  size = \"large\",\n  src,\n  icon,\n  text,\n  tooltipProps,\n  ariaLabel,\n  withoutTooltip = false,\n  role,\n  backgroundColor = \"chili-blue\",\n  square,\n  disabled,\n  tabIndex,\n  ariaHidden = false,\n  topLeftBadgeProps,\n  topRightBadgeProps,\n  bottomLeftBadgeProps,\n  bottomRightBadgeProps,\n  withoutBorder = false,\n  customSize = null,\n  customBackgroundColor = null,\n  onClick,\n  \"data-testid\": dataTestId\n}: AvatarProps) => {\n  const backgroundColorStyle = useMemo(() => {\n    if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n    return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n  }, [src, backgroundColor, customBackgroundColor]);\n  const sizeStyle = useMemo(() => {\n    return customSize ? { height: customSize, width: customSize } : {};\n  }, [customSize]);\n\n  const overrideTooltipProps = useMemo(() => {\n    if (withoutTooltip) return undefined;\n\n    if (tooltipProps) {\n      return { content: ariaLabel, ...tooltipProps };\n    } else {\n      return { content: ariaLabel };\n    }\n  }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n  const badgesContainer = useMemo(() => {\n    const badges = [];\n    if (!isNil(topLeftBadgeProps)) {\n      badges.push(\n        <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n          <AvatarBadge size={size} {...topLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(topRightBadgeProps)) {\n      badges.push(\n        <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n          <AvatarBadge size={size} {...topRightBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomLeftBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n          <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomRightBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n          <AvatarBadge size={size} {...bottomRightBadgeProps} />\n        </div>\n      );\n    }\n\n    return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n  }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n  const defaultTabIndex = useMemo(() => {\n    if (!disabled && (onClick || overrideTooltipProps?.content)) {\n      return 0;\n    }\n    return -1;\n  }, [disabled, onClick, overrideTooltipProps?.content]);\n\n  const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n  const clickHandler = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      event.preventDefault();\n      if (onClick) {\n        onClick(event, id);\n      }\n    },\n    [onClick, id]\n  );\n\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR, id)}\n      className={cx(styles.avatar, styles[size], className)}\n      style={sizeStyle}\n      data-vibe={ComponentVibeId.AVATAR}\n    >\n      <ClickableWrapper\n        isClickable={!!onClick}\n        clickableProps={{\n          onClick: clickHandler,\n          tabIndex: \"-1\",\n          className: styles.clickableWrapper\n        }}\n      >\n        <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n          <div\n            className={cx(\n              styles.circle,\n              getStyle(styles, camelCase(\"circle--\" + type)),\n              {\n                [styles.disabled]: disabled,\n                [styles.square]: square,\n                [styles.withoutBorder]: withoutBorder\n              },\n              avatarContentWrapperClassName\n            )}\n            aria-hidden={ariaHidden}\n            tabIndex={overrideTabIndex}\n            style={{ ...backgroundColorStyle }}\n          >\n            <AvatarContent\n              type={type}\n              size={size}\n              src={src}\n              icon={icon}\n              text={text}\n              ariaLabel={ariaLabel}\n              role={role}\n              textClassName={textClassName}\n            />\n          </div>\n          {badgesContainer}\n        </Tooltip>\n      </ClickableWrapper>\n    </div>\n  );\n};\n\ninterface AvatarStaticProps {\n  types: typeof AvatarTypeEnum;\n  sizes: typeof AvatarSizeEnum;\n  colors: typeof ElementAllowedColorEnum;\n  backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum,\n  colors: ElementAllowedColorEnum,\n  backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\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   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id} data-vibe={ComponentVibeId.AVATAR_GROUP}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAmDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\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   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id} data-vibe={ComponentVibeId.AVATAR_GROUP}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAmDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_82_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_83_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.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 } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * 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        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={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","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}
+{"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 } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\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        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={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","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","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-7f36163b89a3_3_82_3";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-left: calc(-1 * var(--spacing-small));\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(--spacing-xs);\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-7f36163b89a3_3_83_1";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-left: calc(-1 * var(--spacing-small));\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(--spacing-xs);\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/AvatarGroupCounterTooltipContainer.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as t,useRef as r,useMemo as n,useCallback as i}from"react";import l from"../Tooltip/Tooltip.js";import a from"./AvatarGroupCounterTooltipContent.js";import{useTooltipContentTabNavigation as s}from"./AvatarGroupCounterTooltipHelper.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as u}from"./AvatarGroupConstants.js";var c=function(c){var p=c.focusPrevPlaceholderRef,f=c.focusNextPlaceholderRef,d=c.counterContainerRef,m=c.children,v=void 0===m?[]:m,T=c.avatars,C=void 0===T?[]:T,h=c.type,g=c.className,P=c.counterTooltipCustomProps,R=c.counterTooltipIsVirtualizedList,b=void 0!==R&&R,j=t(!1),y=e(j,2),A=y[0],N=y[1],V=r(null),x=n((function(){return(null==P?void 0:P.content)||o.createElement(a,{avatars:C,type:h,className:g,isVirtualizedList:b,tooltipContentContainerRef:V})}),[C,g,null==P?void 0:P.content,b,h]);s({counterContainerRef:d,tooltipContentContainerRef:V,focusPrevPlaceholderRef:p,focusNextPlaceholderRef:f,setIsKeyboardTooltipVisible:N,isKeyboardTooltipVisible:A});var E=i((function(){N(!1)}),[]);return(null==C?void 0:C.length)||(null==P?void 0:P.content)?o.createElement(l,Object.assign({open:A,hideDelay:u,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],onTooltipHide:E},P||{},{content:x}),v):o.createElement(o.Fragment,null,v)};export{c as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as t,useRef as r,useMemo as n,useCallback as i}from"react";import{Tooltip as l}from"@vibe/tooltip/mockedClassNames";import a from"./AvatarGroupCounterTooltipContent.js";import{useTooltipContentTabNavigation as s}from"./AvatarGroupCounterTooltipHelper.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as u}from"./AvatarGroupConstants.js";var c=function(c){var p=c.focusPrevPlaceholderRef,m=c.focusNextPlaceholderRef,d=c.counterContainerRef,f=c.children,v=void 0===f?[]:f,C=c.avatars,T=void 0===C?[]:C,h=c.type,g=c.className,P=c.counterTooltipCustomProps,R=c.counterTooltipIsVirtualizedList,b=void 0!==R&&R,y=t(!1),j=e(y,2),N=j[0],A=j[1],V=r(null),x=n((function(){return(null==P?void 0:P.content)||o.createElement(a,{avatars:T,type:h,className:g,isVirtualizedList:b,tooltipContentContainerRef:V})}),[T,g,null==P?void 0:P.content,b,h]);s({counterContainerRef:d,tooltipContentContainerRef:V,focusPrevPlaceholderRef:p,focusNextPlaceholderRef:m,setIsKeyboardTooltipVisible:A,isKeyboardTooltipVisible:N});var E=i((function(){A(!1)}),[]);return(null==T?void 0:T.length)||(null==P?void 0:P.content)?o.createElement(l,Object.assign({open:N,hideDelay:u,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],onTooltipHide:E},P||{},{content:x}),v):o.createElement(o.Fragment,null,v)};export{c as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipContainer.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx"],"sourcesContent":["import React, { type ReactElement, type RefObject, useCallback, useMemo, useRef, useState } from \"react\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport { AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {\n  /**\n   * The type of avatars displayed in the tooltip.\n   */\n  type?: AvatarType;\n  /**\n   * The counter element and focus placeholders.\n   */\n  children?: ReactElement[];\n  /**\n   * The list of avatars displayed inside the tooltip.\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * Ref for the element before the tooltip content, used for keyboard navigation.\n   */\n  focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;\n  /**\n   * Ref for the element after the tooltip content, used for keyboard navigation.\n   */\n  focusNextPlaceholderRef?: RefObject<HTMLDivElement>;\n  /**\n   * Ref for the counter container element.\n   */\n  counterContainerRef?: RefObject<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps> = ({\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  counterContainerRef,\n  children = [],\n  avatars = [],\n  type,\n  className,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false\n}) => {\n  const [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible] = useState(false);\n  const tooltipContentContainerRef = useRef(null);\n  const tooltipContent = useMemo(\n    () =>\n      counterTooltipCustomProps?.content || (\n        <AvatarGroupCounterTooltipContent\n          avatars={avatars}\n          type={type}\n          className={className}\n          isVirtualizedList={counterTooltipIsVirtualizedList}\n          tooltipContentContainerRef={tooltipContentContainerRef}\n        />\n      ),\n    [avatars, className, counterTooltipCustomProps?.content, counterTooltipIsVirtualizedList, type]\n  );\n\n  useTooltipContentTabNavigation({\n    counterContainerRef,\n    tooltipContentContainerRef,\n    focusPrevPlaceholderRef,\n    focusNextPlaceholderRef,\n    setIsKeyboardTooltipVisible,\n    isKeyboardTooltipVisible\n  });\n\n  // Tooltip props\n  const onHide = useCallback(() => {\n    setIsKeyboardTooltipVisible(false);\n  }, []);\n\n  if (!avatars?.length && !counterTooltipCustomProps?.content) {\n    return <>{children}</>;\n  }\n  return (\n    <Tooltip\n      open={isKeyboardTooltipVisible}\n      hideDelay={AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      onTooltipHide={onHide}\n      {...(counterTooltipCustomProps || {})}\n      content={tooltipContent}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContainer;\n"],"names":["AvatarGroupCounterTooltipContainer","_ref","focusPrevPlaceholderRef","focusNextPlaceholderRef","counterContainerRef","_ref$children","children","_ref$avatars","avatars","type","className","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_useState","useState","_useState2","_slicedToArray","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","tooltipContentContainerRef","useRef","tooltipContent","useMemo","content","React","createElement","AvatarGroupCounterTooltipContent","isVirtualizedList","useTooltipContentTabNavigation","onHide","useCallback","length","Tooltip","open","hideDelay","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","showTrigger","hideTrigger","onTooltipHide","Fragment"],"mappings":"iaA4CA,IAAMA,EAAwF,SAAtDC,GAUnC,IATHC,EAAuBD,EAAvBC,wBACAC,EAAuBF,EAAvBE,wBACAC,EAAmBH,EAAnBG,oBAAmBC,EAAAJ,EACnBK,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACbO,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIR,EAAJQ,KACAC,EAAST,EAATS,UACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EAEvCE,EAAgEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxEI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GACtDI,EAA6BC,EAAO,MACpCC,EAAiBC,GACrB,WAAA,OACEZ,aAAyB,EAAzBA,EAA2Ba,UACzBC,EAAAC,cAACC,EAAgC,CAC/BnB,QAASA,EACTC,KAAMA,EACNC,UAAWA,EACXkB,kBAAmBf,EACnBO,2BAA4BA,GAGlC,GAAA,CAACZ,EAASE,EAAWC,aAAA,EAAAA,EAA2Ba,QAASX,EAAiCJ,IAG5FoB,EAA+B,CAC7BzB,oBAAAA,EACAgB,2BAAAA,EACAlB,wBAAAA,EACAC,wBAAAA,EACAgB,4BAAAA,EACAD,yBAAAA,IAIF,IAAMY,EAASC,GAAY,WACzBZ,GAA4B,EAC7B,GAAE,IAEH,OAAKX,aAAA,EAAAA,EAASwB,UAAWrB,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}
+{"version":3,"file":"AvatarGroupCounterTooltipContainer.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx"],"sourcesContent":["import React, { type ReactElement, type RefObject, useCallback, useMemo, useRef, useState } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport { AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {\n  /**\n   * The type of avatars displayed in the tooltip.\n   */\n  type?: AvatarType;\n  /**\n   * The counter element and focus placeholders.\n   */\n  children?: ReactElement[];\n  /**\n   * The list of avatars displayed inside the tooltip.\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * Ref for the element before the tooltip content, used for keyboard navigation.\n   */\n  focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;\n  /**\n   * Ref for the element after the tooltip content, used for keyboard navigation.\n   */\n  focusNextPlaceholderRef?: RefObject<HTMLDivElement>;\n  /**\n   * Ref for the counter container element.\n   */\n  counterContainerRef?: RefObject<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps> = ({\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  counterContainerRef,\n  children = [],\n  avatars = [],\n  type,\n  className,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false\n}) => {\n  const [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible] = useState(false);\n  const tooltipContentContainerRef = useRef(null);\n  const tooltipContent = useMemo(\n    () =>\n      counterTooltipCustomProps?.content || (\n        <AvatarGroupCounterTooltipContent\n          avatars={avatars}\n          type={type}\n          className={className}\n          isVirtualizedList={counterTooltipIsVirtualizedList}\n          tooltipContentContainerRef={tooltipContentContainerRef}\n        />\n      ),\n    [avatars, className, counterTooltipCustomProps?.content, counterTooltipIsVirtualizedList, type]\n  );\n\n  useTooltipContentTabNavigation({\n    counterContainerRef,\n    tooltipContentContainerRef,\n    focusPrevPlaceholderRef,\n    focusNextPlaceholderRef,\n    setIsKeyboardTooltipVisible,\n    isKeyboardTooltipVisible\n  });\n\n  // Tooltip props\n  const onHide = useCallback(() => {\n    setIsKeyboardTooltipVisible(false);\n  }, []);\n\n  if (!avatars?.length && !counterTooltipCustomProps?.content) {\n    return <>{children}</>;\n  }\n  return (\n    <Tooltip\n      open={isKeyboardTooltipVisible}\n      hideDelay={AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      onTooltipHide={onHide}\n      {...(counterTooltipCustomProps || {})}\n      content={tooltipContent}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContainer;\n"],"names":["AvatarGroupCounterTooltipContainer","_ref","focusPrevPlaceholderRef","focusNextPlaceholderRef","counterContainerRef","_ref$children","children","_ref$avatars","avatars","type","className","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_useState","useState","_useState2","_slicedToArray","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","tooltipContentContainerRef","useRef","tooltipContent","useMemo","content","React","createElement","AvatarGroupCounterTooltipContent","isVirtualizedList","useTooltipContentTabNavigation","onHide","useCallback","length","Tooltip","open","hideDelay","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","showTrigger","hideTrigger","onTooltipHide","Fragment"],"mappings":"qbA4CA,IAAMA,EAAwF,SAAtDC,GAUnC,IATHC,EAAuBD,EAAvBC,wBACAC,EAAuBF,EAAvBE,wBACAC,EAAmBH,EAAnBG,oBAAmBC,EAAAJ,EACnBK,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACbO,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIR,EAAJQ,KACAC,EAAST,EAATS,UACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EAEvCE,EAAgEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxEI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GACtDI,EAA6BC,EAAO,MACpCC,EAAiBC,GACrB,WAAA,OACEZ,aAAyB,EAAzBA,EAA2Ba,UACzBC,EAAAC,cAACC,EAAgC,CAC/BnB,QAASA,EACTC,KAAMA,EACNC,UAAWA,EACXkB,kBAAmBf,EACnBO,2BAA4BA,GAGlC,GAAA,CAACZ,EAASE,EAAWC,aAAA,EAAAA,EAA2Ba,QAASX,EAAiCJ,IAG5FoB,EAA+B,CAC7BzB,oBAAAA,EACAgB,2BAAAA,EACAlB,wBAAAA,EACAC,wBAAAA,EACAgB,4BAAAA,EACAD,yBAAAA,IAIF,IAAMY,EAASC,GAAY,WACzBZ,GAA4B,EAC7B,GAAE,IAEH,OAAKX,aAAA,EAAAA,EAASwB,UAAWrB,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}

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-f3cc0fae9cc4_3_82_3";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-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\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-right: 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-f3cc0fae9cc4_3_83_1";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-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\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-right: 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-700dae3ddae4_3_82_3";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-700dae3ddae4_3_83_1";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/Badge/Badge.module.scss.js

@@ -1,2 +1,2 @@
-var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{t as default};
+var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{t as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useMemo as r}from"react";import i from"classnames";import l from"./BaseItem.module.scss.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import n from"../Text/Text.js";import a from"../Tooltip/Tooltip.js";import{renderSideElement as m}from"./utils.js";var d=o((function(o,d){var p=o.className,c=o.id,v=o.component,u=void 0===v?"li":v,f=o.size,g=void 0===f?"medium":f,h=o.selected,b=void 0!==h&&h,j=o.readOnly,E=void 0!==j&&j,y=o.highlighted,x=void 0!==y&&y,P=o.role,O=o.dir,T=void 0===O?"auto":O,N=o.itemRenderer,B=o.itemProps,H=void 0===B?{}:B,S=o.item,_=void 0===S?{}:S,w=_.label,z=void 0===w?"":w,C=_.disabled,F=void 0!==C&&C,I=_.startElement,M=_.endElement,R=_.tooltipProps,k=void 0===R?{}:R,q=r((function(){return i(l.wrapper,e(e(e(e({},l.selected,b),l.disabled,F),l.highlighted,x),l.readOnly,E),s(l,g),p)}),[b,F,x,E,g,p]),A="small"===g?"text2":"text1",D=u;return t.createElement(a,Object.assign({},k,{content:null==k?void 0:k.content,position:"rtl"===T?"right":"left",containerSelector:"body"}),t.createElement(D,Object.assign({id:c,ref:d,className:q,role:P},H,{"aria-selected":b}),N?N(_):t.createElement(t.Fragment,null,I&&m(I,F,A),t.createElement(n,{type:A,color:"inherit",tooltipProps:{containerSelector:"body"}},z),M&&t.createElement("div",{className:l.endElement},m(M,F,A)))))}));export{d as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useMemo as r}from"react";import i from"classnames";import l from"./BaseItem.module.scss.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import{Text as a}from"@vibe/typography/mockedClassNames";import{Tooltip as m}from"@vibe/tooltip/mockedClassNames";import{renderSideElement as d}from"./utils.js";var n=o((function(o,n){var c=o.className,p=o.id,v=o.component,u=void 0===v?"li":v,f=o.size,b=void 0===f?"medium":f,g=o.selected,h=void 0!==g&&g,y=o.readOnly,E=void 0!==y&&y,j=o.highlighted,N=void 0!==j&&j,P=o.role,O=o.dir,x=void 0===O?"auto":O,C=o.itemRenderer,k=o.itemProps,B=void 0===k?{}:k,H=o.item,S=void 0===H?{}:H,_=S.label,w=void 0===_?"":_,z=S.disabled,F=void 0!==z&&z,I=S.startElement,M=S.endElement,R=S.tooltipProps,q=void 0===R?{}:R,A=r((function(){return i(l.wrapper,e(e(e(e({},l.selected,h),l.disabled,F),l.highlighted,N),l.readOnly,E),s(l,b),c)}),[h,F,N,E,b,c]),D="small"===b?"text2":"text1",G=u;return t.createElement(m,Object.assign({},q,{content:null==q?void 0:q.content,position:"rtl"===x?"right":"left",containerSelector:"body"}),t.createElement(G,Object.assign({id:p,ref:n,className:A,role:P},B,{"aria-selected":h}),C?C(S):t.createElement(t.Fragment,null,I&&d(I,F,D),t.createElement(a,{type:D,color:"inherit",tooltipProps:{containerSelector:"body"}},w),M&&t.createElement("div",{className:l.endElement},d(M,F,D)))))}));export{n as default};
 //# sourceMappingURL=BaseItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseItem.js","sources":["../../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseItem.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { Tooltip } from \"../Tooltip\";\nimport { type TextType } from \"../Text\";\nimport { renderSideElement } from \"./utils\";\n\nconst BaseItem = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      className,\n      id,\n      component = \"li\",\n      size = \"medium\",\n      selected = false,\n      readOnly = false,\n      highlighted = false,\n      role,\n      index: _index,\n      dir = \"auto\",\n      itemRenderer,\n      itemProps = {},\n      item = {} as BaseItemData<Item>\n    }: BaseItemProps<Item>,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n    const listItemClassNames = useMemo(\n      () =>\n        cx(\n          styles.wrapper,\n          {\n            [styles.selected]: selected,\n            [styles.disabled]: disabled,\n            [styles.highlighted]: highlighted,\n            [styles.readOnly]: readOnly\n          },\n          getStyle(styles, size),\n          className\n        ),\n      [selected, disabled, highlighted, readOnly, size, className]\n    );\n\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n    const Element = component as React.ElementType;\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        content={tooltipProps?.content}\n        position={dir === \"rtl\" ? \"right\" : \"left\"}\n        containerSelector=\"body\"\n      >\n        <Element id={id} ref={ref} className={listItemClassNames} role={role} {...itemProps} aria-selected={selected}>\n          {itemRenderer ? (\n            itemRenderer(item)\n          ) : (\n            <>\n              {startElement && renderSideElement(startElement, disabled, textVariant)}\n              <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n                {label}\n              </Text>\n              {endElement && (\n                <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n              )}\n            </>\n          )}\n        </Element>\n      </Tooltip>\n    );\n  }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n  props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","Fragment","renderSideElement","Text","type","color"],"mappings":"+XAUMA,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAIjCE,EAAsFD,EAA9EE,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEH,EAAlEI,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDL,EAAhDK,aAAcC,EAAkCN,EAAlCM,WAAUC,EAAwBP,EAAtBQ,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAC3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,KAEXF,EAAOxB,SAAWA,GAClBwB,EAAOR,SAAWA,GAClBQ,EAAOpB,YAAcA,GACrBoB,EAAOtB,SAAWA,GAErByB,EAASH,EAAQ1B,GACjBL,EACD,GACH,CAACO,EAAUgB,EAAUZ,EAAaF,EAAUJ,EAAML,IAG9CmC,EAAiC,UAAT9B,EAAmB,QAAU,QACrD+B,EAAUjC,EAEhB,OACEkC,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EACFd,EACJ,CAAAe,QAASf,aAAA,EAAAA,EAAce,QACvBC,SAAkB,QAAR7B,EAAgB,QAAU,OACpC8B,kBAAkB,SAElBP,EAAAC,cAACF,EAAOI,OAAAC,OAAA,CAACxC,GAAIA,EAAIF,IAAKA,EAAKC,UAAW4B,EAAoBhB,KAAMA,GAAUK,mBAA0BV,IACjGQ,EACCA,EAAaI,GAEbkB,EAAAC,cAAAD,EAAAQ,SAAA,KACGrB,GAAgBsB,EAAkBtB,EAAcD,EAAUY,GAC3DE,EAAAC,cAACS,EAAK,CAAAC,KAAMb,EAAac,MAAM,UAAUtB,aAAc,CAAEiB,kBAAmB,SACzEvB,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKtC,UAAW+B,EAAON,YAAaqB,EAAkBrB,EAAYF,EAAUY,MAO1F"}
+{"version":3,"file":"BaseItem.js","sources":["../../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseItem.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { renderSideElement } from \"./utils\";\n\nconst BaseItem = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      className,\n      id,\n      component = \"li\",\n      size = \"medium\",\n      selected = false,\n      readOnly = false,\n      highlighted = false,\n      role,\n      index: _index,\n      dir = \"auto\",\n      itemRenderer,\n      itemProps = {},\n      item = {} as BaseItemData<Item>\n    }: BaseItemProps<Item>,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n    const listItemClassNames = useMemo(\n      () =>\n        cx(\n          styles.wrapper,\n          {\n            [styles.selected]: selected,\n            [styles.disabled]: disabled,\n            [styles.highlighted]: highlighted,\n            [styles.readOnly]: readOnly\n          },\n          getStyle(styles, size),\n          className\n        ),\n      [selected, disabled, highlighted, readOnly, size, className]\n    );\n\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n    const Element = component as React.ElementType;\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        content={tooltipProps?.content}\n        position={dir === \"rtl\" ? \"right\" : \"left\"}\n        containerSelector=\"body\"\n      >\n        <Element id={id} ref={ref} className={listItemClassNames} role={role} {...itemProps} aria-selected={selected}>\n          {itemRenderer ? (\n            itemRenderer(item)\n          ) : (\n            <>\n              {startElement && renderSideElement(startElement, disabled, textVariant)}\n              <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n                {label}\n              </Text>\n              {endElement && (\n                <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n              )}\n            </>\n          )}\n        </Element>\n      </Tooltip>\n    );\n  }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n  props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","Fragment","renderSideElement","Text","type","color"],"mappings":"6aASMA,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAIjCE,EAAsFD,EAA9EE,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEH,EAAlEI,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDL,EAAhDK,aAAcC,EAAkCN,EAAlCM,WAAUC,EAAwBP,EAAtBQ,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAC3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,KAEXF,EAAOxB,SAAWA,GAClBwB,EAAOR,SAAWA,GAClBQ,EAAOpB,YAAcA,GACrBoB,EAAOtB,SAAWA,GAErByB,EAASH,EAAQ1B,GACjBL,EACD,GACH,CAACO,EAAUgB,EAAUZ,EAAaF,EAAUJ,EAAML,IAG9CmC,EAAiC,UAAT9B,EAAmB,QAAU,QACrD+B,EAAUjC,EAEhB,OACEkC,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EACFd,EACJ,CAAAe,QAASf,aAAA,EAAAA,EAAce,QACvBC,SAAkB,QAAR7B,EAAgB,QAAU,OACpC8B,kBAAkB,SAElBP,EAAAC,cAACF,EAAOI,OAAAC,OAAA,CAACxC,GAAIA,EAAIF,IAAKA,EAAKC,UAAW4B,EAAoBhB,KAAMA,GAAUK,mBAA0BV,IACjGQ,EACCA,EAAaI,GAEbkB,EAAAC,cAAAD,EAAAQ,SAAA,KACGrB,GAAgBsB,EAAkBtB,EAAcD,EAAUY,GAC3DE,EAAAC,cAACS,EAAK,CAAAC,KAAMb,EAAac,MAAM,UAAUtB,aAAc,CAAEiB,kBAAmB,SACzEvB,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKtC,UAAW+B,EAAON,YAAaqB,EAAkBrB,EAAYF,EAAUY,MAO1F"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-410c7e21b012_3_82_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper.highlighted {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--spacing-small);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-410c7e21b012_3_83_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper.highlighted {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--spacing-small);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

package/dist/mocked_classnames/src/components/BaseItem/utils.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseItem.module.scss.js";import{Icon as a}from"@vibe/icon/mockedClassNames";import s from"../Text/Text.js";function c(c,o,m){switch(c.type){case"avatar":return e.createElement(t,{className:r.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return e.createElement(a,{className:r.icon,icon:c.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(s,{type:m,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
+import{Text as e}from"@vibe/typography/mockedClassNames";import a from"react";import r from"../Avatar/Avatar.js";import t from"./BaseItem.module.scss.js";import{Icon as s}from"@vibe/icon/mockedClassNames";function c(c,o,m){switch(c.type){case"avatar":return a.createElement(r,{className:t.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return a.createElement(s,{className:t.icon,icon:c.value,iconSize:20});case"indent":return a.createElement("div",{className:t.indent});case"suffix":return a.createElement(e,{type:m,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
 //# sourceMappingURL=utils.js.map

package/dist/mocked_classnames/src/components/BaseItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { type TextType } from \"../Text\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\nimport Text from \"../Text/Text\";\n\nexport function renderSideElement(\n  element: StartElement | EndElement,\n  disabled: boolean,\n  textVariant: TextType\n): React.ReactNode {\n  switch (element.type) {\n    case \"avatar\":\n      return (\n        <Avatar\n          className={styles.avatar}\n          src={element.value}\n          withoutBorder\n          square={element.square}\n          type=\"img\"\n          customSize={20}\n          disabled={disabled}\n        />\n      );\n\n    case \"icon\":\n      return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n    case \"indent\":\n      return <div className={styles.indent} />;\n\n    case \"suffix\":\n      return (\n        <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n          {element.value}\n        </Text>\n      );\n\n    case \"custom\":\n      return element.render();\n  }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"4LAQgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\n\nexport function renderSideElement(\n  element: StartElement | EndElement,\n  disabled: boolean,\n  textVariant: TextType\n): React.ReactNode {\n  switch (element.type) {\n    case \"avatar\":\n      return (\n        <Avatar\n          className={styles.avatar}\n          src={element.value}\n          withoutBorder\n          square={element.square}\n          type=\"img\"\n          customSize={20}\n          disabled={disabled}\n        />\n      );\n\n    case \"icon\":\n      return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n    case \"indent\":\n      return <div className={styles.indent} />;\n\n    case \"suffix\":\n      return (\n        <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n          {element.value}\n        </Text>\n      );\n\n    case \"custom\":\n      return element.render();\n  }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"sNAOgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}

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-55ff70da99a4_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)}("/* 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-55ff70da99a4_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)}("/* 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.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import o,{useRef as s}from"react";import a from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import l from"../../Tooltip/Tooltip.js";import{BreadcrumbContent as d}from"./BreadcrumbContent/BreadcrumbContent.js";import m from"./BreadcrumbItem.module.scss.js";var n=function(n){var c=n.className,u=n.text,f=void 0===u?"":u,p=n.disabled,b=n.isClickable,g=void 0!==b&&b,v=n.link,C=n.onClick,T=n.isCurrent,h=void 0!==T&&T,k=n.icon,w=n.id,B=n.showText,j=void 0===B||B,I=n["data-testid"],x=s(null),E=a({ref:x});return o.createElement(l,{disableDialogSlide:!0,withoutDialog:!1,content:(E||!j)&&f,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],addKeyboardHideShowTriggersByDefault:!j},o.createElement("li",{id:w,"data-testid":I||r(t.BREADCRUMB_ITEM,w),className:i(m.breadcrumbItemWrapper,c,e({},m.disabled,p))},o.createElement(d,{ref:x,isClickable:g,link:v,onClick:C,text:f,icon:k,isCurrent:h,disabled:p,showText:j})))};export{n as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import o,{useRef as s}from"react";import{useIsOverflowing as a}from"@vibe/hooks";import{Tooltip as l}from"@vibe/tooltip/mockedClassNames";import{BreadcrumbContent as m}from"./BreadcrumbContent/BreadcrumbContent.js";import d from"./BreadcrumbItem.module.scss.js";var n=function(n){var c=n.className,u=n.text,b=void 0===u?"":u,p=n.disabled,f=n.isClickable,v=void 0!==f&&f,C=n.link,g=n.onClick,k=n.isCurrent,h=void 0!==k&&k,B=n.icon,T=n.id,w=n.showText,x=void 0===w||w,E=n["data-testid"],j=s(null),D=a({ref:j});return o.createElement(l,{disableDialogSlide:!0,withoutDialog:!1,content:(D||!x)&&b,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],addKeyboardHideShowTriggersByDefault:!x},o.createElement("li",{id:T,"data-testid":E||r(t.BREADCRUMB_ITEM,T),className:i(d.breadcrumbItemWrapper,c,e({},d.disabled,p))},o.createElement(m,{ref:j,isClickable:v,link:C,onClick:g,text:b,icon:B,isCurrent:h,disabled:p,showText:x})))};export{n as default};
 //# sourceMappingURL=BreadcrumbItem.js.map

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n  /**\n   * The display text of the breadcrumb item.\n   */\n  text?: string;\n  /**\n   * If true, the item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the item is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the item links to if navigation is handled via a link.\n   */\n  link?: string;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * If true, applies styling for the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n  className,\n  text = \"\",\n  disabled,\n  isClickable = false,\n  link,\n  onClick,\n  isCurrent = false,\n  icon,\n  id,\n  showText = true,\n  \"data-testid\": dataTestId\n}) => {\n  const componentRef = useRef<HTMLSpanElement>(null);\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      disableDialogSlide={true}\n      withoutDialog={false}\n      content={(isOverflowing || !showText) && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      addKeyboardHideShowTriggersByDefault={!showText}\n    >\n      <li\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n        className={cx(styles.breadcrumbItemWrapper, className, {\n          [styles.disabled]: disabled\n        })}\n      >\n        <BreadcrumbContent\n          ref={componentRef}\n          isClickable={isClickable}\n          link={link}\n          onClick={onClick}\n          text={text}\n          icon={icon}\n          isCurrent={isCurrent}\n          disabled={disabled}\n          showText={showText}\n        />\n      </li>\n    </Tooltip>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA6CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n  /**\n   * The display text of the breadcrumb item.\n   */\n  text?: string;\n  /**\n   * If true, the item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the item is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the item links to if navigation is handled via a link.\n   */\n  link?: string;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * If true, applies styling for the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n  className,\n  text = \"\",\n  disabled,\n  isClickable = false,\n  link,\n  onClick,\n  isCurrent = false,\n  icon,\n  id,\n  showText = true,\n  \"data-testid\": dataTestId\n}) => {\n  const componentRef = useRef<HTMLSpanElement>(null);\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      disableDialogSlide={true}\n      withoutDialog={false}\n      content={(isOverflowing || !showText) && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      addKeyboardHideShowTriggersByDefault={!showText}\n    >\n      <li\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n        className={cx(styles.breadcrumbItemWrapper, className, {\n          [styles.disabled]: disabled\n        })}\n      >\n        <BreadcrumbContent\n          ref={componentRef}\n          isClickable={isClickable}\n          link={link}\n          onClick={onClick}\n          text={text}\n          icon={icon}\n          isCurrent={isCurrent}\n          disabled={disabled}\n          showText={showText}\n        />\n      </li>\n    </Tooltip>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"qcA6CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}

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_3_82_3";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_3_83_1";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/BreadcrumbsMenu.module.scss.js

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