@vibe/core 3.70.2-alpha-23478.0 → 3.70.3

package/dist/src/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"es-toolkit";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,p),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,w=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(g.tooltip,u(g,s(t)),p),dir:w},c&&r.createElement("img",{className:g.image,src:c,alt:""}),r.createElement("div",{className:a(g.content)},d&&r.createElement(y,{gap:"xs"},T&&r.createElement(S,{iconSize:"20",icon:T}),r.createElement("div",{className:g.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
+import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"es-toolkit";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Flex/Flex.js";import y from"../../../components/icon/dist/Icon/Icon.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,p),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,w=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(g.tooltip,u(g,s(t)),p),dir:w},c&&r.createElement("img",{className:g.image,src:c,alt:""}),r.createElement("div",{className:a(g.content)},d&&r.createElement(S,{gap:"xs"},T&&r.createElement(y,{iconSize:"20",icon:T}),r.createElement("div",{className:g.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { isFunction } from \"es-toolkit\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { type TooltipPositions, type TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children?: ReactElement | Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren?: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children: ReactElement | Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n  /**\n   * The content displayed inside the tooltip.\n   */\n  content: ElementContent;\n  /**\n   * Inline styles applied to the tooltip container.\n   */\n  style?: CSSProperties;\n  /**\n   * Class name applied to the tooltip arrow.\n   */\n  arrowClassName?: string;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * The theme of the tooltip.\n   */\n  theme?: TooltipTheme;\n  /**\n   * Function to get the container where the tooltip should be rendered.\n   */\n  getContainer?: () => HTMLElement;\n  /**\n   * Delay in milliseconds before hiding the tooltip.\n   */\n  hideDelay?: number;\n  /**\n   * Delay in milliseconds before showing the tooltip.\n   */\n  showDelay?: number;\n  /**\n   * If true, disables the slide animation of the tooltip.\n   */\n  disableDialogSlide?: boolean;\n  /**\n   * The animation type used for showing/hiding the tooltip.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * If true, renders the tooltip without a dialog.\n   */\n  withoutDialog?: boolean;\n  /**\n   * The CSS selector of the container where the tooltip should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Delay in milliseconds before showing the tooltip immediately.\n   */\n  immediateShowDelay?: number;\n  /**\n   * If false, hides the arrow of the tooltip.\n   */\n  tip?: boolean;\n  /**\n   * If true, the tooltip is shown when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, hides the tooltip when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Callback fired when the tooltip is hidden.\n   */\n  onTooltipHide?: () => void;\n  /**\n   * Callback fired when the tooltip is shown.\n   */\n  onTooltipShow?: () => void;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The placement of the tooltip relative to the reference element.\n   */\n  position?: TooltipPositions;\n  /**\n   * Events that trigger showing the tooltip.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger hiding the tooltip.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * If true, prevents closing the tooltip when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, controls the open state of the tooltip.\n   */\n  open?: boolean;\n  /**\n   * The z-index applied to the tooltip.\n   */\n  zIndex?: number;\n  /**\n   * The title of the tooltip.\n   */\n  title?: string;\n  /**\n   * The image displayed inside the tooltip.\n   */\n  image?: string;\n  /**\n   * The icon displayed next to the title.\n   */\n  icon?: SubIcon;\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth?: number;\n  /**\n   * The text direction of the tooltip: \"ltr\", \"rtl\", or \"auto\".\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n  lastTooltipHideTS: null,\n  openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n  wasShown: boolean;\n  static positions = TooltipPositionsEnum;\n  static hideShowTriggers = HideShowEventEnum;\n  static themes = TooltipThemeEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    moveBy: { main: 4, secondary: 0 },\n    theme: \"dark\",\n    position: \"top\",\n    hideDelay: 100,\n    showDelay: 300,\n    disableDialogSlide: true,\n    animationType: AnimationTypeEnum.EXPAND,\n    withoutDialog: false,\n    tip: true,\n    hideWhenReferenceHidden: false,\n    modifiers: new Array<Modifier<unknown>>(),\n    showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: true,\n    referenceWrapperClassName: \"\",\n    addKeyboardHideShowTriggersByDefault: true,\n    open: false\n  };\n  constructor(props: TooltipProps) {\n    super(props);\n    this.renderTooltipContent = this.renderTooltipContent.bind(this);\n    this.getShowDelay = this.getShowDelay.bind(this);\n    this.onTooltipShow = this.onTooltipShow.bind(this);\n    this.onTooltipHide = this.onTooltipHide.bind(this);\n\n    this.wasShown = false;\n  }\n\n  renderTooltipContent() {\n    const { theme, content, className, style, maxWidth, title, image, icon, dir } = this.props;\n    if (!content) {\n      // don't render empty tooltip\n      return null;\n    }\n    let contentValue;\n    if (isFunction(content)) {\n      contentValue = content();\n    } else if (isValidElement(content)) {\n      contentValue = content;\n    } else if (typeof content === \"string\" && content) {\n      contentValue = content;\n    } else if (Array.isArray(content) && content.length > 0) {\n      // allow array of elements\n      contentValue = content;\n    }\n\n    if (!contentValue) {\n      return null;\n    }\n\n    return (\n      <div\n        style={maxWidth ? ({ ...style, \"--tooltip-max-width\": `${maxWidth}px` } as CSSProperties) : style}\n        className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}\n        dir={dir}\n      >\n        {image && <img className={styles.image} src={image} alt=\"\" />}\n        <div className={cx(styles.content)}>\n          {title && (\n            <Flex gap=\"xs\">\n              {icon && <Icon iconSize=\"20\" icon={icon} />}\n              <div className={styles.title}>{title}</div>\n            </Flex>\n          )}\n          {contentValue}\n        </div>\n      </div>\n    );\n  }\n\n  onTooltipShow() {\n    if (!this.wasShown) {\n      const { onTooltipShow } = this.props;\n      globalState.openTooltipsCount++;\n      this.wasShown = true;\n      onTooltipShow && onTooltipShow();\n    }\n  }\n\n  onTooltipHide() {\n    if (this.wasShown) {\n      const { onTooltipHide } = this.props;\n      globalState.lastTooltipHideTS = Date.now();\n      globalState.openTooltipsCount--;\n      this.wasShown = false;\n      onTooltipHide && onTooltipHide();\n    }\n  }\n\n  getTimeSinceLastTooltip() {\n    if (globalState.openTooltipsCount > 0) {\n      return 0;\n    }\n    return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n  }\n\n  getShowDelay() {\n    const { showDelay, immediateShowDelay } = this.props;\n    const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n    if ((immediateShowDelay === 0 || immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n      // showing the tooltip immediately (without animation)\n      return {\n        showDelay: immediateShowDelay,\n        preventAnimation: true\n      };\n    }\n    return {\n      showDelay,\n      preventAnimation: false\n    };\n  }\n\n  render() {\n    const {\n      withoutDialog,\n      children,\n      forceRenderWithoutChildren,\n      theme,\n      tip,\n      arrowClassName,\n      id,\n      \"data-testid\": dataTestId,\n      position\n    } = this.props;\n\n    if (!children && !forceRenderWithoutChildren) {\n      return null;\n    }\n\n    if (withoutDialog) {\n      return this.renderTooltipContent();\n    }\n\n    const content = this.renderTooltipContent;\n    const dialogProps = {\n      ...this.props,\n      position: position,\n      \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TOOLTIP, id),\n      tooltip: tip,\n      content,\n      tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n      onDialogDidHide: this.onTooltipHide,\n      onDialogDidShow: this.onTooltipShow,\n      getDynamicShowDelay: this.getShowDelay\n    };\n    return (\n      <Dialog {...dialogProps} animationType=\"expand\">\n        {children}\n      </Dialog>\n    );\n  }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","maxWidth","title","image","icon","dir","isFunction","isValidElement","Array","isArray","length","React","Object","assign","concat","cx","styles","tooltip","getStyle","camelCase","createElement","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { isFunction } from \"es-toolkit\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport Flex from \"../Flex/Flex\";\nimport { type TooltipPositions, type TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children?: ReactElement | Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren?: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children: ReactElement | Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n  /**\n   * The content displayed inside the tooltip.\n   */\n  content: ElementContent;\n  /**\n   * Inline styles applied to the tooltip container.\n   */\n  style?: CSSProperties;\n  /**\n   * Class name applied to the tooltip arrow.\n   */\n  arrowClassName?: string;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * The theme of the tooltip.\n   */\n  theme?: TooltipTheme;\n  /**\n   * Function to get the container where the tooltip should be rendered.\n   */\n  getContainer?: () => HTMLElement;\n  /**\n   * Delay in milliseconds before hiding the tooltip.\n   */\n  hideDelay?: number;\n  /**\n   * Delay in milliseconds before showing the tooltip.\n   */\n  showDelay?: number;\n  /**\n   * If true, disables the slide animation of the tooltip.\n   */\n  disableDialogSlide?: boolean;\n  /**\n   * The animation type used for showing/hiding the tooltip.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * If true, renders the tooltip without a dialog.\n   */\n  withoutDialog?: boolean;\n  /**\n   * The CSS selector of the container where the tooltip should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Delay in milliseconds before showing the tooltip immediately.\n   */\n  immediateShowDelay?: number;\n  /**\n   * If false, hides the arrow of the tooltip.\n   */\n  tip?: boolean;\n  /**\n   * If true, the tooltip is shown when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, hides the tooltip when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Callback fired when the tooltip is hidden.\n   */\n  onTooltipHide?: () => void;\n  /**\n   * Callback fired when the tooltip is shown.\n   */\n  onTooltipShow?: () => void;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The placement of the tooltip relative to the reference element.\n   */\n  position?: TooltipPositions;\n  /**\n   * Events that trigger showing the tooltip.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger hiding the tooltip.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * If true, prevents closing the tooltip when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, controls the open state of the tooltip.\n   */\n  open?: boolean;\n  /**\n   * The z-index applied to the tooltip.\n   */\n  zIndex?: number;\n  /**\n   * The title of the tooltip.\n   */\n  title?: string;\n  /**\n   * The image displayed inside the tooltip.\n   */\n  image?: string;\n  /**\n   * The icon displayed next to the title.\n   */\n  icon?: SubIcon;\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth?: number;\n  /**\n   * The text direction of the tooltip: \"ltr\", \"rtl\", or \"auto\".\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n  lastTooltipHideTS: null,\n  openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n  wasShown: boolean;\n  static positions = TooltipPositionsEnum;\n  static hideShowTriggers = HideShowEventEnum;\n  static themes = TooltipThemeEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    moveBy: { main: 4, secondary: 0 },\n    theme: \"dark\",\n    position: \"top\",\n    hideDelay: 100,\n    showDelay: 300,\n    disableDialogSlide: true,\n    animationType: AnimationTypeEnum.EXPAND,\n    withoutDialog: false,\n    tip: true,\n    hideWhenReferenceHidden: false,\n    modifiers: new Array<Modifier<unknown>>(),\n    showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: true,\n    referenceWrapperClassName: \"\",\n    addKeyboardHideShowTriggersByDefault: true,\n    open: false\n  };\n  constructor(props: TooltipProps) {\n    super(props);\n    this.renderTooltipContent = this.renderTooltipContent.bind(this);\n    this.getShowDelay = this.getShowDelay.bind(this);\n    this.onTooltipShow = this.onTooltipShow.bind(this);\n    this.onTooltipHide = this.onTooltipHide.bind(this);\n\n    this.wasShown = false;\n  }\n\n  renderTooltipContent() {\n    const { theme, content, className, style, maxWidth, title, image, icon, dir } = this.props;\n    if (!content) {\n      // don't render empty tooltip\n      return null;\n    }\n    let contentValue;\n    if (isFunction(content)) {\n      contentValue = content();\n    } else if (isValidElement(content)) {\n      contentValue = content;\n    } else if (typeof content === \"string\" && content) {\n      contentValue = content;\n    } else if (Array.isArray(content) && content.length > 0) {\n      // allow array of elements\n      contentValue = content;\n    }\n\n    if (!contentValue) {\n      return null;\n    }\n\n    return (\n      <div\n        style={maxWidth ? ({ ...style, \"--tooltip-max-width\": `${maxWidth}px` } as CSSProperties) : style}\n        className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}\n        dir={dir}\n      >\n        {image && <img className={styles.image} src={image} alt=\"\" />}\n        <div className={cx(styles.content)}>\n          {title && (\n            <Flex gap=\"xs\">\n              {icon && <Icon iconSize=\"20\" icon={icon} />}\n              <div className={styles.title}>{title}</div>\n            </Flex>\n          )}\n          {contentValue}\n        </div>\n      </div>\n    );\n  }\n\n  onTooltipShow() {\n    if (!this.wasShown) {\n      const { onTooltipShow } = this.props;\n      globalState.openTooltipsCount++;\n      this.wasShown = true;\n      onTooltipShow && onTooltipShow();\n    }\n  }\n\n  onTooltipHide() {\n    if (this.wasShown) {\n      const { onTooltipHide } = this.props;\n      globalState.lastTooltipHideTS = Date.now();\n      globalState.openTooltipsCount--;\n      this.wasShown = false;\n      onTooltipHide && onTooltipHide();\n    }\n  }\n\n  getTimeSinceLastTooltip() {\n    if (globalState.openTooltipsCount > 0) {\n      return 0;\n    }\n    return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n  }\n\n  getShowDelay() {\n    const { showDelay, immediateShowDelay } = this.props;\n    const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n    if ((immediateShowDelay === 0 || immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n      // showing the tooltip immediately (without animation)\n      return {\n        showDelay: immediateShowDelay,\n        preventAnimation: true\n      };\n    }\n    return {\n      showDelay,\n      preventAnimation: false\n    };\n  }\n\n  render() {\n    const {\n      withoutDialog,\n      children,\n      forceRenderWithoutChildren,\n      theme,\n      tip,\n      arrowClassName,\n      id,\n      \"data-testid\": dataTestId,\n      position\n    } = this.props;\n\n    if (!children && !forceRenderWithoutChildren) {\n      return null;\n    }\n\n    if (withoutDialog) {\n      return this.renderTooltipContent();\n    }\n\n    const content = this.renderTooltipContent;\n    const dialogProps = {\n      ...this.props,\n      position: position,\n      \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TOOLTIP, id),\n      tooltip: tip,\n      content,\n      tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n      onDialogDidHide: this.onTooltipHide,\n      onDialogDidShow: this.onTooltipShow,\n      getDynamicShowDelay: this.getShowDelay\n    };\n    return (\n      <Dialog {...dialogProps} animationType=\"expand\">\n        {children}\n      </Dialog>\n    );\n  }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","maxWidth","title","image","icon","dir","isFunction","isValidElement","Array","isArray","length","React","Object","assign","concat","cx","styles","tooltip","getStyle","camelCase","createElement","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"guBAiLA,IAGMA,EAAwE,CAC5EC,kBAAmB,KACnBC,kBAAmB,GAGAC,WAAQC,GAyB3B,SAAAD,EAAYE,GAAmB,IAAAC,EAOP,OAPOC,OAAAJ,IAC7BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,qBAAuBH,EAAKG,qBAAqBC,KAAIJ,GAC1DA,EAAKK,aAAeL,EAAKK,aAAaD,KAAIJ,GAC1CA,EAAKM,cAAgBN,EAAKM,cAAcF,KAAIJ,GAC5CA,EAAKO,cAAgBP,EAAKO,cAAcH,KAAIJ,GAE5CA,EAAKQ,UAAW,EAAMR,CACxB,CAAC,OAAAS,EAAAZ,EAjCkCa,GAiClCC,EAAAd,EAAA,CAAA,CAAAe,IAAA,uBAAAC,MAED,WACE,IAKIC,EALJC,EAAgFC,KAAKjB,MAA7EkB,EAAKF,EAALE,MAAOC,EAAOH,EAAPG,QAASC,EAASJ,EAATI,UAAWC,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAAUC,EAAKP,EAALO,MAAOC,EAAKR,EAALQ,MAAOC,EAAIT,EAAJS,KAAMC,EAAGV,EAAHU,IACxE,OAAKP,GAKDQ,EAAWR,GACbJ,EAAeI,KACNS,EAAeT,IAEI,iBAAZA,GAAwBA,GAE/BU,MAAMC,QAAQX,IAAYA,EAAQY,OAAS,KAHpDhB,EAAeI,GAQZJ,EAKHiB,uBACEX,MAAOC,EAAYW,OAAKC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,IAAO,sBAAqB,GAAAc,OAAKb,EAAQ,QAA2BD,EAC5FD,UAAWgB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUtB,IAASE,GAClEM,IAAKA,GAEJF,GAASQ,EAAAS,cAAA,MAAA,CAAKrB,UAAWiB,EAAOb,MAAOkB,IAAKlB,EAAOmB,IAAI,KACxDX,EAAAS,cAAA,MAAA,CAAKrB,UAAWgB,EAAGC,EAAOlB,UACvBI,GACCS,EAAAS,cAACG,EAAK,CAAAC,IAAI,MACPpB,GAAQO,EAACS,cAAAK,EAAK,CAAAC,SAAS,KAAKtB,KAAMA,IACnCO,EAAKS,cAAA,MAAA,CAAArB,UAAWiB,EAAOd,OAAQA,IAGlCR,IAjBE,MAfA,IAoCX,GAAC,CAAAF,IAAA,gBAAAC,MAED,WACE,IAAKG,KAAKR,SAAU,CAClB,IAAQF,EAAkBU,KAAKjB,MAAvBO,cACRZ,EAAYE,oBACZoB,KAAKR,UAAW,EAChBF,GAAiBA,GAClB,CACH,GAAC,CAAAM,IAAA,gBAAAC,MAED,WACE,GAAIG,KAAKR,SAAU,CACjB,IAAQD,EAAkBS,KAAKjB,MAAvBQ,cACRb,EAAYC,kBAAoBoD,KAAKC,MACrCtD,EAAYE,oBACZoB,KAAKR,UAAW,EAChBD,GAAiBA,GAClB,CACH,GAAC,CAAAK,IAAA,0BAAAC,MAED,WACE,OAAInB,EAAYE,kBAAoB,EAC3B,EAEFF,EAAYC,kBAAoBoD,KAAKC,MAAQtD,EAAYC,kBAAoBsD,GACtF,GAAC,CAAArC,IAAA,eAAAC,MAED,WACE,IAAAqC,EAA0ClC,KAAKjB,MAAvCoD,EAASD,EAATC,UAAWC,EAAkBF,EAAlBE,mBACbC,EAAuBrC,KAAKsC,0BAClC,OAA4B,IAAvBF,GAA4BA,IAlHD,KAkHwBC,EAE/C,CACLF,UAAWC,EACXG,kBAAkB,GAGf,CACLJ,UAAAA,EACAI,kBAAkB,EAEtB,GAAC,CAAA3C,IAAA,SAAAC,MAED,WACE,IAAA2C,EAUIxC,KAAKjB,MARP0D,EAAQD,EAARC,SAEAxC,EAAKuC,EAALvC,MACAyC,EAAGF,EAAHE,IACAC,EAAcH,EAAdG,eACAC,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAGF,IAAKL,IATuBD,EAA1BO,2BAUA,OAAO,KAGT,GAfeP,EAAbQ,cAgBA,OAAOhD,KAAKb,uBAGd,IAAMe,EAAUF,KAAKb,qBACf8D,EAAWjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZjB,KAAKjB,OAAK,CACb+D,SAAUA,EACV,cAAeD,GAAcK,EAAUC,EAAuBC,QAASR,GACvEvB,QAASqB,EACTxC,QAAAA,EACAmD,iBAAkBlC,EAAGC,EAAOkC,MAAOhC,EAASF,EAAQnB,GAAQ0C,GAC5DY,gBAAiBvD,KAAKT,cACtBiE,gBAAiBxD,KAAKV,cACtBmE,oBAAqBzD,KAAKX,eAE5B,OACE0B,EAAAS,cAACkC,EAAM1C,OAAAC,OAAA,CAAA,EAAKgC,EAAW,CAAEU,cAAc,WACpClB,EAGP,IAAC,IA3JM5D,EAAS+E,UAAGC,EACZhF,EAAgBiF,iBAAGC,EACnBlF,EAAMmF,OAAGC,EACTpF,EAAcqF,eAAGC,EACjBtF,EAAAuF,aAAe,CACpBC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BtE,MAAO,OACP6C,SAAU,MACV0B,UAAW,IACXrC,UAAW,IACXsC,oBAAoB,EACpBd,cAAeQ,EAAkBO,OACjC1B,eAAe,EACfN,KAAK,EACLiC,yBAAyB,EACzBC,UAAW,GACXC,YAAahG,EAAQiF,iBAAiBgB,YACtCC,YAAalG,EAAQiF,iBAAiBkB,YACtCC,mBAAmB,EACnBC,0BAA2B,GAC3BC,sCAAsC,EACtCC,MAAM"}

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

@@ -1,2 +1,2 @@
-var r={tooltip:"tooltip_8826f80636",image:"image_adbedee4a1",title:"title_ac30d25c43",content:"content_662a294473",paddingSizeMd:"paddingSizeMd_a4e3c57ff9",tooltipWhiteLink:"tooltipWhiteLink_0c028aad88",arrow:"arrow_08de34d630",dark:"dark_186aac52b5",primary:"primary_5c4501f940"};!function(r){const a="s_id-6a6e92472798_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=r)}(".tooltip_8826f80636 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_8826f80636 .image_adbedee4a1 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_8826f80636 .title_ac30d25c43 {\n  font: var(--font-text2-bold);\n}\n.tooltip_8826f80636 .content_662a294473 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_8826f80636.paddingSizeMd_a4e3c57ff9 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_8826f80636 a.tooltipWhiteLink_0c028aad88 {\n  color: #fff;\n}\n.arrow_08de34d630,\n.dark_186aac52b5,\n.arrow_08de34d630.dark_186aac52b5 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_08de34d630.arrow_08de34d630.dark_186aac52b5, .black-app-theme .arrow_08de34d630.arrow_08de34d630.dark_186aac52b5, .hacker-app-theme .arrow_08de34d630.arrow_08de34d630.dark_186aac52b5,\n.dark-app-theme .arrow_08de34d630.arrow_08de34d630.primary_5c4501f940,\n.black-app-theme .arrow_08de34d630.arrow_08de34d630.primary_5c4501f940,\n.hacker-app-theme .arrow_08de34d630.arrow_08de34d630.primary_5c4501f940 {\n  box-shadow: none;\n}\n.primary_5c4501f940,\n.arrow_08de34d630.primary_5c4501f940 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
+var a={tooltip:"tooltip_d9ebbc5253",image:"image_f840ce7166",title:"title_3273b838c0",content:"content_49fa34a4cf",paddingSizeMd:"paddingSizeMd_ef9f320078",tooltipWhiteLink:"tooltipWhiteLink_46c3e3987e",arrow:"arrow_1ff2651a01",dark:"dark_9a529450f2",primary:"primary_cade3292ac"};!function(a){const r="s_id-6a6e92472798_3_70_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}(".tooltip_d9ebbc5253 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_d9ebbc5253 .image_f840ce7166 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_d9ebbc5253 .title_3273b838c0 {\n  font: var(--font-text2-bold);\n}\n.tooltip_d9ebbc5253 .content_49fa34a4cf {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_d9ebbc5253.paddingSizeMd_ef9f320078 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_d9ebbc5253 a.tooltipWhiteLink_46c3e3987e {\n  color: #fff;\n}\n.arrow_1ff2651a01,\n.dark_9a529450f2,\n.arrow_1ff2651a01.dark_9a529450f2 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_1ff2651a01.arrow_1ff2651a01.dark_9a529450f2, .black-app-theme .arrow_1ff2651a01.arrow_1ff2651a01.dark_9a529450f2, .hacker-app-theme .arrow_1ff2651a01.arrow_1ff2651a01.dark_9a529450f2,\n.dark-app-theme .arrow_1ff2651a01.arrow_1ff2651a01.primary_cade3292ac,\n.black-app-theme .arrow_1ff2651a01.arrow_1ff2651a01.primary_cade3292ac,\n.hacker-app-theme .arrow_1ff2651a01.arrow_1ff2651a01.primary_cade3292ac {\n  box-shadow: none;\n}\n.primary_cade3292ac,\n.arrow_1ff2651a01.primary_cade3292ac {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_660d8c2a1b"};!function(e){const t="s_id-1d828e3be878_3_70_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_660d8c2a1b {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_5d1ac036db"};!function(e){const t="s_id-1d828e3be878_3_70_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_5d1ac036db {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={typography:"typography_f12b8a77b0","focus-visible":"focus-visible_a7641cf73f",primary:"primary_5bd78f4f4d",secondary:"secondary_2b440d6e36",negative:"negative_c9373bc707",onPrimary:"onPrimary_d0d0965b5d",onInverted:"onInverted_a0f8970902",fixedLight:"fixedLight_5b9dc30a27",fixedDark:"fixedDark_e7afc09dcd",inherit:"inherit_d1a340bd9d",alignInherit:"alignInherit_7b9d77e854",start:"start_73ad159f08",center:"center_22ff3ed120",end:"end_a570b40c94",singleLineEllipsis:"singleLineEllipsis_d2896f1d60",multiLineEllipsis:"multiLineEllipsis_d95bab18eb"};!function(n){const e="s_id-1a3a21ac499a_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.typography_f12b8a77b0 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_f12b8a77b0 > a:focus-visible, .typography_f12b8a77b0 > a.focus-visible_a7641cf73f {\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.typography_f12b8a77b0 > a:focus:not(.focus-visible_a7641cf73f) {\n  outline: none;\n}\n.typography_f12b8a77b0 > a:hover {\n  text-decoration: underline;\n}\n.typography_f12b8a77b0:disabled, .typography_f12b8a77b0[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_5bd78f4f4d {\n  color: var(--primary-text-color);\n}\n.secondary_2b440d6e36 {\n  color: var(--secondary-text-color);\n}\n.negative_c9373bc707 {\n  color: var(--color-error);\n}\n.onPrimary_d0d0965b5d {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_d0d0965b5d a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_a0f8970902 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_a0f8970902 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_5b9dc30a27 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_5b9dc30a27 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_e7afc09dcd {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_e7afc09dcd a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_d1a340bd9d {\n  color: inherit;\n}\n.inherit_d1a340bd9d a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_7b9d77e854 {\n  text-align: inherit;\n}\n.start_73ad159f08 {\n  text-align: start;\n}\n.center_22ff3ed120 {\n  text-align: center;\n}\n.end_a570b40c94 {\n  text-align: end;\n}\n.singleLineEllipsis_d2896f1d60 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_d95bab18eb {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
+var e={typography:"typography_29976cc0f2","focus-visible":"focus-visible_50c390229c",primary:"primary_36d61a6cf0",secondary:"secondary_fce7354ce2",negative:"negative_08d8cb6853",onPrimary:"onPrimary_cae13e81dc",onInverted:"onInverted_5cbbcb67d4",fixedLight:"fixedLight_8c67937e28",fixedDark:"fixedDark_ad21997043",inherit:"inherit_1c4090bb1f",alignInherit:"alignInherit_256f65012e",start:"start_917f8d9718",center:"center_d284068b08",end:"end_96f8ac2774",singleLineEllipsis:"singleLineEllipsis_ba4e967e80",multiLineEllipsis:"multiLineEllipsis_dcbd533bfa"};!function(e){const n="s_id-1a3a21ac499a_3_70_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.typography_29976cc0f2 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_29976cc0f2 > a:focus-visible, .typography_29976cc0f2 > a.focus-visible_50c390229c {\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.typography_29976cc0f2 > a:focus:not(.focus-visible_50c390229c) {\n  outline: none;\n}\n.typography_29976cc0f2 > a:hover {\n  text-decoration: underline;\n}\n.typography_29976cc0f2:disabled, .typography_29976cc0f2[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_36d61a6cf0 {\n  color: var(--primary-text-color);\n}\n.secondary_fce7354ce2 {\n  color: var(--secondary-text-color);\n}\n.negative_08d8cb6853 {\n  color: var(--color-error);\n}\n.onPrimary_cae13e81dc {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_cae13e81dc a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_5cbbcb67d4 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_5cbbcb67d4 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_8c67937e28 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_8c67937e28 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_ad21997043 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_ad21997043 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_1c4090bb1f {\n  color: inherit;\n}\n.inherit_1c4090bb1f a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_256f65012e {\n  text-align: inherit;\n}\n.start_917f8d9718 {\n  text-align: start;\n}\n.center_d284068b08 {\n  text-align: center;\n}\n.end_96f8ac2774 {\n  text-align: end;\n}\n.singleLineEllipsis_ba4e967e80 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_dcbd533bfa {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_2ce32d96d9"};!function(e){const d="s_id-03a8eed790d8_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".virtualizedGridWrapper_2ce32d96d9 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_dea5f2b02b"};!function(e){const t="s_id-03a8eed790d8_3_70_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper_dea5f2b02b {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_2ce32d96d9"};!function(e){const t="s_id-9250e4cf6c59_3_70_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_2ce32d96d9 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_dea5f2b02b"};!function(e){const t="s_id-9250e4cf6c59_3_70_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_dea5f2b02b {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={attention:"attention_d9b904752d",animate:"animate_296ad05a2a",attentionBoxAnimation:"attentionBoxAnimation_d7b0dbae4b",primary:"primary_0e94cd5041",positive:"positive_73bff39b6f",negative:"negative_8ccdcbe8b4",warning:"warning_9c870a9d22",neutral:"neutral_4f38022add"};!function(n){const e="s_id-4a6eadcbcb7d_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_d7b0dbae4b {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_d9b904752d {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_d9b904752d.animate_296ad05a2a {\n  animation: attentionBoxAnimation_d7b0dbae4b 200ms var(--motion-timing-transition);\n}\n.attention_d9b904752d.primary_0e94cd5041 {\n  background-color: var(--primary-selected-color);\n}\n.attention_d9b904752d.positive_73bff39b6f {\n  background-color: var(--positive-color-selected);\n}\n.attention_d9b904752d.negative_8ccdcbe8b4 {\n  background-color: var(--negative-color-selected);\n}\n.attention_d9b904752d.warning_9c870a9d22 {\n  background-color: var(--warning-color-selected);\n}\n.attention_d9b904752d.neutral_4f38022add {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_dcd28f8b7c",animate:"animate_20a81ccfb5",attentionBoxAnimation:"attentionBoxAnimation_54a43a4fb6",primary:"primary_b3cbc29e63",positive:"positive_d7130047ce",negative:"negative_c0f4321df2",warning:"warning_bc5b0a2f40",neutral:"neutral_b5dae092c4"};!function(n){const e="s_id-4a6eadcbcb7d_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_54a43a4fb6 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_dcd28f8b7c {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_dcd28f8b7c.animate_20a81ccfb5 {\n  animation: attentionBoxAnimation_54a43a4fb6 200ms var(--motion-timing-transition);\n}\n.attention_dcd28f8b7c.primary_b3cbc29e63 {\n  background-color: var(--primary-selected-color);\n}\n.attention_dcd28f8b7c.positive_d7130047ce {\n  background-color: var(--positive-color-selected);\n}\n.attention_dcd28f8b7c.negative_c0f4321df2 {\n  background-color: var(--negative-color-selected);\n}\n.attention_dcd28f8b7c.warning_bc5b0a2f40 {\n  background-color: var(--warning-color-selected);\n}\n.attention_dcd28f8b7c.neutral_b5dae092c4 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../../../_virtual/_tslib.js";import r,{forwardRef as e}from"react";import o from"../../../../Button/Button.js";var a=e((function(e,a){var i=e.text,n=t(e,["text"]);return r.createElement(o,Object.assign({ref:a,size:"small",kind:"secondary",color:"inverted"},n),i)}));export{a as default};
+import{__rest as t}from"../../../../../../_virtual/_tslib.js";import r,{forwardRef as e}from"react";import o from"../../../../../../components/button/dist/Button/Button.js";var n=e((function(e,n){var i=e.text,s=t(e,["text"]);return r.createElement(o,Object.assign({ref:n,size:"small",kind:"secondary",color:"inverted"},s),i)}));export{n as default};
 //# sourceMappingURL=AttentionBoxButton.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport Button, { type ButtonProps } from \"../../../../Button/Button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" | \"kind\" | \"color\" | \"children\"> {\n  text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n  <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n    {text}\n  </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"gJAOMA,IAAAA,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,EAAsBF,EAAtBE,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,EAACC,cAAAC,EAAOC,OAAAC,OAAA,CAAAR,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}
+{"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" | \"kind\" | \"color\" | \"children\"> {\n  text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n  <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n    {text}\n  </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"6KAOMA,IAAAA,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,EAAsBF,EAAtBE,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,EAACC,cAAAC,EAAOC,OAAAC,OAAA,CAAAR,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js

@@ -1,2 +1,2 @@
-import o from"react";import t from"classnames";import e from"../../../../IconButton/IconButton.js";import s from"./AttentionBoxCloseButton.module.scss.js";import r from"../../../../../../icons/dist/react/CloseSmall.js";var a=function(a){var i=a.closeButtonAriaLabel;return o.createElement(e,{icon:r,size:"xs",kind:"tertiary",onClick:a.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(s.closeButton,a.className)})};export{a as default};
+import o from"react";import t from"classnames";import e from"../../../../IconButton/IconButton.js";import s from"./AttentionBoxCloseButton.module.scss.js";import a from"../../../../../../packages/icons/dist/react/CloseSmall.js";var r=function(r){var i=r.closeButtonAriaLabel;return o.createElement(e,{icon:a,size:"xs",kind:"tertiary",onClick:r.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(s.closeButton,r.className)})};export{r as default};
 //# sourceMappingURL=AttentionBoxCloseButton.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n  onClose?: (event: React.MouseEvent) => void;\n  closeButtonAriaLabel?: string;\n  className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  className\n}: AttentionBoxCloseButtonProps) => {\n  return (\n    <IconButton\n      icon={CloseSmall}\n      size=\"xs\"\n      kind=\"tertiary\"\n      onClick={onClose}\n      ariaLabel={closeButtonAriaLabel}\n      hideTooltip\n      className={cx(styles.closeButton, className)}\n    />\n  );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"2NAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}
+{"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n  onClose?: (event: React.MouseEvent) => void;\n  closeButtonAriaLabel?: string;\n  className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  className\n}: AttentionBoxCloseButtonProps) => {\n  return (\n    <IconButton\n      icon={CloseSmall}\n      size=\"xs\"\n      kind=\"tertiary\"\n      onClick={onClose}\n      ariaLabel={closeButtonAriaLabel}\n      hideTooltip\n      className={cx(styles.closeButton, className)}\n    />\n  );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"oOAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}

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

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_30e43b2898"};!function(e){const t="s_id-979f8aeb619b_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_30e43b2898 {\n  flex-shrink: 0;\n}\n.closeButton_30e43b2898:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_11d5488aa6"};!function(e){const t="s_id-979f8aeb619b_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_11d5488aa6 {\n  flex-shrink: 0;\n}\n.closeButton_11d5488aa6:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js

@@ -1,2 +1,2 @@
-import o from"react";import t from"classnames";import e from"../../../../Icon/Icon.js";import"react-inlinesvg";import"es-toolkit";import"../../../../../tests/constants.js";import i from"./AttentionBoxLeadingIcon.module.scss.js";var n=function(n){var s=n.iconType;return o.createElement(e,{icon:n.icon,iconType:void 0===s?"svg":s,iconSize:20,className:t(i.icon,n.className)})};export{n as default};
+import o from"react";import n from"classnames";import c from"./AttentionBoxLeadingIcon.module.scss.js";import e from"../../../../../../components/icon/dist/Icon/Icon.js";var i=function(i){var s=i.iconType;return o.createElement(e,{icon:i.icon,iconType:void 0===s?"svg":s,iconSize:20,className:n(c.icon,i.className)})};export{i as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../../../Icon\";\nimport type { SubIcon } from \"../../../../../types\";\nimport type { IconType } from \"../../../../Icon/Icon.types\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n  icon?: SubIcon;\n  iconType?: IconType;\n  className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n  return <Icon icon={icon} iconType={iconType} iconSize={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","iconSize","className","cx","styles"],"mappings":"oOAaA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRJ,cADyB,IAAHD,EAAG,MAAKA,EACVM,SAAU,GAAIC,UAAWC,EAAGC,EAAOJ,KADdN,EAATQ,YAE3D"}
+{"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon, type SubIcon, type IconType } from \"@vibe/icon\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n  icon?: SubIcon;\n  iconType?: IconType;\n  className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n  return <Icon icon={icon} iconType={iconType} iconSize={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","iconSize","className","cx","styles"],"mappings":"0KAWA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRJ,cADyB,IAAHD,EAAG,MAAKA,EACVM,SAAU,GAAIC,UAAWC,EAAGC,EAAOJ,KADdN,EAATQ,YAE3D"}

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_812be4eed0"};!function(e){const t="s_id-55a80ba34ba3_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_812be4eed0 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_ed9467d836"};!function(e){const t="s_id-55a80ba34ba3_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_ed9467d836 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_ccbee89f90"};!function(e){const t="s_id-706944a82a98_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".attentionBoxLink_ccbee89f90 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_73453088f1"};!function(e){const t="s_id-706944a82a98_3_70_2";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)}(".attentionBoxLink_73453088f1 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/next/AttentionBox/consts/icons.js

@@ -1,2 +1,2 @@
-import r from"../../../../../icons/dist/react/Info.js";import i from"../../../../../icons/dist/react/Check.js";import t from"../../../../../icons/dist/react/Alert.js";import o from"../../../../../icons/dist/react/Warning.js";import s from"../../../../../icons/dist/react/Favorite.js";var e={primary:r,positive:i,negative:t,warning:o,neutral:s};export{e as ATTENTION_BOX_DEFAULT_ICONS};
+import r from"../../../../../packages/icons/dist/react/Info.js";import a from"../../../../../packages/icons/dist/react/Check.js";import i from"../../../../../packages/icons/dist/react/Alert.js";import s from"../../../../../packages/icons/dist/react/Warning.js";import t from"../../../../../packages/icons/dist/react/Favorite.js";var o={primary:r,positive:a,negative:i,warning:s,neutral:t};export{o as ATTENTION_BOX_DEFAULT_ICONS};
 //# sourceMappingURL=icons.js.map

package/dist/src/components/next/AttentionBox/consts/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../../../../src/components/next/AttentionBox/consts/icons.ts"],"sourcesContent":["import { Info, Check, Alert, Warning, Favorite } from \"@vibe/icons\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport type { SubIcon } from \"../../../../types\";\n\nexport const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon> = {\n  primary: Info,\n  positive: Check,\n  negative: Alert,\n  warning: Warning,\n  neutral: Favorite\n};\n"],"names":["ATTENTION_BOX_DEFAULT_ICONS","primary","Info","positive","Check","negative","Alert","warning","Warning","neutral","Favorite"],"mappings":"4RAIO,IAAMA,EAAiE,CAC5EC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,QAASC"}
+{"version":3,"file":"icons.js","sources":["../../../../../../src/components/next/AttentionBox/consts/icons.ts"],"sourcesContent":["import { Info, Check, Alert, Warning, Favorite } from \"@vibe/icons\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport type { SubIcon } from \"@vibe/icon\";\n\nexport const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon> = {\n  primary: Info,\n  positive: Check,\n  negative: Alert,\n  warning: Warning,\n  neutral: Favorite\n};\n"],"names":["ATTENTION_BOX_DEFAULT_ICONS","primary","Info","positive","Check","negative","Alert","warning","Warning","neutral","Favorite"],"mappings":"yUAIO,IAAMA,EAAiE,CAC5EC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,QAASC"}

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

@@ -1,2 +1,2 @@
-var e={container:"container_12c7fbbb82",mainContentGroup:"mainContentGroup_e909cb5bfa",leadingIcon:"leadingIcon_3afbd9d45e",actionsGroup:"actionsGroup_ef2ad40d29"};!function(e){const n="s_id-2f71fab0a877_3_70_1";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)}(".container_12c7fbbb82 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_e909cb5bfa {\n  min-width: 0;\n}\n\n.leadingIcon_3afbd9d45e {\n  align-self: flex-start;\n}\n\n.actionsGroup_ef2ad40d29 {\n  gap: var(--space-12);\n}");export{e as default};
+var e={container:"container_23ecdb94a9",mainContentGroup:"mainContentGroup_6175427c80",leadingIcon:"leadingIcon_0e577fa664",actionsGroup:"actionsGroup_22de991269"};!function(e){const n="s_id-2f71fab0a877_3_70_2";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)}(".container_23ecdb94a9 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_6175427c80 {\n  min-width: 0;\n}\n\n.leadingIcon_0e577fa664 {\n  align-self: flex-start;\n}\n\n.actionsGroup_22de991269 {\n  gap: var(--space-12);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_ade9c6c12c",icon:"icon_5a5212b985",title:"title_d1ba9e07f5",text:"text_3138eac577",actions:"actions_ab4327b8b8",closeButton:"closeButton_8de0dc6240",hasIcon:"hasIcon_0dfde7abfa",hasCloseButton:"hasCloseButton_fcaff8e14b",hasTitle:"hasTitle_c11f8356e4"};!function(n){const c="s_id-d1aa0b2532e6_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+c))return;const a=document.createElement("style");a.id=c,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=n)}(".container_ade9c6c12c {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_ade9c6c12c .icon_5a5212b985 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_ade9c6c12c .title_d1ba9e07f5 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_ade9c6c12c .text_3138eac577,\n.container_ade9c6c12c .actions_ab4327b8b8 {\n  grid-column: 2/-1;\n}\n.container_ade9c6c12c .text_3138eac577 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_ade9c6c12c .closeButton_8de0dc6240 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_ade9c6c12c .actions_ab4327b8b8 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_ade9c6c12c:not(.hasIcon_0dfde7abfa) {\n  --grid-columns: 1fr auto;\n}\n.container_ade9c6c12c:not(.hasIcon_0dfde7abfa):not(.hasCloseButton_fcaff8e14b) {\n  --grid-columns: 1fr;\n}\n.container_ade9c6c12c:not(.hasIcon_0dfde7abfa) .title_d1ba9e07f5 {\n  grid-column: 1;\n}\n.container_ade9c6c12c:not(.hasIcon_0dfde7abfa) .text_3138eac577,\n.container_ade9c6c12c:not(.hasIcon_0dfde7abfa) .actions_ab4327b8b8 {\n  grid-column: 1/-1;\n}\n.container_ade9c6c12c:not(.hasIcon_0dfde7abfa) .closeButton_8de0dc6240 {\n  grid-column: 2;\n}\n.container_ade9c6c12c:not(.hasCloseButton_fcaff8e14b) {\n  --grid-columns: auto 1fr;\n}\n.container_ade9c6c12c:not(.hasTitle_c11f8356e4) .icon_5a5212b985 {\n  align-self: start;\n}\n.container_ade9c6c12c:not(.hasTitle_c11f8356e4) .text_3138eac577 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_ade9c6c12c:not(.hasTitle_c11f8356e4) .closeButton_8de0dc6240 {\n  margin-block-start: -1px;\n}\n.container_ade9c6c12c:not(.hasTitle_c11f8356e4) .actions_ab4327b8b8 {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_fc8cc10971",icon:"icon_59e60cb111",title:"title_22c83de8aa",text:"text_ba9b0eab3a",actions:"actions_44864f707b",closeButton:"closeButton_c6b4e45541",hasIcon:"hasIcon_1bbe08984d",hasCloseButton:"hasCloseButton_0554e022f3",hasTitle:"hasTitle_f54df23287"};!function(n){const c="s_id-d1aa0b2532e6_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+c))return;const t=document.createElement("style");t.id=c,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=n)}(".container_fc8cc10971 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_fc8cc10971 .icon_59e60cb111 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_fc8cc10971 .title_22c83de8aa {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_fc8cc10971 .text_ba9b0eab3a,\n.container_fc8cc10971 .actions_44864f707b {\n  grid-column: 2/-1;\n}\n.container_fc8cc10971 .text_ba9b0eab3a {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_fc8cc10971 .closeButton_c6b4e45541 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_fc8cc10971 .actions_44864f707b {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_fc8cc10971:not(.hasIcon_1bbe08984d) {\n  --grid-columns: 1fr auto;\n}\n.container_fc8cc10971:not(.hasIcon_1bbe08984d):not(.hasCloseButton_0554e022f3) {\n  --grid-columns: 1fr;\n}\n.container_fc8cc10971:not(.hasIcon_1bbe08984d) .title_22c83de8aa {\n  grid-column: 1;\n}\n.container_fc8cc10971:not(.hasIcon_1bbe08984d) .text_ba9b0eab3a,\n.container_fc8cc10971:not(.hasIcon_1bbe08984d) .actions_44864f707b {\n  grid-column: 1/-1;\n}\n.container_fc8cc10971:not(.hasIcon_1bbe08984d) .closeButton_c6b4e45541 {\n  grid-column: 2;\n}\n.container_fc8cc10971:not(.hasCloseButton_0554e022f3) {\n  --grid-columns: auto 1fr;\n}\n.container_fc8cc10971:not(.hasTitle_f54df23287) .icon_59e60cb111 {\n  align-self: start;\n}\n.container_fc8cc10971:not(.hasTitle_f54df23287) .text_ba9b0eab3a {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_fc8cc10971:not(.hasTitle_f54df23287) .closeButton_c6b4e45541 {\n  margin-block-start: -1px;\n}\n.container_fc8cc10971:not(.hasTitle_f54df23287) .actions_44864f707b {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/src/components/next/AttentionBox/utils/iconUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconUtils.js","sources":["../../../../../../src/components/next/AttentionBox/utils/iconUtils.ts"],"sourcesContent":["import type { SubIcon } from \"../../../../types\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport { ATTENTION_BOX_DEFAULT_ICONS } from \"../consts/icons\";\n\nexport const resolveAttentionBoxIcon = (icon?: SubIcon | false, type?: AttentionBoxType): SubIcon | null => {\n  if (icon === false) return null;\n  return icon || ATTENTION_BOX_DEFAULT_ICONS[type || \"primary\"];\n};\n"],"names":["resolveAttentionBoxIcon","icon","type","ATTENTION_BOX_DEFAULT_ICONS"],"mappings":"iEAIO,IAAMA,EAA0B,SAACC,EAAwBC,GAC9D,OAAa,IAATD,EAAuB,KACpBA,GAAQE,EAA4BD,GAAQ,UACrD"}
+{"version":3,"file":"iconUtils.js","sources":["../../../../../../src/components/next/AttentionBox/utils/iconUtils.ts"],"sourcesContent":["import type { SubIcon } from \"@vibe/icon\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport { ATTENTION_BOX_DEFAULT_ICONS } from \"../consts/icons\";\n\nexport const resolveAttentionBoxIcon = (icon?: SubIcon | false, type?: AttentionBoxType): SubIcon | null => {\n  if (icon === false) return null;\n  return icon || ATTENTION_BOX_DEFAULT_ICONS[type || \"primary\"];\n};\n"],"names":["resolveAttentionBoxIcon","icon","type","ATTENTION_BOX_DEFAULT_ICONS"],"mappings":"iEAIO,IAAMA,EAA0B,SAACC,EAAwBC,GAC9D,OAAa,IAATD,EAAuB,KACpBA,GAAQE,EAA4BD,GAAQ,UACrD"}

package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_3a846b1d33",wrapper:"wrapper_b753ec1e66",active:"active_ad122a47b9",disabled:"disabled_1fb16f3fda",readOnly:"readOnly_a465d1d58c",error:"error_1a41dad792",helperText:"helperText_5e39e36367"};!function(r){const e="s_id-640373641d03_3_70_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_3a846b1d33 {\n  width: 100%;\n}\n\n.wrapper_b753ec1e66 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_b753ec1e66:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_b753ec1e66.active_ad122a47b9, .wrapper_b753ec1e66:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_b753ec1e66.disabled_1fb16f3fda {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_b753ec1e66.readOnly_a465d1d58c {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_b753ec1e66.error_1a41dad792 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_5e39e36367 {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_b408029710",wrapper:"wrapper_71795f1069",active:"active_0d6eb6ee53",disabled:"disabled_d1d89ffc7f",readOnly:"readOnly_4bf60ad056",error:"error_085900554d",helperText:"helperText_e919a0da52"};!function(r){const e="s_id-640373641d03_3_70_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_b408029710 {\n  width: 100%;\n}\n\n.wrapper_71795f1069 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_71795f1069:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_71795f1069.active_0d6eb6ee53, .wrapper_71795f1069:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_71795f1069.disabled_d1d89ffc7f {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_71795f1069.readOnly_4bf60ad056 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_71795f1069.error_085900554d {\n  --border-color: var(--negative-color);\n}\n\n.helperText_e919a0da52 {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_763133b25c",menuHidden:"menuHidden_0e4aa59e95"};!function(e){const i="s_id-448dc11ee0f4_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_763133b25c {\n  visibility: visible;\n}\n\n.menuHidden_0e4aa59e95 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_8d5afdea3d",menuHidden:"menuHidden_e6aa9a8e1c"};!function(e){const i="s_id-448dc11ee0f4_3_70_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_8d5afdea3d {\n  visibility: visible;\n}\n\n.menuHidden_e6aa9a8e1c {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_2de67281a8",hiddenChip:"hiddenChip_598d5f783b",hiddenChipsDialog:"hiddenChipsDialog_b4d4b8ec2a",dialogChip:"dialogChip_96e6f55c45"};!function(e){const n="s_id-1eb6fbc8e066_3_70_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_2de67281a8 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_598d5f783b {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_b4d4b8ec2a {\n  max-width: 192px;\n}\n\n.dialogChip_96e6f55c45 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_60783d5d6d",hiddenChip:"hiddenChip_a6a448ee54",hiddenChipsDialog:"hiddenChipsDialog_829eef75b4",dialogChip:"dialogChip_c3c21f8733"};!function(e){const n="s_id-1eb6fbc8e066_3_70_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_60783d5d6d {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_a6a448ee54 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_829eef75b4 {\n  max-width: 192px;\n}\n\n.dialogChip_c3c21f8733 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_8d438bd861",small:"small_9061ca9e44",medium:"medium_b8991c6692",large:"large_5104459ea6",inputWrapper:"inputWrapper_650486a92f",multiSelected:"multiSelected_2d79ba293a",hasSelected:"hasSelected_8f30881cd0",selectedItem:"selectedItem_e92b0bba8f",faded:"faded_dfc504cd2f",placeholderText:"placeholderText_518d3e09ae",disabled:"disabled_c3cf443816",multiWrapper:"multiWrapper_a809c3e57f",actionsWrapper:"actionsWrapper_bd68395910"};!function(e){const n="s_id-60ca03d6ab75_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_8d438bd861 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_8d438bd861.small_9061ca9e44 {\n  min-height: 32px;\n}\n.triggerWrapper_8d438bd861.medium_b8991c6692 {\n  min-height: 40px;\n}\n.triggerWrapper_8d438bd861.large_5104459ea6 {\n  min-height: 48px;\n}\n.triggerWrapper_8d438bd861 .inputWrapper_650486a92f {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_8d438bd861 .inputWrapper_650486a92f.small_9061ca9e44 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_8d438bd861 .inputWrapper_650486a92f.multiSelected_2d79ba293a {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_8d438bd861 .inputWrapper_650486a92f.hasSelected_8f30881cd0 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_8d438bd861 .selectedItem_e92b0bba8f {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n}\n.triggerWrapper_8d438bd861 .selectedItem_e92b0bba8f.small_9061ca9e44 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_8d438bd861 .selectedItem_e92b0bba8f.medium_b8991c6692 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_8d438bd861 .selectedItem_e92b0bba8f.large_5104459ea6 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_8d438bd861 .selectedItem_e92b0bba8f.faded_dfc504cd2f {\n  opacity: 0.6;\n}\n.triggerWrapper_8d438bd861 .placeholderText_518d3e09ae {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_8d438bd861 .placeholderText_518d3e09ae.disabled_c3cf443816 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_a809c3e57f {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_bd68395910 {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_14dbe5247c",small:"small_5043b6733a",medium:"medium_5253333fc3",large:"large_16a12d5e00",inputWrapper:"inputWrapper_f2902e7bc4",multiSelected:"multiSelected_50b1a2f33e",hasSelected:"hasSelected_12245fab2f",selectedItem:"selectedItem_497b2619b3",faded:"faded_3aee532d1c",placeholderText:"placeholderText_11152d01d1",disabled:"disabled_3d62785dc1",multiWrapper:"multiWrapper_dfb1514375",actionsWrapper:"actionsWrapper_a16c84bcf9"};!function(e){const n="s_id-60ca03d6ab75_3_70_2";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)}(".triggerWrapper_14dbe5247c {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_14dbe5247c.small_5043b6733a {\n  min-height: 32px;\n}\n.triggerWrapper_14dbe5247c.medium_5253333fc3 {\n  min-height: 40px;\n}\n.triggerWrapper_14dbe5247c.large_16a12d5e00 {\n  min-height: 48px;\n}\n.triggerWrapper_14dbe5247c .inputWrapper_f2902e7bc4 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_14dbe5247c .inputWrapper_f2902e7bc4.small_5043b6733a {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_14dbe5247c .inputWrapper_f2902e7bc4.multiSelected_50b1a2f33e {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_14dbe5247c .inputWrapper_f2902e7bc4.hasSelected_12245fab2f {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_14dbe5247c .selectedItem_497b2619b3 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n}\n.triggerWrapper_14dbe5247c .selectedItem_497b2619b3.small_5043b6733a {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_14dbe5247c .selectedItem_497b2619b3.medium_5253333fc3 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_14dbe5247c .selectedItem_497b2619b3.large_16a12d5e00 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_14dbe5247c .selectedItem_497b2619b3.faded_3aee532d1c {\n  opacity: 0.6;\n}\n.triggerWrapper_14dbe5247c .placeholderText_11152d01d1 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.triggerWrapper_14dbe5247c .placeholderText_11152d01d1.disabled_3d62785dc1 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_dfb1514375 {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_a16c84bcf9 {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Trigger/TriggerActions.js

@@ -1,2 +1,2 @@
-import e from"react";import o from"../../../../IconButton/IconButton.js";import t from"../../../../Flex/Flex.js";import r from"../../../../Loader/Loader.js";import a from"./Trigger.module.scss.js";import{useDropdownContext as n}from"../../context/DropdownContext.js";import i from"../../../../../../icons/dist/react/CloseSmall.js";import l from"../../../../../../icons/dist/react/DropdownChevronUp.js";import s from"../../../../../../icons/dist/react/DropdownChevronDown.js";var m={large:"medium",medium:"small",small:"xs"},d=function(){var d=n(),c=d.isOpen,p=d.reset,u=d.contextOnClear,f=d.disabled,g=d.clearable,x=d.selectedItems,b=void 0===x?[]:x,j=d.toggleMenu,C=d.getMenuProps,v=d.clearAriaLabel,w=d.multi?(null==b?void 0:b.length)>0:!!d.selectedItem,E=m[d.size]||"small";return d.readOnly?null:e.createElement("div",{onKeyDown:function(e){e.stopPropagation()}},e.createElement(t,{className:a.actionsWrapper},d.loading&&e.createElement(r,{size:"xs"===E?16:"small"===E?20:24,color:"secondary"}),w&&g&&!f&&e.createElement(o,{"data-testid":"dropdown-clear-button",icon:i,onClick:function(e){e.stopPropagation(),u?u():p()},size:E,ariaLabel:v,hideTooltip:!0}),e.createElement(o,{icon:c?l:s,size:E,disabled:f,ariaControls:C().id,ariaExpanded:c,ariaLabeledBy:C().id,tabIndex:-1,onClick:function(){j()}})))};export{d as default};
+import e from"react";import o from"../../../../IconButton/IconButton.js";import t from"../../../../Flex/Flex.js";import r from"./Trigger.module.scss.js";import{useDropdownContext as a}from"../../context/DropdownContext.js";import n from"../../../../../../components/loader/dist/Loader/Loader.js";import i from"../../../../../../packages/icons/dist/react/CloseSmall.js";import s from"../../../../../../packages/icons/dist/react/DropdownChevronUp.js";import l from"../../../../../../packages/icons/dist/react/DropdownChevronDown.js";var c={large:"medium",medium:"small",small:"xs"},m=function(){var m=a(),d=m.isOpen,p=m.reset,u=m.contextOnClear,f=m.disabled,g=m.clearable,x=m.selectedItems,b=void 0===x?[]:x,j=m.toggleMenu,C=m.getMenuProps,v=m.clearAriaLabel,w=m.multi?(null==b?void 0:b.length)>0:!!m.selectedItem,E=c[m.size]||"small";return m.readOnly?null:e.createElement("div",{onKeyDown:function(e){e.stopPropagation()}},e.createElement(t,{className:r.actionsWrapper},m.loading&&e.createElement(n,{size:"xs"===E?16:"small"===E?20:24,color:"secondary"}),w&&g&&!f&&e.createElement(o,{"data-testid":"dropdown-clear-button",icon:i,onClick:function(e){e.stopPropagation(),u?u():p()},size:E,ariaLabel:v,hideTooltip:!0}),e.createElement(o,{icon:d?s:l,size:E,disabled:f,ariaControls:C().id,ariaExpanded:d,ariaLabeledBy:C().id,tabIndex:-1,onClick:function(){j()}})))};export{m as default};
 //# sourceMappingURL=TriggerActions.js.map

package/dist/src/components/next/Dropdown/components/Trigger/TriggerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { Flex } from \"../../../../Flex\";\nimport { Loader } from \"../../../../Loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\n\nconst sizeMap = {\n  large: \"medium\",\n  medium: \"small\",\n  small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n  const {\n    isOpen,\n    reset,\n    contextOnClear,\n    size,\n    disabled,\n    clearable,\n    readOnly,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    toggleMenu,\n    getMenuProps,\n    loading,\n    clearAriaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (contextOnClear) {\n      contextOnClear();\n    } else {\n      reset();\n    }\n  };\n\n  if (readOnly) {\n    return null;\n  }\n\n  return (\n    <div\n      onKeyDown={e => {\n        e.stopPropagation();\n      }}\n    >\n      <Flex className={styles.actionsWrapper}>\n        {loading && (\n          <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n        )}\n        {hasSelection && clearable && !disabled && (\n          <IconButton\n            data-testid=\"dropdown-clear-button\"\n            icon={CloseSmall}\n            onClick={handleClear}\n            size={iconButtonSize}\n            ariaLabel={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        <IconButton\n          icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n          size={iconButtonSize}\n          disabled={disabled}\n          ariaControls={getMenuProps().id}\n          ariaExpanded={isOpen}\n          ariaLabeledBy={getMenuProps().id}\n          tabIndex={-1}\n          onClick={() => {\n            toggleMenu();\n          }}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"2dASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAeIC,IAdFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eAGIC,EATCZ,EAALa,OAS2BL,aAAa,EAAbA,EAAeM,QAAS,IARvCd,EAAZe,aASIC,EAAiBrB,EAdjBK,EAAJiB,OAcsC,QAWxC,OAtBUjB,EAARkB,SAuBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA1BnB3B,EAAP4B,SA4BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBN,IAAcD,GAC7Bc,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEnB,EACFA,IAEAD,KAuBMc,KAAMD,EACNmB,UAAWxB,EACXyB,iBAGJjB,EAACC,cAAAW,GACCC,KAAM9B,EAASmC,EAAoBC,EACnCrB,KAAMD,EACNX,SAAUA,EACVkC,aAAc7B,IAAe8B,GAC7BC,aAAcvC,EACdwC,cAAehC,IAAe8B,GAC9BG,UAAW,EACXT,QAAS,WACPzB,GACF,KAKV"}
+{"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { Flex } from \"../../../../Flex\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\n\nconst sizeMap = {\n  large: \"medium\",\n  medium: \"small\",\n  small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n  const {\n    isOpen,\n    reset,\n    contextOnClear,\n    size,\n    disabled,\n    clearable,\n    readOnly,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    toggleMenu,\n    getMenuProps,\n    loading,\n    clearAriaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (contextOnClear) {\n      contextOnClear();\n    } else {\n      reset();\n    }\n  };\n\n  if (readOnly) {\n    return null;\n  }\n\n  return (\n    <div\n      onKeyDown={e => {\n        e.stopPropagation();\n      }}\n    >\n      <Flex className={styles.actionsWrapper}>\n        {loading && (\n          <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n        )}\n        {hasSelection && clearable && !disabled && (\n          <IconButton\n            data-testid=\"dropdown-clear-button\"\n            icon={CloseSmall}\n            onClick={handleClear}\n            size={iconButtonSize}\n            ariaLabel={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        <IconButton\n          icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n          size={iconButtonSize}\n          disabled={disabled}\n          ariaControls={getMenuProps().id}\n          ariaExpanded={isOpen}\n          ariaLabeledBy={getMenuProps().id}\n          tabIndex={-1}\n          onClick={() => {\n            toggleMenu();\n          }}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"mhBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAeIC,IAdFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eAGIC,EATCZ,EAALa,OAS2BL,aAAa,EAAbA,EAAeM,QAAS,IARvCd,EAAZe,aASIC,EAAiBrB,EAdjBK,EAAJiB,OAcsC,QAWxC,OAtBUjB,EAARkB,SAuBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA1BnB3B,EAAP4B,SA4BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBN,IAAcD,GAC7Bc,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEnB,EACFA,IAEAD,KAuBMc,KAAMD,EACNmB,UAAWxB,EACXyB,iBAGJjB,EAACC,cAAAW,GACCC,KAAM9B,EAASmC,EAAoBC,EACnCrB,KAAMD,EACNX,SAAUA,EACVkC,aAAc7B,IAAe8B,GAC7BC,aAAcvC,EACdwC,cAAehC,IAAe8B,GAC9BG,UAAW,EACXT,QAAS,WACPzB,GACF,KAKV"}

package/dist/src/index.js

@@ -1,2 +1,2 @@
-import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as Box}from"./components/Box/Box.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as Button}from"./components/Button/Button.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{default as LayerProvider}from"./components/LayerProvider/LayerProvider.js";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as Modal}from"./components/LegacyModal/LegacyModal.js";export{default as ModalHeader}from"./components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js";export{default as ModalContent}from"./components/LegacyModal/LegacyModalContent/LegacyModalContent.js";export{default as ModalFooter}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js";export{default as ModalFooterButtons}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Text}from"./components/Text/Text.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{withStaticProps,withStaticPropsWithoutForwardRef}from"./types/withStaticProps.js";export{getElementColor}from"./types/Colors.js";
+import"../packages/style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as Box}from"./components/Box/Box.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{default as LayerProvider}from"./components/LayerProvider/LayerProvider.js";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as Modal}from"./components/LegacyModal/LegacyModal.js";export{default as ModalHeader}from"./components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js";export{default as ModalContent}from"./components/LegacyModal/LegacyModalContent/LegacyModalContent.js";export{default as ModalFooter}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js";export{default as ModalFooterButtons}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Text}from"./components/Text/Text.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{withStaticProps,withStaticPropsWithoutForwardRef}from"./types/withStaticProps.js";export{getElementColor}from"./types/Colors.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";
 //# sourceMappingURL=index.js.map

package/dist/types/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./events";
-export * from "./SubIcon";
 export type { default as VibeComponent } from "./VibeComponent";
 export type { default as VibeComponentProps } from "./VibeComponentProps";
 export * from "./withStaticProps";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.70.2-alpha-23478.0",
+  "version": "3.70.3",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -94,7 +94,10 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
+    "@vibe/button": "3.0.2",
+    "@vibe/icon": "3.0.2",
     "@vibe/icons": "1.11.0",
+    "@vibe/loader": "3.0.2",
     "a11y-dialog": "^7.5.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist-config-monday": "1.0.6",
@@ -102,7 +105,7 @@
     "downshift": "^9.0.8",
     "es-toolkit": "^1.39.10",
     "framer-motion": "^6.5.1",
-    "monday-ui-style": "0.26.0",
+    "monday-ui-style": "0.26.1",
     "react-dates": "21.8.0",
     "react-focus-lock": "^2.13.2",
     "react-inlinesvg": "^4.1.3",
@@ -183,6 +186,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.25",
     "@uiw/codemirror-theme-github": "^4.21.25",
     "@uiw/react-codemirror": "^4.21.25",
+    "@vibe/config": "3.0.2",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
@@ -255,7 +259,7 @@
     "tsx": "^4.20.3",
     "typescript": "^4.7.3",
     "typescript-plugin-css-modules": "^4.2.1",
-    "vibe-storybook-components": "1.0.5",
+    "vibe-storybook-components": "1.0.6",
     "vite": "^5.3.1",
     "vitest": "^1.6.0"
   },
@@ -276,5 +280,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "a72ae655ac366817f33114e1afeeca84d22027fb"
+  "gitHead": "a6d012b6ede00ed447365220f4c0e4b91ebae6e7"
 }