@vibe/core 3.77.1-alpha-eb809.0 → 3.77.1-alpha-45c3a.0

package/dist/mocked_classnames/src/components/Toast/Toast.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import{Loader as d}from"@vibe/loader/mockedClassNames";import f from"../Flex/Flex.js";import{CloseSmall as v}from"@vibe/icons/mockedClassNames";import T from"./ToastLink/ToastLink.js";import y from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as h}from"./ToastConstants.js";import{getIcon as g}from"./ToastHelpers.js";import{NOOP as x}from"../../utils/function-utils.js";import{getStyle as N}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import k from"./Toast.module.scss.js";import b from"../IconButton/IconButton.js";import C from"../../hooks/usePrevious/index.js";var B=E((function(j){var h=j.open,E=void 0!==h&&h,B=j.loading,O=void 0!==B&&B,A=j.autoHideDuration,w=void 0===A?null:A,L=j.type,_=void 0===L?"normal":L,S=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?x:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=C(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(T,Object.assign({key:o.href,className:k.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,i){var n=o.content,a=e(o,["type","content"]);return s.createElement(y,Object.assign({key:"alert-button-".concat(i),className:r(k.actionButton,t({},k.withTransition,Z))},a),n)})):null}),[z,Z]),tt=l((function(){return r(k.toast,N(k,o("type-"+_)),q)}),[_,q]),et=c((function(){U&&U()}),[U]),ot=a(),it=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&w>0&&it(w),function(){clearTimeout(ot.current)}}),[E,w,it]);var nt=!I&&g(_,S),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:k.enterActive,exitActive:k.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||i(n.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},nt&&s.createElement("div",{className:r(k.icon)},nt),s.createElement(f,{align:"center",gap:"large",className:k.content},s.createElement(f,{gap:"medium","data-testid":i(n.TOAST_CONTENT),className:k.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),O&&s.createElement(d,{size:"xs"})),M&&s.createElement(b,{className:r(k.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":i(n.TOAST_CLOSE_BUTTON),icon:v,hideTooltip:!0})))}),{types:j,actionTypes:h});export{B as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as n,ComponentDefaultTestId as i}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Flex/Flex.js";import f from"./ToastLink/ToastLink.js";import v from"./ToastButton/ToastButton.js";import{ToastType as T,ToastActionType as j}from"./ToastConstants.js";import{getIcon as y}from"./ToastHelpers.js";import{NOOP as h}from"../../utils/function-utils.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import E from"./Toast.module.scss.js";import N from"../IconButton/IconButton.js";import k from"../../hooks/usePrevious/index.js";import C from"../../../components/loader/dist/Loader/Loader.js";import b from"../../../icons/dist/react/CloseSmall.js";var B=x((function(T){var j=T.open,x=void 0!==j&&j,B=T.loading,L=void 0!==B&&B,O=T.autoHideDuration,A=void 0===O?null:O,w=T.type,S=void 0===w?"normal":w,_=T.icon,H=T.hideIcon,I=void 0!==H&&H,P=T.action,z=T.actions,F=T.children,D=T.closeable,M=void 0===D||D,R=T.onClose,U=void 0===R?h:R,q=T.className,G=T.id,J=T.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=T["data-testid"],V=a(null),W=a(null),X=k(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(f,Object.assign({key:o.href,className:E.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var i=o.content,a=e(o,["type","content"]);return s.createElement(v,Object.assign({key:"alert-button-".concat(n),className:r(E.actionButton,t({},E.withTransition,Z))},a),i)})):null}),[z,Z]),tt=l((function(){return r(E.toast,g(E,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return x&&A>0&&nt(A),function(){clearTimeout(ot.current)}}),[x,A,nt]);var it=!I&&y(S,_),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:x,nodeRef:W,classNames:{enterActive:E.enterActive,exitActive:E.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||n(i.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},it&&s.createElement("div",{className:r(E.icon)},it),s.createElement(d,{align:"center",gap:"large",className:E.content},s.createElement(d,{gap:"medium","data-testid":n(i.TOAST_CONTENT),className:E.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(C,{size:"xs"})),M&&s.createElement(N,{className:r(E.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":n(i.TOAST_CLOSE_BUTTON),icon:b,hideTooltip:!0})))}),{types:T,actionTypes:j});export{B as default};
 //# sourceMappingURL=Toast.js.map

package/dist/mocked_classnames/src/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport Text from \"../Text/Text\";\nimport { Loader } from \"@vibe/loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            ariaLabel={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\ninterface ToastStaticProps {\n  types: typeof ToastTypeEnum;\n  actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n  types: ToastTypeEnum,\n  actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}
+{"version":3,"file":"Toast.js","sources":["../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport Text from \"../Text/Text\";\nimport { Loader } from \"@vibe/loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            ariaLabel={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\ninterface ToastStaticProps {\n  types: typeof ToastTypeEnum;\n  actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n  types: ToastTypeEnum,\n  actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Toast/ToastButton/ToastButton.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import{Button as s}from"@vibe/button/mockedClassNames";import a from"react";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";var r=function(r){var m=r.className,o=r.id,d=r["data-testid"],l=t(r,["className","id","data-testid"]);return a.createElement(s,Object.assign({},l,{id:o,kind:"secondary",marginLeft:!1,"data-testid":d||i(e.TOAST_BUTTON,o),className:m,size:"small",color:"fixed-light"}))};export{r as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"react";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as e}from"../../../tests/testIds.js";import i from"../../../../components/button/dist/Button/Button.js";var o=function(o){var r=o.className,m=o.id,d=o["data-testid"],n=t(o,["className","id","data-testid"]);return s.createElement(i,Object.assign({},n,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||e(a.TOAST_BUTTON,m),className:r,size:"small",color:"fixed-light"}))};export{o as default};
 //# sourceMappingURL=ToastButton.js.map

package/dist/mocked_classnames/src/components/Toast/ToastButton/ToastButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastButton.js","sources":["../../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n  className,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: ToastButtonProps) => {\n  return (\n    <Button\n      {...buttonProps}\n      id={id}\n      kind=\"secondary\"\n      marginLeft={false}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n      className={className}\n      size=\"small\"\n      color=\"fixed-light\"\n    />\n  );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"+PAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAJsCC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAMzC,OACEM,EAACC,cAAAC,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}
+{"version":3,"file":"ToastButton.js","sources":["../../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n  className,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: ToastButtonProps) => {\n  return (\n    <Button\n      {...buttonProps}\n      id={id}\n      kind=\"secondary\"\n      marginLeft={false}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n      className={className}\n      size=\"small\"\n      color=\"fixed-light\"\n    />\n  );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"2QAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAJsCC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAMzC,OACEM,EAACC,cAAAC,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}

package/dist/mocked_classnames/src/components/Toast/ToastConstants.js

@@ -1,2 +1,2 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{Info as i,Check as o,Alert as e,Warning as n}from"@vibe/icons/mockedClassNames";var a,t;!function(r){r.NORMAL="normal",r.POSITIVE="positive",r.NEGATIVE="negative",r.WARNING="warning",r.DARK="dark"}(a||(a={})),function(r){r.LINK="link",r.BUTTON="button"}(t||(t={}));var N=r(r(r(r(r({},a.NORMAL,i),a.POSITIVE,o),a.NEGATIVE,e),a.WARNING,n),a.DARK,i);export{t as ToastActionType,a as ToastType,N as defaultIconMap};
+import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i from"../../../icons/dist/react/Info.js";import o from"../../../icons/dist/react/Check.js";import t from"../../../icons/dist/react/Alert.js";import n from"../../../icons/dist/react/Warning.js";var e,s;!function(r){r.NORMAL="normal",r.POSITIVE="positive",r.NEGATIVE="negative",r.WARNING="warning",r.DARK="dark"}(e||(e={})),function(r){r.LINK="link",r.BUTTON="button"}(s||(s={}));var a=r(r(r(r(r({},e.NORMAL,i),e.POSITIVE,o),e.NEGATIVE,t),e.WARNING,n),e.DARK,i);export{s as ToastActionType,e as ToastType,a as defaultIconMap};
 //# sourceMappingURL=ToastConstants.js.map

package/dist/mocked_classnames/src/components/Toast/ToastConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastConstants.js","sources":["../../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\n/**\n * @deprecated\n */\nexport enum ToastType {\n  NORMAL = \"normal\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  WARNING = \"warning\",\n  DARK = \"dark\"\n}\n\n/**\n * @deprecated\n */\nexport enum ToastActionType {\n  LINK = \"link\",\n  BUTTON = \"button\"\n}\n\nexport const defaultIconMap = {\n  [ToastType.NORMAL]: Info,\n  [ToastType.POSITIVE]: Check,\n  [ToastType.NEGATIVE]: Alert,\n  [ToastType.WARNING]: Warning,\n  [ToastType.DARK]: Info\n};\n\n/**\n * @deprecated\n */\nexport type ToastAction = {\n  type: ToastActionType;\n  content?: string;\n  text?: string;\n  href?: string;\n};\n"],"names":["ToastType","ToastActionType","defaultIconMap","_defineProperty","NORMAL","Info","POSITIVE","Check","NEGATIVE","Alert","WARNING","Warning","DARK"],"mappings":"2KAKYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAEYC,EAAcC,EAAAA,EAAAA,EAAAA,EAAAA,KACxBH,EAAUI,OAASC,GACnBL,EAAUM,SAAWC,GACrBP,EAAUQ,SAAWC,GACrBT,EAAUU,QAAUC,GACpBX,EAAUY,KAAOP"}
+{"version":3,"file":"ToastConstants.js","sources":["../../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\n/**\n * @deprecated\n */\nexport enum ToastType {\n  NORMAL = \"normal\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  WARNING = \"warning\",\n  DARK = \"dark\"\n}\n\n/**\n * @deprecated\n */\nexport enum ToastActionType {\n  LINK = \"link\",\n  BUTTON = \"button\"\n}\n\nexport const defaultIconMap = {\n  [ToastType.NORMAL]: Info,\n  [ToastType.POSITIVE]: Check,\n  [ToastType.NEGATIVE]: Alert,\n  [ToastType.WARNING]: Warning,\n  [ToastType.DARK]: Info\n};\n\n/**\n * @deprecated\n */\nexport type ToastAction = {\n  type: ToastActionType;\n  content?: string;\n  text?: string;\n  href?: string;\n};\n"],"names":["ToastType","ToastActionType","defaultIconMap","_defineProperty","NORMAL","Info","POSITIVE","Check","NEGATIVE","Alert","WARNING","Warning","DARK"],"mappings":"6RAKYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAEYC,EAAcC,EAAAA,EAAAA,EAAAA,EAAAA,KACxBH,EAAUI,OAASC,GACnBL,EAAUM,SAAWC,GACrBP,EAAUQ,SAAWC,GACrBT,EAAUU,QAAUC,GACpBX,EAAUY,KAAOP"}

package/dist/mocked_classnames/src/components/Toast/ToastHelpers.js

@@ -1,2 +1,2 @@
-import{typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{Icon as r}from"@vibe/icon/mockedClassNames";import{defaultIconMap as t}from"./ToastConstants.js";var i=function(i,n){return n&&"object"===o(n)?n:n||t[i]?e.createElement(r,{iconType:n?"font":"svg",icon:n||t[i],iconSize:20,ignoreFocusStyle:!0}):null};export{i as getIcon};
+import{typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import{defaultIconMap as n}from"./ToastConstants.js";import r from"../../../components/icon/dist/Icon/Icon.js";var e=function(e,i){return i&&"object"===o(i)?i:i||n[e]?t.createElement(r,{iconType:i?"font":"svg",icon:i||n[e],iconSize:20,ignoreFocusStyle:!0}):null};export{e as getIcon};
 //# sourceMappingURL=ToastHelpers.js.map

package/dist/mocked_classnames/src/components/Toast/ToastHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastHelpers.js","sources":["../../../../../src/components/Toast/ToastHelpers.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconSubComponentProps } from \"@vibe/icon\";\nimport { defaultIconMap } from \"./ToastConstants\";\nimport { type ToastType } from \"./Toast.types\";\n\nexport const getIcon = (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => {\n  /* icon may be node a may be a string */\n  if (icon && typeof icon === \"object\") {\n    return icon;\n  }\n  return icon || defaultIconMap[type] ? (\n    <Icon iconType={icon ? \"font\" : \"svg\"} icon={icon || defaultIconMap[type]} iconSize={20} ignoreFocusStyle />\n  ) : null;\n};\n"],"names":["getIcon","type","icon","_typeof","defaultIconMap","React","Icon","iconType","iconSize","ignoreFocusStyle"],"mappings":"qMAKO,IAAMA,EAAU,SAACC,EAAiBC,GAEvC,OAAIA,GAAwB,WAAhBC,EAAOD,GACVA,EAEFA,GAAQE,EAAeH,GAC5BI,gBAACC,EAAI,CAACC,SAAUL,EAAO,OAAS,MAAOA,KAAMA,GAAQE,EAAeH,GAAOO,SAAU,GAAIC,kBAAgB,IACvG,IACN"}
+{"version":3,"file":"ToastHelpers.js","sources":["../../../../../src/components/Toast/ToastHelpers.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconSubComponentProps } from \"@vibe/icon\";\nimport { defaultIconMap } from \"./ToastConstants\";\nimport { type ToastType } from \"./Toast.types\";\n\nexport const getIcon = (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => {\n  /* icon may be node a may be a string */\n  if (icon && typeof icon === \"object\") {\n    return icon;\n  }\n  return icon || defaultIconMap[type] ? (\n    <Icon iconType={icon ? \"font\" : \"svg\"} icon={icon || defaultIconMap[type]} iconSize={20} ignoreFocusStyle />\n  ) : null;\n};\n"],"names":["getIcon","type","icon","_typeof","defaultIconMap","React","Icon","iconType","iconSize","ignoreFocusStyle"],"mappings":"4MAKO,IAAMA,EAAU,SAACC,EAAiBC,GAEvC,OAAIA,GAAwB,WAAhBC,EAAOD,GACVA,EAEFA,GAAQE,EAAeH,GAC5BI,gBAACC,EAAI,CAACC,SAAUL,EAAO,OAAS,MAAOA,KAAMA,GAAQE,EAAeH,GAAOO,SAAU,GAAIC,kBAAgB,IACvG,IACN"}

package/dist/mocked_classnames/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{DialogTriggerEventEnum as h,DialogAnimationTypeEnum as m,Dialog as d}from"@vibe/dialog/mockedClassNames";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import w from"./Tooltip.module.scss.js";import{getTestId as g,ComponentDefaultTestId as S}from"../../tests/testIds.js";import{Icon as f}from"@vibe/icon/mockedClassNames";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(h){function m(e){var o;return t(this,m),(o=i(this,m,[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(m,p),o(m,[{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,g=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(w.tooltip,u(w,s(t)),p),dir:g},c&&r.createElement("img",{className:w.image,src:c,alt:""}),r.createElement("div",{className:a(w.content)},d&&r.createElement(y,{gap:"xs"},T&&r.createElement(f,{iconSize:"20",icon:T}),r.createElement("div",{className:w.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 h=this.renderTooltipContent,m=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||g(S.TOOLTIP,s),tooltip:i,content:h,tooltipClassName:a(w.arrow,u(w,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(d,Object.assign({},m,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=h,v.themes=T,v.animationTypes=m,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:m.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 o,createClass as e,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{TooltipPositions as h,TooltipTheme as d}from"./TooltipConstants.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import c from"./Tooltip.module.scss.js";import{getTestId as T,ComponentDefaultTestId as g}from"../../tests/testIds.js";import u from"../Flex/Flex.js";import{HideShowEvent as w,AnimationType as S}from"../../../components/dialog/dist/Dialog/DialogConstants.js";import f from"../../../components/icon/dist/Icon/Icon.js";import y from"../../../components/dialog/dist/Dialog/Dialog.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(h){function d(o){var e;return t(this,d),(e=i(this,d,[o])).renderTooltipContent=e.renderTooltipContent.bind(e),e.getShowDelay=e.getShowDelay.bind(e),e.onTooltipShow=e.onTooltipShow.bind(e),e.onTooltipHide=e.onTooltipHide.bind(e),e.wasShown=!1,e}return o(d,p),e(d,[{key:"renderTooltipContent",value:function(){var o,e=this.props,t=e.theme,i=e.content,p=e.className,h=e.style,d=e.maxWidth,T=e.title,g=e.image,w=e.icon,S=e.dir;return i?(n(i)?o=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(o=i),o?r.createElement("div",{style:d?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(d,"px")}):h,className:a(c.tooltip,m(c,s(t)),p),dir:S},g&&r.createElement("img",{className:c.image,src:g,alt:""}),r.createElement("div",{className:a(c.content)},T&&r.createElement(u,{gap:"xs"},w&&r.createElement(f,{iconSize:"20",icon:w}),r.createElement("div",{className:c.title},T)),o)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var o=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,o&&o()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var o=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,o&&o()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var o=this.props,e=o.showDelay,t=o.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:e,preventAnimation:!1}}},{key:"render",value:function(){var o=this.props,e=o.children,t=o.theme,i=o.tip,n=o.arrowClassName,s=o.id,l=o["data-testid"],p=o.position;if(!e&&!o.forceRenderWithoutChildren)return null;if(o.withoutDialog)return this.renderTooltipContent();var h=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||T(g.TOOLTIP,s),tooltip:i,content:h,tooltipClassName:a(c.arrow,m(c,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(y,Object.assign({},d,{animationType:"expand"}),e)}}])}();v.positions=h,v.hideShowTriggers=w,v.themes=d,v.animationTypes=S,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:S.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/mocked_classnames/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, type DialogAnimationType, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport {\n  DialogTriggerEventEnum as HideShowEventEnum,\n  DialogAnimationTypeEnum as AnimationTypeEnum\n} from \"@vibe/dialog\";\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":"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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, type DialogAnimationType, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport {\n  DialogTriggerEventEnum as HideShowEventEnum,\n  DialogAnimationTypeEnum as AnimationTypeEnum\n} from \"@vibe/dialog\";\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":"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"}

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../../../_virtual/_tslib.js";import e,{forwardRef as r}from"react";import{Button as o}from"@vibe/button/mockedClassNames";var a=r((function(r,a){var i=r.text,s=t(r,["text"]);return e.createElement(o,Object.assign({ref:a,size:"small",kind:"secondary",color:"inverted"},s),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/mocked_classnames/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 \"@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":"2JAOMA,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/mocked_classnames/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{CloseSmall as s}from"@vibe/icons/mockedClassNames";import r from"./AttentionBoxCloseButton.module.scss.js";var a=function(a){var i=a.closeButtonAriaLabel;return o.createElement(e,{icon:s,size:"xs",kind:"tertiary",onClick:a.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(r.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 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};
 //# sourceMappingURL=AttentionBoxCloseButton.js.map

package/dist/mocked_classnames/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":"qNAYA,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":"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"}

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

@@ -1,2 +1,2 @@
-import o from"react";import e from"classnames";import{Icon as i}from"@vibe/icon/mockedClassNames";import c from"./AttentionBoxLeadingIcon.module.scss.js";var n=function(n){var s=n.iconType;return o.createElement(i,{icon:n.icon,iconType:void 0===s?"svg":s,iconSize:20,className:e(c.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/mocked_classnames/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, 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":"0JAWA,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/mocked_classnames/src/components/next/AttentionBox/consts/icons.js

@@ -1,2 +1,2 @@
-import{Info as e,Check as i,Alert as r,Warning as a,Favorite as o}from"@vibe/icons/mockedClassNames";var m={primary:e,positive:i,negative:r,warning:a,neutral:o};export{m as ATTENTION_BOX_DEFAULT_ICONS};
+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};
 //# sourceMappingURL=icons.js.map

package/dist/mocked_classnames/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 \"@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":"qGAIO,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":"4RAIO,IAAMA,EAAiE,CAC5EC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,QAASC"}

package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownPopup/DropdownPopup.js

@@ -1,2 +1,2 @@
-import e from"react";import{Dialog as r}from"@vibe/dialog/mockedClassNames";import{matchWidthModifier as o}from"../../utils/dropdown-modifiers.js";import{useDropdownContext as t}from"../../context/DropdownContext.js";import i from"../Menu/Menu.js";import m from"../Trigger/SingleSelectTrigger.js";import n from"../Trigger/MultiSelectTrigger.js";var s=function(){var s=t().multi;return e.createElement(r,{open:!0,useDerivedStateFromProps:!0,position:"bottom-start",moveBy:{main:4,secondary:0},observeContentResize:!0,showTrigger:[],hideTrigger:[],modifiers:o,content:e.createElement(i,null),referenceWrapperElement:"div"},e.createElement(s?n:m,null))};export{s as default};
+import e from"react";import{matchWidthModifier as r}from"../../utils/dropdown-modifiers.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import t from"../Menu/Menu.js";import i from"../Trigger/SingleSelectTrigger.js";import n from"../Trigger/MultiSelectTrigger.js";import m from"../../../../../../components/dialog/dist/Dialog/Dialog.js";var s=function(){var s=o().multi;return e.createElement(m,{open:!0,useDerivedStateFromProps:!0,position:"bottom-start",moveBy:{main:4,secondary:0},observeContentResize:!0,showTrigger:[],hideTrigger:[],modifiers:r,content:e.createElement(t,null),referenceWrapperElement:"div"},e.createElement(s?n:i,null))};export{s as default};
 //# sourceMappingURL=DropdownPopup.js.map

package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownPopup/DropdownPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownPopup.js","sources":["../../../../../../../../src/components/next/Dropdown/components/DropdownPopup/DropdownPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@vibe/dialog\";\nimport { matchWidthModifier } from \"../../utils/dropdown-modifiers\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport Menu from \"../Menu/Menu\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\n\nconst DropdownPopup = () => {\n  const { multi } = useDropdownContext();\n\n  return (\n    <Dialog\n      open\n      useDerivedStateFromProps\n      position=\"bottom-start\"\n      moveBy={{ main: 4, secondary: 0 }}\n      observeContentResize={true}\n      showTrigger={[]}\n      hideTrigger={[]}\n      modifiers={matchWidthModifier}\n      content={<Menu />}\n      referenceWrapperElement=\"div\"\n    >\n      {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n    </Dialog>\n  );\n};\n\nexport default DropdownPopup;\n"],"names":["DropdownPopup","multi","useDropdownContext","React","createElement","Dialog","open","useDerivedStateFromProps","position","moveBy","main","secondary","observeContentResize","showTrigger","hideTrigger","modifiers","matchWidthModifier","content","Menu","referenceWrapperElement","MultiSelectTrigger","SingleSelectTrigger"],"mappings":"yVAQA,IAAMA,EAAgB,WACpB,IAAQC,EAAUC,IAAVD,MAER,OACEE,EAAAC,cAACC,EAAM,CACLC,MAAI,EACJC,0BAAwB,EACxBC,SAAS,eACTC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,sBAAsB,EACtBC,YAAa,GACbC,YAAa,GACbC,UAAWC,EACXC,QAASd,EAACC,cAAAc,EAAO,MACjBC,wBAAwB,OAEfhB,EAAAC,cAARH,EAASmB,EAAyBC,EAAJ,MAGrC"}
+{"version":3,"file":"DropdownPopup.js","sources":["../../../../../../../../src/components/next/Dropdown/components/DropdownPopup/DropdownPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@vibe/dialog\";\nimport { matchWidthModifier } from \"../../utils/dropdown-modifiers\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport Menu from \"../Menu/Menu\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\n\nconst DropdownPopup = () => {\n  const { multi } = useDropdownContext();\n\n  return (\n    <Dialog\n      open\n      useDerivedStateFromProps\n      position=\"bottom-start\"\n      moveBy={{ main: 4, secondary: 0 }}\n      observeContentResize={true}\n      showTrigger={[]}\n      hideTrigger={[]}\n      modifiers={matchWidthModifier}\n      content={<Menu />}\n      referenceWrapperElement=\"div\"\n    >\n      {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n    </Dialog>\n  );\n};\n\nexport default DropdownPopup;\n"],"names":["DropdownPopup","multi","useDropdownContext","React","createElement","Dialog","open","useDerivedStateFromProps","position","moveBy","main","secondary","observeContentResize","showTrigger","hideTrigger","modifiers","matchWidthModifier","content","Menu","referenceWrapperElement","MultiSelectTrigger","SingleSelectTrigger"],"mappings":"2WAQA,IAAMA,EAAgB,WACpB,IAAQC,EAAUC,IAAVD,MAER,OACEE,EAAAC,cAACC,EAAM,CACLC,MAAI,EACJC,0BAAwB,EACxBC,SAAS,eACTC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,sBAAsB,EACtBC,YAAa,GACbC,YAAa,GACbC,UAAWC,EACXC,QAASd,EAACC,cAAAc,EAAO,MACjBC,wBAAwB,OAEfhB,EAAAC,cAARH,EAASmB,EAAyBC,EAAJ,MAGrC"}

package/dist/mocked_classnames/src/components/next/Dropdown/components/Menu/Menu.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import{DialogContentContainer as i}from"@vibe/dialog/mockedClassNames";import s from"../../../../BaseList/BaseList.js";import{useDropdownContext as n}from"../../context/DropdownContext.js";import o from"./Menu.module.scss.js";var l=function(){var l=n(),m=l.isOpen,a=l.filteredOptions,d=l.highlightedIndex,p=l.getMenuProps,u=l.getItemProps,c=l.optionRenderer,g=l.menuRenderer,f=l.size,h=l.withGroupDivider,v=l.stickyGroupTitle,b=l.dir,x=l.noOptionsMessage,I=l.maxMenuHeight,M=l.onScroll,O=l.menuAriaLabel,j=l.selectedItem,P=l.selectedItems,y=l.menuWrapperClassName,G=l.multi,H=(null==P?void 0:P.length)>0?P:j?[j]:[];return t.createElement(i,{className:r(e(e({},o.menuVisible,m),o.menuHidden,!m),y),style:m?void 0:{padding:0}},t.createElement(s,{size:f,options:a,selectedItems:H,highlightedIndex:d,menuAriaLabel:O,getMenuProps:function(e){var t=(null==p?void 0:p(e))||{};return G?Object.assign(Object.assign({},t),{"aria-multiselectable":"true"}):t},getItemProps:u,withGroupDivider:h,stickyGroupTitle:v,dir:b,itemRenderer:c,noOptionsMessage:x,renderOptions:m,onScroll:M,maxMenuHeight:I,menuRenderer:g}))};export{l as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import i from"../../../../BaseList/BaseList.js";import{useDropdownContext as n}from"../../context/DropdownContext.js";import o from"./Menu.module.scss.js";import s from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var l=function(){var l=n(),a=l.isOpen,m=l.filteredOptions,p=l.highlightedIndex,d=l.getMenuProps,u=l.getItemProps,c=l.optionRenderer,g=l.menuRenderer,f=l.size,h=l.withGroupDivider,v=l.stickyGroupTitle,b=l.dir,j=l.noOptionsMessage,x=l.maxMenuHeight,I=l.onScroll,M=l.menuAriaLabel,O=l.selectedItem,C=l.selectedItems,P=l.menuWrapperClassName,D=l.multi,y=(null==C?void 0:C.length)>0?C:O?[O]:[];return t.createElement(s,{className:r(e(e({},o.menuVisible,a),o.menuHidden,!a),P),style:a?void 0:{padding:0}},t.createElement(i,{size:f,options:m,selectedItems:y,highlightedIndex:p,menuAriaLabel:M,getMenuProps:function(e){var t=(null==d?void 0:d(e))||{};return D?Object.assign(Object.assign({},t),{"aria-multiselectable":"true"}):t},getItemProps:u,withGroupDivider:h,stickyGroupTitle:v,dir:b,itemRenderer:c,noOptionsMessage:j,renderOptions:a,onScroll:I,maxMenuHeight:x,menuRenderer:g}))};export{l as default};
 //# sourceMappingURL=Menu.js.map

package/dist/mocked_classnames/src/components/next/Dropdown/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../../src/components/next/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { BaseList } from \"../../../../BaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseListItemData<Record<string, unknown>>>() => {\n  const {\n    isOpen,\n    filteredOptions,\n    highlightedIndex,\n    getMenuProps,\n    getItemProps,\n    optionRenderer,\n    menuRenderer,\n    size,\n    withGroupDivider,\n    stickyGroupTitle,\n    dir,\n    noOptionsMessage,\n    maxMenuHeight,\n    onScroll,\n    menuAriaLabel,\n    selectedItem,\n    selectedItems,\n    menuWrapperClassName,\n    multi\n  } = useDropdownContext<Item>();\n\n  const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n  const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n    const baseProps = getMenuProps?.(props) || {};\n    return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n  };\n\n  return (\n    <DialogContentContainer\n      className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n      style={!isOpen ? { padding: 0 } : undefined}\n    >\n      <BaseList<Item>\n        size={size}\n        options={filteredOptions}\n        selectedItems={currentSelection}\n        highlightedIndex={highlightedIndex}\n        menuAriaLabel={menuAriaLabel}\n        getMenuProps={enhancedGetMenuProps}\n        getItemProps={getItemProps}\n        withGroupDivider={withGroupDivider}\n        stickyGroupTitle={stickyGroupTitle}\n        dir={dir}\n        itemRenderer={optionRenderer}\n        noOptionsMessage={noOptionsMessage}\n        renderOptions={isOpen}\n        onScroll={onScroll}\n        maxMenuHeight={maxMenuHeight}\n        menuRenderer={menuRenderer}\n      />\n    </DialogContentContainer>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","filteredOptions","highlightedIndex","getMenuProps","getItemProps","optionRenderer","menuRenderer","size","withGroupDivider","stickyGroupTitle","dir","noOptionsMessage","maxMenuHeight","onScroll","menuAriaLabel","selectedItem","selectedItems","menuWrapperClassName","multi","currentSelection","length","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","BaseList","options","props","baseProps","Object","assign","itemRenderer","renderOptions"],"mappings":"0WAQA,IAAMA,EAAO,WACX,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAeH,EAAfG,gBACAC,EAAgBJ,EAAhBI,iBACAC,EAAYL,EAAZK,aACAC,EAAYN,EAAZM,aACAC,EAAcP,EAAdO,eACAC,EAAYR,EAAZQ,aACAC,EAAIT,EAAJS,KACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBACAC,EAAGZ,EAAHY,IACAC,EAAgBb,EAAhBa,iBACAC,EAAad,EAAbc,cACAC,EAAQf,EAARe,SACAC,EAAahB,EAAbgB,cACAC,EAAYjB,EAAZiB,aACAC,EAAalB,EAAbkB,cACAC,EAAoBnB,EAApBmB,qBACAC,EAAKpB,EAALoB,MAGIC,GAAmBH,aAAA,EAAAA,EAAeI,QAAS,EAAIJ,EAAgBD,EAAe,CAACA,GAAgB,GAOrG,OACEM,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAc3B,GAAS0B,EAAOE,YAAc5B,GAAUiB,GAC9EY,MAAQ7B,OAA0B8B,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,CACP1B,KAAMA,EACN2B,QAASjC,EACTe,cAAeG,EACfjB,iBAAkBA,EAClBY,cAAeA,EACfX,aAhBuB,SAACgC,GAC5B,IAAMC,GAAYjC,aAAA,EAAAA,EAAegC,KAAU,CAAA,EAC3C,OAAOjB,EAAOmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAe9DhC,aAAcA,EACdI,iBAAkBA,EAClBC,iBAAkBA,EAClBC,IAAKA,EACL6B,aAAclC,EACdM,iBAAkBA,EAClB6B,cAAexC,EACfa,SAAUA,EACVD,cAAeA,EACfN,aAAcA,IAItB"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../src/components/next/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { BaseList } from \"../../../../BaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseListItemData<Record<string, unknown>>>() => {\n  const {\n    isOpen,\n    filteredOptions,\n    highlightedIndex,\n    getMenuProps,\n    getItemProps,\n    optionRenderer,\n    menuRenderer,\n    size,\n    withGroupDivider,\n    stickyGroupTitle,\n    dir,\n    noOptionsMessage,\n    maxMenuHeight,\n    onScroll,\n    menuAriaLabel,\n    selectedItem,\n    selectedItems,\n    menuWrapperClassName,\n    multi\n  } = useDropdownContext<Item>();\n\n  const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n  const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n    const baseProps = getMenuProps?.(props) || {};\n    return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n  };\n\n  return (\n    <DialogContentContainer\n      className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n      style={!isOpen ? { padding: 0 } : undefined}\n    >\n      <BaseList<Item>\n        size={size}\n        options={filteredOptions}\n        selectedItems={currentSelection}\n        highlightedIndex={highlightedIndex}\n        menuAriaLabel={menuAriaLabel}\n        getMenuProps={enhancedGetMenuProps}\n        getItemProps={getItemProps}\n        withGroupDivider={withGroupDivider}\n        stickyGroupTitle={stickyGroupTitle}\n        dir={dir}\n        itemRenderer={optionRenderer}\n        noOptionsMessage={noOptionsMessage}\n        renderOptions={isOpen}\n        onScroll={onScroll}\n        maxMenuHeight={maxMenuHeight}\n        menuRenderer={menuRenderer}\n      />\n    </DialogContentContainer>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","filteredOptions","highlightedIndex","getMenuProps","getItemProps","optionRenderer","menuRenderer","size","withGroupDivider","stickyGroupTitle","dir","noOptionsMessage","maxMenuHeight","onScroll","menuAriaLabel","selectedItem","selectedItems","menuWrapperClassName","multi","currentSelection","length","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","BaseList","options","props","baseProps","Object","assign","itemRenderer","renderOptions"],"mappings":"4YAQA,IAAMA,EAAO,WACX,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAeH,EAAfG,gBACAC,EAAgBJ,EAAhBI,iBACAC,EAAYL,EAAZK,aACAC,EAAYN,EAAZM,aACAC,EAAcP,EAAdO,eACAC,EAAYR,EAAZQ,aACAC,EAAIT,EAAJS,KACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBACAC,EAAGZ,EAAHY,IACAC,EAAgBb,EAAhBa,iBACAC,EAAad,EAAbc,cACAC,EAAQf,EAARe,SACAC,EAAahB,EAAbgB,cACAC,EAAYjB,EAAZiB,aACAC,EAAalB,EAAbkB,cACAC,EAAoBnB,EAApBmB,qBACAC,EAAKpB,EAALoB,MAGIC,GAAmBH,aAAA,EAAAA,EAAeI,QAAS,EAAIJ,EAAgBD,EAAe,CAACA,GAAgB,GAOrG,OACEM,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAc3B,GAAS0B,EAAOE,YAAc5B,GAAUiB,GAC9EY,MAAQ7B,OAA0B8B,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,CACP1B,KAAMA,EACN2B,QAASjC,EACTe,cAAeG,EACfjB,iBAAkBA,EAClBY,cAAeA,EACfX,aAhBuB,SAACgC,GAC5B,IAAMC,GAAYjC,aAAA,EAAAA,EAAegC,KAAU,CAAA,EAC3C,OAAOjB,EAAOmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAe9DhC,aAAcA,EACdI,iBAAkBA,EAClBC,iBAAkBA,EAClBC,IAAKA,EACL6B,aAAclC,EACdM,iBAAkBA,EAClB6B,cAAexC,EACfa,SAAUA,EACVD,cAAeA,EACfN,aAAcA,IAItB"}

package/dist/mocked_classnames/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import{DialogContentContainer as l,Dialog as c}from"@vibe/dialog/mockedClassNames";import s from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import d from"./MultiSelectedValues.module.scss.js";import u from"classnames";import m from"../Trigger/DropdownChip.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,w=p.readOnly,C=t(null),b=t(null),y=o((function(){return f.map((function(){return r()}))}),[f]),E=s({containerRef:C,itemRefs:y,gap:4,deductedSpaceRef:b,minVisibleCount:1===f.length?1:0}),D=E.visibleCount,k=E.hasMeasured,N=o((function(){var e=f.length>D?f.slice(D):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,D]),j=N.hiddenItems,x=N.hiddenCount,I=o((function(){return function(){return n.createElement(l,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:d.hiddenChipsDialog},j.map((function(e){return n.createElement(m,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:d.dialogChip,disabled:v,readOnly:w})}))))}}),[j,g,v,w]),O=o((function(){return f.map((function(t,o){var r=D>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:y[o],className:u(e({},d.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(m,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:w}))}))}),[f,D,g,y,v,w]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:C,className:u(d.containerWrapper,e(e({},d.singleChip,1===f.length),d.measuring,!k))},O,n.createElement(a,{ref:b,gap:"xs"},x>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(c,{content:I,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(x),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(x,". ").concat(f.length-x," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:d.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:d.inputWrapper},h()))):null}export{p as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import l from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import s from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import u from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import m from"../../../../../../components/dialog/dist/Dialog/Dialog.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=t(null),D=t(null),b=o((function(){return f.map((function(){return r()}))}),[f]),y=l({containerRef:w,itemRefs:b,gap:4,deductedSpaceRef:D,minVisibleCount:1===f.length?1:0}),E=y.visibleCount,j=y.hasMeasured,k=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),x=k.hiddenItems,I=k.hiddenCount,N=o((function(){return function(){return n.createElement(u,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:s.hiddenChipsDialog},x.map((function(e){return n.createElement(d,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:s.dialogChip,disabled:v,readOnly:C})}))))}}),[x,g,v,C]),O=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:b[o],className:c(e({},s.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(d,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C}))}))}),[f,E,g,b,v,C]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:w,className:c(s.containerWrapper,e(e({},s.singleChip,1===f.length),s.measuring,!j))},O,n.createElement(a,{ref:D,gap:"xs"},I>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(m,{content:N,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(I),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(I,". ").concat(f.length-I," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:s.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:s.inputWrapper},h()))):null}export{p as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

package/dist/mocked_classnames/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    minVisibleCount: selectedItems.length === 1 ? 1 : 0\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={itemRefs[index]}\n          className={cx({ [styles.hiddenChip]: !isVisible })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex ref={deductedSpaceRef} gap=\"xs\">\n        {hiddenCount > 0 && (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","minVisibleCount","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"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"}
+{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    minVisibleCount: selectedItems.length === 1 ? 1 : 0\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={itemRefs[index]}\n          className={cx({ [styles.hiddenChip]: !isVisible })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex ref={deductedSpaceRef} gap=\"xs\">\n        {hiddenCount > 0 && (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","minVisibleCount","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"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"}

package/dist/mocked_classnames/src/components/next/Dropdown/components/Trigger/DropdownInput.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import l from"react";import t from"classnames";import{BaseInput as a}from"@vibe/base/mockedClassNames";import r from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"../../../../Text/Text.js";var i=function(i){var m,n=i.inputSize,p=o(),d=p.inputValue,c=p.autoFocus,u=p.disabled,b=p.readOnly,g=p.placeholder,f=p.multi,v=p.selectedItem,x=p.selectedItems,y=p.inputAriaLabel,h=p.searchable,j=p.size,O=p.label,P=p.getDropdownProps,E=p.getLabelProps,F=p.getInputProps,T=f?(void 0===x?[]:x).length>0:!!v,z=P?P({preventKeyAction:p.isOpen}):{};return l.createElement(l.Fragment,null,h?l.createElement(a,Object.assign({},F(Object.assign({"aria-labelledby":O?E().id:void 0,"aria-label":y||(O||null===(m=E())||void 0===m?void 0:m.id),placeholder:T?"":g},z)),{inputRole:"combobox",value:d||"",autoFocus:c,size:n||j,className:t(r.inputWrapper,e(e(e(e({},r.hasSelected,!f&&v&&!d),r.small,"small"===n),r.multi,f&&T),r.multiSelected,f&&T&&"small"===n)),disabled:u,readOnly:b})):l.createElement(l.Fragment,null,!T&&g&&l.createElement(s,{color:"secondary",className:t(r.placeholderText,e({},r.disabled,!!u)),type:"small"===j?"text2":"text1"},g)))};export{i as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import l from"classnames";import a from"./Trigger.module.scss.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import o from"../../../../Text/Text.js";import s from"../../../../../../base/dist/BaseInput/BaseInput.js";var i=function(i){var n,m=i.inputSize,p=r(),d=p.inputValue,c=p.autoFocus,u=p.disabled,b=p.readOnly,g=p.placeholder,f=p.multi,v=p.selectedItem,x=p.selectedItems,j=p.inputAriaLabel,y=p.searchable,h=p.size,I=p.label,O=p.getDropdownProps,P=p.getLabelProps,E=p.getInputProps,F=f?(void 0===x?[]:x).length>0:!!v,T=O?O({preventKeyAction:p.isOpen}):{};return t.createElement(t.Fragment,null,y?t.createElement(s,Object.assign({},E(Object.assign({"aria-labelledby":I?P().id:void 0,"aria-label":j||(I||null===(n=P())||void 0===n?void 0:n.id),placeholder:F?"":g},T)),{inputRole:"combobox",value:d||"",autoFocus:c,size:m||h,className:l(a.inputWrapper,e(e(e(e({},a.hasSelected,!f&&v&&!d),a.small,"small"===m),a.multi,f&&F),a.multiSelected,f&&F&&"small"===m)),disabled:u,readOnly:b})):t.createElement(t.Fragment,null,!F&&g&&t.createElement(o,{color:"secondary",className:l(a.placeholderText,e({},a.disabled,!!u)),type:"small"===h?"text2":"text1"},g)))};export{i as default};
 //# sourceMappingURL=DropdownInput.js.map

package/dist/mocked_classnames/src/components/next/Dropdown/components/Trigger/DropdownInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInput.js","sources":["../../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Text } from \"../../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" | \"medium\" | \"large\" }) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n  return (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","getDropdownProps","getLabelProps","getInputProps","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","isOpen","React","createElement","Fragment","BaseInput","Object","assign","id","undefined","_a","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","Text","color","placeholderText","type"],"mappings":"sVAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cACAC,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MAEAC,EAAgBf,EAAhBe,iBACAC,EAAahB,EAAbgB,cACAC,EAAajB,EAAbiB,cAGIC,EAAeX,QAXH,IAAHE,EAAG,GAAEA,GAWuBU,OAAS,IAAMX,EAEpDY,EAAiCL,EAAmBA,EAAiB,CAAEM,iBARrErB,EAANsB,SAQyG,CAAA,EAE3G,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAAb,EACCW,EAACC,cAAAE,mBACKT,EAAaU,OAAAC,OAAA,CACf,kBAAmBd,EAAQE,IAAgBa,QAAKC,EAChD,aAAcnB,IAAmBG,GAAmC,QAAfiB,EAAAf,WAAe,IAAAe,OAA3BD,EAA2BC,EAAEF,IACtEvB,YAAaY,EAAe,GAAKZ,GAC9Bc,KAELY,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASW,GACxBkB,EAAOK,cAAgBlC,GAASW,GAA8B,UAAdnB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZkB,iCACIL,GAAgBZ,GAChBiB,EAAAC,cAACkB,EAAI,CACHC,MAAM,YACNT,UAAWC,EAAGC,EAAOQ,gBAAeN,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvByC,KAAe,UAAThC,EAAmB,QAAU,SAElCP,IAOf"}
+{"version":3,"file":"DropdownInput.js","sources":["../../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Text } from \"../../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" | \"medium\" | \"large\" }) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n  return (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","getDropdownProps","getLabelProps","getInputProps","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","isOpen","React","createElement","Fragment","BaseInput","Object","assign","id","undefined","_a","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","Text","color","placeholderText","type"],"mappings":"gWAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cACAC,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MAEAC,EAAgBf,EAAhBe,iBACAC,EAAahB,EAAbgB,cACAC,EAAajB,EAAbiB,cAGIC,EAAeX,QAXH,IAAHE,EAAG,GAAEA,GAWuBU,OAAS,IAAMX,EAEpDY,EAAiCL,EAAmBA,EAAiB,CAAEM,iBARrErB,EAANsB,SAQyG,CAAA,EAE3G,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAAb,EACCW,EAACC,cAAAE,mBACKT,EAAaU,OAAAC,OAAA,CACf,kBAAmBd,EAAQE,IAAgBa,QAAKC,EAChD,aAAcnB,IAAmBG,GAAmC,QAAfiB,EAAAf,WAAe,IAAAe,OAA3BD,EAA2BC,EAAEF,IACtEvB,YAAaY,EAAe,GAAKZ,GAC9Bc,KAELY,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASW,GACxBkB,EAAOK,cAAgBlC,GAASW,GAA8B,UAAdnB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZkB,iCACIL,GAAgBZ,GAChBiB,EAAAC,cAACkB,EAAI,CACHC,MAAM,YACNT,UAAWC,EAAGC,EAAOQ,gBAAeN,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvByC,KAAe,UAAThC,EAAmB,QAAU,SAElCP,IAOf"}

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

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

package/dist/mocked_classnames/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 \"@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":"gYASA,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":"wfASA,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"}