@vibe/core 4.5.5 → 4.6.0-alpha-5a4a2.0

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_dcd66eb33a","focus-visible":"focus-visible_2f414dcffb",xs:"xs_b08cf07008",small:"small_8d64bd6847",medium:"medium_3b2d8de24d",large:"large_241978c9b3",primary:"primary_54b75eb86d",dark:"dark_9e2d35ca5d",negative:"negative_4f282e86b4",light:"light_18af5914a1",disabled:"disabled_e6a81cfea9",menu:"menu_36a22cc2b6"};!function(n){const e="s_id-98062d6d439a_4_5_4";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_dcd66eb33a.counterContainer_dcd66eb33a {\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_dcd66eb33a.counterContainer_dcd66eb33a:focus-visible, .counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.focus-visible_2f414dcffb { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a:focus-visible:focus-visible, .counterContainer_dcd66eb33a.counterContainer_dcd66eb33a:focus-visible.focus-visible_2f414dcffb, .counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.focus-visible_2f414dcffb:focus-visible, .counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.focus-visible_2f414dcffb.focus-visible_2f414dcffb {\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_dcd66eb33a.counterContainer_dcd66eb33a:focus-visible:focus:not(.focus-visible_2f414dcffb), .counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.focus-visible_2f414dcffb:focus:not(.focus-visible_2f414dcffb) {\n  outline: none;\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.xs_b08cf07008 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.small_8d64bd6847 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.medium_3b2d8de24d {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.large_241978c9b3 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.primary_54b75eb86d {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.dark_9e2d35ca5d {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.negative_4f282e86b4 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.light_18af5914a1 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_dcd66eb33a.counterContainer_dcd66eb33a .disabled_e6a81cfea9, .counterContainer_dcd66eb33a.counterContainer_dcd66eb33a.disabled_e6a81cfea9 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_36a22cc2b6 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_36a22cc2b6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_36a22cc2b6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_ddbba33d06","focus-visible":"focus-visible_364d503ffb",xs:"xs_8eabe098fa",small:"small_444b83b85c",medium:"medium_0e6b40dd60",large:"large_90e36e6086",primary:"primary_d0ae2f1d15",dark:"dark_629020a84a",negative:"negative_cd8560abf9",light:"light_a7097a4564",disabled:"disabled_69afe91c0a",menu:"menu_8fb5f64006"};!function(n){const e="s_id-98062d6d439a_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible.focus-visible_364d503ffb, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb:focus-visible, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb.focus-visible_364d503ffb {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06:focus-visible:focus:not(.focus-visible_364d503ffb), .counterContainer_ddbba33d06.counterContainer_ddbba33d06.focus-visible_364d503ffb:focus:not(.focus-visible_364d503ffb) {\n  outline: none;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.xs_8eabe098fa {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.small_444b83b85c {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.medium_0e6b40dd60 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.large_90e36e6086 {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.primary_d0ae2f1d15 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.dark_629020a84a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.negative_cd8560abf9 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06.light_a7097a4564 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_ddbba33d06.counterContainer_ddbba33d06 .disabled_69afe91c0a, .counterContainer_ddbba33d06.counterContainer_ddbba33d06.disabled_69afe91c0a {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n\n.menu_8fb5f64006 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_8fb5f64006::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_8fb5f64006::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_8e80323319","focus-visible":"focus-visible_5d11ff30b2",highlighted:"highlighted_34d1403624",disabled:"disabled_38efd41c22",readOnly:"readOnly_a5b21db65b",selected:"selected_f92649cb7e",small:"small_7caa7ba0ed",medium:"medium_45a30680b1",large:"large_6a4c004713",avatar:"avatar_279973db77",icon:"icon_a75bdfe85d",indent:"indent_ea500b3b77",endElement:"endElement_ea5a037971"};!function(e){const n="s_id-c5f50f32df2c_4_5_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_8e80323319 {\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_8e80323319:focus-visible, .wrapper_8e80323319.focus-visible_5d11ff30b2 {\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_8e80323319:focus:not(.focus-visible_5d11ff30b2) {\n  outline: none;\n}\n.wrapper_8e80323319.highlighted_34d1403624, .wrapper_8e80323319:hover:not(.disabled_38efd41c22):not(.readOnly_a5b21db65b) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_8e80323319.disabled_38efd41c22 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_8e80323319.readOnly_a5b21db65b {\n  cursor: default;\n}\n.wrapper_8e80323319.selected_f92649cb7e {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_8e80323319.selected_f92649cb7e.highlighted_34d1403624, .wrapper_8e80323319.selected_f92649cb7e:hover:not(.disabled_38efd41c22):not(.readOnly_a5b21db65b) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_8e80323319.small_7caa7ba0ed {\n  padding: 6px var(--space-8);\n}\n.wrapper_8e80323319.medium_45a30680b1 {\n  padding: 9px 12px;\n}\n.wrapper_8e80323319.large_6a4c004713 {\n  padding: 13px 12px;\n}\n.wrapper_8e80323319 .avatar_279973db77,\n.wrapper_8e80323319 .icon_a75bdfe85d {\n  flex-shrink: 0;\n}\n.wrapper_8e80323319 .indent_ea500b3b77 {\n  width: 20px;\n}\n.wrapper_8e80323319 .endElement_ea5a037971 {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_8a4c3c0d6d","focus-visible":"focus-visible_0a8515e1cb",highlighted:"highlighted_f39c59ca3f",disabled:"disabled_53d10acbd6",readOnly:"readOnly_f20ed790fe",selected:"selected_570f54c0b8",small:"small_1532409aef",medium:"medium_9ab9dc23db",large:"large_381e8ebf23",avatar:"avatar_0d6d7aa149",icon:"icon_e5467b6885",indent:"indent_6d8a42323f",endElement:"endElement_46351e9a3c"};!function(e){const a="s_id-c5f50f32df2c_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_8a4c3c0d6d {\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_8a4c3c0d6d:focus-visible, .wrapper_8a4c3c0d6d.focus-visible_0a8515e1cb {\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_8a4c3c0d6d:focus:not(.focus-visible_0a8515e1cb) {\n  outline: none;\n}\n.wrapper_8a4c3c0d6d.highlighted_f39c59ca3f, .wrapper_8a4c3c0d6d:hover:not(.disabled_53d10acbd6):not(.readOnly_f20ed790fe) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_8a4c3c0d6d.disabled_53d10acbd6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_8a4c3c0d6d.readOnly_f20ed790fe {\n  cursor: default;\n}\n.wrapper_8a4c3c0d6d.selected_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_8a4c3c0d6d.selected_570f54c0b8.highlighted_f39c59ca3f, .wrapper_8a4c3c0d6d.selected_570f54c0b8:hover:not(.disabled_53d10acbd6):not(.readOnly_f20ed790fe) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_8a4c3c0d6d.small_1532409aef {\n  padding: 6px var(--space-8);\n}\n.wrapper_8a4c3c0d6d.medium_9ab9dc23db {\n  padding: 9px 12px;\n}\n.wrapper_8a4c3c0d6d.large_381e8ebf23 {\n  padding: 13px 12px;\n}\n.wrapper_8a4c3c0d6d .avatar_0d6d7aa149,\n.wrapper_8a4c3c0d6d .icon_e5467b6885 {\n  flex-shrink: 0;\n}\n.wrapper_8a4c3c0d6d .indent_6d8a42323f {\n  width: 20px;\n}\n.wrapper_8a4c3c0d6d .endElement_46351e9a3c {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={baseList:"baseList_e86df35960"};!function(e){const t="s_id-97ac9c3bb99a_4_5_4";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_e86df35960 {\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_e86df35960::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_e86df35960::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList_6528298364"};!function(e){const t="s_id-97ac9c3bb99a_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_6528298364 {\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_6528298364::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_6528298364::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

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

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

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

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

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_f4516845fa",separatorIcon:"separatorIcon_b51e64559f"};!function(e){const n="s_id-24567fd55d40_4_5_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_f4516845fa ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_f4516845fa ol .separatorIcon_b51e64559f {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_2452cbe40c",separatorIcon:"separatorIcon_bf659d4d70"};!function(e){const n="s_id-24567fd55d40_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_2452cbe40c ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_2452cbe40c ol .separatorIcon_bf659d4d70 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,2 @@
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as l,useCallback as a,useMemo as n,useEffect as s}from"react";import{camelCase as d}from"es-toolkit";import u from"classnames";import p from"../../hooks/usePrevious/index.js";import{ButtonWrapper as c}from"./ButtonWrapper.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as v}from"../../tests/constants.js";import b from"./ButtonGroup.module.scss.js";import{useMergeRef as h}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as y}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var B=i((function(i,B){var C=i.className,k=i.options,T=i.name,g=void 0===T?"":T,j=i.disabled,N=void 0!==j&&j,x=i.value,P=void 0===x?"":x,M=i.onSelect,O=i.size,U=void 0===O?"small":O,D=i.kind,S=void 0===D?"secondary":D,W=i.groupAriaLabel,E=void 0===W?"":W,G=i.tooltipPosition,H=i.tooltipHideDelay,I=i.tooltipShowDelay,_=i.tooltipContainerSelector,A=i.tooltipMoveBy,R=i.blurOnMouseUp,w=void 0===R||R,z=i.id,F=i["data-testid"],L=i.fullWidth,q=void 0!==L&&L,J=r(),K=h(B,J),Q=l(P),V=t(Q,2),X=V[0],Y=V[1],Z=p(P),$=a((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,g))}),[M,N,g]),tt=function(t){return(null==t?void 0:t.value)===X},et=n((function(){return k.find((function(t){return tt(t)}))}),[k,X]),ot=n((function(){return k.map((function(t,i){var r=tt(t),l=0===i,a=i===k.length-1,n=tt(k[i+1]);return o.createElement(c,{key:t.value,size:U,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,"aria-label":t["aria-label"],tooltipContent:t.tooltipContent,tooltipPosition:G,tooltipHideDelay:H,tooltipShowDelay:I,tooltipContainerSelector:_,tooltipMoveBy:A,blurOnMouseUp:w,fullWidth:q,className:u(b.button,b.optionText,e(e(e(e(e(e({},b.selected,r),b.disabled,N),b.buttonDisabled,t.disabled),b.fullWidth,q),b.startBorder,l),b.endBorder,a||!n)),activeButtonClassName:b.activeButton},t.text)}))}),[k,X,U,G,H,I,_,A,w,N,q,$]);return s((function(){P!==Z&&P!==X&&Y(P)}),[P,Z,X,Y]),o.createElement("div",{className:u(b.buttonGroup,C,y(b,d("kind-"+S)),e({},b.disabled,N)),id:z,"data-testid":F||m(f.BUTTON_GROUP,z),"data-vibe":v.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":E,className:u(b.buttonsContainer,e({},b.fullWidth,q)),"aria-disabled":N},ot),et&&et.subText&&o.createElement("div",{className:u(b.subTextContainer)},et.subText))}));export{B as default};
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nimport { type SubIcon } from \"@vibe/icon\";\nimport { type ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { type ButtonType, type ButtonSize } from \"@vibe/button\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\ntype ButtonGroupOption = {\n  icon?: SubIcon;\n  leftIcon?: SubIcon;\n  \"aria-label\"?: string;\n  subText?: string;\n  value: ButtonValue;\n  text: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n  /**\n   * The list of button options.\n   */\n  options: Array<ButtonGroupOption>;\n  /**\n   * The currently selected button value.\n   */\n  value?: ButtonValue;\n  /**\n   * Callback fired when a button is selected.\n   */\n  onSelect?: (value: ButtonValue, name: string) => void;\n  /**\n   * The size of the buttons.\n   */\n  size?: ButtonSize;\n  /**\n   * The style variant of the buttons.\n   */\n  kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n  /**\n   * The name of the button group.\n   */\n  name?: string;\n  /**\n   * If true, disables all buttons in the group.\n   */\n  disabled?: boolean;\n  /**\n   * The label of the button group for accessibility.\n   */\n  groupAriaLabel?: string;\n  /**\n   * The position of the tooltip relative to the button.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip hides.\n   */\n  tooltipHideDelay?: number;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * CSS selector for the tooltip container.\n   */\n  tooltipContainerSelector?: string;\n  /**\n   * Adjusts the tooltip position.\n   */\n  tooltipMoveBy?: MoveBy;\n  /**\n   * The content inside the button group.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the button group take the full width of its container.\n   */\n  fullWidth?: boolean;\n  /**\n   * If true, removes focus from the button after clicking.\n   */\n  blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n  (\n    {\n      className,\n      options,\n      name = \"\",\n      disabled = false,\n      value = \"\",\n      onSelect,\n      size = \"small\",\n      kind = \"secondary\",\n      groupAriaLabel = \"\",\n      tooltipPosition,\n      tooltipHideDelay,\n      tooltipShowDelay,\n      tooltipContainerSelector,\n      tooltipMoveBy,\n      blurOnMouseUp = true,\n      id,\n      \"data-testid\": dataTestId,\n      fullWidth = false\n    }: ButtonGroupProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const inputRef = useRef();\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const [valueState, setValueState] = useState(value);\n    const prevValue = usePrevious(value);\n\n    const onClick = useCallback(\n      (option: ButtonGroupOption) => {\n        const isDisabled = disabled || option.disabled;\n        if (!isDisabled) {\n          setValueState(option.value);\n          if (onSelect) {\n            onSelect(option.value, name);\n          }\n        }\n      },\n      [onSelect, disabled, name]\n    );\n\n    const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n    const selectedOption = useMemo(() => {\n      return options.find(option => isOptionActive(option));\n    }, [options, valueState]);\n\n    const Buttons = useMemo(() => {\n      return options.map((option, index) => {\n        const isSelected = isOptionActive(option);\n        const isFirst = index === 0;\n        const isLast = index === options.length - 1;\n        const isNextOptionActive = isOptionActive(options[index + 1]);\n\n        return (\n          <ButtonWrapper\n            key={option.value}\n            size={size}\n            onClick={() => onClick(option)}\n            rightIcon={option.icon}\n            leftIcon={option.leftIcon}\n            active={isSelected}\n            rightFlat={index !== options.length - 1}\n            leftFlat={index !== 0}\n            kind=\"tertiary\"\n            preventClickAnimation\n            aria-label={option[\"aria-label\"]}\n            tooltipContent={option.tooltipContent}\n            tooltipPosition={tooltipPosition}\n            tooltipHideDelay={tooltipHideDelay}\n            tooltipShowDelay={tooltipShowDelay}\n            tooltipContainerSelector={tooltipContainerSelector}\n            tooltipMoveBy={tooltipMoveBy}\n            blurOnMouseUp={blurOnMouseUp}\n            fullWidth={fullWidth}\n            className={cx(styles.button, styles.optionText, {\n              [styles.selected]: isSelected,\n              [styles.disabled]: disabled,\n              [styles.buttonDisabled]: option.disabled,\n              [styles.fullWidth]: fullWidth,\n              [styles.startBorder]: isFirst,\n              [styles.endBorder]: isLast || !isNextOptionActive\n            })}\n            activeButtonClassName={styles.activeButton}\n          >\n            {option.text}\n          </ButtonWrapper>\n        );\n      });\n    }, [\n      options,\n      valueState,\n      size,\n      tooltipPosition,\n      tooltipHideDelay,\n      tooltipShowDelay,\n      tooltipContainerSelector,\n      tooltipMoveBy,\n      blurOnMouseUp,\n      disabled,\n      fullWidth,\n      onClick\n    ]);\n\n    // Effects\n    useEffect(() => {\n      // Update value if changed from props\n      if (value !== prevValue && value !== valueState) {\n        setValueState(value);\n      }\n    }, [value, prevValue, valueState, setValueState]);\n\n    return (\n      <div\n        className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n        data-vibe={ComponentVibeId.BUTTON_GROUP}\n        ref={mergedRef}\n      >\n        <div\n          role=\"group\"\n          aria-label={groupAriaLabel}\n          className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n          aria-disabled={disabled}\n        >\n          {Buttons}\n        </div>\n        {selectedOption && selectedOption.subText && (\n          <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+var e={buttonGroup:"buttonGroup_d2fa709807",subTextContainer:"subTextContainer_896ea5f361",buttonsContainer:"buttonsContainer_4290d1beb6",fullWidth:"fullWidth_458c3e2c3a",button:"button_6773c93be1",activeButton:"activeButton_6d83e1e5cf",disabled:"disabled_5bfcde4c6e",buttonDisabled:"buttonDisabled_9792f0f1a8",startBorder:"startBorder_1723643306",endBorder:"endBorder_ad0dc4e4ce",kindTertiary:"kindTertiary_6d83e1e5cf",optionText:"optionText_694354ab49",selected:"selected_b382f3fb38",wrapper:"wrapper_3eae87262d"};!function(e){const n="s_id-088a66d7b959_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup_d2fa709807 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_896ea5f361 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_4290d1beb6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer_4290d1beb6.fullWidth_458c3e2c3a {\n  justify-content: flex-start;\n  width: 100%;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1 {\n  border-style: var(--border-style);\n  border-width: var(--border-width) 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--layout-border-color);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.activeButton_6d83e1e5cf:not(.disabled_5bfcde4c6e) {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border-color: var(--primary-color);\n  border-inline-width: var(--border-width);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.activeButton_6d83e1e5cf:not(.disabled_5bfcde4c6e):hover:not(.disabled_5bfcde4c6e) {\n  background-color: var(--primary-hover-color);\n  border-color: var(--primary-hover-color);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.disabled_5bfcde4c6e, .buttonsContainer_4290d1beb6 .button_6773c93be1.buttonDisabled_9792f0f1a8 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.disabled_5bfcde4c6e:hover, .buttonsContainer_4290d1beb6 .button_6773c93be1.buttonDisabled_9792f0f1a8:hover {\n  background-color: var(--disabled-background-color);\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.startBorder_1723643306 {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.endBorder_ad0dc4e4ce {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_4290d1beb6 .button_6773c93be1.fullWidth_458c3e2c3a {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary_6d83e1e5cf .buttonsContainer_4290d1beb6 .button_6773c93be1 {\n  border-color: transparent;\n}\n.kindTertiary_6d83e1e5cf .buttonsContainer_4290d1beb6 .button_6773c93be1:first-child {\n  border-color: transparent;\n}\n\n.optionText_694354ab49:not(.disabled_5bfcde4c6e) {\n  color: var(--primary-text-color);\n}\n\n.optionText_694354ab49:not(.disabled_5bfcde4c6e).selected_b382f3fb38 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_3eae87262d.disabled_5bfcde4c6e {\n  cursor: not-allowed;\n}\n\n.fullWidth_458c3e2c3a {\n  flex: 1;\n}");export{e as default};
+//# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

package/dist/src/components/ButtonGroup/ButtonWrapper.js

@@ -0,0 +1,2 @@
+import{__rest as o}from"../../../_virtual/_tslib.js";import t from"react";import{isNil as e}from"es-toolkit";import i from"./ButtonGroup.module.scss.js";import l from"../../../components/button/dist/Button/Button.js";import r from"../../../components/tooltip/dist/Tooltip/Tooltip.js";var n=function(n){var s=n.tooltipContent,a=n.tooltipPosition,p=n.tooltipHideDelay,m=n.tooltipShowDelay,c=n.tooltipContainerSelector,u=n.tooltipMoveBy,d=n.fullWidth,f=n.className,h=o(n,["tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className"]),v=t.createElement(l,Object.assign({},h,{className:f}));return e(s)?d?t.createElement("div",{className:i.fullWidth},v):v:t.createElement(r,{moveBy:u,position:a,hideDelay:p,showDelay:m,content:s,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],containerSelector:c,referenceWrapperClassName:d?i.fullWidth:void 0},v)};export{n as ButtonWrapper};
+//# sourceMappingURL=ButtonWrapper.js.map

package/dist/src/components/ButtonGroup/ButtonWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWrapper.js","sources":["../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n  /**\n   * The content of the tooltip.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip relative to the button.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip hides.\n   */\n  tooltipHideDelay?: number;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * CSS selector for the tooltip container.\n   */\n  tooltipContainerSelector?: string;\n  /**\n   * Adjusts the tooltip position.\n   */\n  tooltipMoveBy?: MoveBy;\n  /**\n   * If true, makes the button take the full width of its container.\n   */\n  fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n  tooltipContent,\n  tooltipPosition,\n  tooltipHideDelay,\n  tooltipShowDelay,\n  tooltipContainerSelector,\n  tooltipMoveBy,\n  fullWidth,\n  className,\n  ...otherProps\n}: ButtonWrapperProps) => {\n  const button = <Button {...otherProps} className={className} />;\n\n  if (!isNil(tooltipContent)) {\n    return (\n      <Tooltip\n        moveBy={tooltipMoveBy}\n        position={tooltipPosition}\n        hideDelay={tooltipHideDelay}\n        showDelay={tooltipShowDelay}\n        content={tooltipContent}\n        showTrigger={[\"mouseenter\"]}\n        hideTrigger={[\"mouseleave\"]}\n        containerSelector={tooltipContainerSelector}\n        referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n      >\n        {button}\n      </Tooltip>\n    );\n  }\n\n  // Always wrap in a div when fullWidth to ensure consistent structure\n  if (fullWidth) {\n    return <div className={styles.fullWidth}>{button}</div>;\n  }\n\n  return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"gSAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,EAACC,cAAAM,EACC,CAAAC,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_8341aabd77",checkbox:"checkbox_5d16de95b9",icon:"icon_ba218ab9aa",label:"label_07235812cb",input:"input_cb5ffbc5ad",checkboxGrowAnimation:"checkboxGrowAnimation_6b89439b20"};!function(e){const n="s_id-61898ce5ef6e_4_5_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_8341aabd77 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n  outline: none; /* focus ring is rendered on .checkbox child, not the wrapper */\n}\n.checkbox_5d16de95b9 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n.checkbox_5d16de95b9:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  inset-inline: 0;\n  width: 100%;\n}\n.checkbox_5d16de95b9:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon_ba218ab9aa {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label_07235812cb {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--space-8);\n}\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_cb5ffbc5ad {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_cb5ffbc5ad:focus + .checkbox_5d16de95b9 {\n  border-color: var(--secondary-text-color);\n}\n.input_cb5ffbc5ad:focus:checked + .checkbox_5d16de95b9 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_cb5ffbc5ad:focus-visible + .checkbox_5d16de95b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input_cb5ffbc5ad:checked:focus + .checkbox_5d16de95b9:after,\n.input_cb5ffbc5ad:indeterminate:focus + .checkbox_5d16de95b9:after {\n  background-color: var(--primary-hover-color);\n}\n/* Tab navigation — non-separate mode: the wrapper <label> is the Tab target */\n.wrapper_8341aabd77:focus-visible > .checkbox_5d16de95b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_8341aabd77:focus-visible > .input_cb5ffbc5ad:checked ~ .checkbox_5d16de95b9,\n.wrapper_8341aabd77:focus-visible > .input_cb5ffbc5ad:indeterminate ~ .checkbox_5d16de95b9 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n/* Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox_5d16de95b9:focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input_cb5ffbc5ad:checked + .checkbox_5d16de95b9:focus-visible,\n.input_cb5ffbc5ad:indeterminate + .checkbox_5d16de95b9:focus-visible {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_cb5ffbc5ad:checked + .checkbox_5d16de95b9,\n.input_cb5ffbc5ad:indeterminate + .checkbox_5d16de95b9 {\n  animation: checkboxGrowAnimation_6b89439b20 var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input_cb5ffbc5ad:checked + .checkbox_5d16de95b9:hover,\n.input_cb5ffbc5ad:indeterminate + .checkbox_5d16de95b9:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_cb5ffbc5ad:checked + .checkbox_5d16de95b9:hover:after,\n.input_cb5ffbc5ad:indeterminate + .checkbox_5d16de95b9:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input_cb5ffbc5ad:checked + .checkbox_5d16de95b9:after,\n.input_cb5ffbc5ad:indeterminate + .checkbox_5d16de95b9:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  inset-inline-start: 0;\n}\n.input_cb5ffbc5ad:checked + .checkbox_5d16de95b9 > .icon_ba218ab9aa,\n.input_cb5ffbc5ad:indeterminate + .checkbox_5d16de95b9 > .icon_ba218ab9aa {\n  visibility: visible;\n}\n.input_cb5ffbc5ad:checked:disabled + .checkbox_5d16de95b9:after,\n.input_cb5ffbc5ad:indeterminate:disabled + .checkbox_5d16de95b9:after {\n  background-color: var(--disabled-background-color);\n}\n.input_cb5ffbc5ad:disabled + .checkbox_5d16de95b9 .icon_ba218ab9aa,\n.input_cb5ffbc5ad:disabled + .checkbox_5d16de95b9:hover .icon_ba218ab9aa {\n  color: var(--disabled-text-color);\n}\n.input_cb5ffbc5ad:disabled + .checkbox_5d16de95b9,\n.input_cb5ffbc5ad:disabled + .checkbox_5d16de95b9:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input_cb5ffbc5ad:disabled ~ .label_07235812cb {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation_6b89439b20 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var n={wrapper:"wrapper_a4843afc70",checkbox:"checkbox_6e26125358",icon:"icon_942fb87995",label:"label_ac528c90b2",input:"input_ba2310db67",checkboxGrowAnimation:"checkboxGrowAnimation_ece1e8d3d9"};!function(n){const e="s_id-61e2dcaf5212_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_a4843afc70 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n  outline: none; /* focus ring is rendered on .checkbox child, not the wrapper */\n}\n\n.checkbox_6e26125358 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_6e26125358:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  inset-inline: 0;\n  width: 100%;\n}\n\n.checkbox_6e26125358:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_942fb87995 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_ac528c90b2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--space-8);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_ba2310db67 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_ba2310db67:focus + .checkbox_6e26125358 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_ba2310db67:focus:checked + .checkbox_6e26125358 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_ba2310db67:focus-visible + .checkbox_6e26125358 {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.input_ba2310db67:checked:focus + .checkbox_6e26125358:after,\n.input_ba2310db67:indeterminate:focus + .checkbox_6e26125358:after {\n  background-color: var(--primary-hover-color);\n}\n\n/* Tab navigation — non-separate mode: the wrapper <label> is the Tab target */\n.wrapper_a4843afc70:focus-visible > .checkbox_6e26125358 {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_a4843afc70:focus-visible > .input_ba2310db67:checked ~ .checkbox_6e26125358,\n.wrapper_a4843afc70:focus-visible > .input_ba2310db67:indeterminate ~ .checkbox_6e26125358 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n/* Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox_6e26125358:focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:focus-visible,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:focus-visible {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358 {\n  animation: checkboxGrowAnimation_ece1e8d3d9 var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:hover,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:hover:after,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358:after,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  inset-inline-start: 0;\n}\n\n.input_ba2310db67:checked + .checkbox_6e26125358 > .icon_942fb87995,\n.input_ba2310db67:indeterminate + .checkbox_6e26125358 > .icon_942fb87995 {\n  visibility: visible;\n}\n\n.input_ba2310db67:checked:disabled + .checkbox_6e26125358:after,\n.input_ba2310db67:indeterminate:disabled + .checkbox_6e26125358:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_ba2310db67:disabled + .checkbox_6e26125358 .icon_942fb87995,\n.input_ba2310db67:disabled + .checkbox_6e26125358:hover .icon_942fb87995 {\n  color: var(--disabled-text-color);\n}\n\n.input_ba2310db67:disabled + .checkbox_6e26125358,\n.input_ba2310db67:disabled + .checkbox_6e26125358:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--primary-text-color);\n}\n\n.input_ba2310db67:disabled ~ .label_ac528c90b2 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_ece1e8d3d9 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/src/components/Chips/Chips.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as a,useState as s,useCallback as r,useMemo as n}from"react";import l from"classnames";import{getCSSVar as c}from"../../services/themes.js";import{getElementColor as d}from"../../types/Colors.js";import m from"../Avatar/Avatar.js";import{getTestId as u,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"../../hooks/useSetFocus/index.js";import v from"./Chips.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";import g from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import h from"../../../components/icon/dist/Icon/Icon.js";import y from"../../../components/typography/dist/Text/Text.js";import j from"../../../components/icon-button/dist/IconButton/IconButton.js";import k from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as x}from"../../../shared/dist/hooks/useMergeRef.js";var C=i((function(i,C){var N=i.className,E=i.avatarClassName,S=i.iconClassName,A=i.id,M=i.label,I=void 0===M?"":M,w=i.leftIcon,T=void 0===w?null:w,z=i.rightIcon,B=void 0===z?null:z,P=i.leftAvatar,O=void 0===P?null:P,R=i.rightAvatar,D=void 0===R?null:R,F=i.disabled,H=void 0!==F&&F,L=i.readOnly,_=void 0!==L&&L,U=i.allowTextSelection,q=void 0!==U&&U,G=i.color,J=void 0===G?"primary":G,K=i.iconSize,Q=void 0===K?18:K,V=i.onDelete,W=void 0===V?function(e,o){}:V,X=i.onMouseDown,Y=i.onClick,Z=i.noAnimation,$=void 0===Z||Z,ee=i["aria-label"],oe=i["aria-haspopup"],te=void 0!==oe&&oe,ie=i.leftAvatarType,ae=void 0===ie?"img":ie,se=i.rightAvatarType,re=void 0===se?"img":se,ne=i.showBorder,le=void 0!==ne&&ne,ce=i.leftRenderer,de=i.rightRenderer,me=i.closeButtonAriaLabel,ue=void 0===me?"Remove":me,pe=i.noMargin,fe=void 0!==pe&&pe,ve=i.size,be=void 0===ve?"medium":ve,ge=i["data-testid"]||u(p.CHIP,A),he=!!Y||!!X,ye=!_&&!H,je=ee||"string"==typeof I&&I||"",ke=a(null),xe=a(null),Ce=s(!1),Ne=e(Ce,2),Ee=Ne[0],Se=Ne[1],Ae=r((function(){return Se(!0)}),[]),Me=r((function(){return Se(!1)}),[]),Ie=f({ref:xe}).isFocused,we=x(C,xe),Te=l(v.chips,N,o(o(o(o(o(o({},v.disabled,H),v.noAnimation,$),v.withUserSelect,q),v.border,le),v.noMargin,fe),v.small,"small"===be)),ze=l(v.clickable,Te,o(o({},v.disabled,H),v.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:H?c("disabled-background-color"):he&&(Ee||Ie)?d(J,!0,!0):d(J,!0)}}),[H,he,Ee,Ie,J]),Pe=r((function(e){e.stopPropagation(),W&&W(A,e)}),[A,W]),Oe=r((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Re=g({onClick:Oe,onMouseDown:X,disabled:H,id:A,"data-testid":ge,"aria-label":je,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},we),De=he?Object.assign(Object.assign({},Re),{ref:we,className:ze,style:Be,onMouseEnter:Ae,onMouseLeave:Me}):{className:Te,"aria-label":je,style:Be,ref:we,onClick:Oe,onMouseDown:X,id:A,"data-testid":ge,onMouseEnter:Ae,onMouseLeave:Me},Fe="text"===ae?{text:O}:{src:O},He="text"===ae?{text:D}:{src:D};return t.createElement("div",Object.assign({},De,{"data-vibe":b.CHIPS}),O?t.createElement(m,Object.assign({withoutBorder:!0,className:l(v.avatar,v.left,E),customSize:18,type:ae,key:A},Fe)):null,T?t.createElement(h,{className:l(v.icon,v.left,S),type:"font",icon:T,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:l(v.customRenderer,v.left)},ce),t.createElement(y,{type:"text2",className:v.label},I),B?t.createElement(h,{className:l(v.icon,v.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,D?t.createElement(m,Object.assign({withoutBorder:!0,className:l(v.avatar,v.right,E),customSize:18,type:re,key:A},He)):null,de&&t.createElement("div",{className:l(v.customRenderer,v.right)},de),ye&&t.createElement(j,{size:"xxs",color:"on-primary-color",className:l(v.icon,v.close),"aria-label":ue,hideTooltip:!0,icon:k,onClick:Pe,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as a,useState as r,useCallback as s,useLayoutEffect as n,useMemo as l}from"react";import c from"classnames";import{getCSSVar as d}from"../../services/themes.js";import{getElementColor as m}from"../../types/Colors.js";import u from"../Avatar/Avatar.js";import{getTestId as p,ComponentDefaultTestId as f}from"../../tests/testIds.js";import v from"../../hooks/useSetFocus/index.js";import b from"./Chips.module.scss.js";import{ComponentVibeId as g}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import h from"../../../components/icon/dist/Icon/Icon.js";import j from"../../../components/typography/dist/Text/Text.js";import C from"../../../components/icon-button/dist/IconButton/IconButton.js";import x from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as k}from"../../../shared/dist/hooks/useMergeRef.js";var w=i((function(i,w){var N,S=i.className,E=i.avatarClassName,I=i.iconClassName,A=i.id,M=i.label,O=void 0===M?"":M,T=i.leftIcon,B=void 0===T?null:T,P=i.rightIcon,R=void 0===P?null:P,z=i.leftAvatar,L=void 0===z?null:z,H=i.rightAvatar,D=void 0===H?null:H,F=i.disabled,_=void 0!==F&&F,U=i.variant,q=void 0===U?"default":U,G=i.readOnly,J=void 0!==G&&G,K=i.pressed,Q=void 0!==K&&K,V=i.size,W=void 0===V?"medium":V,X=i.allowTextSelection,Y=void 0!==X&&X,Z=i.color,$=void 0===Z?"primary":Z,ee=i.iconSize,te=i.onDelete,oe=void 0===te?function(e,t){}:te,ie=i.onMouseDown,ae=i.onClick,re=i.noAnimation,se=void 0===re||re,ne=i.ariaLabel,le=i.ariaHasPopup,ce=void 0!==le&&le,de=i.disableClickableBehavior,me=void 0!==de&&de,ue=i.leftAvatarType,pe=void 0===ue?"img":ue,fe=i.rightAvatarType,ve=void 0===fe?"img":fe,be=i.showBorder,ge=void 0!==be&&be,ye=i.leftRenderer,he=i.rightRenderer,je=i.closeButtonAriaLabel,Ce=void 0===je?"Remove":je,xe=i.noMargin,ke=void 0!==xe&&xe,we=i["data-testid"]||p(f.CHIP,A),Ne="filterable"===q,Se=!Ne&&(J||"readOnly"===q),Ee="small"===W,Ie=Ne?"primary":$,Ae=ne||"string"==typeof O&&O||"",Me=null!=ee?ee:Ee?14:18,Oe=Ee?14:18,Te=!Se&&!_&&!Ne,Be=!Se&&(!me&&(!!ae||!!ie)||Ne),Pe=a(null),Re=a(null),ze=r(!1),Le=e(ze,2),He=Le[0],De=Le[1],Fe=s((function(){Se||De(!0)}),[Se]),_e=s((function(){return De(!1)}),[]),Ue=v({ref:Re}).isFocused,qe=k(w,Re);n((function(){if(Te&&Re.current){var e=Re.current;e.style.width="",e.style.width="".concat(e.getBoundingClientRect().width,"px")}}),[Te,O,W,B,R,L,D,ye,he]);var Ge=!!(B||L||ye),Je=!!(R||D||he),Ke=c(b.chips,S,(t(t(t(t(t(t(t(t(t(t(N={},b.disabled,_),b.noAnimation,se),b.withUserSelect,Y),b.border,ge),b.noMargin,ke),b.small,Ee),b.readOnly,Se),b.defaultCursor,Se),b.filterable,Ne),b.pressed,Ne&&Q),t(t(t(N,b.withClose,Te),b.withLeftIcon,Ge),b.withRightIcon,Je))),Qe=c(b.clickable,Ke,t(t({},b.disabled,_),b.disableTextSelection,!Y)),Ve=l((function(){if(!Ne)return{backgroundColor:_?d("disabled-background-color"):!Se&&Be&&(He||Ue)?m(Ie,!0,!0):m(Ie,!0)}}),[_,Be,He,Ue,Ie,Ne,Se]),We=s((function(e){e.stopPropagation(),oe&&oe(A,e)}),[A,oe]),Xe=s((function(e){Se||_||void 0!==ae&&e.target!==Pe.current&&(e.preventDefault(),ae(e))}),[ae,Se,_]),Ye=s((function(e){Se||_||null==ie||ie(e)}),[ie,Se,_]),Ze=y({onClick:Xe,onMouseDown:Ye,disabled:_||Se,id:A,"data-testid":we,ariaLabel:Ae,ariaHidden:!1,ariaHasPopup:ce,ariaExpanded:!1},qe),$e=Be?Object.assign(Object.assign(Object.assign({},Ze),{ref:qe,className:Qe,style:Ve,onMouseEnter:Fe,onMouseLeave:_e}),Ne?{"aria-pressed":Q}:{}):{className:Ke,"aria-label":Ae,style:Ve,ref:qe,onClick:Se?void 0:Xe,onMouseDown:Se?void 0:Ye,id:A,"data-testid":we,onMouseEnter:Fe,onMouseLeave:_e},et="text"===pe?{text:L}:{src:L},tt="text"===pe?{text:D}:{src:D};return o.createElement("div",Object.assign({},$e,{"data-vibe":g.CHIPS,"data-variant":Ne?"filterable":Se?"readOnly":"default"}),L?o.createElement(u,Object.assign({withoutBorder:!0,className:c(b.avatar,b.left,E),customSize:Oe,type:pe,key:A},et)):null,B?o.createElement(h,{className:c(b.icon,b.left,I),iconType:"font",icon:B,iconSize:Me,ignoreFocusStyle:!0}):null,ye&&o.createElement("div",{className:c(b.customRenderer,b.left)},ye),o.createElement(j,{type:Ee?"text3":"text2",className:b.label},O),R?o.createElement(h,{className:c(b.icon,b.right,I),iconType:"font",icon:R,iconSize:Me,ignoreFocusStyle:!0}):null,D?o.createElement(u,Object.assign({withoutBorder:!0,className:c(b.avatar,b.right,E),customSize:Oe,type:ve,key:A},tt)):null,he&&o.createElement("div",{className:c(b.customRenderer,b.right)},he),Te&&o.createElement(C,{size:"xxs",color:"on-primary-color",className:c(b.icon,b.close),ariaLabel:Ce,hideTooltip:!0,icon:x,onClick:We,"data-testid":"".concat(we,"-close"),ref:Pe}))}));export{w as default};
 //# sourceMappingURL=Chips.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  \"aria-haspopup\"?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n  /**\n   * The size of the chip.\n   */\n  size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      \"aria-label\": ariaLabel,\n      \"aria-haspopup\": ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false,\n      size = \"medium\"\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = !!onClick || !!onMouseDown;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: size === \"small\"\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        \"aria-label\": overrideAriaLabel,\n        \"aria-hidden\": false,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            type=\"font\"\n            icon={leftIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            type=\"font\"\n            icon={rightIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            aria-label={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}
+{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsVariant, type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\nconst CHIPS_AVATAR_SIZE_SMALL = 14;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * Visual and behavioral variant of the chip.\n   * - `default` — standard chip (colors, optional remove / click)\n   * - `readOnly` — display only; no interaction\n   * - `filterable` — primary theme only; default / hover / pressed states\n   */\n  variant?: ChipsVariant;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted or interacted with.\n   * Prefer `variant=\"readOnly\"` for new usage.\n   */\n  readOnly?: boolean;\n  /**\n   * When `variant=\"filterable\"`, shows the pressed (selected) state.\n   */\n  pressed?: boolean;\n  /**\n   * The size of the chip.\n   * - `medium` — default (24px height)\n   * - `small` — 20px height, 12px text\n   */\n  size?: ChipsSize;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   * Ignored when `variant=\"filterable\"` (always primary).\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  ariaHasPopup?: boolean;\n  /**\n   * If true, disables all click behaviors.\n   */\n  disableClickableBehavior?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      variant = \"default\",\n      readOnly = false,\n      pressed = false,\n      size = \"medium\",\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      ariaLabel,\n      ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      disableClickableBehavior = false,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const isFilterable = variant === \"filterable\";\n    const isReadOnly = !isFilterable && (readOnly || variant === \"readOnly\");\n    const isSmall = size === \"small\";\n    const resolvedColor = isFilterable ? \"primary\" : color;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n    const resolvedIconSize = iconSize ?? (isSmall ? 14 : 18);\n    const resolvedAvatarSize = isSmall ? CHIPS_AVATAR_SIZE_SMALL : CHIPS_AVATAR_SIZE;\n\n    const hasCloseButton = !isReadOnly && !disabled && !isFilterable;\n    const hasClickableWrapper =\n      !isReadOnly && ((!disableClickableBehavior && (!!onClick || !!onMouseDown)) || isFilterable);\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n      if (!isReadOnly) setIsHovered(true);\n    }, [isReadOnly]);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    // Lock resting width (close is absolutely positioned) so hover padding truncates label instead of growing the chip\n    useLayoutEffect(() => {\n      if (!hasCloseButton || !componentRef.current) return;\n      const el = componentRef.current;\n      el.style.width = \"\";\n      el.style.width = `${el.getBoundingClientRect().width}px`;\n    }, [hasCloseButton, label, size, leftIcon, rightIcon, leftAvatar, rightAvatar, leftRenderer, rightRenderer]);\n\n    const hasLeftIcon = Boolean(leftIcon || leftAvatar || leftRenderer);\n    const hasRightIcon = Boolean(rightIcon || rightAvatar || rightRenderer);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: isSmall,\n      [styles.readOnly]: isReadOnly,\n      [styles.defaultCursor]: isReadOnly,\n      [styles.filterable]: isFilterable,\n      [styles.pressed]: isFilterable && pressed,\n      [styles.withClose]: hasCloseButton,\n      [styles.withLeftIcon]: hasLeftIcon,\n      [styles.withRightIcon]: hasRightIcon\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      if (isFilterable) {\n        return undefined;\n      }\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (!isReadOnly && hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(resolvedColor, true, true);\n      } else {\n        cssVar = getElementColor(resolvedColor, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, resolvedColor, isFilterable, isReadOnly]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (isReadOnly || disabled) {\n          return;\n        }\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick, isReadOnly, disabled]\n    );\n\n    const onMouseDownCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (isReadOnly || disabled) {\n          return;\n        }\n        onMouseDown?.(e);\n      },\n      [onMouseDown, isReadOnly, disabled]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown: onMouseDownCallback,\n        disabled: disabled || isReadOnly,\n        id,\n        \"data-testid\": componentDataTestId,\n        ariaLabel: overrideAriaLabel,\n        ariaHidden: false,\n        ariaHasPopup,\n        ariaExpanded: false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave,\n          ...(isFilterable ? { \"aria-pressed\": pressed } : {})\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: isReadOnly ? undefined : onClickCallback,\n          onMouseDown: isReadOnly ? undefined : onMouseDownCallback,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div\n        {...wrapperProps}\n        data-vibe={ComponentVibeId.CHIPS}\n        data-variant={isFilterable ? \"filterable\" : isReadOnly ? \"readOnly\" : \"default\"}\n      >\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={resolvedAvatarSize}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            iconType=\"font\"\n            icon={leftIcon}\n            iconSize={resolvedIconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type={isSmall ? \"text3\" : \"text2\"} className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            iconType=\"font\"\n            icon={rightIcon}\n            iconSize={resolvedIconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={resolvedAvatarSize}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            ariaLabel={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","_cx","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$variant","variant","_ref$readOnly","readOnly","_ref$pressed","pressed","_ref$size","size","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","isFilterable","isReadOnly","isSmall","resolvedColor","overrideAriaLabel","resolvedIconSize","resolvedAvatarSize","hasCloseButton","hasClickableWrapper","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","useLayoutEffect","current","el","style","width","concat","getBoundingClientRect","hasLeftIcon","hasRightIcon","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","defaultCursor","filterable","withClose","withLeftIcon","withRightIcon","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","preventDefault","onMouseDownCallback","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Object","assign","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var a={chips:"chips_861895042a","chips-pop-in-emphasized":"chips-pop-in-emphasized_7a2393e7fe",border:"border_22d68304fb",withUserSelect:"withUserSelect_a8c1dcb41f",noMargin:"noMargin_f091494226",small:"small_f813297a19",icon:"icon_f28295f2e0",left:"left_857b03a1c5",avatar:"avatar_7cc2d5456d",customRenderer:"customRenderer_59cb7da23f",right:"right_8d7f50aca3",close:"close_8d7f50aca3",label:"label_d7d95c9e18",noAnimation:"noAnimation_390eacaf40",disabled:"disabled_a5b21db65b",defaultCursor:"defaultCursor_a5b21db65b",clickable:"clickable_ac31d6a134","focus-visible":"focus-visible_03bc806318",disableTextSelection:"disableTextSelection_66c99f103a"};!function(a){const e="s_id-e473288e58ea_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_861895042a {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--space-4));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_7a2393e7fe var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_861895042a.border_22d68304fb {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_861895042a.withUserSelect_a8c1dcb41f {\n  user-select: text;\n  cursor: text;\n}\n.chips_861895042a.noMargin_f091494226 {\n  margin: 0;\n}\n.chips_861895042a.small_f813297a19 {\n  height: 20px;\n  padding: 0 4px;\n}\n.chips_861895042a.small_f813297a19 .icon_f28295f2e0.left_857b03a1c5,\n.chips_861895042a.small_f813297a19 .avatar_7cc2d5456d.left_857b03a1c5,\n.chips_861895042a.small_f813297a19 .customRenderer_59cb7da23f.left_857b03a1c5 {\n  margin-inline-end: var(--space-2);\n}\n.chips_861895042a.small_f813297a19 .icon_f28295f2e0.right_8d7f50aca3,\n.chips_861895042a.small_f813297a19 .avatar_7cc2d5456d.right_8d7f50aca3,\n.chips_861895042a.small_f813297a19 .customRenderer_59cb7da23f.right_8d7f50aca3 {\n  margin-inline-start: var(--space-2);\n}\n.chips_861895042a.small_f813297a19 .icon_f28295f2e0.close_8d7f50aca3,\n.chips_861895042a.small_f813297a19 .avatar_7cc2d5456d.close_8d7f50aca3,\n.chips_861895042a.small_f813297a19 .customRenderer_59cb7da23f.close_8d7f50aca3 {\n  margin-inline-start: var(--space-2);\n}\n.chips_861895042a .label_d7d95c9e18 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_861895042a.noAnimation_390eacaf40 {\n  animation: none;\n}\n.chips_861895042a .icon_f28295f2e0,\n.chips_861895042a .avatar_7cc2d5456d,\n.chips_861895042a .customRenderer_59cb7da23f {\n  min-width: 18px;\n}\n.chips_861895042a .icon_f28295f2e0.left_857b03a1c5,\n.chips_861895042a .avatar_7cc2d5456d.left_857b03a1c5,\n.chips_861895042a .customRenderer_59cb7da23f.left_857b03a1c5 {\n  margin-inline-end: var(--space-4);\n}\n.chips_861895042a .icon_f28295f2e0.right_8d7f50aca3,\n.chips_861895042a .avatar_7cc2d5456d.right_8d7f50aca3,\n.chips_861895042a .customRenderer_59cb7da23f.right_8d7f50aca3 {\n  margin-inline-start: var(--space-4);\n}\n.chips_861895042a .icon_f28295f2e0.close_8d7f50aca3,\n.chips_861895042a .avatar_7cc2d5456d.close_8d7f50aca3,\n.chips_861895042a .customRenderer_59cb7da23f.close_8d7f50aca3 {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips_861895042a.disabled_a5b21db65b .icon_f28295f2e0 {\n  color: var(--disabled-text-color);\n}\n.chips_861895042a.disabled_a5b21db65b .label_d7d95c9e18 {\n  color: var(--disabled-text-color);\n}\n.chips_861895042a.defaultCursor_a5b21db65b {\n  cursor: default;\n}\n.chips_861895042a.clickable_ac31d6a134 {\n  cursor: pointer;\n}\n.chips_861895042a.clickable_ac31d6a134:focus-visible, .chips_861895042a.clickable_ac31d6a134.focus-visible_03bc806318 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_861895042a.clickable_ac31d6a134:focus:not(.focus-visible_03bc806318) {\n  outline: none;\n}\n.chips_861895042a.clickable_ac31d6a134.disabled_a5b21db65b {\n  cursor: default;\n}\n.chips_861895042a.clickable_ac31d6a134.disableTextSelection_66c99f103a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_7a2393e7fe {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{a as default};
+var e={chips:"chips_825313ca3a","chips-pop-in-emphasized":"chips-pop-in-emphasized_e853b9934e",border:"border_b908e95ff1",withUserSelect:"withUserSelect_0af3b7ae4d",noMargin:"noMargin_fd075fcbaa",withLeftIcon:"withLeftIcon_70af1a1387",withRightIcon:"withRightIcon_ded966e439",withClose:"withClose_7a5f6ba056",label:"label_f6e5fd112a",icon:"icon_328c61467a",close:"close_626b1ed7f5",small:"small_915cd933b2",avatar:"avatar_6ef6c3588b",customRenderer:"customRenderer_30c7078826",noAnimation:"noAnimation_85d24c78bc",left:"left_5fcfde8a16",right:"right_0b6c685ca9",disabled:"disabled_29bae129ef",defaultCursor:"defaultCursor_f20ed790fe",readOnly:"readOnly_f20ed790fe",filterable:"filterable_fd32faf19a",pressed:"pressed_2952d6cc4b",clickable:"clickable_796f490116","focus-visible":"focus-visible_93d0f127c5",disableTextSelection:"disableTextSelection_90b627c8cd"};!function(e){const a="s_id-e4ca526ca1f4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_825313ca3a {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: var(--border-radius-full);\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_e853b9934e var(--motion-productive-medium) var(--motion-timing-emphasize);\n  /* Medium: 8px default; 4px on sides that have an icon */\n}\n.chips_825313ca3a.border_b908e95ff1 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_825313ca3a.withUserSelect_0af3b7ae4d {\n  user-select: text;\n  cursor: text;\n}\n.chips_825313ca3a.noMargin_fd075fcbaa {\n  margin: 0;\n}\n.chips_825313ca3a.withLeftIcon_70af1a1387 {\n  padding-inline-start: 4px;\n}\n.chips_825313ca3a.withRightIcon_ded966e439 {\n  padding-inline-end: 4px;\n}\n.chips_825313ca3a.withClose_7a5f6ba056 {\n  position: relative;\n  box-sizing: border-box;\n}\n.chips_825313ca3a.withClose_7a5f6ba056 .label_f6e5fd112a {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.chips_825313ca3a.withClose_7a5f6ba056 .icon_328c61467a.close_626b1ed7f5 {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n.chips_825313ca3a.withClose_7a5f6ba056:hover, .chips_825313ca3a.withClose_7a5f6ba056:focus-within {\n  /* Keep overall width stable; carve space for the close control inside the chip */\n  padding-inline-end: 26px;\n}\n.chips_825313ca3a.withClose_7a5f6ba056:hover .icon_328c61467a.close_626b1ed7f5, .chips_825313ca3a.withClose_7a5f6ba056:focus-within .icon_328c61467a.close_626b1ed7f5 {\n  opacity: 1;\n  pointer-events: auto;\n}\n.chips_825313ca3a.withClose_7a5f6ba056.small_915cd933b2:hover, .chips_825313ca3a.withClose_7a5f6ba056.small_915cd933b2:focus-within {\n  padding-inline-end: 22px;\n}\n.chips_825313ca3a.small_915cd933b2 {\n  height: 20px;\n  /* Small: 4px default; 2px on sides that have an icon */\n  padding: 0 4px;\n}\n.chips_825313ca3a.small_915cd933b2.withLeftIcon_70af1a1387 {\n  padding-inline-start: 2px;\n}\n.chips_825313ca3a.small_915cd933b2.withRightIcon_ded966e439 {\n  padding-inline-end: 2px;\n}\n.chips_825313ca3a.small_915cd933b2 .icon_328c61467a,\n.chips_825313ca3a.small_915cd933b2 .avatar_6ef6c3588b,\n.chips_825313ca3a.small_915cd933b2 .customRenderer_30c7078826 {\n  min-width: 14px;\n}\n.chips_825313ca3a .label_f6e5fd112a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_825313ca3a.noAnimation_85d24c78bc {\n  animation: none;\n}\n.chips_825313ca3a .icon_328c61467a,\n.chips_825313ca3a .avatar_6ef6c3588b,\n.chips_825313ca3a .customRenderer_30c7078826 {\n  min-width: 18px;\n}\n.chips_825313ca3a .icon_328c61467a.left_5fcfde8a16,\n.chips_825313ca3a .avatar_6ef6c3588b.left_5fcfde8a16,\n.chips_825313ca3a .customRenderer_30c7078826.left_5fcfde8a16 {\n  margin-right: var(--spacing-xs);\n}\n.chips_825313ca3a .icon_328c61467a.right_0b6c685ca9,\n.chips_825313ca3a .avatar_6ef6c3588b.right_0b6c685ca9,\n.chips_825313ca3a .customRenderer_30c7078826.right_0b6c685ca9 {\n  margin-left: var(--spacing-xs);\n}\n.chips_825313ca3a .icon_328c61467a.close_626b1ed7f5,\n.chips_825313ca3a .avatar_6ef6c3588b.close_626b1ed7f5,\n.chips_825313ca3a .customRenderer_30c7078826.close_626b1ed7f5 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_825313ca3a .icon_328c61467a {\n  color: currentColor;\n}\n.chips_825313ca3a.disabled_29bae129ef .icon_328c61467a {\n  color: var(--disabled-text-color);\n}\n.chips_825313ca3a.disabled_29bae129ef .label_f6e5fd112a {\n  color: var(--disabled-text-color);\n}\n.chips_825313ca3a.defaultCursor_f20ed790fe {\n  cursor: default;\n}\n.chips_825313ca3a.readOnly_f20ed790fe {\n  cursor: default;\n}\n.chips_825313ca3a.filterable_fd32faf19a {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.chips_825313ca3a.filterable_fd32faf19a .icon_328c61467a,\n.chips_825313ca3a.filterable_fd32faf19a .label_f6e5fd112a {\n  color: currentColor;\n}\n.chips_825313ca3a.filterable_fd32faf19a:hover:not(.disabled_29bae129ef):not(.pressed_2952d6cc4b), .chips_825313ca3a.filterable_fd32faf19a:active:not(.disabled_29bae129ef):not(.pressed_2952d6cc4b) {\n  background-color: var(--primary-selected-hover-color);\n  color: var(--primary-text-color);\n}\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-inverted);\n}\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) .icon_328c61467a,\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) .label_f6e5fd112a,\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) .close_626b1ed7f5 {\n  color: currentColor;\n}\n.chips_825313ca3a.filterable_fd32faf19a.disabled_29bae129ef {\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.chips_825313ca3a.clickable_796f490116 {\n  cursor: pointer;\n}\n.chips_825313ca3a.clickable_796f490116:focus-visible, .chips_825313ca3a.clickable_796f490116.focus-visible_93d0f127c5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_825313ca3a.clickable_796f490116:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.chips_825313ca3a.clickable_796f490116.disabled_29bae129ef {\n  cursor: default;\n}\n.chips_825313ca3a.clickable_796f490116.disableTextSelection_90b627c8cd {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n\n@keyframes chips-pop-in-emphasized_e853b9934e {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_8e224e677a",colorPickerDialogContent:"colorPickerDialogContent_c127772ae6"};!function(e){const t="s_id-ffacbf9b6446_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_8e224e677a.colorPickerDialogContent_c127772ae6 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker_f7be9dc7dc",colorPickerDialogContent:"colorPickerDialogContent_fd18a983d5"};!function(e){const t="s_id-ffacbf9b6446_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_f7be9dc7dc.colorPickerDialogContent_fd18a983d5 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_38d27bc448",clearColorButton:"clearColorButton_88fe1ddfdf"};!function(e){const n="s_id-745441469971_4_5_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_38d27bc448 {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_88fe1ddfdf {\n  margin-top: var(--space-8);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_d8c0a19764",clearColorButton:"clearColorButton_ad49ba7e31"};!function(e){const n="s_id-745441469971_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_d8c0a19764 {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_ad49ba7e31 {\n  margin-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_541234ba07"};!function(e){const n="s_id-0a5f0eb78ee4_4_5_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_541234ba07 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_ebdbd642bc"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_ebdbd642bc {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map