@vibe/core 3.86.0 → 4.0.0-alpha.0

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

@@ -1,2 +0,0 @@
-var r=200,a=22;export{a as AVATAR_GROUP_COUNTER_AVATAR_SIZE,r as AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY};
-//# sourceMappingURL=AvatarGroupConstants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupConstants.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupConstants.ts"],"sourcesContent":["export const AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY = 200;\nexport const AVATAR_GROUP_COUNTER_AVATAR_SIZE = 22;\n"],"names":["AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","AVATAR_GROUP_COUNTER_AVATAR_SIZE"],"mappings":"AAAO,IAAMA,EAA0C,IAC1CC,EAAmC"}

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

@@ -1,2 +0,0 @@
-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"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import p from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as d}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,M=v.counterAriaLabel,A=v.disabled,E=v.counterProps||{},L=E.color,z=void 0===L?"light":L,N=E.count,T=void 0===N?b.length:N,h=E.prefix,y=void 0===h?"+":h,G=E.maxDigits,k=void 0===G?3:G,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=m(p,null==P?void 0:""+P),_=p[z],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:z,count:T,prefix:y,maxDigits:k,ariaLabel:M||"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},p.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,z,k,y,T,A,O]);return b.length||T?A?o.createElement("div",{ref:F,className:n(p.counterContainer,p.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:J,zIndex:1,className:n(p.counterContainer,V,_),ariaLabel:M||"".concat(T," additional ").concat(H),dialogContainerSelector:R},o.createElement(l,{id:"menu",size:"medium",className:p.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.ariaLabel),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,ariaLabel:"",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(p.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 +0,0 @@
-{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","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":"unBAoDA,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,EACXsB,UAAWtC,mBAAmCuC,OAAmBpB,GACjEC,YAAaA,EACboB,iBAAkBC,EAAEC,EAAA,CAAA,EAAIf,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO6C,GAGnC,GAAG,CACD3C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAQ,IAAKZ,EACLa,UAAWJ,EAAGd,EAAOmB,iBAAkBnB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBsD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEhB,EAACC,cAAAgB,GACCC,UAAWpB,EACXqB,OAAQ,EACRT,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDU,UAAWtC,GAAmCuC,GAAAA,OAAM9B,EAAY8B,gBAAAA,OAAepB,GAC/EE,wBAAyBA,GAEzBc,EAAAC,cAACmB,EAAI,CAACC,GAAG,OAAO1D,KAAK,SAAS+C,UAAWlB,EAAO8B,KAAMC,sBAAuB,GAC1EjE,EAAsBkE,KAAI,SAACC,EAAQC,eAClC,OAEE1B,EAACC,cAAA0B,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,WAAqC,QAAfC,EAAAX,aAAM,EAANA,EAAQV,aAAO,IAAAqB,OAAA,EAAAA,EAAAjC,WACzEa,QAAS,SAACqB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOV,MAAM,GAEhGwB,2CACKd,EAAOV,OACV,CAAAyB,WAAYC,EACZtC,UAAW,GACXf,UAAW,KAIlB,MAOPY,EAAAC,cAACyC,EAAkC,CACjChD,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrB8C,QAASrF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGqB,IAAKf,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVqB,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDgB,IAAKZ,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGqB,IAAKb,MAnErB,IAuEX"}

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

@@ -1,2 +0,0 @@
-var e={counterContainer:"counterContainer_8607f2f85e","focus-visible":"focus-visible_a60934e599",xs:"xs_5f3e106270",small:"small_620354d4b0",medium:"medium_198931e1ea",large:"large_07bd319a05",primary:"primary_9f69bde767",dark:"dark_c0c460a8d6",negative:"negative_f1d7ce15e1",light:"light_4d72dff260",disabled:"disabled_4a0d98ee1c",menu:"menu_077b3bac75"};!function(e){const n="s_id-7f36163b89a3_3_85_1";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_8607f2f85e.counterContainer_8607f2f85e {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e:focus-visible, .counterContainer_8607f2f85e.counterContainer_8607f2f85e.focus-visible_a60934e599 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e:focus-visible:focus-visible, .counterContainer_8607f2f85e.counterContainer_8607f2f85e:focus-visible.focus-visible_a60934e599, .counterContainer_8607f2f85e.counterContainer_8607f2f85e.focus-visible_a60934e599:focus-visible, .counterContainer_8607f2f85e.counterContainer_8607f2f85e.focus-visible_a60934e599.focus-visible_a60934e599 {\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_8607f2f85e.counterContainer_8607f2f85e:focus-visible:focus:not(.focus-visible_a60934e599), .counterContainer_8607f2f85e.counterContainer_8607f2f85e.focus-visible_a60934e599:focus:not(.focus-visible_a60934e599) {\n  outline: none;\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.xs_5f3e106270 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.small_620354d4b0 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.medium_198931e1ea {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.large_07bd319a05 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.primary_9f69bde767 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.dark_c0c460a8d6 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.negative_f1d7ce15e1 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e.light_4d72dff260 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_8607f2f85e.counterContainer_8607f2f85e .disabled_4a0d98ee1c, .counterContainer_8607f2f85e.counterContainer_8607f2f85e.disabled_4a0d98ee1c {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_077b3bac75 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_077b3bac75::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_077b3bac75::-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/AvatarGroupCounter.module.scss.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}

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

@@ -1,2 +0,0 @@
-import t,{useCallback as o,useMemo as r}from"react";import e from"classnames";import n from"./AvatarGroupCounterTooltipContentVirtualizedList.js";import{avatarRenderer as a}from"./AvatarGroupCounterTooltipHelper.js";import i from"./AvatarGroupCounterTooltipContent.module.scss.js";import l from"../../../components/layout/dist/Flex/Flex.js";var s=function(s){var p=s.avatars,u=void 0===p?[]:p,m=s.type,c=s.className,v=s.isVirtualizedList,d=void 0!==v&&v,C=s.tooltipContentContainerRef,f=o((function(t){var o;return(null===(o=null==t?void 0:t.tooltipProps)||void 0===o?void 0:o.content)||(null==t?void 0:t.ariaLabel)}),[]),b=r((function(){var t=u.map((function(t){return{value:Object.assign(Object.assign({},t.props),{tooltipContent:f(t.props)})}})),o=!t.some((function(t){return t.value.tooltipContent})),r=o?void 0:t.map((function(t){return t.value.tooltipContent})).join(",");return{avatarItems:t,displayAsGrid:o,tooltipContainerAriaLabel:r}}),[u,f]),j=b.avatarItems,A=b.displayAsGrid,L=b.tooltipContainerAriaLabel,G=r((function(){return j.map((function(t,o){return a(t,o,void 0,m,A)}))}),[j,A,m]);if(d)return t.createElement(n,{avatarRenderer:a,tooltipContentContainerRef:C,tooltipContainerAriaLabel:L,avatarItems:j,type:m});var g={ref:C,tabIndex:-1,role:"treegrid",ariaLabel:L,className:A?e(i.scrollableContainer,i.tooltipContainer,i.tooltipGridContainer,c):e(i.scrollableContainer,i.tooltipContainer,c),direction:A?"row":"column",gap:A?"xs":"small",wrap:A};return t.createElement(l,Object.assign({},g),G)};export{s as default};
-//# sourceMappingURL=AvatarGroupCounterTooltipContent.js.map

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

@@ -1 +0,0 @@
-{"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?.ariaLabel;\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    ariaLabel: 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","ariaLabel","_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,EAAaI,UAC3D,GAAE,IAEHC,EAAkEC,GAAQ,WACxE,IAAMC,EAAcf,EAAQgB,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBhB,EAAkBW,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,CAAC1B,EAASM,IATLS,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAW1B,EAAMsB,KAAe,GACnG,CAACR,EAAaQ,EAAetB,IAG/B,GAAIG,EACF,OACE4B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChB1B,2BAA4BA,EAC5BqB,0BAA2BA,EAC3BX,YAAaA,EACbd,KAAMA,IAKZ,IAAMkC,EAAY,CAChBC,IAAK/B,EACLgC,UAAW,EACXC,KAAM,WACN1B,UAAWc,EACXxB,UAAWqB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBzC,GACrFqC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBxC,GAC5D0C,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 +0,0 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_86d1a826a8",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_91dfada898",tooltipContainer:"tooltipContainer_04bcd035c9","focus-visible":"focus-visible_a60934e599",tooltipGridContainer:"tooltipGridContainer_4ebe946e4f",scrollableContainer:"scrollableContainer_c89068cc4e"};!function(t){const e="s_id-f3cc0fae9cc4_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_86d1a826a8 {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_91dfada898 {\n  flex-shrink: 0;\n}\n.tooltipContainer_04bcd035c9 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.tooltipContainer_04bcd035c9:focus, .tooltipContainer_04bcd035c9:focus-visible, .tooltipContainer_04bcd035c9.focus-visible_a60934e599 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_4ebe946e4f {\n  max-width: 160px;\n  padding-right: 0;\n}\n.scrollableContainer_c89068cc4e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_c89068cc4e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
-//# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import e,{useMemo as t}from"react";import i from"../VirtualizedList/VirtualizedList.js";import r from"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js";var a=Object.freeze({maxItemsWithoutScroll:10,itemLineHeight:34,itemLineWidth:150}),n=function(n){var o=n.avatarItems,l=void 0===o?[]:o,m=n.avatarRenderer,u=n.type,s=n.tooltipContainerAriaLabel,d=n.tooltipContentContainerRef,c=t((function(){return l.map((function(e){return{value:e,height:a.itemLineHeight}}))}),[l]);return e.createElement("div",{className:r.virtualizedTooltipContainer,"aria-label":s,ref:d,tabIndex:-1},e.createElement(i,{items:c,itemRenderer:function(e,t,i){return m(e.value,t,i,u,!1)},role:"treegrid",scrollableClassName:r.scrollableContainer,getItemId:function(e,t){return t+""},style:{height:a.itemLineHeight*Math.min(l.length,a.maxItemsWithoutScroll),minWidth:a.itemLineWidth}}))};export{n as default};
-//# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-var e={scrollableContainer:"scrollableContainer_63e4cfb590",virtualizedTooltipContainer:"virtualizedTooltipContainer_7bc5db6d63","focus-visible":"focus-visible_a60934e599"};!function(e){const i="s_id-700dae3ddae4_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_63e4cfb590::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_63e4cfb590::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_7bc5db6d63 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_7bc5db6d63:focus, .virtualizedTooltipContainer_7bc5db6d63:focus-visible, .virtualizedTooltipContainer_7bc5db6d63.focus-visible_a60934e599 { /* 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/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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\" ariaLabelledby={labelId}>\n          <Avatar\n            {...avatarProps}\n            tooltipProps={undefined}\n            ariaLabel={\"\"}\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","ariaLabelledby","Avatar","tooltipProps","ariaLabel","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"yoBAaA,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,SAAU,OAE1FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAAAS,cAACC,EAAI,CAACC,UAAU,MAAMC,IAAI,KAAKC,eAAgBf,GAC7CE,EAAAS,cAACK,EACKnB,OAAAC,OAAA,CAAA,EAAAJ,GACJuB,kBAAcvD,EACdwD,UAAW,GACXC,WAAYC,EACZ5B,KAAMA,IAAQE,aAAW,EAAXA,EAAaF,MAC3BkB,UAAW,EACXW,KAAK,QACLC,UAAWC,EAAuCC,4BAElD/B,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASsB,UAAWC,EAAuCE,wBACjE/B,EAAYgC,kBAO3B"}

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

@@ -1,2 +0,0 @@
-var l=function(l,i){var n;null===(n=null==i?void 0:i.onClick)||void 0===n||n.call(i,l,i.id)};export{l as avatarOnClick};
-//# sourceMappingURL=AvatarGroupHelper.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/Indicator.types\";\nimport { type CounterColor } from \"../Counter/Counter.types\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n  /**\n   * The position of the badge relative to its parent.\n   */\n  anchor?: BadgeAnchor;\n  /**\n   * The alignment style of the badge.\n   */\n  alignment?: BadgeAlignments;\n  /**\n   * The content the badge is attached to.\n   */\n  children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n  /**\n   * The type of badge, set to `\"counter\"` for numeric values.\n   */\n  type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n  /**\n   * The type of badge, set to `\"indicator\"` for a simple dot.\n   */\n  type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n  (\n    {\n      type = \"indicator\",\n      anchor = \"top-end\",\n      alignment = \"rectangular\",\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      children,\n      ...badgeProps\n    }: BadgeProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const badgeClassNames = cx(\n      styles.badge,\n      getStyle(styles, camelCase(anchor as unknown as string)),\n      getStyle(styles, alignment)\n    );\n\n    const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n    return (\n      <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n        {children}\n        <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n          {type === \"indicator\" ? (\n            <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n          ) : (\n            type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default Badge;\n"],"names":["Badge","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter"],"mappings":"qhBA8CMA,IAAAA,EAAQC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E"}

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

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

package/dist/src/components/Badge/Badge.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";var e=function(e){var i=e.color,m=e.id,c=e["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],e.className),"data-testid":c||r(a.INDICATOR,m)})};export{e as default};
-//# sourceMappingURL=Indicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n  /**\n   * The color of the indicator.\n   */\n  color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n  return (\n    <div\n      className={cx(styles.indicator, styles[color], className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n    />\n  );\n};\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR"],"mappings":"oNAeA,IAAMA,EAAY,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseItem.js","sources":["../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { useListItemProps } from \"./hooks/useListItemProps\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { renderSideElement } from \"./utils\";\nimport styles from \"./BaseItem.module.scss\";\n\nconst BaseItem = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      className,\n      id,\n      component = \"li\",\n      size = \"medium\",\n      selected = false,\n      readOnly = false,\n      highlighted = false,\n      role,\n      index: _index,\n      dir = \"auto\",\n      itemRenderer,\n      itemProps = {},\n      item = {} as BaseItemData<Item>\n    }: BaseItemProps<Item>,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const internalRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, internalRef);\n\n    const listItemProps = useListItemProps({ id, component, size, highlighted, role, itemProps });\n\n    useEffect(() => {\n      listItemProps.refCallback?.(internalRef.current);\n    }, [listItemProps]);\n\n    const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n\n    const listItemClassNames = useMemo(\n      () =>\n        cx(\n          styles.wrapper,\n          {\n            [styles.selected]: selected,\n            [styles.disabled]: disabled,\n            [styles.highlighted]: listItemProps.highlighted,\n            [styles.readOnly]: readOnly\n          },\n          getStyle(styles, listItemProps.size),\n          className\n        ),\n      [selected, disabled, listItemProps.highlighted, readOnly, listItemProps.size, className]\n    );\n\n    const textVariant: TextType = listItemProps.size === \"small\" ? \"text2\" : \"text1\";\n    const Element = listItemProps.component as React.ElementType;\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        content={tooltipProps?.content}\n        position={dir === \"rtl\" ? \"right\" : \"left\"}\n        containerSelector=\"body\"\n      >\n        <Element\n          id={listItemProps.id}\n          ref={mergedRef}\n          className={listItemClassNames}\n          role={listItemProps.role}\n          aria-selected={selected}\n          aria-disabled={disabled || undefined}\n          {...listItemProps.itemProps}\n        >\n          {itemRenderer ? (\n            itemRenderer(item)\n          ) : (\n            <>\n              {startElement && renderSideElement(startElement, disabled, textVariant)}\n              <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n                {label}\n              </Text>\n              {endElement && (\n                <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n              )}\n            </>\n          )}\n        </Element>\n      </Tooltip>\n    );\n  }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n  props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","internalRef","useRef","mergedRef","useMergeRef","listItemProps","useListItemProps","useEffect","_a","refCallback","call","current","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","undefined","Fragment","renderSideElement","Text","type","color"],"mappings":"kkBAWMA,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAI3BE,EAAcC,EAAoB,MAClCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAgBC,EAAiB,CAAExB,GAAAA,EAAIE,UAAAA,EAAWE,KAAAA,EAAMM,YAAAA,EAAaC,KAAAA,EAAMK,UAAAA,IAEjFS,GAAU,iBACiB,QAAzBC,EAAAH,EAAcI,mBAAW,IAAAD,GAAAA,EAAAE,KAAAL,EAAGJ,EAAYU,QAC1C,GAAG,CAACN,IAEJ,IAAAO,EAAsFZ,EAA9Ea,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEd,EAAlEe,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDhB,EAAhDgB,aAAcC,EAAkCjB,EAAlCiB,WAAUC,EAAwBlB,EAAtBmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAE3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOnC,SAAWA,GAClBmC,EAAOR,SAAWA,GAClBQ,EAAO/B,YAAca,EAAcb,aACnC+B,EAAOjC,SAAWA,GAErBoC,EAASH,EAAQlB,EAAcnB,MAC/BL,EACD,GACH,CAACO,EAAU2B,EAAUV,EAAcb,YAAaF,EAAUe,EAAcnB,KAAML,IAG1E8C,EAA+C,UAAvBtB,EAAcnB,KAAmB,QAAU,QACnE0C,EAAUvB,EAAcrB,UAE9B,OACE6C,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EACFd,EACJ,CAAAe,QAASf,aAAA,EAAAA,EAAce,QACvBC,SAAkB,QAARxC,EAAgB,QAAU,OACpCyC,kBAAkB,SAElBP,EAACC,cAAAF,iBACC9C,GAAIuB,EAAcvB,GAClBF,IAAKuB,EACLtB,UAAWuC,EACX3B,KAAMY,EAAcZ,KAAI,gBACTL,EACA,gBAAA2B,QAAYsB,GACvBhC,EAAcP,WAEjBF,EACCA,EAAaI,GAEb6B,EAAAC,cAAAD,EAAAS,SAAA,KACGtB,GAAgBuB,EAAkBvB,EAAcD,EAAUY,GAC3DE,EAAAC,cAACU,EAAK,CAAAC,KAAMd,EAAae,MAAM,UAAUvB,aAAc,CAAEiB,kBAAmB,SACzEvB,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKjD,UAAW0C,EAAON,YAAasB,EAAkBtB,EAAYF,EAAUY,MAO1F"}

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

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper_ec8b26eb58","focus-visible":"focus-visible_76106db1ef",highlighted:"highlighted_360c324fb0",disabled:"disabled_75102c2872",readOnly:"readOnly_c723c6992b",selected:"selected_9a3cc76b71",small:"small_1e8f19401b",medium:"medium_3c7a2a0c25",large:"large_3c28db53b6",avatar:"avatar_577d50f375",icon:"icon_91dfada898",indent:"indent_c16283c214",endElement:"endElement_38515d6984"};!function(e){const n="s_id-d3a3c9508ef7_3_85_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_ec8b26eb58 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_ec8b26eb58:focus-visible, .wrapper_ec8b26eb58.focus-visible_76106db1ef {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_ec8b26eb58:focus:not(.focus-visible_76106db1ef) {\n  outline: none;\n}\n.wrapper_ec8b26eb58.highlighted_360c324fb0, .wrapper_ec8b26eb58:hover:not(.disabled_75102c2872):not(.readOnly_c723c6992b) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_ec8b26eb58.disabled_75102c2872 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_ec8b26eb58.readOnly_c723c6992b {\n  cursor: default;\n}\n.wrapper_ec8b26eb58.selected_9a3cc76b71 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_ec8b26eb58.selected_9a3cc76b71.highlighted_360c324fb0, .wrapper_ec8b26eb58.selected_9a3cc76b71:hover:not(.disabled_75102c2872):not(.readOnly_c723c6992b) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_ec8b26eb58.small_1e8f19401b {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_ec8b26eb58.medium_3c7a2a0c25 {\n  padding: 9px 12px;\n}\n.wrapper_ec8b26eb58.large_3c28db53b6 {\n  padding: 13px 12px;\n}\n.wrapper_ec8b26eb58 .avatar_577d50f375,\n.wrapper_ec8b26eb58 .icon_91dfada898 {\n  flex-shrink: 0;\n}\n.wrapper_ec8b26eb58 .indent_c16283c214 {\n  width: 20px;\n}\n.wrapper_ec8b26eb58 .endElement_38515d6984 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
-//# sourceMappingURL=BaseItem.module.scss.js.map

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

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

package/dist/src/components/BaseItem/hooks/useListItemProps.js

@@ -1,2 +0,0 @@
-import{useBaseListItem as i}from"../../BaseList/context/BaseListContext.js";function e(e){var o,l,t,n,d,h,r=i();return r?{id:null!==(d=e.id)&&void 0!==d?d:r.id,component:"li"!==e.component?e.component:r.component,size:"medium"!==e.size?e.size:r.size,highlighted:void 0!==e.highlighted?e.highlighted:r.highlighted,role:null!==(h=e.role)&&void 0!==h?h:r.role,itemProps:Object.assign({tabIndex:r.tabIndex},e.itemProps),refCallback:r.refCallback}:{id:e.id,component:null!==(o=e.component)&&void 0!==o?o:"li",size:null!==(l=e.size)&&void 0!==l?l:"medium",highlighted:null!==(t=e.highlighted)&&void 0!==t&&t,role:e.role,itemProps:null!==(n=e.itemProps)&&void 0!==n?n:{},refCallback:void 0}}export{e as useListItemProps};
-//# sourceMappingURL=useListItemProps.js.map

package/dist/src/components/BaseItem/hooks/useListItemProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemProps.js","sources":["../../../../../src/components/BaseItem/hooks/useListItemProps.ts"],"sourcesContent":["import { useBaseListItem } from \"../../BaseList/context/BaseListContext\";\nimport { type BaseItemProps } from \"../BaseItem.types\";\n\ntype ListItemPropsInput<Item extends Record<string, unknown>> = Pick<\n  BaseItemProps<Item>,\n  \"id\" | \"component\" | \"size\" | \"highlighted\" | \"role\" | \"itemProps\"\n>;\n\ninterface ListItemPropsOutput {\n  id: string | undefined;\n  component: string;\n  size: \"small\" | \"medium\" | \"large\";\n  highlighted: boolean;\n  role: string | undefined;\n  itemProps: Record<string, unknown>;\n  refCallback: ((element: HTMLElement | null) => void) | undefined;\n}\n\n/**\n * Merges explicit BaseItem props with context values from BaseList.\n * Explicit props always take precedence over context.\n *\n * @param props - The explicit props passed to BaseItem\n * @returns Merged props with context values as defaults\n */\nexport function useListItemProps<Item extends Record<string, unknown>>(\n  props: ListItemPropsInput<Item>\n): ListItemPropsOutput {\n  const context = useBaseListItem();\n\n  if (!context) {\n    return {\n      id: props.id,\n      component: props.component ?? \"li\",\n      size: props.size ?? \"medium\",\n      highlighted: props.highlighted ?? false,\n      role: props.role,\n      itemProps: props.itemProps ?? {},\n      refCallback: undefined\n    };\n  }\n\n  return {\n    id: props.id ?? context.id,\n    component: props.component !== \"li\" ? props.component! : context.component,\n    size: props.size !== \"medium\" ? props.size! : context.size,\n    highlighted: props.highlighted !== undefined ? props.highlighted : context.highlighted,\n    role: props.role ?? context.role,\n    itemProps: {\n      tabIndex: context.tabIndex,\n      ...props.itemProps\n    },\n    refCallback: context.refCallback\n  };\n}\n"],"names":["useListItemProps","props","context","useBaseListItem","id","_e","component","size","highlighted","undefined","role","_f","itemProps","Object","assign","tabIndex","refCallback","_a","_b","_c","_d"],"mappings":"4EAyBM,SAAUA,EACdC,mBAEMC,EAAUC,IAEhB,OAAKD,EAYE,CACLE,GAAgB,UAAZH,EAAMG,UAAM,IAAAC,EAAAA,EAAAH,EAAQE,GACxBE,UAA+B,OAApBL,EAAMK,UAAqBL,EAAMK,UAAaJ,EAAQI,UACjEC,KAAqB,WAAfN,EAAMM,KAAoBN,EAAMM,KAAQL,EAAQK,KACtDC,iBAAmCC,IAAtBR,EAAMO,YAA4BP,EAAMO,YAAcN,EAAQM,YAC3EE,KAAoB,UAAdT,EAAMS,YAAQ,IAAAC,EAAAA,EAAAT,EAAQQ,KAC5BE,UAASC,OAAAC,OAAA,CACPC,SAAUb,EAAQa,UACfd,EAAMW,WAEXI,YAAad,EAAQc,aArBd,CACLZ,GAAIH,EAAMG,GACVE,kBAAWW,EAAAhB,EAAMK,yBAAa,KAC9BC,aAAMW,EAAAjB,EAAMM,oBAAQ,SACpBC,oBAAaW,EAAAlB,EAAMO,4BACnBE,KAAMT,EAAMS,KACZE,kBAAWQ,EAAAnB,EAAMW,yBAAa,CAAE,EAChCI,iBAAaP,EAgBnB"}

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

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

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

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

package/dist/src/components/BaseList/BaseList.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useRef as r,useMemo as a}from"react";import i from"classnames";import o from"../../hooks/useMergeRef.js";import n from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{BaseListItemProvider as d,BaseListProvider as c}from"./context/BaseListContext.js";import{useBaseListFocus as l}from"./hooks/useBaseListFocus.js";import{useBaseListKeyboard as u}from"./hooks/useBaseListKeyboard.js";import{getItemId as m,isListItem as f,getItemComponentType as p,getChildRole as b}from"./utils/baseListUtils.js";import h from"./BaseList.module.scss.js";var v=s((function(s,v){var I=s.className,x=s.id,g=s.as,y=void 0===g?"ul":g,j=s.children,F=s.ariaLabel,L=s.ariaDescribedBy,k=s["aria-controls"],B=s.role,C=void 0===B?"listbox":B,E=s.size,O=void 0===E?"medium":E,z=s.maxHeight,R=s.focusOnMount,D=void 0!==R&&R,M=s.defaultFocusIndex,N=void 0===M?0:M,A=s.onFocusChange,H=s.style,_=s.disabled,q=void 0!==_&&_,K=s["data-testid"],U=e(s,["className","id","as","children","ariaLabel","ariaDescribedBy","aria-controls","role","size","maxHeight","focusOnMount","defaultFocusIndex","onFocusChange","style","disabled","data-testid"]),V=r(null),w=o(v,V),G=y,J=l({defaultFocusIndex:N,onFocusChange:A,listId:x,disabled:q}),P=J.focusIndex,Q=J.activeDescendantId,S=J.updateFocusedItem,T=J.registerItem,W=J.childrenRefs;u({focusIndex:P,childrenRefs:W,listId:x,updateFocusedItem:S,componentRef:V,disabled:q}),n((function(){D&&V.current&&requestAnimationFrame((function(){var e;null===(e=V.current)||void 0===e||e.focus()}))}),[D]);var X=a((function(){var e=t.Children.toArray(j);return W.current=W.current.slice(0,e.length),e.map((function(e,s){if(!t.isValidElement(e))return e;var r=m(x,s,e.props.id),a=W.current[s],i=null==a||f(a),o=e.props.role||("string"==typeof e.type?void 0:b(C)),n={index:s,id:r,highlighted:P===s&&i,tabIndex:P===s&&i?0:-1,component:p(y),size:O,role:o,refCallback:function(e){W.current[s]=e}};return t.createElement(d,{key:r,value:n},e)}))}),[j,y,P,x,C,O,W]),Y=a((function(){return{activeItemIndex:P,updateFocusedItem:S,registerItem:T,size:O}}),[P,S,T,O]),Z=a((function(){return z?Object.assign(Object.assign({},H),{"--baselist-max-height":"number"==typeof z?"".concat(z,"px"):z}):H}),[z,H]);return t.createElement(c,{value:Y},t.createElement(G,Object.assign({ref:w,id:x,className:i(h.baseList,I),style:Z,"aria-label":F,"aria-describedby":L,"aria-controls":k,"aria-activedescendant":Q,"aria-disabled":q||void 0,role:C,tabIndex:-1,"data-testid":K},U),X))}));export{v as default};
-//# sourceMappingURL=BaseList.js.map

package/dist/src/components/BaseList/BaseList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseList.js","sources":["../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { type BaseListProps } from \"./BaseList.types\";\nimport {\n  BaseListProvider,\n  BaseListItemProvider,\n  type BaseListContextProps,\n  type BaseListItemContextProps\n} from \"./context/BaseListContext\";\nimport { useBaseListFocus } from \"./hooks/useBaseListFocus\";\nimport { useBaseListKeyboard } from \"./hooks/useBaseListKeyboard\";\nimport { getChildRole, getItemComponentType, getItemId, isListItem } from \"./utils/baseListUtils\";\nimport styles from \"./BaseList.module.scss\";\n\nconst BaseList = forwardRef(\n  (\n    {\n      className,\n      id,\n      as = \"ul\",\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      role = \"listbox\",\n      size = \"medium\",\n      maxHeight,\n      focusOnMount = false,\n      defaultFocusIndex = 0,\n      onFocusChange,\n      style,\n      disabled = false,\n      \"data-testid\": dataTestId,\n      ...rest\n    }: BaseListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const Element = as as React.ElementType;\n\n    const { focusIndex, activeDescendantId, updateFocusedItem, registerItem, childrenRefs } = useBaseListFocus({\n      defaultFocusIndex,\n      onFocusChange,\n      listId: id,\n      disabled\n    });\n\n    useBaseListKeyboard({\n      focusIndex,\n      childrenRefs,\n      listId: id,\n      updateFocusedItem,\n      componentRef,\n      disabled\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      if (focusOnMount && componentRef.current) {\n        requestAnimationFrame(() => {\n          componentRef.current?.focus();\n        });\n      }\n    }, [focusOnMount]);\n\n    const enrichedChildren = useMemo(() => {\n      const childArray = React.Children.toArray(children) as ReactElement[];\n      childrenRefs.current = childrenRefs.current.slice(0, childArray.length);\n\n      return childArray.map((child, index) => {\n        if (!React.isValidElement(child)) {\n          return child;\n        }\n\n        const childId = getItemId(id, index, (child.props as { id?: string }).id);\n        const currentRef = childrenRefs.current[index];\n        const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n        const isDOMElement = typeof child.type === \"string\";\n\n        const existingRole = (child.props as { role?: string }).role;\n        const childRole = existingRole || (!isDOMElement ? getChildRole(role) : undefined);\n\n        const refCallback = (itemRef: HTMLElement | null) => {\n          childrenRefs.current[index] = itemRef;\n        };\n\n        const itemContextValue: BaseListItemContextProps = {\n          index,\n          id: childId,\n          highlighted: focusIndex === index && isFocusableItem,\n          tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n          component: getItemComponentType(as),\n          size,\n          role: childRole,\n          refCallback\n        };\n\n        return (\n          <BaseListItemProvider key={childId} value={itemContextValue}>\n            {child}\n          </BaseListItemProvider>\n        );\n      });\n    }, [children, as, focusIndex, id, role, size, childrenRefs]);\n\n    const contextValue: BaseListContextProps = useMemo(\n      () => ({\n        activeItemIndex: focusIndex,\n        updateFocusedItem,\n        registerItem,\n        size\n      }),\n      [focusIndex, updateFocusedItem, registerItem, size]\n    );\n\n    const listStyle = useMemo(\n      () =>\n        maxHeight\n          ? ({\n              ...style,\n              \"--baselist-max-height\": typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight\n            } as React.CSSProperties)\n          : style,\n      [maxHeight, style]\n    );\n\n    return (\n      <BaseListProvider value={contextValue}>\n        <Element\n          ref={mergedRef}\n          id={id}\n          className={cx(styles.baseList, className)}\n          style={listStyle}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          aria-activedescendant={activeDescendantId}\n          aria-disabled={disabled || undefined}\n          role={role}\n          tabIndex={-1}\n          data-testid={dataTestId}\n          {...rest}\n        >\n          {enrichedChildren}\n        </Element>\n      </BaseListProvider>\n    );\n  }\n);\n\nexport default BaseList;\n"],"names":["BaseList","forwardRef","_a","ref","className","id","_a$as","as","children","ariaLabel","ariaDescribedBy","ariaControls","_a$role","role","_a$size","size","maxHeight","_a$focusOnMount","focusOnMount","_a$defaultFocusIndex","defaultFocusIndex","onFocusChange","style","_a$disabled","disabled","dataTestId","rest","__rest","componentRef","useRef","mergedRef","useMergeRef","Element","_useBaseListFocus","useBaseListFocus","listId","focusIndex","activeDescendantId","updateFocusedItem","registerItem","childrenRefs","useBaseListKeyboard","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","enrichedChildren","useMemo","childArray","React","Children","toArray","slice","length","map","child","index","isValidElement","childId","getItemId","props","currentRef","isFocusableItem","isListItem","childRole","type","undefined","getChildRole","itemContextValue","highlighted","tabIndex","component","getItemComponentType","refCallback","itemRef","createElement","BaseListItemProvider","key","value","contextValue","activeItemIndex","listStyle","Object","concat","BaseListProvider","assign","cx","styles","baseList"],"mappings":"4mBAgBMA,IAAAA,EAAWC,GACf,SACEC,EAmBAC,OAlBEC,IAAAA,UACAC,IAAAA,GAAEC,IACFC,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,IAAAA,SACAC,IAAAA,UACAC,IAAAA,gBACiBC,IAAjB,iBAAeC,IACfC,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,IAChBC,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,IAAAA,UAASC,IACTC,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,IACpBC,kBAAAA,OAAoB,IAAHD,EAAG,EAACA,EACrBE,IAAAA,cACAC,IAAAA,MAAKC,IACLC,SAAAA,OAAW,IAAHD,GAAQA,EACDE,IAAf,eACGC,EAjBLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,KAAA,WAAA,YAAA,kBAAA,gBAAA,OAAA,OAAA,YAAA,eAAA,oBAAA,gBAAA,QAAA,WAAA,gBAqBM0B,EAAeC,EAAoB,MACnCC,EAAYC,EAAY5B,EAAKyB,GAE7BI,EAAUzB,EAEhB0B,EAA0FC,EAAiB,CACzGd,kBAAAA,EACAC,cAAAA,EACAc,OAAQ9B,EACRmB,SAAAA,IAJMY,EAAUH,EAAVG,WAAYC,EAAkBJ,EAAlBI,mBAAoBC,EAAiBL,EAAjBK,kBAAmBC,EAAYN,EAAZM,aAAcC,EAAYP,EAAZO,aAOzEC,EAAoB,CAClBL,WAAAA,EACAI,aAAAA,EACAL,OAAQ9B,EACRiC,kBAAAA,EACAV,aAAAA,EACAJ,SAAAA,IAGFkB,GAA0B,WACpBxB,GAAgBU,EAAae,SAC/BC,uBAAsB,iBACE,QAAtB1C,EAAA0B,EAAae,eAAS,IAAAzC,GAAAA,EAAA2C,OACxB,GAEJ,GAAG,CAAC3B,IAEJ,IAAM4B,EAAmBC,GAAQ,WAC/B,IAAMC,EAAaC,EAAMC,SAASC,QAAQ3C,GAG1C,OAFAgC,EAAaG,QAAUH,EAAaG,QAAQS,MAAM,EAAGJ,EAAWK,QAEzDL,EAAWM,KAAI,SAACC,EAAOC,GAC5B,IAAKP,EAAMQ,eAAeF,GACxB,OAAOA,EAGT,IAAMG,EAAUC,EAAUtD,EAAImD,EAAQD,EAAMK,MAA0BvD,IAChEwD,EAAarB,EAAaG,QAAQa,GAClCM,EAAkBD,SAAmDE,EAAWF,GAIhFG,EADgBT,EAAMK,MAA4B/C,OAFb,iBAAf0C,EAAMU,UAGsCC,EAArBC,EAAatD,IAM1DuD,EAA6C,CACjDZ,MAAAA,EACAnD,GAAIqD,EACJW,YAAajC,IAAeoB,GAASM,EACrCQ,SAAUlC,IAAeoB,GAASM,EAAkB,GAAK,EACzDS,UAAWC,EAAqBjE,GAChCQ,KAAAA,EACAF,KAAMmD,EACNS,YAZkB,SAACC,GACnBlC,EAAaG,QAAQa,GAASkB,IAchC,OACEzB,EAAA0B,cAACC,EAAoB,CAACC,IAAKnB,EAASoB,MAAOV,GACxCb,EAGP,GACF,GAAG,CAAC/C,EAAUD,EAAI6B,EAAY/B,EAAIQ,EAAME,EAAMyB,IAExCuC,EAAqChC,GACzC,WAAA,MAAO,CACLiC,gBAAiB5C,EACjBE,kBAAAA,EACAC,aAAAA,EACAxB,KAAAA,EACA,GACF,CAACqB,EAAYE,EAAmBC,EAAcxB,IAG1CkE,EAAYlC,GAChB,WAAA,OACE/B,EACKkE,+BACI5D,GAAK,CACR,wBAA8C,iBAAdN,EAAsBmE,GAAAA,OAAMnE,EAAgBA,MAAAA,IAE9EM,CAAK,GACX,CAACN,EAAWM,IAGd,OACE2B,EAAC0B,cAAAS,EAAiB,CAAAN,MAAOC,GACvB9B,EAAC0B,cAAA3C,EACCkD,OAAAG,OAAA,CAAAlF,IAAK2B,EACLzB,GAAIA,EACJD,UAAWkF,EAAGC,EAAOC,SAAUpF,GAC/BkB,MAAO2D,EAAS,aACJxE,EAAS,mBACHC,EACH,gBAAAC,EACQ,wBAAA0B,EACR,gBAAAb,QAAY0C,EAC3BrD,KAAMA,EACNyD,UAAW,EAAC,cACC7C,GACTC,GAEHoB,GAIT"}

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

@@ -1,2 +0,0 @@
-var e={baseList:"baseList_dcc3c64a1e"};!function(e){const t="s_id-3f964266edc6_3_85_1";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/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_dcc3c64a1e {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_dcc3c64a1e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_dcc3c64a1e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
-//# sourceMappingURL=BaseList.module.scss.js.map

package/dist/src/components/BaseList/BaseList.module.scss.js.map

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

package/dist/src/components/BaseList/context/BaseListContext.js

@@ -1,2 +0,0 @@
-import e,{useContext as r,createContext as t}from"react";import{NOOP as n}from"../../../utils/function-utils.js";var i=t({activeItemIndex:-1,updateFocusedItem:n,registerItem:n,size:"medium"}),u=t(void 0),o=function(r){return e.createElement(i.Provider,{value:r.value},r.children)},c=function(r){return e.createElement(u.Provider,{value:r.value},r.children)},m=function(){return r(i)},a=function(){return r(u)};export{c as BaseListItemProvider,o as BaseListProvider,m as useBaseList,a as useBaseListItem};
-//# sourceMappingURL=BaseListContext.js.map

package/dist/src/components/BaseList/context/BaseListContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseListContext.js","sources":["../../../../../src/components/BaseList/context/BaseListContext.tsx"],"sourcesContent":["import React, { createContext, useContext, type ReactNode, type AriaRole } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type BaseListSizes } from \"../BaseList.types\";\n\nexport interface BaseListItemContextProps {\n  /**\n   * The index of this item in the list.\n   */\n  index: number;\n  /**\n   * The derived ID for this item.\n   */\n  id: string;\n  /**\n   * Whether this item is currently highlighted (has keyboard focus).\n   */\n  highlighted: boolean;\n  /**\n   * The tabIndex for this item (0 if highlighted, -1 otherwise).\n   */\n  tabIndex: number;\n  /**\n   * The HTML element to render as.\n   */\n  component: string;\n  /**\n   * The size of the item.\n   */\n  size: BaseListSizes;\n  /**\n   * The ARIA role for this item.\n   */\n  role: AriaRole | undefined;\n  /**\n   * Callback ref to register the item's DOM element.\n   */\n  refCallback: (element: HTMLElement | null) => void;\n}\n\nexport interface BaseListContextProps {\n  /**\n   * The index of the currently focused/active item.\n   */\n  activeItemIndex: number;\n  /**\n   * Callback to update the focused item by id and index.\n   */\n  updateFocusedItem: (id: string, index: number) => void;\n  /**\n   * Register an item ref for keyboard navigation.\n   */\n  registerItem: (ref: HTMLElement | null, index: number) => void;\n  /**\n   * The size of items in the list.\n   */\n  size?: BaseListSizes;\n}\n\nexport interface BaseListProviderProps {\n  value: BaseListContextProps;\n  children: ReactNode;\n}\n\nexport interface BaseListItemProviderProps {\n  value: BaseListItemContextProps;\n  children: ReactNode;\n}\n\nconst defaultListContextValue: BaseListContextProps = {\n  activeItemIndex: -1,\n  updateFocusedItem: NOOP,\n  registerItem: NOOP,\n  size: \"medium\"\n};\n\nconst BaseListContext = createContext<BaseListContextProps>(defaultListContextValue);\nconst BaseListItemContext = createContext<BaseListItemContextProps | undefined>(undefined);\n\nexport const BaseListProvider = ({ value, children }: BaseListProviderProps) => {\n  return <BaseListContext.Provider value={value}>{children}</BaseListContext.Provider>;\n};\n\nexport const BaseListItemProvider = ({ value, children }: BaseListItemProviderProps) => {\n  return <BaseListItemContext.Provider value={value}>{children}</BaseListItemContext.Provider>;\n};\n\nexport const useBaseList = (): BaseListContextProps => {\n  return useContext(BaseListContext);\n};\n\nexport const useBaseListItem = (): BaseListItemContextProps | undefined => {\n  return useContext(BaseListItemContext);\n};\n"],"names":["BaseListContext","createContext","activeItemIndex","updateFocusedItem","NOOP","registerItem","size","BaseListItemContext","undefined","BaseListProvider","_ref","React","createElement","Provider","value","children","BaseListItemProvider","_ref2","useBaseList","useContext","useBaseListItem"],"mappings":"iHAoEA,IAOMA,EAAkBC,EAP8B,CACpDC,iBAAkB,EAClBC,kBAAmBC,EACnBC,aAAcD,EACdE,KAAM,WAIFC,EAAsBN,OAAoDO,GAEnEC,EAAmB,SAAHC,GAC3B,OAAOC,EAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAE1C,EAEaC,EAAuB,SAAHC,GAC/B,OAAON,EAAAC,cAACL,EAAoBM,SAAQ,CAACC,MADKG,EAALH,OAAeG,EAARF,SAE9C,EAEaG,EAAc,WACzB,OAAOC,EAAWnB,EACpB,EAEaoB,EAAkB,WAC7B,OAAOD,EAAWZ,EACpB"}

package/dist/src/components/BaseList/hooks/useBaseListFocus.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as r,useState as t,useCallback as n,useEffect as i}from"react";import{findSelectedItemIndex as u,getItemId as o}from"../utils/baseListUtils.js";var l=function(l){var s=l.defaultFocusIndex,a=l.onFocusChange,c=l.listId,d=l.disabled,f=r([]),v=t(!1),m=e(v,2),p=m[0],I=m[1],g=t(-1),b=e(g,2),h=b[0],x=b[1],F=t(void 0),j=e(F,2),y=j[0],_=j[1],A=n((function(e,r){d||(x(r),_(e),null==a||a(r,e))}),[a,d]),B=n((function(e,r){f.current[r]=e}),[]);return i((function(){if(!d&&!p){var e=f.current;if(0!==e.length&&!e.every((function(e){return null===e}))){var r=u(e),t=-1!==r?r:s,n=e[t];if(n){var i=o(c,t,n.id);A(i,t),I(!0)}}}}),[c,d,s,A,p]),{focusIndex:h,activeDescendantId:y,updateFocusedItem:A,registerItem:B,childrenRefs:f}};export{l as useBaseListFocus};
-//# sourceMappingURL=useBaseListFocus.js.map

package/dist/src/components/BaseList/hooks/useBaseListFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBaseListFocus.js","sources":["../../../../../src/components/BaseList/hooks/useBaseListFocus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { findSelectedItemIndex, getItemId } from \"../utils/baseListUtils\";\n\nexport interface UseBaseListFocusProps {\n  /**\n   * Index of the item that should be focused initially.\n   */\n  defaultFocusIndex: number;\n  /**\n   * Callback fired when the focused item changes.\n   */\n  onFocusChange?: (index: number, id?: string) => void;\n  /**\n   * The unique identifier for the list.\n   */\n  listId: string | undefined;\n  /**\n   * If true, disables focus management.\n   */\n  disabled: boolean;\n}\n\nexport interface UseBaseListFocusResult {\n  /**\n   * The index of the currently focused item.\n   */\n  focusIndex: number;\n  /**\n   * The ID of the active descendant for aria-activedescendant.\n   */\n  activeDescendantId: string | undefined;\n  /**\n   * Callback to update the focused item.\n   */\n  updateFocusedItem: (itemId: string, index: number) => void;\n  /**\n   * Callback to register an item ref.\n   */\n  registerItem: (itemRef: HTMLElement | null, index: number) => void;\n  /**\n   * Ref array containing all item DOM elements.\n   */\n  childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;\n}\n\nexport const useBaseListFocus = ({\n  defaultFocusIndex,\n  onFocusChange,\n  listId,\n  disabled\n}: UseBaseListFocusProps): UseBaseListFocusResult => {\n  const childrenRefs = useRef<(HTMLElement | null)[]>([]);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [focusIndex, setFocusIndex] = useState(-1);\n  const [activeDescendantId, setActiveDescendantId] = useState<string | undefined>(undefined);\n\n  const updateFocusedItem = useCallback(\n    (itemId: string, index: number) => {\n      if (disabled) return;\n\n      setFocusIndex(index);\n      setActiveDescendantId(itemId);\n      onFocusChange?.(index, itemId);\n    },\n    [onFocusChange, disabled]\n  );\n\n  const registerItem = useCallback((itemRef: HTMLElement | null, index: number) => {\n    childrenRefs.current[index] = itemRef;\n  }, []);\n\n  useEffect(() => {\n    if (disabled || isInitialized) return;\n\n    const refs = childrenRefs.current;\n    // Wait until refs are populated\n    if (refs.length === 0 || refs.every(ref => ref === null)) return;\n\n    const selectedIndex = findSelectedItemIndex(refs);\n    const targetIndex = selectedIndex !== -1 ? selectedIndex : defaultFocusIndex;\n    const element = refs[targetIndex];\n\n    if (element) {\n      const itemId = getItemId(listId, targetIndex, element.id);\n      updateFocusedItem(itemId, targetIndex);\n      setIsInitialized(true);\n    }\n  }, [listId, disabled, defaultFocusIndex, updateFocusedItem, isInitialized]);\n\n  return {\n    focusIndex,\n    activeDescendantId,\n    updateFocusedItem,\n    registerItem,\n    childrenRefs\n  };\n};\n"],"names":["useBaseListFocus","_ref","defaultFocusIndex","onFocusChange","listId","disabled","childrenRefs","useRef","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","focusIndex","setFocusIndex","_useState5","undefined","_useState6","activeDescendantId","setActiveDescendantId","updateFocusedItem","useCallback","itemId","index","registerItem","itemRef","current","useEffect","refs","length","every","ref","selectedIndex","findSelectedItemIndex","targetIndex","element","getItemId","id"],"mappings":"oPA6CaA,EAAmB,SAAHC,GAKuB,IAJlDC,EAAiBD,EAAjBC,kBACAC,EAAaF,EAAbE,cACAC,EAAMH,EAANG,OACAC,EAAQJ,EAARI,SAEMC,EAAeC,EAA+B,IACpDC,EAA0CC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAlDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACtCI,EAAoCL,GAAU,GAAEM,EAAAJ,EAAAG,EAAA,GAAzCE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAChCG,EAAoDT,OAA6BU,GAAUC,EAAAT,EAAAO,EAAA,GAApFG,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAoBC,GACxB,SAACC,EAAgBC,GACXrB,IAEJY,EAAcS,GACdJ,EAAsBG,GACtBtB,SAAAA,EAAgBuB,EAAOD,GACzB,GACA,CAACtB,EAAeE,IAGZsB,EAAeH,GAAY,SAACI,EAA6BF,GAC7DpB,EAAauB,QAAQH,GAASE,CAC/B,GAAE,IAoBH,OAlBAE,GAAU,WACR,IAAIzB,IAAYO,EAAhB,CAEA,IAAMmB,EAAOzB,EAAauB,QAE1B,GAAoB,IAAhBE,EAAKC,SAAgBD,EAAKE,OAAM,SAAAC,GAAG,OAAY,OAARA,CAAY,IAAvD,CAEA,IAAMC,EAAgBC,EAAsBL,GACtCM,GAAiC,IAAnBF,EAAuBA,EAAgBjC,EACrDoC,EAAUP,EAAKM,GAErB,GAAIC,EAAS,CACX,IAAMb,EAASc,EAAUnC,EAAQiC,EAAaC,EAAQE,IACtDjB,EAAkBE,EAAQY,GAC1BxB,GAAiB,EAClB,CAVyD,CAJ3B,CAejC,GAAG,CAACT,EAAQC,EAAUH,EAAmBqB,EAAmBX,IAErD,CACLI,WAAAA,EACAK,mBAAAA,EACAE,kBAAAA,EACAI,aAAAA,EACArB,aAAAA,EAEJ"}

package/dist/src/components/BaseList/hooks/useBaseListKeyboard.js

@@ -1,2 +0,0 @@
-import{useCallback as e}from"react";import r from"../../../hooks/useKeyEvent/index.js";import{keyCodes as t}from"../../../constants/keyCodes.js";import{findLastFocusableIndex as a,findFirstFocusableIndex as n,findAdjacentFocusableIndex as o,getItemId as i,isFocusableListItem as f}from"../utils/baseListUtils.js";var s=[t.UP_ARROW,t.DOWN_ARROW,t.HOME,t.END,t.PAGE_UP,t.PAGE_DOWN],u=function(u){var v=u.focusIndex,c=u.childrenRefs,d=u.listId,l=u.updateFocusedItem,p=u.componentRef,m=u.disabled,D=e((function(e){if(!m){var r,s=c.current;switch(e.key){case t.UP_ARROW:e.preventDefault(),r=o(s,v,"prev");break;case t.DOWN_ARROW:e.preventDefault(),r=o(s,v,"next");break;case t.HOME:e.preventDefault(),-1===(r=n(s))&&(r=void 0);break;case t.END:e.preventDefault(),-1===(r=a(s))&&(r=void 0);break;case t.PAGE_UP:e.preventDefault(),r=function(e,r){for(var t=Math.max(0,r-10);r>t;t++)if(f(e[t]))return t;var a=n(e);return-1!==a?a:void 0}(s,v);break;case t.PAGE_DOWN:e.preventDefault(),r=function(e,r){for(var t=Math.min(e.length-1,r+10);t>r;t--)if(f(e[t]))return t;var n=a(e);return-1!==n?n:void 0}(s,v);break;default:return}if(void 0!==r){var u=s[r];if(u){var p=i(d,r,u.id);l(p,r),u.focus()}}}}),[v,c,d,l,m]);r({keys:s,callback:D,ref:p})};export{u as useBaseListKeyboard};
-//# sourceMappingURL=useBaseListKeyboard.js.map

package/dist/src/components/BaseList/hooks/useBaseListKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBaseListKeyboard.js","sources":["../../../../../src/components/BaseList/hooks/useBaseListKeyboard.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport {\n  findAdjacentFocusableIndex,\n  findFirstFocusableIndex,\n  findLastFocusableIndex,\n  getItemId,\n  isFocusableListItem\n} from \"../utils/baseListUtils\";\n\nexport interface UseBaseListKeyboardProps {\n  /**\n   * The index of the currently focused item.\n   */\n  focusIndex: number;\n  /**\n   * Ref array containing all item DOM elements.\n   */\n  childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;\n  /**\n   * The unique identifier for the list.\n   */\n  listId: string | undefined;\n  /**\n   * Callback to update the focused item.\n   */\n  updateFocusedItem: (itemId: string, index: number) => void;\n  /**\n   * Ref to the list container element.\n   */\n  componentRef: React.RefObject<HTMLElement>;\n  /**\n   * If true, disables keyboard navigation.\n   */\n  disabled: boolean;\n}\n\nconst NAVIGATION_KEYS: string[] = [\n  keyCodes.UP_ARROW,\n  keyCodes.DOWN_ARROW,\n  keyCodes.HOME,\n  keyCodes.END,\n  keyCodes.PAGE_UP,\n  keyCodes.PAGE_DOWN\n];\n\nconst PAGE_JUMP_SIZE = 10;\n\nconst findPageUpIndex = (refs: (HTMLElement | null)[], currentIndex: number): number | undefined => {\n  const targetIndex = Math.max(0, currentIndex - PAGE_JUMP_SIZE);\n\n  for (let i = targetIndex; i < currentIndex; i++) {\n    if (isFocusableListItem(refs[i])) {\n      return i;\n    }\n  }\n\n  const firstFocusableIndex = findFirstFocusableIndex(refs);\n  return firstFocusableIndex !== -1 ? firstFocusableIndex : undefined;\n};\n\nconst findPageDownIndex = (refs: (HTMLElement | null)[], currentIndex: number): number | undefined => {\n  const targetIndex = Math.min(refs.length - 1, currentIndex + PAGE_JUMP_SIZE);\n\n  for (let i = targetIndex; i > currentIndex; i--) {\n    if (isFocusableListItem(refs[i])) {\n      return i;\n    }\n  }\n\n  const lastFocusableIndex = findLastFocusableIndex(refs);\n  return lastFocusableIndex !== -1 ? lastFocusableIndex : undefined;\n};\n\nexport const useBaseListKeyboard = ({\n  focusIndex,\n  childrenRefs,\n  listId,\n  updateFocusedItem,\n  componentRef,\n  disabled\n}: UseBaseListKeyboardProps): void => {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (disabled) return;\n\n      const { key } = event;\n      const refs = childrenRefs.current;\n      let newFocusIndex: number | undefined;\n\n      switch (key) {\n        case keyCodes.UP_ARROW:\n          event.preventDefault();\n          newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"prev\");\n          break;\n\n        case keyCodes.DOWN_ARROW:\n          event.preventDefault();\n          newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"next\");\n          break;\n\n        case keyCodes.HOME:\n          event.preventDefault();\n          newFocusIndex = findFirstFocusableIndex(refs);\n          if (newFocusIndex === -1) newFocusIndex = undefined;\n          break;\n\n        case keyCodes.END:\n          event.preventDefault();\n          newFocusIndex = findLastFocusableIndex(refs);\n          if (newFocusIndex === -1) newFocusIndex = undefined;\n          break;\n\n        case keyCodes.PAGE_UP:\n          event.preventDefault();\n          newFocusIndex = findPageUpIndex(refs, focusIndex);\n          break;\n\n        case keyCodes.PAGE_DOWN:\n          event.preventDefault();\n          newFocusIndex = findPageDownIndex(refs, focusIndex);\n          break;\n\n        default:\n          return;\n      }\n\n      if (newFocusIndex !== undefined) {\n        const element = refs[newFocusIndex];\n        if (element) {\n          const itemId = getItemId(listId, newFocusIndex, element.id);\n          updateFocusedItem(itemId, newFocusIndex);\n          element.focus();\n        }\n      }\n    },\n    [focusIndex, childrenRefs, listId, updateFocusedItem, disabled]\n  );\n\n  useKeyEvent({\n    keys: NAVIGATION_KEYS,\n    callback: onKeyDown,\n    ref: componentRef\n  });\n};\n"],"names":["NAVIGATION_KEYS","keyCodes","UP_ARROW","DOWN_ARROW","HOME","END","PAGE_UP","PAGE_DOWN","useBaseListKeyboard","_ref","focusIndex","childrenRefs","listId","updateFocusedItem","componentRef","disabled","onKeyDown","useCallback","event","newFocusIndex","refs","current","key","preventDefault","findAdjacentFocusableIndex","findFirstFocusableIndex","undefined","findLastFocusableIndex","currentIndex","i","Math","max","isFocusableListItem","firstFocusableIndex","findPageUpIndex","min","length","lastFocusableIndex","findPageDownIndex","element","itemId","getItemId","id","focus","useKeyEvent","keys","callback","ref"],"mappings":"yTAsCA,IAAMA,EAA4B,CAChCC,EAASC,SACTD,EAASE,WACTF,EAASG,KACTH,EAASI,IACTJ,EAASK,QACTL,EAASM,WA+BEC,EAAsB,SAAHC,GAOK,IANnCC,EAAUD,EAAVC,WACAC,EAAYF,EAAZE,aACAC,EAAMH,EAANG,OACAC,EAAiBJ,EAAjBI,kBACAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SAEMC,EAAYC,GAChB,SAACC,GACC,IAAIH,EAAJ,CAEA,IAEII,EADEC,EAAOT,EAAaU,QAG1B,OAJgBH,EAARI,KAKN,KAAKrB,EAASC,SACZgB,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASE,WACZe,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASG,KACZc,EAAMK,kBAEiB,KADvBJ,EAAgBM,EAAwBL,MACdD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASI,IACZa,EAAMK,kBAEiB,KADvBJ,EAAgBQ,EAAuBP,MACbD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASK,QACZY,EAAMK,iBACNJ,EAnEc,SAACC,EAA8BQ,GAGrD,IAFA,IAESC,EAFWC,KAAKC,IAAI,EAAGH,EAHX,IAKSA,EAAJC,EAAkBA,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMI,EAAsBR,EAAwBL,GACpD,OAAgC,IAAzBa,EAA6BA,OAAsBP,CAC5D,CAwD0BQ,CAAgBd,EAAMV,GACtC,MAEF,KAAKT,EAASM,UACZW,EAAMK,iBACNJ,EA3DgB,SAACC,EAA8BQ,GAGvD,IAFA,IAESC,EAFWC,KAAKK,IAAIf,EAAKgB,OAAS,EAAGR,EAhBzB,IAkBKC,EAAID,EAAcC,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMQ,EAAqBV,EAAuBP,GAClD,OAA+B,IAAxBiB,EAA4BA,OAAqBX,CAC1D,CAgD0BY,CAAkBlB,EAAMV,GACxC,MAEF,QACE,OAGJ,QAAsBgB,IAAlBP,EAA6B,CAC/B,IAAMoB,EAAUnB,EAAKD,GACrB,GAAIoB,EAAS,CACX,IAAMC,EAASC,EAAU7B,EAAQO,EAAeoB,EAAQG,IACxD7B,EAAkB2B,EAAQrB,GAC1BoB,EAAQI,OACT,CACF,CAlDa,CAmDhB,GACA,CAACjC,EAAYC,EAAcC,EAAQC,EAAmBE,IAGxD6B,EAAY,CACVC,KAAM7C,EACN8C,SAAU9B,EACV+B,IAAKjC,GAET"}

package/dist/src/components/BaseList/utils/baseListUtils.js

@@ -1,2 +0,0 @@
-var t=["option","listitem","menuitem","tab","treeitem"],e={listbox:"option",menu:"menuitem",menubar:"menuitem",tablist:"tab",tree:"treeitem",list:"listitem"},n=function(t){return e[t]||"listitem"},i=function(t,e,n){return n||"".concat(t,"-item-").concat(e)},r=function(e){return e instanceof HTMLElement&&t.includes(e.getAttribute("role")||"")},u=function(t){return!!r(t)&&"true"!==t.getAttribute("aria-disabled")},o={ul:"li",ol:"li",nav:"a"},f=function(t){return o[t]||"div"},l=function(t,e,n){for(var i=3>=arguments.length||void 0===arguments[3]||arguments[3],r="next"===n?1:-1,o=e+r;o>=0&&t.length>o;){if(u(t[o]))return o;o+=r}if(i)for(o="next"===n?0:t.length-1;o!==e;){if(u(t[o]))return o;if(0>(o+=r)||o>=t.length)break}},a=function(t){return t.findIndex(u)},c=function(t){for(var e=t.length-1;e>=0;e--)if(u(t[e]))return e;return-1},m=function(t){return t.findIndex((function(t){return!!r(t)&&"true"===t.getAttribute("aria-selected")}))};export{t as VALID_ROLES,l as findAdjacentFocusableIndex,a as findFirstFocusableIndex,c as findLastFocusableIndex,m as findSelectedItemIndex,n as getChildRole,f as getItemComponentType,i as getItemId,u as isFocusableListItem,r as isListItem};
-//# sourceMappingURL=baseListUtils.js.map

package/dist/src/components/BaseList/utils/baseListUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseListUtils.js","sources":["../../../../../src/components/BaseList/utils/baseListUtils.ts"],"sourcesContent":["export const VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nconst ROLE_MAPPING: Record<string, string> = {\n  listbox: \"option\",\n  menu: \"menuitem\",\n  menubar: \"menuitem\",\n  tablist: \"tab\",\n  tree: \"treeitem\",\n  list: \"listitem\"\n};\n\nexport const getChildRole = (listRole: string): string => ROLE_MAPPING[listRole] || \"listitem\";\n\nexport const getItemId = (listId: string, index: number, customId?: string): string => {\n  return customId || `${listId}-item-${index}`;\n};\n\nexport const isListItem = (element: HTMLElement | null): boolean => {\n  return element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\") || \"\");\n};\n\nexport const isFocusableListItem = (element: HTMLElement | null): boolean => {\n  if (!isListItem(element)) return false;\n  return element.getAttribute(\"aria-disabled\") !== \"true\";\n};\n\nconst ELEMENT_MAPPING: Record<string, string> = {\n  ul: \"li\",\n  ol: \"li\",\n  nav: \"a\"\n};\n\nexport const getItemComponentType = (listElement: string): string => ELEMENT_MAPPING[listElement] || \"div\";\n\nexport const findAdjacentFocusableIndex = (\n  refs: (HTMLElement | null)[],\n  currentIndex: number,\n  direction: \"next\" | \"prev\",\n  shouldWrap = true\n): number | undefined => {\n  const step = direction === \"next\" ? 1 : -1;\n  let index = currentIndex + step;\n\n  while (index >= 0 && index < refs.length) {\n    if (isFocusableListItem(refs[index])) {\n      return index;\n    }\n    index += step;\n  }\n\n  if (shouldWrap) {\n    const startIndex = direction === \"next\" ? 0 : refs.length - 1;\n    index = startIndex;\n\n    while (index !== currentIndex) {\n      if (isFocusableListItem(refs[index])) {\n        return index;\n      }\n      index += step;\n\n      if (index < 0 || index >= refs.length) {\n        break;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nexport const findFirstFocusableIndex = (refs: (HTMLElement | null)[]): number => {\n  return refs.findIndex(isFocusableListItem);\n};\n\nexport const findLastFocusableIndex = (refs: (HTMLElement | null)[]): number => {\n  for (let i = refs.length - 1; i >= 0; i--) {\n    if (isFocusableListItem(refs[i])) {\n      return i;\n    }\n  }\n  return -1;\n};\n\nexport const findSelectedItemIndex = (refs: (HTMLElement | null)[]): number => {\n  return refs.findIndex(element => {\n    if (!isListItem(element)) return false;\n    return element.getAttribute(\"aria-selected\") === \"true\";\n  });\n};\n"],"names":["VALID_ROLES","ROLE_MAPPING","listbox","menu","menubar","tablist","tree","list","getChildRole","listRole","getItemId","listId","index","customId","concat","isListItem","element","HTMLElement","includes","getAttribute","isFocusableListItem","ELEMENT_MAPPING","ul","ol","nav","getItemComponentType","listElement","findAdjacentFocusableIndex","refs","currentIndex","direction","shouldWrap","arguments","length","undefined","step","findFirstFocusableIndex","findIndex","findLastFocusableIndex","i","findSelectedItemIndex"],"mappings":"AAAaA,IAAAA,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAE/DC,EAAuC,CAC3CC,QAAS,SACTC,KAAM,WACNC,QAAS,WACTC,QAAS,MACTC,KAAM,WACNC,KAAM,YAGKC,EAAe,SAACC,GAAgB,OAAaR,EAAaQ,IAAa,UAAU,EAEjFC,EAAY,SAACC,EAAgBC,EAAeC,GACvD,OAAOA,MAAQC,OAAOH,EAAMG,UAAAA,OAASF,EACvC,EAEaG,EAAa,SAACC,GACzB,OAAOA,aAAmBC,aAAejB,EAAYkB,SAASF,EAAQG,aAAa,SAAW,GAChG,EAEaC,EAAsB,SAACJ,GAClC,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,EAEME,EAA0C,CAC9CC,GAAI,KACJC,GAAI,KACJC,IAAK,KAGMC,EAAuB,SAACC,GAAmB,OAAaL,EAAgBK,IAAgB,KAAK,EAE7FC,EAA6B,SACxCC,EACAC,EACAC,GAMA,IAJsB,IADtBC,EAAU,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEJG,EAAqB,SAAdL,EAAuB,GAAK,EACrClB,EAAQiB,EAAeM,EAEpBvB,GAAS,GAAagB,EAAKK,OAAbrB,GAAqB,CACxC,GAAIQ,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAETA,GAASuB,CACV,CAED,GAAIJ,EAIF,IAFAnB,EADiC,SAAdkB,EAAuB,EAAIF,EAAKK,OAAS,EAGrDrB,IAAUiB,GAAc,CAC7B,GAAIT,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAIT,GAAY,GAFZA,GAASuB,IAEQvB,GAASgB,EAAKK,OAC7B,KAEH,CAIL,EAEaG,EAA0B,SAACR,GACtC,OAAOA,EAAKS,UAAUjB,EACxB,EAEakB,EAAyB,SAACV,GACrC,IAAK,IAAIW,EAAIX,EAAKK,OAAS,EAAGM,GAAK,EAAGA,IACpC,GAAInB,EAAoBQ,EAAKW,IAC3B,OAAOA,EAGX,OAAQ,CACV,EAEaC,EAAwB,SAACZ,GACpC,OAAOA,EAAKS,WAAU,SAAArB,GACpB,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,GACF"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useCallback as r,useMemo as n}from"react";import{keyCodes as c}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import s from"classnames";import i from"./BreadcrumbContent.module.scss.js";var o={className:i.breadcrumbIcon,size:14,clickable:!1},l=t((function(t,l){var m=t.className,b=t.isClickable,d=t.link,u=t.onClick,p=t.text,f=t.isCurrent,k=t.disabled,E=void 0!==k&&k,x=t.showText,C=void 0===x||x,N=t.icon,v=r((function(e){e.key!==c.ENTER&&e.key!==c.SPACE||(d?window.parent.location.href=d:u())}),[u,d]),w=n((function(){return E?-1:0}),[E]);return b&&(d||u)?d?a.createElement("a",{className:s(i.breadcrumbContent,m,e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.withoutText,!C)),href:d,onKeyDown:v,"aria-current":f?"page":void 0},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p)):a.createElement("span",{className:s(i.breadcrumbContent,m,e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.withoutText,!C)),onClick:u,onKeyDown:v,tabIndex:w,"aria-current":f?"page":void 0,role:"button"},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p)):a.createElement("span",{className:s(i.breadcrumbContent,m,e(e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.notClickable,!b),i.withoutText,!C)),"aria-disabled":"true",tabIndex:w,"aria-current":f?"page":void 0},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p))}));export{l as BreadcrumbContent};
-//# sourceMappingURL=BreadcrumbContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n  /**\n   * If true, the breadcrumb is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the breadcrumb links to.\n   */\n  link?: string;\n  /**\n   * Callback fired when the breadcrumb is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * The text displayed inside the breadcrumb.\n   */\n  text?: string;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb represents the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * If true, the breadcrumb is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n  forwardRef<unknown, BreadcrumbContentProps>(\n    (\n      { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n      ref: ForwardedRef<HTMLSpanElement>\n    ) => {\n      const Icon = icon;\n\n      const onKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n          if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n            link ? (window.parent.location.href = link) : onClick();\n          }\n        },\n        [onClick, link]\n      );\n\n      const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n      if (isClickable && (link || onClick)) {\n        if (link) {\n          return (\n            <a\n              className={cx(styles.breadcrumbContent, className, {\n                [styles.disabled]: disabled,\n                [styles.clickable]: isClickable,\n                [styles.current]: isCurrent,\n                [styles.withoutText]: !showText\n              })}\n              href={link}\n              onKeyDown={onKeyDown}\n              aria-current={isCurrent ? \"page\" : undefined}\n            >\n              {Icon && <Icon {...iconProps} />}\n              {showText && (\n                <span ref={ref} className={styles.breadcrumbText}>\n                  {text}\n                </span>\n              )}\n            </a>\n          );\n        }\n        return (\n          <span\n            className={cx(styles.breadcrumbContent, className, {\n              [styles.disabled]: disabled,\n              [styles.clickable]: isClickable,\n              [styles.current]: isCurrent,\n              [styles.withoutText]: !showText\n            })}\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            tabIndex={tabIndex}\n            aria-current={isCurrent ? \"page\" : undefined}\n            role=\"button\"\n          >\n            {Icon && <Icon {...iconProps} />}\n            {showText && (\n              <span ref={ref} className={styles.breadcrumbText}>\n                {text}\n              </span>\n            )}\n          </span>\n        );\n      }\n      return (\n        <span\n          className={cx(styles.breadcrumbContent, className, {\n            [styles.disabled]: disabled,\n            [styles.clickable]: isClickable,\n            [styles.current]: isCurrent,\n            [styles.notClickable]: !isClickable,\n            [styles.withoutText]: !showText\n          })}\n          aria-disabled=\"true\"\n          tabIndex={tabIndex}\n          aria-current={isCurrent ? \"page\" : undefined}\n        >\n          {Icon && <Icon {...iconProps} />}\n          {showText && (\n            <span ref={ref} className={styles.breadcrumbText}>\n              {text}\n            </span>\n          )}\n        </span>\n      );\n    }\n  );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UA0CA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

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

@@ -1,2 +0,0 @@
-var e={breadcrumbContent:"breadcrumbContent_b803a34814",withoutText:"withoutText_712ce10036",breadcrumbText:"breadcrumbText_5766482f47",breadcrumbIcon:"breadcrumbIcon_cdc15d8534",clickable:"clickable_4fafe720c9",current:"current_1caaf358db",disabled:"disabled_5a3b3c3aaa",notClickable:"notClickable_207cf5fca7"};!function(e){const n="s_id-55ff70da99a4_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_b803a34814 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_b803a34814.withoutText_712ce10036 {\n  padding: 4px;\n}\na.breadcrumbContent_b803a34814:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_b803a34814 .breadcrumbText_5766482f47 {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_b803a34814 .breadcrumbIcon_cdc15d8534 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_b803a34814:focus {\n  outline: none;\n}\n.breadcrumbContent_b803a34814.clickable_4fafe720c9 {\n  cursor: pointer;\n}\n.breadcrumbContent_b803a34814.clickable_4fafe720c9:hover,\n.breadcrumbContent_b803a34814:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_b803a34814.current_1caaf358db {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_b803a34814.disabled_5a3b3c3aaa {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_b803a34814.disabled_5a3b3c3aaa:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_b803a34814.notClickable_207cf5fca7 {\n  pointer-events: none;\n}");export{e as default};
-//# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n  children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n  (\n    { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ) => {\n    const menuButtonId = id || \"breadcrumb-menu-button\";\n    const menuId = `${menuButtonId}-menu`;\n\n    return (\n      <li className={styles.breadcrumbMenuWrapper} {...props}>\n        <MenuButton\n          id={menuButtonId}\n          size={\"xxs\"}\n          closeMenuOnItemClick\n          ariaLabel={\"Hidden breadcrumbs menu\"}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n          ariaControls={menuId}\n          ref={ref}\n        >\n          <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} ariaLabel=\"Expanded breadcrumbs menu\">\n            {children}\n          </Menu>\n        </MenuButton>\n      </li>\n    );\n  }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","ariaLabel","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","ariaControls","Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBACA,EAAAC,UAAW,0BAAyB,cACvBd,GAAce,EAAUC,EAAuBC,gBAAiBlB,GAC7EmB,aAAcd,EACdP,IAAKA,GAELS,EAACI,cAAAS,GAAKpB,GAAIK,EAAQQ,KAAM,SAAUQ,sBAAuB,EAAGN,UAAU,6BACnEhB,IAKX"}

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

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as i}from"react";import"../../../Menu/Menu/Menu.js";import n from"../../../Menu/MenuItem/MenuItem.js";import"../../../Menu/MenuItemButton/MenuItemButton.js";import"../../../Menu/MenuDivider/MenuDivider.js";import"../../../Menu/MenuTitle/MenuTitle.js";import"../../../Menu/MenuGridItem/MenuGridItem.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";var s=i((function(i,s){var u=i.id,m=i["data-testid"],M=i.link,d=i.onClick,a=t(i,["id","data-testid","link","onClick"]);return e.createElement(n,Object.assign({id:u,onClick:M?function(t){d&&d(t),M&&window.open(M)}:d,"data-testid":m||r(o.BREADCRUMB_MENU_ITEM,u),ref:s},a))}));s.isMenuChild=!0,s.isSelectable=!0;export{s as default};
-//# sourceMappingURL=BreadcrumbMenuItem.js.map