@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.0

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

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_bb07b38e74",accordionItemExpandCollapse:"accordionItemExpandCollapse_831201b0c0",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_b36ba07802"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_bb07b38e74 {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_bb07b38e74 .accordionItemExpandCollapse_831201b0c0 {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_bb07b38e74 .accordionItemExpandCollapseLast_b36ba07802 {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion_49154d2feb",accordionItemExpandCollapse:"accordionItemExpandCollapse_89d4c01de1",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_3d0329b3b4"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_49154d2feb {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_49154d2feb .accordionItemExpandCollapse_89d4c01de1 {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_49154d2feb .accordionItemExpandCollapseLast_3d0329b3b4 {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_10e58989ab",primary:"primary_c97e99d0c3",positive:"positive_3c5134d39f",negative:"negative_fc4424d9bb",dark:"dark_3263623d78",warning:"warning_ff17b67974",closeBtn:"closeBtn_f3466f78bb",content:"content_93f58bf1f0",closeButtonWrapper:"closeButtonWrapper_0b79b99a4a",ellipsis:"ellipsis_86d66e6564",contentItem:"contentItem_6469158df3",contentItemText:"contentItemText_be3224ef2b"};!function(n){const e="s_id-d6894f952adc_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_10e58989ab {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_c97e99d0c3 {\n  background-color: var(--primary-color);\n}\n\n.positive_3c5134d39f {\n  background-color: var(--positive-color);\n}\n\n.negative_fc4424d9bb {\n  background-color: var(--negative-color);\n}\n\n.dark_3263623d78 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_ff17b67974 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.warning_ff17b67974 .closeBtn_f3466f78bb {\n  color: var(--fixed-dark-color);\n}\n\n.content_93f58bf1f0 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper_0b79b99a4a {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_f3466f78bb {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis_86d66e6564 {\n  flex: 0 1 auto;\n}\n\n.contentItem_6469158df3 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_be3224ef2b {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_0a57912622",primary:"primary_ef5d848750",positive:"positive_ec4d669a0e",negative:"negative_d4e913d56f",dark:"dark_620358e0ac",warning:"warning_19973cc7ec",closeBtn:"closeBtn_5a1fa5dc95",content:"content_09f7a292c0",closeButtonWrapper:"closeButtonWrapper_5406c52e89",ellipsis:"ellipsis_9ee77a83d4",contentItem:"contentItem_77a6c80ec9",contentItemText:"contentItemText_f9be34be52"};!function(n){const e="s_id-d6894f952adc_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_0a57912622 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_ef5d848750 {\n  background-color: var(--primary-color);\n}\n\n.positive_ec4d669a0e {\n  background-color: var(--positive-color);\n}\n\n.negative_d4e913d56f {\n  background-color: var(--negative-color);\n}\n\n.dark_620358e0ac {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_19973cc7ec {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.warning_19973cc7ec .closeBtn_5a1fa5dc95 {\n  color: var(--fixed-dark-color);\n}\n\n.content_09f7a292c0 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper_5406c52e89 {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_5a1fa5dc95 {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis_9ee77a83d4 {\n  flex: 0 1 auto;\n}\n\n.contentItem_77a6c80ec9 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_f9be34be52 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i,{useContext as s}from"react";import o from"../../Link/Link.js";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(l).textColor,v=r(t({},m.marginLeft,p));return i.createElement("div",{className:v,"data-testid":c||n(a.ALERT_BANNER_LINK,L),id:L},i.createElement(o,Object.assign({},j,{textClassName:r(m.bannerLink,t(t({},m.bannerLinkTextColorOnPrimary,"onPrimary"===u),m.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
+import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as i}from"../../../tests/testIds.js";import a,{useContext as s}from"react";import o from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as m}from"../AlertBannerContext.js";import l from"../../../../components/link/dist/Link/Link.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(m).textColor,v=r(t({},o.marginLeft,p));return a.createElement("div",{className:v,"data-testid":c||n(i.ALERT_BANNER_LINK,L),id:L},a.createElement(l,Object.assign({},j,{textClassName:r(o.bannerLink,t(t({},o.bannerLinkTextColorOnPrimary,"onPrimary"===u),o.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
 //# sourceMappingURL=AlertBannerLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n  /**\n   * If true, a left margin is applied to the link.\n   */\n  marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...linkProps\n}) => {\n  const { textColor } = useContext(AlertBannerContext);\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n      id={id}\n    >\n      <Link\n        {...linkProps}\n        textClassName={cx(styles.bannerLink, {\n          [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n          [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n        })}\n      />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerLink, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"6aAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}
+{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n  /**\n   * If true, a left margin is applied to the link.\n   */\n  marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...linkProps\n}) => {\n  const { textColor } = useContext(AlertBannerContext);\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n      id={id}\n    >\n      <Link\n        {...linkProps}\n        textClassName={cx(styles.bannerLink, {\n          [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n          [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n        })}\n      />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerLink, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"wcAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}

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

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_cdf197c63a",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_8d60101627",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_0da25b4b66",marginLeft:"marginLeft_ee3448cdae"};!function(n){const e="s_id-b8e9178179b1_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_cdf197c63a {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_8d60101627 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_0da25b4b66 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_ee3448cdae {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerLink:"bannerLink_b99f274adc",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_890c539ff9",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_d734f1e7af",marginLeft:"marginLeft_d53ad0a539"};!function(n){const e="s_id-b8e9178179b1_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_b99f274adc {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_890c539ff9 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_d734f1e7af {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_d53ad0a539 {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={attention:"attention_808024251c",animate:"animate_384a080086",attentionBoxAnimation:"attentionBoxAnimation_4705898a67",primary:"primary_570f54c0b8",positive:"positive_23c8ff7942",negative:"negative_d8ced624fe",warning:"warning_ac0466db61",neutral:"neutral_82f93e4c2f"};!function(n){const e="s_id-4a6eadcbcb7d_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_4705898a67 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_808024251c {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_808024251c.animate_384a080086 {\n  animation: attentionBoxAnimation_4705898a67 200ms var(--motion-timing-transition);\n}\n.attention_808024251c.primary_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n.attention_808024251c.positive_23c8ff7942 {\n  background-color: var(--positive-color-selected);\n}\n.attention_808024251c.negative_d8ced624fe {\n  background-color: var(--negative-color-selected);\n}\n.attention_808024251c.warning_ac0466db61 {\n  background-color: var(--warning-color-selected);\n}\n.attention_808024251c.neutral_82f93e4c2f {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_c2a133edcb",animate:"animate_e83e6d0443",attentionBoxAnimation:"attentionBoxAnimation_7b811da324",primary:"primary_26f2566d34",positive:"positive_df40faa751",negative:"negative_e79aa41abe",warning:"warning_88b526545e",neutral:"neutral_b0671ed207"};!function(n){const e="s_id-54c18338c3c3_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('@keyframes attentionBoxAnimation_7b811da324 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_c2a133edcb {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n  /* Semantic surfaces, per Facelift "surface colors" (Figma 630:106200). */\n}\n.attention_c2a133edcb.animate_e83e6d0443 {\n  animation: attentionBoxAnimation_7b811da324 200ms var(--motion-timing-transition);\n}\n.attention_c2a133edcb.primary_26f2566d34 {\n  background-color: var(--surface-primary);\n}\n.attention_c2a133edcb.positive_df40faa751 {\n  background-color: var(--surface-positive);\n}\n.attention_c2a133edcb.negative_e79aa41abe {\n  background-color: var(--surface-negative);\n}\n.attention_c2a133edcb.warning_88b526545e {\n  background-color: var(--surface-warning);\n}\n.attention_c2a133edcb.neutral_b0671ed207 {\n  background-color: var(--surface-neutral);\n}');export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_e5467b6885"};!function(e){const t="s_id-979f8aeb619b_4_5_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)}(".closeButton_e5467b6885 {\n  flex-shrink: 0;\n}\n.closeButton_e5467b6885:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_0d993d3be3"};!function(e){const t="s_id-979f8aeb619b_4_5_10";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)}(".closeButton_0d993d3be3 {\n  flex-shrink: 0;\n}\n.closeButton_0d993d3be3:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_703b293973"};!function(e){const t="s_id-55a80ba34ba3_4_5_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)}(".icon_703b293973 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_eeab4a11fb"};!function(e){const t="s_id-edf82592c5af_4_5_10";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)}(".icon_eeab4a11fb {\n  /* Track the attention box's text colour rather than pinning it. */\n  color: currentColor;\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as a}from"react";import e from"classnames";import s from"../../../Link/Link.js";import o from"./AttentionBoxLink.module.scss.js";var m=a((function(a,m){var i=a.target,n=a.className,c=t(a,["target","className"]);return r.createElement(s,Object.assign({ref:m,target:i,className:e(o.attentionBoxLink,n)},c))}));export{m as default};
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as e}from"react";import s from"classnames";import a from"./AttentionBoxLink.module.scss.js";import o from"../../../../../components/link/dist/Link/Link.js";var i=e((function(e,i){var m=e.target,n=e.className,c=t(e,["target","className"]);return r.createElement(o,Object.assign({ref:i,target:m,className:s(a.attentionBoxLink,n)},c))}));export{i as default};
 //# sourceMappingURL=AttentionBoxLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../Link\";\nimport type { LinkProps } from \"../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n  ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n  }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"iNAQMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}
+{"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n  ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n  }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"4OAOMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_b7f1a90afd"};!function(e){const t="s_id-f7cefb69d475_4_5_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.attentionBoxLink_b7f1a90afd {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_473557be70"};!function(e){const t="s_id-f7cefb69d475_4_5_10";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.attentionBoxLink_473557be70 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_9672b16caf",mainContentGroup:"mainContentGroup_0ed79d95f4",leadingIcon:"leadingIcon_aebfcc1e8d",actionsGroup:"actionsGroup_59277ada58"};!function(e){const n="s_id-2f71fab0a877_4_5_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)}(".container_9672b16caf {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_0ed79d95f4 {\n  min-width: 0;\n}\n\n.leadingIcon_aebfcc1e8d {\n  align-self: flex-start;\n}\n\n.actionsGroup_59277ada58 {\n  gap: var(--space-12);\n}");export{e as default};
+var n={container:"container_d6af9b3e46",mainContentGroup:"mainContentGroup_f4418798e4",leadingIcon:"leadingIcon_302d706036",actionsGroup:"actionsGroup_7bc88d00dc"};!function(n){const e="s_id-2f71fab0a877_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_d6af9b3e46 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_f4418798e4 {\n  min-width: 0;\n}\n\n.leadingIcon_302d706036 {\n  align-self: flex-start;\n}\n\n.actionsGroup_7bc88d00dc {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container_084b95c8ef",icon:"icon_a4b66bcd68",title:"title_dcea448e48",text:"text_ffe04882e0",actions:"actions_dfff61a56a",closeButton:"closeButton_874e519b26",hasIcon:"hasIcon_0ec8610947",hasCloseButton:"hasCloseButton_5818eee561",hasTitle:"hasTitle_8f112d176a"};!function(n){const e="s_id-d1aa0b2532e6_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_084b95c8ef {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_084b95c8ef .icon_a4b66bcd68 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_084b95c8ef .title_dcea448e48 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_084b95c8ef .text_ffe04882e0,\n.container_084b95c8ef .actions_dfff61a56a {\n  grid-column: 2/-1;\n}\n.container_084b95c8ef .text_ffe04882e0 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_084b95c8ef .closeButton_874e519b26 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_084b95c8ef .actions_dfff61a56a {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) {\n  --grid-columns: 1fr auto;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947):not(.hasCloseButton_5818eee561) {\n  --grid-columns: 1fr;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .title_dcea448e48 {\n  grid-column: 1;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .text_ffe04882e0,\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .actions_dfff61a56a {\n  grid-column: 1/-1;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .closeButton_874e519b26 {\n  grid-column: 2;\n}\n.container_084b95c8ef:not(.hasCloseButton_5818eee561) {\n  --grid-columns: auto 1fr;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .icon_a4b66bcd68 {\n  align-self: start;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .text_ffe04882e0 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .closeButton_874e519b26 {\n  margin-block-start: -1px;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .actions_dfff61a56a {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_7d6f627520",icon:"icon_a9678659a3",title:"title_5832dd90a1",text:"text_7fe8ee9060",actions:"actions_feaabc3694",closeButton:"closeButton_13ee4d8688",hasIcon:"hasIcon_69512d2530",hasCloseButton:"hasCloseButton_9374c71f87",hasTitle:"hasTitle_1c03b93279"};!function(n){const e="s_id-d1aa0b2532e6_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_7d6f627520 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_7d6f627520 .icon_a9678659a3 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_7d6f627520 .title_5832dd90a1 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_7d6f627520 .text_7fe8ee9060,\n.container_7d6f627520 .actions_feaabc3694 {\n  grid-column: 2/-1;\n}\n.container_7d6f627520 .text_7fe8ee9060 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_7d6f627520 .closeButton_13ee4d8688 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_7d6f627520 .actions_feaabc3694 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) {\n  --grid-columns: 1fr auto;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530):not(.hasCloseButton_9374c71f87) {\n  --grid-columns: 1fr;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) .title_5832dd90a1 {\n  grid-column: 1;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) .text_7fe8ee9060,\n.container_7d6f627520:not(.hasIcon_69512d2530) .actions_feaabc3694 {\n  grid-column: 1/-1;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) .closeButton_13ee4d8688 {\n  grid-column: 2;\n}\n.container_7d6f627520:not(.hasCloseButton_9374c71f87) {\n  --grid-columns: auto 1fr;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .icon_a9678659a3 {\n  align-self: start;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .text_7fe8ee9060 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .closeButton_13ee4d8688 {\n  margin-block-start: -1px;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .actions_feaabc3694 {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/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 \"@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"}
+{"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, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\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":"kQAkDA,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/src/components/AvatarGroup/AvatarGroup.module.scss.js

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_ddbba33d06","focus-visible":"focus-visible_364d503ffb",xs:"xs_8eabe098fa",small:"small_444b83b85c",medium:"medium_0e6b40dd60",large:"large_90e36e6086",primary:"primary_d0ae2f1d15",dark:"dark_629020a84a",negative:"negative_cd8560abf9",light:"light_a7097a4564",disabled:"disabled_69afe91c0a",menu:"menu_8fb5f64006"};!function(n){const e="s_id-98062d6d439a_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible.focus-visible_364d503ffb, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb.focus-visible_364d503ffb {\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_ddbba33d06.counterContainer_ddbba33d06:focus-visible:focus:not(.focus-visible_364d503ffb), .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb:focus:not(.focus-visible_364d503ffb) {\n  outline: none;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.xs_8eabe098fa {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.small_444b83b85c {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.medium_0e6b40dd60 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.large_90e36e6086 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.primary_d0ae2f1d15 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.dark_629020a84a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.negative_cd8560abf9 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.light_a7097a4564 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06 .disabled_69afe91c0a, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.disabled_69afe91c0a {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n\n.menu_8fb5f64006 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_8fb5f64006::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_8fb5f64006::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var e={counterContainer:"counterContainer_e75b665ade","focus-visible":"focus-visible_c98c2016b9",xs:"xs_ef0faeb3c6",small:"small_cc51168210",medium:"medium_22a0a4e113",large:"large_7323677a27",primary:"primary_538d68f90e",dark:"dark_27e2b3328a",negative:"negative_26c39e33dd",light:"light_32af34e340",disabled:"disabled_baaed25d0d",menu:"menu_9d18c508d0"};!function(e){const n="s_id-d3854ac48ae9_4_5_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_e75b665ade.counterContainer_e75b665ade {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade:focus-visible, .counterContainer_e75b665ade.counterContainer_e75b665ade.focus-visible_c98c2016b9 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade:focus-visible:focus-visible, .counterContainer_e75b665ade.counterContainer_e75b665ade:focus-visible.focus-visible_c98c2016b9, .counterContainer_e75b665ade.counterContainer_e75b665ade.focus-visible_c98c2016b9:focus-visible, .counterContainer_e75b665ade.counterContainer_e75b665ade.focus-visible_c98c2016b9.focus-visible_c98c2016b9 {\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_e75b665ade.counterContainer_e75b665ade:focus-visible:focus:not(.focus-visible_c98c2016b9), .counterContainer_e75b665ade.counterContainer_e75b665ade.focus-visible_c98c2016b9:focus:not(.focus-visible_c98c2016b9) {\n  outline: none;\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.xs_ef0faeb3c6 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.small_cc51168210 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.medium_22a0a4e113 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.large_7323677a27 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.primary_538d68f90e {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.dark_27e2b3328a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.negative_26c39e33dd {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade.light_32af34e340 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_e75b665ade.counterContainer_e75b665ade .disabled_baaed25d0d, .counterContainer_e75b665ade.counterContainer_e75b665ade.disabled_baaed25d0d {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n\n.menu_9d18c508d0 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_9d18c508d0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_9d18c508d0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/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 \"@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":"+bA4CA,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,aAAyB,EAAzBA,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, type AvatarType } from \"@vibe/avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\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":"+bA2CA,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,aAAyB,EAAzBA,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/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { type ReactElement, type Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { Flex, type FlexProps } from \"@vibe/layout\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n  /**\n   * The type of avatars displayed inside the tooltip.\n   */\n  type?: AvatarType;\n  /**\n   * The avatars shown in the tooltip.\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  /**\n   * If true, the tooltip uses a virtualized list for performance optimization.\n   */\n  isVirtualizedList?: boolean;\n  /**\n   * Ref for the tooltip content container.\n   */\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n  avatars = [],\n  type,\n  className,\n  isVirtualizedList = false,\n  tooltipContentContainerRef\n}) => {\n  const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n    return avatarProps?.tooltipProps?.content || avatarProps?.[\"aria-label\"];\n  }, []);\n\n  const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n    const avatarItems = avatars.map(avatar => ({\n      value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n    }));\n    const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n    const tooltipContainerAriaLabel = !displayAsGrid\n      ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n      : undefined;\n    return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n  }, [avatars, getTooltipContent]);\n\n  const renderedItems = useMemo(\n    () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n    [avatarItems, displayAsGrid, type]\n  );\n\n  if (isVirtualizedList) {\n    return (\n      <AvatarGroupCounterTooltipContentVirtualizedList\n        avatarRenderer={avatarRenderer}\n        tooltipContentContainerRef={tooltipContentContainerRef}\n        tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n        avatarItems={avatarItems}\n        type={type}\n      />\n    );\n  }\n\n  const flexProps = {\n    ref: tooltipContentContainerRef,\n    tabIndex: -1,\n    role: \"treegrid\",\n    \"aria-label\": tooltipContainerAriaLabel,\n    className: displayAsGrid\n      ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n      : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n    direction: displayAsGrid ? \"row\" : \"column\",\n    gap: displayAsGrid ? \"xs\" : \"small\",\n    wrap: displayAsGrid\n  };\n\n  return <Flex {...(flexProps as FlexProps)}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","gap","wrap","Flex"],"mappings":"qVA6BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAc,cAC5D,GAAE,IAEHI,EAAkEC,GAAQ,WACxE,IAAMC,EAAcd,EAAQe,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBf,EAAkBU,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAACzB,EAASM,IATLQ,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAWzB,EAAMqB,KAAe,GACnG,CAACR,EAAaQ,EAAerB,IAG/B,GAAIG,EACF,OACE2B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChBzB,2BAA4BA,EAC5BoB,0BAA2BA,EAC3BX,YAAaA,EACbb,KAAMA,IAKZ,IAAMiC,EAAY,CAChBC,IAAK9B,EACL+B,UAAW,EACXC,KAAM,WACN,aAAcZ,EACdvB,UAAWoB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBxC,GACrFoC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBvC,GAC5DyC,UAAWrB,EAAgB,MAAQ,SACnCsB,IAAKtB,EAAgB,KAAO,QAC5BuB,KAAMvB,GAGR,OAAOS,gBAACe,EAAI5B,OAAAC,OAAA,GAAMe,GAA0BN,EAC9C"}
+{"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { type ReactElement, type Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { Flex, type FlexProps } from \"@vibe/layout\";\nimport { type AvatarProps, type AvatarType } from \"@vibe/avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n  /**\n   * The type of avatars displayed inside the tooltip.\n   */\n  type?: AvatarType;\n  /**\n   * The avatars shown in the tooltip.\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  /**\n   * If true, the tooltip uses a virtualized list for performance optimization.\n   */\n  isVirtualizedList?: boolean;\n  /**\n   * Ref for the tooltip content container.\n   */\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n  avatars = [],\n  type,\n  className,\n  isVirtualizedList = false,\n  tooltipContentContainerRef\n}) => {\n  const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n    return avatarProps?.tooltipProps?.content || avatarProps?.[\"aria-label\"];\n  }, []);\n\n  const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n    const avatarItems = avatars.map(avatar => ({\n      value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n    }));\n    const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n    const tooltipContainerAriaLabel = !displayAsGrid\n      ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n      : undefined;\n    return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n  }, [avatars, getTooltipContent]);\n\n  const renderedItems = useMemo(\n    () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n    [avatarItems, displayAsGrid, type]\n  );\n\n  if (isVirtualizedList) {\n    return (\n      <AvatarGroupCounterTooltipContentVirtualizedList\n        avatarRenderer={avatarRenderer}\n        tooltipContentContainerRef={tooltipContentContainerRef}\n        tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n        avatarItems={avatarItems}\n        type={type}\n      />\n    );\n  }\n\n  const flexProps = {\n    ref: tooltipContentContainerRef,\n    tabIndex: -1,\n    role: \"treegrid\",\n    \"aria-label\": tooltipContainerAriaLabel,\n    className: displayAsGrid\n      ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n      : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n    direction: displayAsGrid ? \"row\" : \"column\",\n    gap: displayAsGrid ? \"xs\" : \"small\",\n    wrap: displayAsGrid\n  };\n\n  return <Flex {...(flexProps as FlexProps)}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","gap","wrap","Flex"],"mappings":"qVA4BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAc,cAC5D,GAAE,IAEHI,EAAkEC,GAAQ,WACxE,IAAMC,EAAcd,EAAQe,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBf,EAAkBU,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAACzB,EAASM,IATLQ,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAWzB,EAAMqB,KAAe,GACnG,CAACR,EAAaQ,EAAerB,IAG/B,GAAIG,EACF,OACE2B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChBzB,2BAA4BA,EAC5BoB,0BAA2BA,EAC3BX,YAAaA,EACbb,KAAMA,IAKZ,IAAMiC,EAAY,CAChBC,IAAK9B,EACL+B,UAAW,EACXC,KAAM,WACN,aAAcZ,EACdvB,UAAWoB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBxC,GACrFoC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBvC,GAC5DyC,UAAWrB,EAAgB,MAAQ,SACnCsB,IAAKtB,EAAgB,KAAO,QAC5BuB,KAAMvB,GAGR,OAAOS,gBAACe,EAAI5B,OAAAC,OAAA,GAAMe,GAA0BN,EAC9C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipContentVirtualizedList.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement, type Ref, useMemo } from \"react\";\nimport { VirtualizedList, type VirtualizedListItem } from \"../VirtualizedList\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarType } from \"../Avatar/Avatar.types\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport { type ElementContent } from \"../../types\";\nimport styles from \"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss\";\n\nconst LIST_OPTIONS = Object.freeze({\n  maxItemsWithoutScroll: 10,\n  itemLineHeight: 34,\n  itemLineWidth: 150\n});\n\nexport type AvatarItem = {\n  value: AvatarProps & { tooltipContent: ElementContent };\n};\n\nexport interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {\n  /**\n   * The list of avatars displayed in the virtualized tooltip.\n   */\n  avatarItems?: AvatarItem[];\n  /**\n   * Function to render each avatar item.\n   */\n  avatarRenderer?: (\n    item: AvatarItem,\n    index: number,\n    style: CSSProperties,\n    type: AvatarType,\n    displayAsGrid: boolean\n  ) => ReactElement;\n  /**\n   * The ARIA label of the tooltip container.\n   */\n  tooltipContainerAriaLabel?: string;\n  /**\n   * Ref for the tooltip content container.\n   */\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n  /**\n   * The type of avatars in the tooltip.\n   */\n  type?: AvatarType;\n}\n\nconst AvatarGroupCounterTooltipContentVirtualizedList: React.FC<\n  AvatarGroupCounterTooltipContentVirtualizedListProps\n> = ({ avatarItems = [], avatarRenderer, type, tooltipContainerAriaLabel, tooltipContentContainerRef }) => {\n  const virtualizedItems: VirtualizedListItem[] = useMemo(\n    () => avatarItems.map(item => ({ value: item, height: LIST_OPTIONS.itemLineHeight } as VirtualizedListItem)),\n    [avatarItems]\n  );\n\n  const minCount = Math.min(avatarItems.length, LIST_OPTIONS.maxItemsWithoutScroll);\n  const virtualizedListStyle = {\n    height: LIST_OPTIONS.itemLineHeight * minCount,\n    minWidth: LIST_OPTIONS.itemLineWidth\n  };\n\n  return (\n    <div\n      className={styles.virtualizedTooltipContainer}\n      aria-label={tooltipContainerAriaLabel}\n      ref={tooltipContentContainerRef}\n      tabIndex={-1}\n    >\n      <VirtualizedList\n        items={virtualizedItems}\n        itemRenderer={(item: VirtualizedListItem, index: number, style: CSSProperties) =>\n          avatarRenderer(item.value as AvatarItem, index, style, type, false)\n        }\n        role=\"treegrid\"\n        scrollableClassName={styles.scrollableContainer}\n        getItemId={(item: VirtualizedListItem, index: number) => String(index)}\n        style={virtualizedListStyle}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContentVirtualizedList;\n"],"names":["LIST_OPTIONS","Object","freeze","maxItemsWithoutScroll","itemLineHeight","itemLineWidth","AvatarGroupCounterTooltipContentVirtualizedList","_ref","_ref$avatarItems","avatarItems","avatarRenderer","type","tooltipContainerAriaLabel","tooltipContentContainerRef","virtualizedItems","useMemo","map","item","value","height","React","createElement","className","styles","virtualizedTooltipContainer","ref","tabIndex","VirtualizedList","items","itemRenderer","index","style","role","scrollableClassName","scrollableContainer","getItemId","String","Math","min","length","minWidth"],"mappings":"wKAQA,IAAMA,EAAeC,OAAOC,OAAO,CACjCC,sBAAuB,GACvBC,eAAgB,GAChBC,cAAe,MAoCXC,EAEF,SAFiDC,GAEqD,IAAAC,EAAAD,EAAnGE,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAEE,EAAcH,EAAdG,eAAgBC,EAAIJ,EAAJI,KAAMC,EAAyBL,EAAzBK,0BAA2BC,EAA0BN,EAA1BM,2BAClEC,EAA0CC,GAC9C,WAAA,OAAMN,EAAYO,KAAI,SAAAC,GAAI,MAAK,CAAEC,MAAOD,EAAME,OAAQnB,EAAaI,eAAwC,MAC3G,CAACK,IASH,OACEW,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,4BAA2B,aACjCZ,EACZa,IAAKZ,EACLa,UAAW,GAEXN,EAAAC,cAACM,EAAe,CACdC,MAAOd,EACPe,aAAc,SAACZ,EAA2Ba,EAAeC,GAAoB,OAC3ErB,EAAeO,EAAKC,MAAqBY,EAAOC,EAAOpB,GAAM,EAAM,EAErEqB,KAAK,WACLC,oBAAqBV,EAAOW,oBAC5BC,UAAW,SAAClB,EAA2Ba,GAAa,OAAYA,EAAPM,EAAa,EACtEL,MApBuB,CAC3BZ,OAAQnB,EAAaI,eAFNiC,KAAKC,IAAI7B,EAAY8B,OAAQvC,EAAaG,uBAGzDqC,SAAUxC,EAAaK,iBAsB3B"}
+{"version":3,"file":"AvatarGroupCounterTooltipContentVirtualizedList.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement, type Ref, useMemo } from \"react\";\nimport { VirtualizedList, type VirtualizedListItem } from \"../VirtualizedList\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarProps, type AvatarType } from \"@vibe/avatar\";\nimport { type ElementContent } from \"../../types\";\nimport styles from \"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss\";\n\nconst LIST_OPTIONS = Object.freeze({\n  maxItemsWithoutScroll: 10,\n  itemLineHeight: 34,\n  itemLineWidth: 150\n});\n\nexport type AvatarItem = {\n  value: AvatarProps & { tooltipContent: ElementContent };\n};\n\nexport interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {\n  /**\n   * The list of avatars displayed in the virtualized tooltip.\n   */\n  avatarItems?: AvatarItem[];\n  /**\n   * Function to render each avatar item.\n   */\n  avatarRenderer?: (\n    item: AvatarItem,\n    index: number,\n    style: CSSProperties,\n    type: AvatarType,\n    displayAsGrid: boolean\n  ) => ReactElement;\n  /**\n   * The ARIA label of the tooltip container.\n   */\n  tooltipContainerAriaLabel?: string;\n  /**\n   * Ref for the tooltip content container.\n   */\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n  /**\n   * The type of avatars in the tooltip.\n   */\n  type?: AvatarType;\n}\n\nconst AvatarGroupCounterTooltipContentVirtualizedList: React.FC<\n  AvatarGroupCounterTooltipContentVirtualizedListProps\n> = ({ avatarItems = [], avatarRenderer, type, tooltipContainerAriaLabel, tooltipContentContainerRef }) => {\n  const virtualizedItems: VirtualizedListItem[] = useMemo(\n    () => avatarItems.map(item => ({ value: item, height: LIST_OPTIONS.itemLineHeight } as VirtualizedListItem)),\n    [avatarItems]\n  );\n\n  const minCount = Math.min(avatarItems.length, LIST_OPTIONS.maxItemsWithoutScroll);\n  const virtualizedListStyle = {\n    height: LIST_OPTIONS.itemLineHeight * minCount,\n    minWidth: LIST_OPTIONS.itemLineWidth\n  };\n\n  return (\n    <div\n      className={styles.virtualizedTooltipContainer}\n      aria-label={tooltipContainerAriaLabel}\n      ref={tooltipContentContainerRef}\n      tabIndex={-1}\n    >\n      <VirtualizedList\n        items={virtualizedItems}\n        itemRenderer={(item: VirtualizedListItem, index: number, style: CSSProperties) =>\n          avatarRenderer(item.value as AvatarItem, index, style, type, false)\n        }\n        role=\"treegrid\"\n        scrollableClassName={styles.scrollableContainer}\n        getItemId={(item: VirtualizedListItem, index: number) => String(index)}\n        style={virtualizedListStyle}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContentVirtualizedList;\n"],"names":["LIST_OPTIONS","Object","freeze","maxItemsWithoutScroll","itemLineHeight","itemLineWidth","AvatarGroupCounterTooltipContentVirtualizedList","_ref","_ref$avatarItems","avatarItems","avatarRenderer","type","tooltipContainerAriaLabel","tooltipContentContainerRef","virtualizedItems","useMemo","map","item","value","height","React","createElement","className","styles","virtualizedTooltipContainer","ref","tabIndex","VirtualizedList","items","itemRenderer","index","style","role","scrollableClassName","scrollableContainer","getItemId","String","Math","min","length","minWidth"],"mappings":"wKAOA,IAAMA,EAAeC,OAAOC,OAAO,CACjCC,sBAAuB,GACvBC,eAAgB,GAChBC,cAAe,MAoCXC,EAEF,SAFiDC,GAEqD,IAAAC,EAAAD,EAAnGE,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAEE,EAAcH,EAAdG,eAAgBC,EAAIJ,EAAJI,KAAMC,EAAyBL,EAAzBK,0BAA2BC,EAA0BN,EAA1BM,2BAClEC,EAA0CC,GAC9C,WAAA,OAAMN,EAAYO,KAAI,SAAAC,GAAI,MAAK,CAAEC,MAAOD,EAAME,OAAQnB,EAAaI,eAAwC,MAC3G,CAACK,IASH,OACEW,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,4BAA2B,aACjCZ,EACZa,IAAKZ,EACLa,UAAW,GAEXN,EAAAC,cAACM,EAAe,CACdC,MAAOd,EACPe,aAAc,SAACZ,EAA2Ba,EAAeC,GAAoB,OAC3ErB,EAAeO,EAAKC,MAAqBY,EAAOC,EAAOpB,GAAM,EAAM,EAErEqB,KAAK,WACLC,oBAAqBV,EAAOW,oBAC5BC,UAAW,SAAClB,EAA2Ba,GAAa,OAAYA,EAAPM,EAAa,EACtEL,MApBuB,CAC3BZ,OAAQnB,EAAaI,eAFNiC,KAAKC,IAAI7B,EAAY8B,OAAQvC,EAAaG,uBAGzDqC,SAAUxC,EAAaK,iBAsB3B"}

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_82bfcd289c",virtualizedTooltipContainer:"virtualizedTooltipContainer_0757e4fa13","focus-visible":"focus-visible_364d503ffb"};!function(e){const i="s_id-21f61936150a_4_5_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_82bfcd289c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_82bfcd289c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.virtualizedTooltipContainer_0757e4fa13 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_0757e4fa13:focus, .virtualizedTooltipContainer_0757e4fa13:focus-visible, .virtualizedTooltipContainer_0757e4fa13.focus-visible_364d503ffb { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_c9d0f85366",virtualizedTooltipContainer:"virtualizedTooltipContainer_80cb17c979","focus-visible":"focus-visible_c98c2016b9"};!function(e){const i="s_id-21f61936150a_4_5_10";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_c9d0f85366::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_c9d0f85366::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.virtualizedTooltipContainer_80cb17c979 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_80cb17c979:focus, .virtualizedTooltipContainer_80cb17c979:focus-visible, .virtualizedTooltipContainer_80cb17c979.focus-visible_c98c2016b9 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js

@@ -1,2 +1,2 @@
-import e,{useCallback as t}from"react";import o from"../Avatar/Avatar.js";import r from"./AvatarGroupCounterTooltipContent.module.scss.js";import i from"../../hooks/useListenFocusTriggers/index.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as n,AVATAR_GROUP_COUNTER_AVATAR_SIZE as a}from"./AvatarGroupConstants.js";import{keyCodes as l}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import s from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import c from"../../../components/layout/dist/Flex/Flex.js";import{useEventListener as u}from"../../../shared/dist/hooks/useEventListener.js";import{useKeyEvent as f}from"../../../shared/dist/hooks/useKeyEvent.js";var m=[l.TAB],d=[l.ESCAPE];function p(e){var o=e.counterContainerRef,r=void 0===o?void 0:o,a=e.tooltipContentContainerRef,l=e.focusPrevPlaceholderRef,s=e.focusNextPlaceholderRef,c=e.isKeyboardTooltipVisible,p=e.setIsKeyboardTooltipVisible,v=t((function(){c||setTimeout((function(){return p(!0)}),n)}),[c,p]),b=t((function(){c&&p(!1)}),[c,p]);i({ref:r,onFocusByKeyboard:v}),u({eventName:"blur",ref:a,callback:b}),f({keys:m,ref:r,withoutAnyModifier:!0,preventDefault:!0,callback:t((function(){c&&(null==a?void 0:a.current)&&a.current.focus()}),[c,a])}),f({keys:m,modifier:f.modifiers.SHIFT,ref:r,callback:b}),f({keys:m,ref:a,withoutAnyModifier:!0,callback:t((function(){(null==s?void 0:s.current)&&s.current.focus(),c&&p(!1)}),[s,c,p])}),f({keys:m,ref:a,modifier:f.modifiers.SHIFT,callback:t((function(){(null==l?void 0:l.current)&&l.current.focus(),c&&p(!1)}),[l,c,p])}),f({keys:d,ref:a,callback:t((function(){(null==r?void 0:r.current)&&r.current.focus(),c&&p(!1)}),[r,c,p])}),f({keys:d,ref:r,callback:b}),u({eventName:"focus",ref:s,callback:b})}var v=function(t,i,n,l,u){var f=t.value,m=Object.assign(Object.assign({},n),{width:u?void 0:"100%"}),d="tooltip-item-".concat(i,"-label");return e.createElement(s,{key:i,isClickable:!!(null==f?void 0:f.onClick),clickableProps:{onClick:function(e){return f.onClick(e,f.id)},tabIndex:-1}},e.createElement("div",{style:m},e.createElement(c,{direction:"row",gap:"xs","aria-labelledby":d},e.createElement(o,Object.assign({},f,{tooltipProps:void 0,"aria-label":"",customSize:a,type:l||(null==f?void 0:f.type),tabIndex:-1,size:"small",className:r.tooltipAvatarItemAvatar})),!u&&e.createElement("div",{id:d,className:r.tooltipAvatarItemTitle},f.tooltipContent))))};export{v as avatarRenderer,p as useTooltipContentTabNavigation};
+import e,{useCallback as t}from"react";import o from"./AvatarGroupCounterTooltipContent.module.scss.js";import r from"../../hooks/useListenFocusTriggers/index.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as i,AVATAR_GROUP_COUNTER_AVATAR_SIZE as n}from"./AvatarGroupConstants.js";import{keyCodes as a}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import s from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import l from"../../../components/layout/dist/Flex/Flex.js";import c from"../../../components/avatar/dist/Avatar/Avatar.js";import{useEventListener as u}from"../../../shared/dist/hooks/useEventListener.js";import{useKeyEvent as f}from"../../../shared/dist/hooks/useKeyEvent.js";var m=[a.TAB],d=[a.ESCAPE];function p(e){var o=e.counterContainerRef,n=void 0===o?void 0:o,a=e.tooltipContentContainerRef,s=e.focusPrevPlaceholderRef,l=e.focusNextPlaceholderRef,c=e.isKeyboardTooltipVisible,p=e.setIsKeyboardTooltipVisible,v=t((function(){c||setTimeout((function(){return p(!0)}),i)}),[c,p]),b=t((function(){c&&p(!1)}),[c,p]);r({ref:n,onFocusByKeyboard:v}),u({eventName:"blur",ref:a,callback:b}),f({keys:m,ref:n,withoutAnyModifier:!0,preventDefault:!0,callback:t((function(){c&&(null==a?void 0:a.current)&&a.current.focus()}),[c,a])}),f({keys:m,modifier:f.modifiers.SHIFT,ref:n,callback:b}),f({keys:m,ref:a,withoutAnyModifier:!0,callback:t((function(){(null==l?void 0:l.current)&&l.current.focus(),c&&p(!1)}),[l,c,p])}),f({keys:m,ref:a,modifier:f.modifiers.SHIFT,callback:t((function(){(null==s?void 0:s.current)&&s.current.focus(),c&&p(!1)}),[s,c,p])}),f({keys:d,ref:a,callback:t((function(){(null==n?void 0:n.current)&&n.current.focus(),c&&p(!1)}),[n,c,p])}),f({keys:d,ref:n,callback:b}),u({eventName:"focus",ref:l,callback:b})}var v=function(t,r,i,a,u){var f=t.value,m=Object.assign(Object.assign({},i),{width:u?void 0:"100%"}),d="tooltip-item-".concat(r,"-label");return e.createElement(s,{key:r,isClickable:!!(null==f?void 0:f.onClick),clickableProps:{onClick:function(e){return f.onClick(e,f.id)},tabIndex:-1}},e.createElement("div",{style:m},e.createElement(l,{direction:"row",gap:"xs","aria-labelledby":d},e.createElement(c,Object.assign({},f,{tooltipProps:void 0,"aria-label":"",customSize:n,type:a||(null==f?void 0:f.type),tabIndex:-1,size:"small",className:o.tooltipAvatarItemAvatar})),!u&&e.createElement("div",{id:d,className:o.tooltipAvatarItemTitle},f.tooltipContent))))};export{v as avatarRenderer,p as useTooltipContentTabNavigation};
 //# sourceMappingURL=AvatarGroupCounterTooltipHelper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { type CSSProperties, type RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { Flex } from \"@vibe/layout\";\nimport Avatar, { type AvatarProps } from \"../Avatar/Avatar\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n  counterContainerRef = undefined,\n  tooltipContentContainerRef,\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  isKeyboardTooltipVisible,\n  setIsKeyboardTooltipVisible\n}: {\n  counterContainerRef: RefObject<HTMLDivElement>;\n  tooltipContentContainerRef: RefObject<HTMLElement>;\n  focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n  focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n  isKeyboardTooltipVisible: boolean;\n  setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n  const showKeyboardTooltip = useCallback(() => {\n    if (!isKeyboardTooltipVisible) {\n      // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n      setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n    }\n  }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n  const hideKeyboardTooltip = useCallback(() => {\n    if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n  }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n  // Open tooltip manually when keyboard focusing on counter\n  useListenFocusTriggers({\n    ref: counterContainerRef,\n    onFocusByKeyboard: showKeyboardTooltip\n  });\n\n  useEventListener({\n    eventName: \"blur\",\n    ref: tooltipContentContainerRef,\n    callback: hideKeyboardTooltip\n  });\n\n  //Move focus to content by keyboard\n  useKeyEvent({\n    keys: TAB,\n    ref: counterContainerRef,\n    withoutAnyModifier: true,\n    preventDefault: true,\n    callback: useCallback(() => {\n      if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n    }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n  });\n\n  // Close tooltip by keyboard\n  useKeyEvent({\n    keys: TAB,\n    modifier: useKeyEvent.modifiers.SHIFT,\n    ref: counterContainerRef,\n    callback: hideKeyboardTooltip\n  });\n  useKeyEvent({\n    keys: TAB,\n    ref: tooltipContentContainerRef,\n    withoutAnyModifier: true,\n    callback: useCallback(() => {\n      // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n      // the browser will move the focus to the next element in the focus order.\n      focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: TAB,\n    ref: tooltipContentContainerRef,\n    modifier: useKeyEvent.modifiers.SHIFT,\n    callback: useCallback(() => {\n      // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n      // the browser will move the focus to the next element in the focus order.\n      focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: ESC,\n    ref: tooltipContentContainerRef,\n    callback: useCallback(() => {\n      counterContainerRef?.current && counterContainerRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: ESC,\n    ref: counterContainerRef,\n    callback: hideKeyboardTooltip\n  });\n\n  // Close tooltip when moving focus to next element\n  useEventListener({\n    eventName: \"focus\",\n    ref: focusNextPlaceholderRef,\n    callback: hideKeyboardTooltip\n  });\n}\n\nexport const avatarRenderer = (\n  item: { value: AvatarProps & { tooltipContent: ElementContent } },\n  index: number,\n  style: CSSProperties,\n  type: AvatarType,\n  displayAsGrid: boolean\n) => {\n  const avatarProps = item.value;\n  const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n  const labelId = `tooltip-item-${index}-label`;\n\n  return (\n    <ClickableWrapper\n      key={index}\n      isClickable={!!avatarProps?.onClick}\n      clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: -1 }}\n    >\n      <div style={overrideStyle}>\n        <Flex direction=\"row\" gap=\"xs\" aria-labelledby={labelId}>\n          <Avatar\n            {...avatarProps}\n            tooltipProps={undefined}\n            aria-label={\"\"}\n            customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n            type={type || avatarProps?.type}\n            tabIndex={-1}\n            size=\"small\"\n            className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n          />\n          {!displayAsGrid && (\n            <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n              {avatarProps.tooltipContent}\n            </div>\n          )}\n        </Flex>\n      </div>\n    </ClickableWrapper>\n  );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","Avatar","tooltipProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"8rBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,UAAW,IAE3FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAACS,cAAAC,EAAK,CAAAC,UAAU,MAAMC,IAAI,KAAI,kBAAkBd,GAC9CE,EAAAS,cAACI,EACKlB,OAAAC,OAAA,CAAA,EAAAJ,GACJsB,kBAActD,EACF,aAAA,GACZuD,WAAYC,EACZ1B,KAAMA,IAAQE,aAAW,EAAXA,EAAaF,MAC3BkB,UAAW,EACXS,KAAK,QACLC,UAAWC,EAAuCC,4BAElD7B,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASoB,UAAWC,EAAuCE,wBACjE7B,EAAY8B,kBAO3B"}
+{"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { type CSSProperties, type RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { Flex } from \"@vibe/layout\";\nimport { Avatar, type AvatarProps, type AvatarType } from \"@vibe/avatar\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { type ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n  counterContainerRef = undefined,\n  tooltipContentContainerRef,\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  isKeyboardTooltipVisible,\n  setIsKeyboardTooltipVisible\n}: {\n  counterContainerRef: RefObject<HTMLDivElement>;\n  tooltipContentContainerRef: RefObject<HTMLElement>;\n  focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n  focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n  isKeyboardTooltipVisible: boolean;\n  setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n  const showKeyboardTooltip = useCallback(() => {\n    if (!isKeyboardTooltipVisible) {\n      // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n      setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n    }\n  }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n  const hideKeyboardTooltip = useCallback(() => {\n    if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n  }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n  // Open tooltip manually when keyboard focusing on counter\n  useListenFocusTriggers({\n    ref: counterContainerRef,\n    onFocusByKeyboard: showKeyboardTooltip\n  });\n\n  useEventListener({\n    eventName: \"blur\",\n    ref: tooltipContentContainerRef,\n    callback: hideKeyboardTooltip\n  });\n\n  //Move focus to content by keyboard\n  useKeyEvent({\n    keys: TAB,\n    ref: counterContainerRef,\n    withoutAnyModifier: true,\n    preventDefault: true,\n    callback: useCallback(() => {\n      if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n    }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n  });\n\n  // Close tooltip by keyboard\n  useKeyEvent({\n    keys: TAB,\n    modifier: useKeyEvent.modifiers.SHIFT,\n    ref: counterContainerRef,\n    callback: hideKeyboardTooltip\n  });\n  useKeyEvent({\n    keys: TAB,\n    ref: tooltipContentContainerRef,\n    withoutAnyModifier: true,\n    callback: useCallback(() => {\n      // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n      // the browser will move the focus to the next element in the focus order.\n      focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: TAB,\n    ref: tooltipContentContainerRef,\n    modifier: useKeyEvent.modifiers.SHIFT,\n    callback: useCallback(() => {\n      // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n      // the browser will move the focus to the next element in the focus order.\n      focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: ESC,\n    ref: tooltipContentContainerRef,\n    callback: useCallback(() => {\n      counterContainerRef?.current && counterContainerRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: ESC,\n    ref: counterContainerRef,\n    callback: hideKeyboardTooltip\n  });\n\n  // Close tooltip when moving focus to next element\n  useEventListener({\n    eventName: \"focus\",\n    ref: focusNextPlaceholderRef,\n    callback: hideKeyboardTooltip\n  });\n}\n\nexport const avatarRenderer = (\n  item: { value: AvatarProps & { tooltipContent: ElementContent } },\n  index: number,\n  style: CSSProperties,\n  type: AvatarType,\n  displayAsGrid: boolean\n) => {\n  const avatarProps = item.value;\n  const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n  const labelId = `tooltip-item-${index}-label`;\n\n  return (\n    <ClickableWrapper\n      key={index}\n      isClickable={!!avatarProps?.onClick}\n      clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: -1 }}\n    >\n      <div style={overrideStyle}>\n        <Flex direction=\"row\" gap=\"xs\" aria-labelledby={labelId}>\n          <Avatar\n            {...avatarProps}\n            tooltipProps={undefined}\n            aria-label={\"\"}\n            customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n            type={type || avatarProps?.type}\n            tabIndex={-1}\n            size=\"small\"\n            className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n          />\n          {!displayAsGrid && (\n            <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n              {avatarProps.tooltipContent}\n            </div>\n          )}\n        </Flex>\n      </div>\n    </ClickableWrapper>\n  );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","Avatar","tooltipProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"2tBAYA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,UAAW,IAE3FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAACS,cAAAC,EAAK,CAAAC,UAAU,MAAMC,IAAI,KAAI,kBAAkBd,GAC9CE,EAAAS,cAACI,EACKlB,OAAAC,OAAA,CAAA,EAAAJ,GACJsB,kBAActD,EACF,aAAA,GACZuD,WAAYC,EACZ1B,KAAMA,IAAQE,aAAW,EAAXA,EAAaF,MAC3BkB,UAAW,EACXS,KAAK,QACLC,UAAWC,EAAuCC,4BAElD7B,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASoB,UAAWC,EAAuCE,wBACjE7B,EAAY8B,kBAO3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupHelper.ts"],"sourcesContent":["import type React from \"react\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\n\nexport const avatarOnClick = (event: React.MouseEvent | React.KeyboardEvent, avatarProps: AvatarProps) => {\n  avatarProps?.onClick?.(event, avatarProps.id);\n};\n"],"names":["avatarOnClick","event","avatarProps","_a","onClick","call","id"],"mappings":"AAGO,IAAMA,EAAgB,SAACC,EAA+CC,SACpD,QAAvBC,EAAAD,aAAW,EAAXA,EAAaE,eAAU,IAAAD,GAAAA,EAAAE,KAAAH,EAAAD,EAAOC,EAAYI,GAC5C"}
+{"version":3,"file":"AvatarGroupHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupHelper.ts"],"sourcesContent":["import type React from \"react\";\nimport { type AvatarProps } from \"@vibe/avatar\";\n\nexport const avatarOnClick = (event: React.MouseEvent | React.KeyboardEvent, avatarProps: AvatarProps) => {\n  avatarProps?.onClick?.(event, avatarProps.id);\n};\n"],"names":["avatarOnClick","event","avatarProps","_a","onClick","call","id"],"mappings":"AAGO,IAAMA,EAAgB,SAACC,EAA+CC,SACpD,QAAvBC,EAAAD,aAAW,EAAXA,EAAaE,eAAU,IAAAD,GAAAA,EAAAE,KAAAH,EAAAD,EAAOC,EAAYI,GAC5C"}

package/dist/src/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"es-toolkit";import{getTestId as i}from"../../tests/testIds.js";import{ComponentVibeId as d,ComponentDefaultTestId as m}from"../../tests/constants.js";import n from"./Indicator/Indicator.js";import c from"../Counter/Counter.js";import l from"./Badge.module.scss.js";import{useMergeRef as p}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var u=r((function(r,u){var g=r.type,j=void 0===g?"indicator":g,v=r.anchor,h=void 0===v?"top-end":v,b=r.alignment,E=void 0===b?"rectangular":b,N=r.className,y=r.id,B=r["data-testid"],C=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),k=o(null),A=p(u,k),D=s(l.badge,f(l,a(h)),f(l,E)),G=I.color||"indicator"===j?"notification":"negative";return e.createElement("div",{ref:A,className:s(l.badgeWrapper,N),id:y,"data-vibe":d.BADGE},C,e.createElement("div",{className:D,"data-testid":B||i(m.BADGE,y)},"indicator"===j?e.createElement(n,Object.assign({color:G},I)):"counter"===j&&e.createElement(c,Object.assign({color:G},I))))}));export{u as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"es-toolkit";import{getTestId as i}from"../../tests/testIds.js";import{ComponentVibeId as n,ComponentDefaultTestId as d}from"../../tests/constants.js";import m from"./Indicator/Indicator.js";import c from"./Badge.module.scss.js";import l from"../../../components/counter/dist/Counter/Counter.js";import{useMergeRef as p}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var u=r((function(r,u){var g=r.type,j=void 0===g?"indicator":g,v=r.anchor,h=void 0===v?"top-end":v,b=r.alignment,E=void 0===b?"rectangular":b,N=r.className,y=r.id,B=r["data-testid"],C=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),k=o(null),A=p(u,k),D=s(c.badge,f(c,a(h)),f(c,E)),G=I.color||"indicator"===j?"notification":"negative";return e.createElement("div",{ref:A,className:s(c.badgeWrapper,N),id:y,"data-vibe":n.BADGE},C,e.createElement("div",{className:D,"data-testid":B||i(d.BADGE,y)},"indicator"===j?e.createElement(m,Object.assign({color:G},I)):"counter"===j&&e.createElement(l,Object.assign({color:G},I))))}));export{u as default};
 //# sourceMappingURL=Badge.js.map