npm - @vibe/core - Versions diffs - 4.0.0-alpha.0 → 4.0.0-alpha.1 - Mend

@vibe/core 4.0.0-alpha.0 → 4.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2994) hide show

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

@@ -0,0 +1 @@

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

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

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

package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js.map ADDED Viewed

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

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as e}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as s}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as i,ComponentDefaultTestId as r}from"../../tests/testIds.js";import c from"classnames";import{Icon as o,CustomSvgIcon as l}from"@vibe/icon/mockedClassNames";import m from"./AvatarBadge.module.scss.js";import{ClickableWrapper as n}from"@vibe/clickable/mockedClassNames";var d=function(d){var b=d.src,p=d.icon,f=d.tabIndex,k=void 0===f?0:f,v=d.className,C=d.size,u=void 0===C?"large":C,j=d.id,N=d.onClick,g=d["data-testid"],x=e(d,["src","icon","tabIndex","className","size","id","onClick","data-testid"]),E=c(a(m,s("badge--"+u)),v),A=g\|\|i(r.AVATAR_BADGE,j),I=-1===k&&!!N;if(p)return I?t.createElement(n,{isClickable:!0,clickableProps:{onClick:N,tabIndex:k}},t.createElement(o,Object.assign({icon:p,className:E},x,{"data-testid":A}))):t.createElement(o,Object.assign({icon:p,className:E,tabindex:k},x,{"data-testid":A}));var O=t.createElement(l,Object.assign({src:b,className:E},x,{"data-testid":A}));return b?I?t.createElement(n,{isClickable:!0,clickableProps:{onClick:N,tabIndex:k}},O):O:null};export{d as default};
2	+ //# sourceMappingURL=AvatarBadge.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarBadge.js","sources":["../../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /**\n * The image source for the badge.\n */\n src?: string;\n /**\n * The icon displayed inside the badge.\n */\n icon?: SubIcon;\n /**\n * The tab index of the badge.\n */\n tabIndex?: number;\n /**\n * The size of the badge.\n */\n size?: AvatarSize;\n /**\n * Callback fired when the badge is clicked.\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n onClick,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId || getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n const isClickable = tabIndex === -1 && !!onClick;\n\n if (icon) {\n return isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />\n </ClickableWrapper>\n ) : (\n <Icon icon={icon} className={classNames} tabindex={tabIndex} {...otherProps} data-testid={testId} />\n );\n }\n\n const svgIcon = <CustomSvgIcon src={src} className={classNames} {...otherProps} data-testid={testId} />;\n\n return src ? (\n isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n {svgIcon}\n </ClickableWrapper>\n ) : (\n svgIcon\n )\n ) : null;\n};\n\nexport default AvatarBadge;\n"],"names":["AvatarBadge","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","onClick","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","isClickable","React","ClickableWrapper","clickableProps","createElement","Icon","Object","assign","tabindex","svgIcon","CustomSvgIcon"],"mappings":"sdAmCA,IAAMA,EAAc,SAACC,OACnBC,EAOyBD,EAPzBC,IACAC,EAMyBF,EANzBE,KAAIC,EAMqBH,EALzBI,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAIyBL,EAJzBK,UAASC,EAIgBN,EAHzBO,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAEyBR,EAFzBQ,GACAC,EACyBT,EADzBS,QACeC,EAAUV,EAAzB,eACGW,EATgBC,EAAAZ,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,UAAA,gBAWba,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYV,IAAQF,GAC/Da,EAASR,GAAcS,EAAUC,EAAuBC,aAAcb,GACtEc,GAA4B,IAAdlB,KAAqBK,EAEzC,GAAIP,EACF,OAAOoB,EACLC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACvDmB,EAAAG,cAACC,EAAKC,OAAAC,OAAA,CAAA3B,KAAMA,EAAMG,UAAWQ,GAAgBF,iBAAyBO,MAGxEK,EAACG,cAAAC,iBAAKzB,KAAMA,EAAMG,UAAWQ,EAAYiB,SAAU1B,GAAcO,iBAAyBO,KAI9F,IAAMa,EAAUR,EAAAG,cAACM,EAAaJ,OAAAC,OAAA,CAAC5B,IAAKA,EAAKI,UAAWQ,GAAgBF,EAAyB,CAAA,cAAAO,KAE7F,OAAOjB,EACLqB,EACEC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACtD2B,GAGHA,EAEA,IACN"}

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

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

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

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

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{camelCase as e}from"es-toolkit";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import r from"classnames";import i from"react";import{Icon as o}from"@vibe/icon/mockedClassNames";import l from"./AvatarContent.module.scss.js";var m=function(m){var c=m.type,d=void 0===c?"text":c,n=m.src,p=m.icon,N=m.text,f=m["aria-label"],u=m.role,A=m.size,T=void 0===A?"large":A,v=m.textClassName,C=void 0===v?"":v,E=m.id,x=m["data-testid"],_=r(t(l,e("content_"+d)),t(l,e("content_"+d+"--"+T)));switch(d){case"img":return i.createElement("img",{role:u,alt:f,src:n,className:_,id:E,"data-testid":x\|\|a(s.AVATAR_CONTENT,E)});case"icon":return i.createElement(o,{icon:p,"aria-label":f,className:_,"aria-hidden":!1,id:E,"data-testid":x\|\|a(s.AVATAR_CONTENT,E)});case"text":return i.createElement("span",{"aria-label":f,role:u,className:r(_,C),id:E,"data-testid":x\|\|a(s.AVATAR_CONTENT,E)},N);default:return null}};export{m as default};
2	+ //# sourceMappingURL=AvatarContent.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarContent.js","sources":["../../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /**\n * The image source when the type is set to `img`.\n */\n src?: string;\n /**\n * The type of content displayed inside the avatar.\n */\n type?: AvatarType;\n /**\n * The size of the avatar content.\n */\n size?: AvatarSize;\n /**\n * The ARIA role of the content.\n */\n role?: string;\n /**\n * The label of the content for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The icon displayed when the type is set to `icon`.\n */\n icon?: SubIcon;\n /**\n * Class name applied to the text content.\n */\n textClassName?: string;\n /**\n * The text displayed when the type is set to `text`.\n */\n text?: string;\n}\n\nconst AvatarContent = ({\n type = \"text\",\n src,\n icon,\n text,\n \"aria-label\": ariaLabel,\n role,\n size = \"large\",\n textClassName = \"\",\n id,\n \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n const className = cx(\n getStyle(styles, camelCase(\"content_\" + type)),\n getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n );\n switch (type) {\n case \"img\":\n return (\n <img\n role={role}\n alt={ariaLabel}\n src={src}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"icon\":\n return (\n <Icon\n icon={icon}\n aria-label={ariaLabel}\n // role={role}\n className={className}\n aria-hidden={false}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"text\":\n return (\n <span\n aria-label={ariaLabel}\n role={role}\n className={cx(className, textClassName)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n >\n {text}\n </span>\n );\n default:\n return null;\n }\n};\n\nexport default AvatarContent;\n"],"names":["AvatarContent","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon"],"mappings":"4UA6CA,IAAMA,EAAgB,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACcC,EAASN,EAAvB,cACAO,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACE,eAAA,EACbF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb"}

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

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

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

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import r,{useMemo as o}from"react";import t from"classnames";import a from"./AvatarGroupCounter.js";import{avatarOnClick as e}from"./AvatarGroupHelper.js";import s from"./AvatarGroup.module.scss.js";import{ComponentVibeId as i}from"../../tests/constants.js";var n=function(n){var l=n.className,p=n.avatarClassName,u=n.id,c=n.children,d=n.size,v=n.type,m=n.max,A=void 0===m?5:m,f=n.counterProps,y=n.counterTooltipCustomProps,T=n.counterTooltipIsVirtualizedList,C=void 0!==T&&T,b=n.disabled,j=o((function(){if(!c)return{};var o=Array.isArray(c)?c:[c];return{displayAvatars:o.slice(0,A).map((function(o,a){var i,n;return r.cloneElement(o,Object.assign(Object.assign({key:a},null==o?void 0:o.props),{size:d\|\|(null===(i=null==o?void 0:o.props)\|\|void 0===i?void 0:i.size),type:v\|\|(null===(n=null==o?void 0:o.props)\|\|void 0===n?void 0:n.type),className:t(s.avatarContainer,p),onClick:function(r){return e(r,o.props)},disabled:b}))})),counterTooltipAvatars:o.slice(A)}}),[p,c,b,A,d,v]),z=j.displayAvatars,G=j.counterTooltipAvatars;return c?r.createElement("div",{className:t(s.avatarGroupContainer,l),id:u,"data-vibe":i.AVATAR_GROUP},z,r.createElement(a,{counterTooltipAvatars:G,counterProps:f,counterTooltipCustomProps:y,counterTooltipIsVirtualizedList:C,size:d,type:v,disabled:b})):null};export{n as default};
2	+ //# sourceMappingURL=AvatarGroup.js.map

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

@@ -0,0 +1 @@

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

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

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js.map ADDED Viewed

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupConstants.js ADDED Viewed

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupConstants.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"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/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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\|\|{},z=E.color,N=void 0===z?"light":z,T=E.count,h=void 0===T?b.length:T,y=E.prefix,G=void 0===y?"+":y,L=E.maxDigits,k=void 0===L?3:L,B=E.ariaLabelItemsName,H=void 0===B?"items":B,O=E.noAnimation,R=E.dialogContainerSelector,S=E.tabIndex,D=void 0===S?0:S,V=m(p,null==P?void 0:""+P),_=p[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":M\|\|"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},p.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,N,k,G,h,A,O]);return b.length\|\|h?A?o.createElement("div",{ref:F,className:n(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,_),"aria-label":M\|\|"".concat(h," 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["aria-label"]),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:d,"aria-label":"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:D,className:n(p.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
2	+ //# sourceMappingURL=AvatarGroupCounter.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n /**\n * The list of avatars hidden behind the counter.\n */\n counterTooltipAvatars?: ReactElement<AvatarProps>[];\n /**\n * Props for customizing the counter appearance.\n */\n counterProps?: AvatarGroupCounterVisualProps;\n /**\n * Props for customizing the counter tooltip.\n */\n counterTooltipCustomProps?: Partial<TooltipProps>;\n /**\n * If true, the counter tooltip uses a virtualized list for performance optimization.\n */\n counterTooltipIsVirtualizedList?: boolean;\n /**\n * The size of the counter.\n */\n size?: AvatarSize;\n /**\n * The type of the avatars in the counter.\n */\n type?: AvatarType;\n /**\n * The label of the counter for accessibility.\n */\n counterAriaLabel?: string;\n /**\n * If true, the counter is disabled and non-interactive.\n */\n disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n counterTooltipAvatars = [],\n counterProps,\n counterTooltipCustomProps,\n counterTooltipIsVirtualizedList = false,\n size = \"medium\",\n type,\n counterAriaLabel,\n disabled\n}: AvatarGroupCounterProps) => {\n const {\n color: counterColor = \"light\",\n count: counterValue = counterTooltipAvatars.length,\n prefix: counterPrefix = \"+\",\n maxDigits: counterMaxDigits = 3,\n ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n noAnimation,\n dialogContainerSelector,\n tabIndex: counterTabIndex = 0\n } = counterProps || {};\n\n const counterSizeStyle = getStyle(styles, size?.toString());\n const counterColorStyle = styles[counterColor];\n\n const focusPrevPlaceholderRef = useRef(null);\n const focusNextPlaceholderRef = useRef(null);\n const counterContainerRef = useRef(null);\n const counterComponent = useCallback(() => {\n return (\n <Counter\n color={counterColor}\n count={counterValue}\n prefix={counterPrefix}\n maxDigits={counterMaxDigits}\n aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n noAnimation={noAnimation}\n counterClassName={cx({ [styles.disabled]: disabled })}\n size={size === \"xs\" ? \"xs\" : undefined}\n />\n );\n }, [\n counterAriaLabel,\n counterAriaLabelItemsName,\n counterColor,\n counterMaxDigits,\n counterPrefix,\n counterValue,\n disabled,\n noAnimation\n ]);\n\n if (!counterTooltipAvatars.length && !counterValue) {\n return null;\n }\n\n if (disabled) {\n return (\n <div\n ref={counterContainerRef}\n className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n >\n {counterComponent()}\n </div>\n );\n }\n\n const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n if (areAvatarsClickable) {\n return (\n <MenuButton\n component={counterComponent}\n zIndex={1}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n dialogContainerSelector={dialogContainerSelector}\n >\n <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n {counterTooltipAvatars.map((avatar, index) => {\n return (\n // eslint-disable-next-line react/jsx-key\n <AvatarMenuItem\n menuItemProps={{\n key: avatar.props?.id || String(index),\n title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n }}\n avatarProps={{\n ...avatar.props,\n customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n \"aria-label\": \"\",\n tabIndex: -1\n }}\n />\n );\n })}\n </Menu>\n </MenuButton>\n );\n }\n\n return (\n <AvatarGroupCounterTooltipContainer\n focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n focusNextPlaceholderRef={focusNextPlaceholderRef}\n counterContainerRef={counterContainerRef}\n avatars={counterTooltipAvatars}\n counterTooltipCustomProps={counterTooltipCustomProps}\n counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n type={type}\n >\n <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n <div\n tabIndex={counterTabIndex}\n className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n ref={counterContainerRef}\n >\n {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n {counterComponent()}\n <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n </div>\n </AvatarGroupCounterTooltipContainer>\n );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}

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

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

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

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.js ADDED Viewed

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

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

@@ -0,0 +1 @@

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import t,{useCallback as o,useMemo as r}from"react";import e from"classnames";import{Flex as a}from"@vibe/layout/mockedClassNames";import n from"./AvatarGroupCounterTooltipContentVirtualizedList.js";import{avatarRenderer as i}from"./AvatarGroupCounterTooltipHelper.js";import l from"./AvatarGroupCounterTooltipContent.module.scss.js";var s=function(s){var p=s.avatars,u=void 0===p?[]:p,m=s.type,v=s.className,c=s.isVirtualizedList,d=void 0!==c&&c,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["aria-label"])}),[]),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]),A=b.avatarItems,j=b.displayAsGrid,G=b.tooltipContainerAriaLabel,g=r((function(){return A.map((function(t,o){return i(t,o,void 0,m,j)}))}),[A,j,m]);if(d)return t.createElement(n,{avatarRenderer:i,tooltipContentContainerRef:C,tooltipContainerAriaLabel:G,avatarItems:A,type:m});var y={ref:C,tabIndex:-1,role:"treegrid","aria-label":G,className:j?e(l.scrollableContainer,l.tooltipContainer,l.tooltipGridContainer,v):e(l.scrollableContainer,l.tooltipContainer,v),direction:j?"row":"column",gap:j?"xs":"small",wrap:j};return t.createElement(a,Object.assign({},y),g)};export{s as default};
2	+ //# sourceMappingURL=AvatarGroupCounterTooltipContent.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js ADDED Viewed

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupHelper.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=AvatarGroupHelper.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupHelper.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/mocked_classnames/src/components/Badge/Badge.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=Badge.js.map

package/dist/mocked_classnames/src/components/Badge/Badge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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/mocked_classnames/src/components/Badge/Badge.module.scss.js ADDED Viewed

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

package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js.map ADDED Viewed

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

package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=Indicator.js.map

package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js ADDED Viewed

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

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

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

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

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

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

@@ -0,0 +1 @@

+ {"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":"ijBAWMA,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/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={wrapper:"wrapper","focus-visible":"focus-visible",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-c5f50f32df2c_4_0_0-alpha_0";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 {\n display: flex;\n align-items: center;\n gap: var(--space-4);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n cursor: pointer;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\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:focus:not(.focus-visible) {\n outline: none;\n}\n.wrapper.highlighted, .wrapper:hover:not(.disabled):not(.readOnly) {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.wrapper.readOnly {\n cursor: default;\n}\n.wrapper.selected {\n background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted, .wrapper.selected:hover:not(.disabled):not(.readOnly) {\n background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n padding: 6px var(--space-8);\n}\n.wrapper.medium {\n padding: 9px 12px;\n}\n.wrapper.large {\n padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n flex-shrink: 0;\n}\n.wrapper .indent {\n width: 20px;\n}\n.wrapper .endElement {\n padding-inline-start: var(--space-8);\n margin-inline-start: auto;\n display: flex;\n}");export{e as default};
2	+ //# sourceMappingURL=BaseItem.module.scss.js.map

package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js.map ADDED Viewed

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

package/dist/mocked_classnames/src/components/BaseItem/hooks/useListItemProps.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=useListItemProps.js.map

package/dist/mocked_classnames/src/components/BaseItem/hooks/useListItemProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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/mocked_classnames/src/components/BaseItem/utils.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"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":"sNAOgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,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/mocked_classnames/src/components/BaseList/BaseList.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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 b,getChildRole as p}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["aria-label"],L=s["aria-describedby"],k=s["aria-controls"],C=s.role,E=void 0===C?"listbox":C,O=s.size,z=void 0===O?"medium":O,B=s.maxHeight,R=s.focusOnMount,M=void 0!==R&&R,N=s.defaultFocusIndex,A=void 0===N?0:N,H=s.onFocusChange,_=s.style,q=s.disabled,D=void 0!==q&&q,K=s["data-testid"],U=e(s,["className","id","as","children","aria-label","aria-describedby","aria-controls","role","size","maxHeight","focusOnMount","defaultFocusIndex","onFocusChange","style","disabled","data-testid"]),V=r(null),w=o(v,V),G=y,J=l({defaultFocusIndex:A,onFocusChange:H,listId:x,disabled:D}),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:D}),n((function(){M&&V.current&&requestAnimationFrame((function(){var e;null===(e=V.current)\|\|void 0===e\|\|e.focus()}))}),[M]);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:p(E)),n={index:s,id:r,highlighted:P===s&&i,tabIndex:P===s&&i?0:-1,component:b(y),size:z,role:o,refCallback:function(e){W.current[s]=e}};return t.createElement(d,{key:r,value:n},e)}))}),[j,y,P,x,E,z,W]),Y=a((function(){return{activeItemIndex:P,updateFocusedItem:S,registerItem:T,size:z}}),[P,S,T,z]),Z=a((function(){return B?Object.assign(Object.assign({},_),{"--baselist-max-height":"number"==typeof B?"".concat(B,"px"):B}):_}),[B,_]);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":D\|\|void 0,role:E,tabIndex:-1,"data-testid":K},U),X))}));export{v as default};
2	+ //# sourceMappingURL=BaseList.js.map

package/dist/mocked_classnames/src/components/BaseList/BaseList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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 \"aria-label\": ariaLabel,\n \"aria-describedby\": 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":"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"}

package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={baseList:"baseList"};!function(e){const t="s_id-97ac9c3bb99a_4_0_0-alpha_0";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 {\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::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.baseList::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
2	+ //# sourceMappingURL=BaseList.module.scss.js.map

package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js.map ADDED Viewed

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

package/dist/mocked_classnames/src/components/BaseList/context/BaseListContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=BaseListContext.js.map

package/dist/mocked_classnames/src/components/BaseList/context/BaseListContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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/mocked_classnames/src/components/BaseList/hooks/useBaseListFocus.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=useBaseListFocus.js.map

package/dist/mocked_classnames/src/components/BaseList/hooks/useBaseListFocus.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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"}