@vibe/core 3.85.0 → 3.86.0

package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TipseenContent.js","sources":["../../../../../src/components/Tipseen/TipseenContent.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { DISMISS_BUTTON_TEXT, SUBMIT_BUTTON_TEXT, TipseenColor } from \"./TipseenConstants\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport styles from \"./TipseenContent.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { Button } from \"@vibe/button\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface TipseenContentProps extends VibeComponentProps {\n  /**\n   * The title text displayed in the Tipseen content.\n   */\n  title?: string;\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * If true, hides the dismiss button.\n   */\n  hideDismiss?: boolean;\n  /**\n   * The content inside the Tipseen.\n   */\n  children?: ElementContent;\n  /**\n   * If true, hides the submit button.\n   */\n  hideSubmit?: boolean;\n  /**\n   * The text displayed on the submit button.\n   */\n  submitButtonText?: string;\n  /**\n   * Icon to display in the submit button\n   */\n  submitButtonIcon?: SubIcon;\n  /**\n   * Callback fired when the submit button is clicked.\n   */\n  onSubmit?: (event: React.MouseEvent) => void;\n  /**\n   * The text displayed on the dismiss button.\n   */\n  dismissButtonText?: string;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: (event: React.MouseEvent) => void;\n}\n\nconst TipseenContent: FC<TipseenContentProps> = ({\n  id,\n  title,\n  titleClassName,\n  children = null,\n  hideDismiss = true,\n  hideSubmit,\n  submitButtonText = SUBMIT_BUTTON_TEXT,\n  submitButtonIcon,\n  onSubmit,\n  dismissButtonText = DISMISS_BUTTON_TEXT,\n  onDismiss\n}) => {\n  const color = useContext(TipseenContext);\n  const buttonColor = useMemo(() => {\n    return color === TipseenColor.INVERTED ? \"on-inverted-background\" : \"on-primary-color\";\n  }, [color]);\n\n  const showButtons = !hideDismiss || !hideSubmit;\n\n  return (\n    <TipseenBasicContent title={title} titleClassName={titleClassName} id={id}>\n      {children ? <span>{children}</span> : null}\n      {showButtons && (\n        <div className={cx(styles.buttons)}>\n          {hideDismiss ? null : (\n            <Button\n              kind=\"tertiary\"\n              color={buttonColor}\n              className={styles.dismiss}\n              size=\"small\"\n              onClick={onDismiss}\n              data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_DISMISS)}\n            >\n              {dismissButtonText}\n            </Button>\n          )}\n          {hideSubmit ? null : (\n            <Button\n              kind=\"primary\"\n              color={buttonColor}\n              size=\"small\"\n              onClick={onSubmit}\n              data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_SUBMIT)}\n              leftIcon={submitButtonIcon}\n            >\n              {submitButtonText}\n            </Button>\n          )}\n        </div>\n      )}\n    </TipseenBasicContent>\n  );\n};\n\nexport default TipseenContent;\n"],"names":["TipseenContent","_ref","id","title","titleClassName","_ref$children","children","_ref$hideDismiss","hideDismiss","hideSubmit","_ref$submitButtonText","submitButtonText","SUBMIT_BUTTON_TEXT","submitButtonIcon","onSubmit","_ref$dismissButtonTex","dismissButtonText","DISMISS_BUTTON_TEXT","onDismiss","color","useContext","TipseenContext","buttonColor","useMemo","TipseenColor","INVERTED","showButtons","React","createElement","TipseenBasicContent","className","cx","styles","buttons","Button","kind","dismiss","size","onClick","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT_DISMISS","TIPSEEN_CONTENT_SUBMIT","leftIcon"],"mappings":"oeAwDA,IAAMA,EAA0C,SAA5BC,GAYf,IAXHC,EAAED,EAAFC,GACAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,iBAAAA,OAAmBC,IAAHF,EAAGE,EAAkBF,EACrCG,EAAgBZ,EAAhBY,iBACAC,EAAQb,EAARa,SAAQC,EAAAd,EACRe,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAmBF,EACvCG,EAASjB,EAATiB,UAEMC,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,OAAOJ,IAAUK,EAAaC,SAAW,yBAA2B,kBACtE,GAAG,CAACN,IAEEO,GAAelB,IAAgBC,EAErC,OACEkB,EAAAC,cAACC,EAAmB,CAAC1B,MAAOA,EAAOC,eAAgBA,EAAgBF,GAAIA,GACpEI,EAAWqB,EAAAC,cAAA,OAAA,KAAOtB,GAAmB,KACrCoB,GACCC,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAGC,EAAOC,UACvBzB,EAAc,KACbmB,EAAAC,cAACM,EACC,CAAAC,KAAK,WACLhB,MAAOG,EACPQ,UAAWE,EAAOI,QAClBC,KAAK,QACLC,QAASpB,gBACIqB,EAAUC,EAAuBC,0BAE7CzB,GAGJP,EAAa,KACZkB,EAACC,cAAAM,GACCC,KAAK,UACLhB,MAAOG,EACPe,KAAK,QACLC,QAASxB,EACI,cAAAyB,EAAUC,EAAuBE,wBAC9CC,SAAU9B,GAETF,IAOf"}
+{"version":3,"file":"TipseenContent.js","sources":["../../../../../src/components/Tipseen/TipseenContent.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { DISMISS_BUTTON_TEXT, SUBMIT_BUTTON_TEXT } from \"./TipseenConstants\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport styles from \"./TipseenContent.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { Button } from \"@vibe/button\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface TipseenContentProps extends VibeComponentProps {\n  /**\n   * The title text displayed in the Tipseen content.\n   */\n  title?: string;\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * If true, hides the dismiss button.\n   */\n  hideDismiss?: boolean;\n  /**\n   * The content inside the Tipseen.\n   */\n  children?: ElementContent;\n  /**\n   * If true, hides the submit button.\n   */\n  hideSubmit?: boolean;\n  /**\n   * The text displayed on the submit button.\n   */\n  submitButtonText?: string;\n  /**\n   * Icon to display in the submit button\n   */\n  submitButtonIcon?: SubIcon;\n  /**\n   * Callback fired when the submit button is clicked.\n   */\n  onSubmit?: (event: React.MouseEvent) => void;\n  /**\n   * The text displayed on the dismiss button.\n   */\n  dismissButtonText?: string;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: (event: React.MouseEvent) => void;\n}\n\nconst TipseenContent: FC<TipseenContentProps> = ({\n  id,\n  title,\n  titleClassName,\n  children = null,\n  hideDismiss = true,\n  hideSubmit,\n  submitButtonText = SUBMIT_BUTTON_TEXT,\n  submitButtonIcon,\n  onSubmit,\n  dismissButtonText = DISMISS_BUTTON_TEXT,\n  onDismiss\n}) => {\n  const color = useContext(TipseenContext);\n  const buttonColor = useMemo(() => {\n    return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n  }, [color]);\n\n  const showButtons = !hideDismiss || !hideSubmit;\n\n  return (\n    <TipseenBasicContent title={title} titleClassName={titleClassName} id={id}>\n      {children ? <span>{children}</span> : null}\n      {showButtons && (\n        <div className={cx(styles.buttons)}>\n          {hideDismiss ? null : (\n            <Button\n              kind=\"tertiary\"\n              color={buttonColor}\n              className={styles.dismiss}\n              size=\"small\"\n              onClick={onDismiss}\n              data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_DISMISS)}\n            >\n              {dismissButtonText}\n            </Button>\n          )}\n          {hideSubmit ? null : (\n            <Button\n              kind=\"primary\"\n              color={buttonColor}\n              size=\"small\"\n              onClick={onSubmit}\n              data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_SUBMIT)}\n              leftIcon={submitButtonIcon}\n            >\n              {submitButtonText}\n            </Button>\n          )}\n        </div>\n      )}\n    </TipseenBasicContent>\n  );\n};\n\nexport default TipseenContent;\n"],"names":["TipseenContent","_ref","id","title","titleClassName","_ref$children","children","_ref$hideDismiss","hideDismiss","hideSubmit","_ref$submitButtonText","submitButtonText","SUBMIT_BUTTON_TEXT","submitButtonIcon","onSubmit","_ref$dismissButtonTex","dismissButtonText","DISMISS_BUTTON_TEXT","onDismiss","color","useContext","TipseenContext","buttonColor","useMemo","showButtons","React","createElement","TipseenBasicContent","className","cx","styles","buttons","Button","kind","dismiss","size","onClick","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT_DISMISS","TIPSEEN_CONTENT_SUBMIT","leftIcon"],"mappings":"kdAwDA,IAAMA,EAA0C,SAA5BC,GAYf,IAXHC,EAAED,EAAFC,GACAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,iBAAAA,OAAmBC,IAAHF,EAAGE,EAAkBF,EACrCG,EAAgBZ,EAAhBY,iBACAC,EAAQb,EAARa,SAAQC,EAAAd,EACRe,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAmBF,EACvCG,EAASjB,EAATiB,UAEMC,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,GAAehB,IAAgBC,EAErC,OACEgB,EAAAC,cAACC,EAAmB,CAACxB,MAAOA,EAAOC,eAAgBA,EAAgBF,GAAIA,GACpEI,EAAWmB,EAAAC,cAAA,OAAA,KAAOpB,GAAmB,KACrCkB,GACCC,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAGC,EAAOC,UACvBvB,EAAc,KACbiB,EAAAC,cAACM,EACC,CAAAC,KAAK,WACLd,MAAOG,EACPM,UAAWE,EAAOI,QAClBC,KAAK,QACLC,QAASlB,gBACImB,EAAUC,EAAuBC,0BAE7CvB,GAGJP,EAAa,KACZgB,EAACC,cAAAM,GACCC,KAAK,UACLd,MAAOG,EACPa,KAAK,QACLC,QAAStB,EACI,cAAAuB,EAAUC,EAAuBE,wBAC9CC,SAAU5B,GAETF,IAOf"}

package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const t="s_id-91df242cd10d_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const t="s_id-91df242cd10d_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenImage.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage"};!function(e){const t="s_id-5a749fe7aaee_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage"};!function(e){const t="s_id-5a749fe7aaee_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_3_84_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js

@@ -1,2 +1,2 @@
-var e={title:"title"};!function(e){const t="s_id-52c2fd8cbf53_3_84_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title"};!function(e){const t="s_id-52c2fd8cbf53_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import i,{useContext as e,useMemo as s}from"react";import n from"classnames";import r from"../Steps/Steps.js";import o from"./TipseenBasicContent.js";import a from"./TipseenWizard.module.scss.js";import{TipseenContext as m}from"./Tipseen.js";import{TipseenColor as l}from"./TipseenConstants.js";var p=function(p){var c=p.id,u=p.title,d=p.onFinish,f=p.titleClassName,z=p.className,N=t(p,["id","title","onFinish","titleClassName","className"]),j=e(m),C=s((function(){return j===l.INVERTED?"on-inverted-background":"on-primary-color"}),[j]),T=s((function(){return{kind:"primary",size:"small"}}),[]),h=s((function(){return{size:"small"}}),[]),B=s((function(){return{kind:"primary",size:"small",children:"Got it"}}),[]);return i.createElement(o,{title:u,className:n(a.tipseenWizard,z),titleClassName:f,id:c||"wizard"},i.createElement(r,Object.assign({className:n(a.tipseenWizardWizard),color:C,isContentOnTop:!0,areButtonsIconsHidden:!0,backButtonProps:h,nextButtonProps:T,finishButtonProps:B,onFinish:d},N)))};export{p as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{useContext as i,useMemo as s}from"react";import r from"classnames";import n from"../Steps/Steps.js";import o from"./TipseenBasicContent.js";import a from"./TipseenWizard.module.scss.js";import{TipseenContext as m}from"./Tipseen.js";var l=function(l){var c=l.id,p=l.title,d=l.onFinish,u=l.titleClassName,f=l.className,z=t(l,["id","title","onFinish","titleClassName","className"]),N=i(m),j=s((function(){return"inverted"===N?"on-inverted-background":"on-primary-color"}),[N]),h=s((function(){return{kind:"primary",size:"small"}}),[]),v=s((function(){return{size:"small"}}),[]),B=s((function(){return{kind:"primary",size:"small",children:"Got it"}}),[]);return e.createElement(o,{title:p,className:r(a.tipseenWizard,f),titleClassName:u,id:c||"wizard"},e.createElement(n,Object.assign({className:r(a.tipseenWizardWizard),color:j,isContentOnTop:!0,areButtonsIconsHidden:!0,backButtonProps:v,nextButtonProps:h,finishButtonProps:B,onFinish:d},z)))};export{l as default};
 //# sourceMappingURL=TipseenWizard.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TipseenWizard.js","sources":["../../../../../src/components/Tipseen/TipseenWizard.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Steps, { type StepsProps } from \"../Steps/Steps\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport styles from \"./TipseenWizard.module.scss\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { TipseenColor } from \"./TipseenConstants\";\nimport { type ButtonSize, type ButtonType } from \"@vibe/button\";\n\nconst FINISH_TEXT = \"Got it\";\n\nexport interface TipseenWizardProps extends StepsProps {\n  /**\n   * The title text displayed in the Tipseen Wizard.\n   */\n  title?: string;\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * Callback fired when the wizard is completed.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst TipseenWizard: FC<TipseenWizardProps> = ({ id, title, onFinish, titleClassName, className, ...stepsProps }) => {\n  const overrideStepsProps = stepsProps as StepsProps;\n  const color = useContext(TipseenContext);\n  const buttonColor = useMemo(() => {\n    return color === TipseenColor.INVERTED ? \"on-inverted-background\" : \"on-primary-color\";\n  }, [color]);\n\n  const nextButtonProps = useMemo(\n    () => ({\n      kind: \"primary\" as ButtonType,\n      size: \"small\" as ButtonSize\n    }),\n    []\n  );\n  const backButtonProps = useMemo(\n    () => ({\n      size: \"small\" as ButtonSize\n    }),\n    []\n  );\n  const finishButtonProps = useMemo(\n    () => ({\n      kind: \"primary\" as ButtonType,\n      size: \"small\" as ButtonSize,\n      children: FINISH_TEXT\n    }),\n    []\n  );\n  return (\n    <TipseenBasicContent\n      title={title}\n      className={cx(styles.tipseenWizard, className)}\n      titleClassName={titleClassName}\n      id={id || \"wizard\"}\n    >\n      <Steps\n        className={cx(styles.tipseenWizardWizard)}\n        color={buttonColor}\n        isContentOnTop\n        areButtonsIconsHidden\n        backButtonProps={backButtonProps}\n        nextButtonProps={nextButtonProps}\n        finishButtonProps={finishButtonProps}\n        onFinish={onFinish}\n        {...overrideStepsProps}\n      />\n    </TipseenBasicContent>\n  );\n};\nexport default TipseenWizard;\n"],"names":["TipseenWizard","_a","id","title","onFinish","titleClassName","className","overrideStepsProps","__rest","color","useContext","TipseenContext","buttonColor","useMemo","TipseenColor","INVERTED","nextButtonProps","kind","size","backButtonProps","finishButtonProps","children","React","createElement","TipseenBasicContent","cx","styles","tipseenWizard","Steps","Object","assign","tipseenWizardWizard","isContentOnTop","areButtonsIconsHidden"],"mappings":"4VASA,IAiBMA,EAAwC,SAACC,GAAA,IAAEC,EAA+DD,EAA/DC,GAAIC,EAA2DF,EAA3DE,MAAOC,EAAoDH,EAApDG,SAAUC,EAA0CJ,EAA1CI,eAAgBC,EAA0BL,EAA1BK,UAC9EC,EADsGC,EAAAP,EAA/D,wDAEvCQ,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,OAAOJ,IAAUK,EAAaC,SAAW,yBAA2B,kBACtE,GAAG,CAACN,IAEEO,EAAkBH,GACtB,WAAA,MAAO,CACLI,KAAM,UACNC,KAAM,QACN,GACF,IAEIC,EAAkBN,GACtB,WAAA,MAAO,CACLK,KAAM,QACN,GACF,IAEIE,EAAoBP,GACxB,WAAA,MAAO,CACLI,KAAM,UACNC,KAAM,QACNG,SAzCc,SA0Cd,GACF,IAEF,OACEC,EAACC,cAAAC,EACC,CAAArB,MAAOA,EACPG,UAAWmB,EAAGC,EAAOC,cAAerB,GACpCD,eAAgBA,EAChBH,GAAIA,GAAM,UAEVoB,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAxB,UAAWmB,EAAGC,EAAOK,qBACrBtB,MAAOG,EACPoB,kBACAC,uBAAqB,EACrBd,gBAAiBA,EACjBH,gBAAiBA,EACjBI,kBAAmBA,EACnBhB,SAAUA,GACNG,IAIZ"}
+{"version":3,"file":"TipseenWizard.js","sources":["../../../../../src/components/Tipseen/TipseenWizard.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Steps, { type StepsProps } from \"../Steps/Steps\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport styles from \"./TipseenWizard.module.scss\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { type ButtonSize, type ButtonType } from \"@vibe/button\";\n\nconst FINISH_TEXT = \"Got it\";\n\nexport interface TipseenWizardProps extends StepsProps {\n  /**\n   * The title text displayed in the Tipseen Wizard.\n   */\n  title?: string;\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * Callback fired when the wizard is completed.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst TipseenWizard: FC<TipseenWizardProps> = ({ id, title, onFinish, titleClassName, className, ...stepsProps }) => {\n  const overrideStepsProps = stepsProps as StepsProps;\n  const color = useContext(TipseenContext);\n  const buttonColor = useMemo(() => {\n    return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n  }, [color]);\n\n  const nextButtonProps = useMemo(\n    () => ({\n      kind: \"primary\" as ButtonType,\n      size: \"small\" as ButtonSize\n    }),\n    []\n  );\n  const backButtonProps = useMemo(\n    () => ({\n      size: \"small\" as ButtonSize\n    }),\n    []\n  );\n  const finishButtonProps = useMemo(\n    () => ({\n      kind: \"primary\" as ButtonType,\n      size: \"small\" as ButtonSize,\n      children: FINISH_TEXT\n    }),\n    []\n  );\n  return (\n    <TipseenBasicContent\n      title={title}\n      className={cx(styles.tipseenWizard, className)}\n      titleClassName={titleClassName}\n      id={id || \"wizard\"}\n    >\n      <Steps\n        className={cx(styles.tipseenWizardWizard)}\n        color={buttonColor}\n        isContentOnTop\n        areButtonsIconsHidden\n        backButtonProps={backButtonProps}\n        nextButtonProps={nextButtonProps}\n        finishButtonProps={finishButtonProps}\n        onFinish={onFinish}\n        {...overrideStepsProps}\n      />\n    </TipseenBasicContent>\n  );\n};\nexport default TipseenWizard;\n"],"names":["TipseenWizard","_a","id","title","onFinish","titleClassName","className","overrideStepsProps","__rest","color","useContext","TipseenContext","buttonColor","useMemo","nextButtonProps","kind","size","backButtonProps","finishButtonProps","children","React","createElement","TipseenBasicContent","cx","styles","tipseenWizard","Steps","Object","assign","tipseenWizardWizard","isContentOnTop","areButtonsIconsHidden"],"mappings":"uSAQA,IAiBMA,EAAwC,SAACC,GAAA,IAAEC,EAA+DD,EAA/DC,GAAIC,EAA2DF,EAA3DE,MAAOC,EAAoDH,EAApDG,SAAUC,EAA0CJ,EAA1CI,eAAgBC,EAA0BL,EAA1BK,UAC9EC,EADsGC,EAAAP,EAA/D,wDAEvCQ,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,EAAkBD,GACtB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACN,GACF,IAEIC,EAAkBJ,GACtB,WAAA,MAAO,CACLG,KAAM,QACN,GACF,IAEIE,EAAoBL,GACxB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACNG,SAzCc,SA0Cd,GACF,IAEF,OACEC,EAACC,cAAAC,EACC,CAAAnB,MAAOA,EACPG,UAAWiB,EAAGC,EAAOC,cAAenB,GACpCD,eAAgBA,EAChBH,GAAIA,GAAM,UAEVkB,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAtB,UAAWiB,EAAGC,EAAOK,qBACrBpB,MAAOG,EACPkB,kBACAC,uBAAqB,EACrBd,gBAAiBA,EACjBH,gBAAiBA,EACjBI,kBAAmBA,EACnBd,SAAUA,GACNG,IAIZ"}

package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){const i="s_id-98eba0c83d1f_3_84_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){const i="s_id-98eba0c83d1f_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

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

@@ -1,2 +1,2 @@
-var n={toast:"toast",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",icon:"icon",withTransition:"withTransition",bounceIn:"bounceIn",content:"content",textContent:"textContent",enterActive:"enterActive",slideIn:"slideIn",exitActive:"exitActive",slideOut:"slideOut"};!function(n){const t="s_id-72c9912c1efa_3_84_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast.typeNormal {\n  background-color: var(--primary-color);\n}\n.toast.typePositive {\n  background-color: var(--positive-color);\n}\n.toast.typeNegative {\n  background-color: var(--negative-color);\n}\n.toast.typeWarning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast.typeWarning .closeButton {\n  color: var(--fixed-dark-color);\n}\n.toast.typeWarning .actionButton,\n.toast.typeWarning .actionLink {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast.typeDark {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast.typeDark .closeButton {\n  color: var(--text-color-on-inverted);\n}\n.toast.typeDark .actionButton,\n.toast.typeDark .actionLink {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton.withTransition {\n  opacity: 0;\n  animation: bounceIn 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",icon:"icon",withTransition:"withTransition",bounceIn:"bounceIn",content:"content",textContent:"textContent",enterActive:"enterActive",slideIn:"slideIn",exitActive:"exitActive",slideOut:"slideOut"};!function(n){const t="s_id-72c9912c1efa_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast.typeNormal {\n  background-color: var(--primary-color);\n}\n.toast.typePositive {\n  background-color: var(--positive-color);\n}\n.toast.typeNegative {\n  background-color: var(--negative-color);\n}\n.toast.typeWarning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast.typeWarning .closeButton {\n  color: var(--fixed-dark-color);\n}\n.toast.typeWarning .actionButton,\n.toast.typeWarning .actionLink {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast.typeDark {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast.typeDark .closeButton {\n  color: var(--text-color-on-inverted);\n}\n.toast.typeDark .actionButton,\n.toast.typeDark .actionLink {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton.withTransition {\n  opacity: 0;\n  animation: bounceIn 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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 n,Alert as o,Warning as e}from"@vibe/icons";var t,N;!function(r){r.NORMAL="normal",r.POSITIVE="positive",r.NEGATIVE="negative",r.WARNING="warning",r.DARK="dark"}(t||(t={})),function(r){r.LINK="link",r.BUTTON="button"}(N||(N={}));var a=r(r(r(r(r({},t.NORMAL,i),t.POSITIVE,n),t.NEGATIVE,o),t.WARNING,e),t.DARK,i);export{N as ToastActionType,t as ToastType,a as defaultIconMap};
+import{Info as i,Check as r,Alert as o,Warning as a}from"@vibe/icons";var e={normal:i,positive:r,negative:o,warning:a,dark:i};export{e 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":"0JAKYA,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\nexport const defaultIconMap = {\n  normal: Info,\n  positive: Check,\n  negative: Alert,\n  warning: Warning,\n  dark: Info\n};\n"],"names":["defaultIconMap","normal","Info","positive","Check","negative","Alert","warning","Warning","dark"],"mappings":"sEAEO,IAAMA,EAAiB,CAC5BC,OAAQC,EACRC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,KAAMP"}

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 e from"react";import{Icon as t}from"@vibe/icon/mockedClassNames";import{defaultIconMap as r}from"./ToastConstants.js";var s=function(s,i){return i&&"object"===o(i)?i:i||r[s]?e.createElement(t,{type:i?"font":"svg",icon:i||r[s],size:20,ignoreFocusStyle:!0}):null};export{s 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 type={icon ? \"font\" : \"svg\"} icon={icon || defaultIconMap[type]} size={20} ignoreFocusStyle />\n  ) : null;\n};\n"],"names":["getIcon","type","icon","_typeof","defaultIconMap","React","Icon","size","ignoreFocusStyle"],"mappings":"qMAKO,IAAMA,EAAU,SAACC,EAAiBC,GAEvC,OAAIA,GAAwB,WAAhBC,EAAOD,GACVA,EAEFA,GAAQE,EAAeH,GAC5BI,gBAACC,EAAI,CAACL,KAAMC,EAAO,OAAS,MAAOA,KAAMA,GAAQE,EAAeH,GAAOM,KAAM,GAAIC,kBAAgB,IAC/F,IACN"}

package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink"};!function(e){const t="s_id-a224471727c9_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink"};!function(e){const t="s_id-a224471727c9_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/mocked_classnames/src/components/Toggle/MockToggle.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"./ToggleText.js";import s from"classnames";import r from"react";import l from"./MockToggle.module.scss.js";import{getTestId as o}from"../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var m=function(m){var d=m.areLabelsHidden,n=m.checked,c=m.noSpacing,p=m.onOverrideText,f=m.className,u=m.selectedClassName,g=m.disabled,v=m.size,b=void 0===v?"medium":v;return r.createElement(r.Fragment,null,d?null:r.createElement(t,{disabled:g},m.offOverrideText),r.createElement("div",{className:s(l.toggle,i(l,b),f,e(e(e(e({},s(l.selected,u),n),l.notSelected,!n),l.disabled,g),l.noSpacing,c)),"aria-hidden":"true","data-testid":o(a.TOGGLE)}),d?null:r.createElement(t,{disabled:g},p))};export{m as MockToggle};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"./ToggleText.js";import l from"classnames";import t from"react";import s from"./MockToggle.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";var o=function(o){var i=o.areLabelsHidden,d=o.checked,m=o.noSpacing,n=o.onOverrideText,c=o.className,p=o.selectedClassName,u=o.disabled,f=o.size,g=void 0===f?"medium":f;return t.createElement(t.Fragment,null,i?null:t.createElement(r,{disabled:u},o.offOverrideText),t.createElement("div",{className:l(s.toggle,a(s,g),c,e(e(e(e({},l(s.selected,p),d),s.notSelected,!d),s.disabled,u),s.noSpacing,m)),"aria-hidden":"true"}),i?null:t.createElement(r,{disabled:u},n))};export{o as MockToggle};
 //# sourceMappingURL=MockToggle.js.map

package/dist/mocked_classnames/src/components/Toggle/MockToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MockToggle.js","sources":["../../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n  /**\n   * If true, hides the on/off labels.\n   */\n  areLabelsHidden?: boolean;\n  /**\n   * If true, the toggle is in the \"on\" state.\n   */\n  checked?: boolean;\n  /**\n   * If true, removes the horizontal spacing around the toggle.\n   */\n  noSpacing?: boolean;\n  /**\n   * The text displayed when the toggle is in the \"off\" state.\n   */\n  offOverrideText?: string;\n  /**\n   * The text displayed when the toggle is in the \"on\" state.\n   */\n  onOverrideText?: string;\n  /**\n   * Class name applied when the toggle is selected.\n   */\n  selectedClassName?: string;\n  /**\n   * If true, disables the toggle.\n   */\n  disabled: boolean;\n  /**\n   * The size of the toggle.\n   */\n  size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n  areLabelsHidden,\n  checked,\n  noSpacing,\n  offOverrideText,\n  onOverrideText,\n  className,\n  selectedClassName,\n  disabled,\n  size = \"medium\"\n}) => (\n  <>\n    {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n    <div\n      className={cx(styles.toggle, getStyle(styles, size), className, {\n        [cx(styles.selected, selectedClassName)]: checked,\n        [styles.notSelected]: !checked,\n        [styles.disabled]: disabled,\n        [styles.noSpacing]: noSpacing\n      })}\n      aria-hidden=\"true\"\n      data-testid={getTestId(ComponentDefaultTestId.TOGGLE)}\n    />\n    {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n  </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","noSpacing","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected","getTestId","ComponentDefaultTestId","TOGGLE"],"mappings":"wYA6CaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QACAC,EAASH,EAATG,UAEAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAiBN,EAAjBM,kBACAC,EAAQP,EAARO,SAAQC,EAAAR,EACRS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGX,EAAkB,KAAOS,EAACC,cAAAE,GAAWN,SAAUA,GARnCP,EAAfc,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,EAC3DJ,CAAAA,EAAAA,EAAGC,EAAOI,SAAUd,GAAqBJ,GACzCc,EAAOK,aAAenB,GACtBc,EAAOT,SAAWA,GAClBS,EAAOb,UAAYA,IACpB,cACU,OACC,cAAAmB,EAAUC,EAAuBC,UAE/CvB,EAAkB,KAAOS,EAACC,cAAAE,EAAW,CAAAN,SAAUA,GAAWH,GAC1D"}
+{"version":3,"file":"MockToggle.js","sources":["../../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n  /**\n   * If true, hides the on/off labels.\n   */\n  areLabelsHidden?: boolean;\n  /**\n   * If true, the toggle is in the \"on\" state.\n   */\n  checked?: boolean;\n  /**\n   * If true, removes the horizontal spacing around the toggle.\n   */\n  noSpacing?: boolean;\n  /**\n   * The text displayed when the toggle is in the \"off\" state.\n   */\n  offOverrideText?: string;\n  /**\n   * The text displayed when the toggle is in the \"on\" state.\n   */\n  onOverrideText?: string;\n  /**\n   * Class name applied when the toggle is selected.\n   */\n  selectedClassName?: string;\n  /**\n   * If true, disables the toggle.\n   */\n  disabled: boolean;\n  /**\n   * The size of the toggle.\n   */\n  size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n  areLabelsHidden,\n  checked,\n  noSpacing,\n  offOverrideText,\n  onOverrideText,\n  className,\n  selectedClassName,\n  disabled,\n  size = \"medium\"\n}) => (\n  <>\n    {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n    <div\n      className={cx(styles.toggle, getStyle(styles, size), className, {\n        [cx(styles.selected, selectedClassName)]: checked,\n        [styles.notSelected]: !checked,\n        [styles.disabled]: disabled,\n        [styles.noSpacing]: noSpacing\n      })}\n      aria-hidden=\"true\"\n    />\n    {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n  </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","noSpacing","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected"],"mappings":"mRA2CaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QACAC,EAASH,EAATG,UAEAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAiBN,EAAjBM,kBACAC,EAAQP,EAARO,SAAQC,EAAAR,EACRS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGX,EAAkB,KAAOS,EAACC,cAAAE,GAAWN,SAAUA,GARnCP,EAAfc,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,EAC3DJ,CAAAA,EAAAA,EAAGC,EAAOI,SAAUd,GAAqBJ,GACzCc,EAAOK,aAAenB,GACtBc,EAAOT,SAAWA,GAClBS,EAAOb,UAAYA,IACpB,cACU,SAEbF,EAAkB,KAAOS,EAACC,cAAAE,EAAW,CAAAN,SAAUA,GAAWH,GAC1D"}

package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js

@@ -1,2 +1,2 @@
-var n={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled",medium:"medium",small:"small",noSpacing:"noSpacing"};!function(n){const e="s_id-550adc1aa9aa_3_84_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle:focus-visible, .toggle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--ui-border-color);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle.medium {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle.medium::after {\n  --circle-size: 18px;\n}\n.toggle.small {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle.small::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle.small.notSelected::after {\n  left: 2px;\n}\n.toggle.noSpacing {\n  margin: 0;\n}');export{n as default};
+var n={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled",medium:"medium",small:"small",noSpacing:"noSpacing"};!function(n){const e="s_id-550adc1aa9aa_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle:focus-visible, .toggle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--ui-border-color);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle.medium {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle.medium::after {\n  --circle-size: 18px;\n}\n.toggle.small {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle.small::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle.small.notSelected::after {\n  left: 2px;\n}\n.toggle.noSpacing {\n  margin: 0;\n}');export{n as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){const t="s_id-4304a18f6620_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput:focus-visible, .toggleInput.focus-visible { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){const t="s_id-4304a18f6620_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput:focus-visible, .toggleInput.focus-visible { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js

@@ -1,2 +1,2 @@
-var e={text:"text",disabled:"disabled"};!function(e){const t="s_id-1dee71639eb3_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text",disabled:"disabled"};!function(e){const t="s_id-1dee71639eb3_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

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

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

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

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

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

package/dist/mocked_classnames/src/components/next/Dialog/Dialog.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,typeof as n,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{useState as i,useRef as u,useContext as a,useMemo as l,useCallback as c,useEffect as s}from"react";import{createPortal as d}from"react-dom";import{offset as f,flip as m,shift as v,arrow as p,hide as g,autoUpdate as y,useFloating as h}from"@floating-ui/react-dom";import{isFunction as w}from"es-toolkit";import{convertToArray as b,isInsideClass as C,chainFunctions as D,isClient as E,getTestId as k,ComponentDefaultTestId as T,chainRefFunctions as x,NOOP as M}from"@vibe/shared";import S from"./components/DialogContent/DialogContent.js";import{Refable as O}from"./components/Refable/Refable.js";import R from"./Dialog.module.scss.js";import{LayerContext as A,LayerProvider as H}from"@vibe/layer/mockedClassNames";function j(j){var L,N,F=j.id,B=j["data-testid"],I=j.children,z=j.content,K=j.position,W=void 0===K?"top":K,P=j.moveBy,_=void 0===P?{main:0,secondary:0}:P,q=j.middleware,G=void 0===q?[]:q,J=j.startingEdge,Q=j.showDelay,U=void 0===Q?100:Q,V=j.hideDelay,X=void 0===V?100:V,Y=j.instantShowAndHide,Z=void 0!==Y&&Y,$=j.getDynamicShowDelay,ee=j.showTrigger,ne=void 0===ee?"mouseenter":ee,te=j.hideTrigger,oe=void 0===te?"mouseleave":te,re=j.showOnDialogEnter,ie=void 0!==re&&re,ue=j.showTriggerIgnoreClass,ae=j.hideTriggerIgnoreClass,le=j.addKeyboardHideShowTriggersByDefault,ce=void 0!==le&&le,se=j.shouldShowOnMount,de=void 0!==se&&se,fe=j.disable,me=void 0!==fe&&fe,ve=j.open,pe=void 0!==ve&&ve,ge=j.isOpen,ye=j.useDerivedStateFromProps,he=void 0!==ye&&ye,we=j.animationType,be=void 0===we?"expand":we,Ce=j.preventAnimationOnMount,De=void 0!==Ce&&Ce,Ee=j.tooltip,ke=void 0!==Ee&&Ee,Te=j.tooltipClassName,xe=j.containerSelector,Me=j.disableContainerScroll,Se=j.zIndex,Oe=j.wrapperClassName,Re=j.referenceWrapperClassName,Ae=j.referenceWrapperElement,He=j.onBlur,je=j.onKeyDown,Le=j.onClick,Ne=j.onFocus,Fe=j.onMouseDown,Be=j.onMouseEnter,Ie=j.onMouseLeave,ze=j.onContextMenu,Ke=j.onDialogDidShow,We=void 0===Ke?M:Ke,Pe=j.onDialogDidHide,_e=void 0===Pe?M:Pe,qe=j.onClickOutside,Ge=void 0===qe?M:qe,Je=j.onContentClick,Qe=void 0===Je?M:Je,Ue=j.hideWhenReferenceHidden,Ve=void 0!==Ue&&Ue,Xe=j.shouldCallbackOnMount,Ye=void 0!==Xe&&Xe,Ze=j.observeContentResize,$e=void 0!==Ze&&Ze,en=j.enableNestedDialogLayer,nn=void 0!==en&&en,tn=i(de),on=e(tn,2),rn=on[0],un=on[1],an=i(!1),ln=e(an,2),cn=ln[0],sn=ln[1],dn=i(null),fn=e(dn,2),mn=fn[0],vn=fn[1],pn=u(null),gn=u(null),yn=u(null),hn=u(null),wn=a(A).layerRef,bn=(he?ge:rn)||pe,Cn=l((function(){var e=[],o=G.filter((function(e){return null!=e&&"object"===n(e)&&"function"==typeof e.fn})),r=o.some((function(e){return"offset"===e.name})),i=o.some((function(e){return"flip"===e.name})),u=o.some((function(e){return"shift"===e.name}));return r||0===_.main&&0===_.secondary||e.push(f({mainAxis:_.main||0,crossAxis:_.secondary||0})),i||e.push(m()),u||e.push(v()),e.push.apply(e,t(o)),ke&&e.push(p({element:hn})),Ve&&e.push(g()),e}),[_.main,_.secondary,ke,Ve,G]),Dn=c((function(e,n,t){return y(e,n,t,{elementResize:$e,layoutShift:!1})}),[$e]),En=h({placement:W,middleware:Cn,whileElementsMounted:Dn,elements:{reference:mn}}),kn=En.refs,Tn=En.floatingStyles,xn=En.placement,Mn=En.middlewareData,Sn=null!==(N=null===(L=Mn.hide)||void 0===L?void 0:L.referenceHidden)&&void 0!==N&&N,On=c((function(e){var n=b(ne);return!(!ce||"focus"!==e||!n.includes("mouseenter"))||n.includes(e)}),[ne,ce]),Rn=c((function(e){var n=b(oe);return!(!ce||"blur"!==e||!n.includes("mouseleave"))||n.includes(e)}),[oe,ce]),An=c((function(e,n){var t=U,o=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if($){var r=$();t=r.showDelay||0,o=null!=o?o:r.preventAnimation}Z?(We(e,n),un(!0),sn(!!o),pn.current=null):pn.current=setTimeout((function(){We(e,n),pn.current=null,un(!0),sn(!!o)}),t)}),[U,$,Z,We]),Hn=c((function(e,n){Z?(_e(e,n),un(!1),gn.current=null):gn.current=setTimeout((function(){_e(e,n),un(!1),gn.current=null}),X)}),[X,Z,_e]),jn=c((function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};me||(gn.current&&(clearTimeout(gn.current),gn.current=null),pn.current||An(e,n,t))}),[me,An]),Ln=c((function(e,n){pn.current&&(clearTimeout(pn.current),pn.current=null),gn.current||Hn(e,n)}),[Hn]),Nn=c((function(e,n,t){if(n)return!On(e)||bn||C(n,ue)?Rn(e)&&!C(n,ae)?Ln(t,e):void 0:jn(t,e)}),[On,Rn,bn,ue,ae,jn,Ln]),Fn=c((function(){if(xe){var e=document.querySelector(xe);if(e instanceof Element)return e}return(null==wn?void 0:wn.current)||document.body}),[xe,wn]),Bn=c((function(e){return Nn("mouseenter",e.target,e)}),[Nn]),In=c((function(e){return Nn("mouseleave",e.target,e)}),[Nn]),zn=c((function(e){e.button||Nn("click",e.target,e)}),[Nn]),Kn=c((function(e){"Enter"===e.key&&Nn("enter",e.target,e),"Tab"===e.key&&Nn("tab",e.target,e)}),[Nn]),Wn=c((function(e){e.button||Nn("mousedown",e.target,e)}),[Nn]),Pn=c((function(e){return Nn("focus",e.target,e)}),[Nn]),_n=c((function(e){Nn("blur",e.relatedTarget||e.target,e)}),[Nn]),qn=c((function(e){return Nn("esckey",e.target,e)}),[Nn]),Gn=c((function(e){(On("contextmenu")&&!bn||Rn("contextmenu")&&bn)&&e.preventDefault(),Nn("contextmenu",e.target,e)}),[bn,On,Rn,Nn]),Jn=c((function(e){Nn("clickoutside",e.target,e),Ge(e)}),[Nn,Ge]),Qn=c((function(e){ie&&jn(e,"DialogEnter")}),[ie,jn]),Un=c((function(e){ie&&Ln(e,"DialogLeave")}),[ie,Ln]),Vn=c((function(e){Nn("onContentClick",e.target,e),Qe(e)}),[Nn,Qe]),Xn=l((function(){return D([He,_n],!0)}),[He,_n]),Yn=l((function(){return D([je,Kn],!0)}),[je,Kn]),Zn=l((function(){return D([Le,zn],!0)}),[Le,zn]),$n=l((function(){return D([Ne,Pn],!0)}),[Ne,Pn]),et=l((function(){return D([Fe,Wn],!0)}),[Fe,Wn]),nt=l((function(){return D([Be,Bn],!0)}),[Be,Bn]),tt=l((function(){return D([Ie,In],!0)}),[Ie,In]),ot=l((function(){return D([ze,Gn],!0)}),[ze,Gn]),rt=u();rt.current=function(e){if(bn)switch(e.key){case"Escape":Ln(e,"esckey");break;case"Tab":Nn("tab",e.target,e);break;case"Enter":Nn("enter",e.target,e)}},s((function(){Ye&&de&&We()}),[]),s((function(){return function(){pn.current&&clearTimeout(pn.current),gn.current&&clearTimeout(gn.current)}}),[]),s((function(){if(E()){var e=function(e){var n;return null===(n=rt.current)||void 0===n?void 0:n.call(rt,e)};return document.addEventListener("keyup",e),function(){return document.removeEventListener("keyup",e)}}}),[]),s((function(){if(Ve&&Sn&&bn){var e=new CustomEvent("onReferenceHidden");Hn(e,"onReferenceHidden")}}),[Ve,Sn,bn,Hn]);var it=B||k(T.DIALOG,F),ut=l((function(){if(!Mn.arrow)return{};var e=Mn.arrow,n=e.x,t=e.y;return{left:null!=n?"".concat(n,"px"):"",top:null!=t?"".concat(t,"px"):"",transform:"rotate(45deg)"}}),[Mn.arrow]),at=l((function(){return Object.assign(Object.assign({},Tn),void 0!==Se&&{zIndex:Se})}),[Tn,Se]),lt=De||cn?void 0:be,ct=w(z)?z():z;if(!ct)return r.createElement(r.Fragment,null,I);var st=x([kn.setFloating,yn]),dt=r.createElement(S,{"data-testid":it,isReferenceHidden:Ve&&Sn,onMouseEnter:Qn,onMouseLeave:Un,onClickOutside:Jn,onContextMenu:Gn,onEsc:qn,animationType:lt,position:xn,wrapperClassName:Oe,startingEdge:J,isOpen:bn,showDelay:U,styleObject:at,ref:st,onClick:Vn,hasTooltip:!!ke,containerSelector:xe,disableContainerScroll:Me},ct,ke&&r.createElement("div",{style:ut,ref:hn,className:o(R.arrow,Te),"data-placement":xn}));return r.createElement(r.Fragment,null,r.createElement(O,{className:o(Re),wrapperElement:Ae,ref:vn,onBlur:Xn,onKeyDown:Yn,onClick:Zn,onFocus:$n,onMouseDown:et,onMouseEnter:nt,onMouseLeave:tt,onContextMenu:ot},I),E()&&bn&&d(nn?r.createElement(H,{layerRef:yn},dt):dt,Fn()))}export{j as default};
+//# sourceMappingURL=Dialog.js.map

package/dist/mocked_classnames/src/components/next/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/next/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useState, useEffect, useRef, useContext, useCallback, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  hide,\n  arrow as arrowMiddleware,\n  autoUpdate,\n  type Placement,\n  type Middleware\n} from \"@floating-ui/react-dom\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n  chainFunctions,\n  chainRefFunctions,\n  convertToArray,\n  NOOP,\n  isInsideClass,\n  ComponentDefaultTestId,\n  getTestId,\n  isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./components/DialogContent/DialogContent\";\nimport { Refable } from \"./components/Refable/Refable\";\nimport styles from \"./Dialog.module.scss\";\nimport { type DialogTriggerEvent, type DialogEvent, type DialogProps } from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\n\nfunction Dialog({\n  // Core props\n  id,\n  \"data-testid\": dataTestId,\n  children,\n  content,\n  position = \"top\",\n  moveBy = { main: 0, secondary: 0 },\n  middleware: middlewareProp = [],\n  startingEdge,\n  showDelay = 100,\n  hideDelay = 100,\n  instantShowAndHide = false,\n  getDynamicShowDelay,\n  showTrigger = \"mouseenter\",\n  hideTrigger = \"mouseleave\",\n  showOnDialogEnter = false,\n  showTriggerIgnoreClass,\n  hideTriggerIgnoreClass,\n  addKeyboardHideShowTriggersByDefault = false,\n  shouldShowOnMount = false,\n  disable = false,\n  open = false,\n  isOpen: isOpenProp,\n  useDerivedStateFromProps = false,\n  animationType = \"expand\",\n  preventAnimationOnMount = false,\n  tooltip = false,\n  tooltipClassName,\n  containerSelector,\n  disableContainerScroll,\n  zIndex,\n  wrapperClassName,\n  referenceWrapperClassName,\n  referenceWrapperElement,\n  onBlur: onBlurProp,\n  onKeyDown: onKeyDownProp,\n  onClick: onClickProp,\n  onFocus: onFocusProp,\n  onMouseDown: onMouseDownProp,\n  onMouseEnter: onMouseEnterProp,\n  onMouseLeave: onMouseLeaveProp,\n  onContextMenu: onContextMenuProp,\n  onDialogDidShow = NOOP,\n  onDialogDidHide = NOOP,\n  onClickOutside: onClickOutsideProp = NOOP,\n  onContentClick: onContentClickProp = NOOP,\n  hideWhenReferenceHidden = false,\n  shouldCallbackOnMount = false,\n  observeContentResize = false,\n  enableNestedDialogLayer = false\n}: DialogProps) {\n  const [isOpenState, setIsOpenState] = useState(shouldShowOnMount);\n  const [preventAnimation, setPreventAnimation] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const arrowRef = useRef<HTMLDivElement>(null);\n\n  const { layerRef } = useContext(LayerContext);\n\n  // Derived state\n  const isOpenInternal = useDerivedStateFromProps ? isOpenProp : isOpenState;\n  const isShown = isOpenInternal || open;\n\n  // Build middleware array for Floating UI\n  const floatingMiddleware = useMemo<Middleware[]>(() => {\n    const middlewareList: Middleware[] = [];\n\n    // Get user-provided middleware (filter out invalid ones)\n    const validMiddleware = middlewareProp.filter(\n      (m): m is Middleware => m != null && typeof m === \"object\" && typeof m.fn === \"function\"\n    );\n\n    // Check if user provided their own middleware to override defaults\n    const hasCustomOffset = validMiddleware.some(m => m.name === \"offset\");\n    const hasCustomFlip = validMiddleware.some(m => m.name === \"flip\");\n    const hasCustomShift = validMiddleware.some(m => m.name === \"shift\");\n\n    // Offset middleware - skip if user provided their own\n    if (!hasCustomOffset && (moveBy.main !== 0 || moveBy.secondary !== 0)) {\n      middlewareList.push(offset({ mainAxis: moveBy.main || 0, crossAxis: moveBy.secondary || 0 }));\n    }\n\n    // Core positioning middleware - skip if user provided their own\n    if (!hasCustomFlip) {\n      middlewareList.push(flip());\n    }\n    if (!hasCustomShift) {\n      middlewareList.push(shift());\n    }\n\n    // Add user-provided middleware\n    middlewareList.push(...validMiddleware);\n\n    // Arrow middleware - pass ref directly, Floating UI handles null refs\n    if (tooltip) {\n      middlewareList.push(arrowMiddleware({ element: arrowRef }));\n    }\n\n    // Hide middleware for detecting when reference is hidden\n    if (hideWhenReferenceHidden) {\n      middlewareList.push(hide());\n    }\n\n    return middlewareList;\n  }, [moveBy.main, moveBy.secondary, tooltip, hideWhenReferenceHidden, middlewareProp]);\n\n  // Configure autoUpdate for position tracking\n  const whileElementsMounted = useCallback(\n    (reference: HTMLElement, floating: HTMLElement, update: () => void) => {\n      return autoUpdate(reference, floating, update, {\n        elementResize: observeContentResize,\n        layoutShift: false\n      });\n    },\n    [observeContentResize]\n  );\n\n  // Use Floating UI hook\n  const { refs, floatingStyles, placement, middlewareData } = useFloating({\n    placement: position as Placement,\n    middleware: floatingMiddleware,\n    whileElementsMounted,\n    elements: {\n      reference: referenceElement\n    }\n  });\n\n  // Check if reference is hidden (from hide middleware)\n  const isReferenceHidden = middlewareData.hide?.referenceHidden ?? false;\n\n  const isShowTrigger = useCallback(\n    (eventName: DialogTriggerEvent) => {\n      const showTriggersArray = convertToArray(showTrigger);\n      if (addKeyboardHideShowTriggersByDefault && eventName === \"focus\" && showTriggersArray.includes(\"mouseenter\")) {\n        return true;\n      }\n      return showTriggersArray.includes(eventName);\n    },\n    [showTrigger, addKeyboardHideShowTriggersByDefault]\n  );\n\n  const isHideTrigger = useCallback(\n    (eventName: DialogTriggerEvent) => {\n      const hideTriggersArray = convertToArray(hideTrigger);\n      if (addKeyboardHideShowTriggersByDefault && eventName === \"blur\" && hideTriggersArray.includes(\"mouseleave\")) {\n        return true;\n      }\n      return hideTriggersArray.includes(eventName);\n    },\n    [hideTrigger, addKeyboardHideShowTriggersByDefault]\n  );\n\n  const showDialog = useCallback(\n    (event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) => {\n      let finalShowDelay = showDelay;\n      let preventAnimationValue = options.preventAnimation;\n      if (getDynamicShowDelay) {\n        const dynamicDelayObj = getDynamicShowDelay();\n        finalShowDelay = dynamicDelayObj.showDelay || 0;\n        preventAnimationValue = preventAnimationValue ?? dynamicDelayObj.preventAnimation;\n      }\n\n      if (instantShowAndHide) {\n        onDialogDidShow(event, eventName);\n        setIsOpenState(true);\n        setPreventAnimation(!!preventAnimationValue);\n        showTimeoutRef.current = null;\n      } else {\n        showTimeoutRef.current = setTimeout(() => {\n          onDialogDidShow(event, eventName);\n          showTimeoutRef.current = null;\n          setIsOpenState(true);\n          setPreventAnimation(!!preventAnimationValue);\n        }, finalShowDelay);\n      }\n    },\n    [showDelay, getDynamicShowDelay, instantShowAndHide, onDialogDidShow]\n  );\n\n  const hideDialog = useCallback(\n    (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n      if (instantShowAndHide) {\n        onDialogDidHide(event, eventName);\n        setIsOpenState(false);\n        hideTimeoutRef.current = null;\n      } else {\n        hideTimeoutRef.current = setTimeout(() => {\n          onDialogDidHide(event, eventName);\n          setIsOpenState(false);\n          hideTimeoutRef.current = null;\n        }, hideDelay);\n      }\n    },\n    [hideDelay, instantShowAndHide, onDialogDidHide]\n  );\n\n  const showDialogIfNeeded = useCallback(\n    (event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) => {\n      if (disable) {\n        return;\n      }\n\n      if (hideTimeoutRef.current) {\n        clearTimeout(hideTimeoutRef.current);\n        hideTimeoutRef.current = null;\n      }\n\n      if (!showTimeoutRef.current) {\n        showDialog(event, eventName, options);\n      }\n    },\n    [disable, showDialog]\n  );\n\n  const hideDialogIfNeeded = useCallback(\n    (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n      if (showTimeoutRef.current) {\n        clearTimeout(showTimeoutRef.current);\n        showTimeoutRef.current = null;\n      }\n\n      if (!hideTimeoutRef.current) {\n        hideDialog(event, eventName);\n      }\n    },\n    [hideDialog]\n  );\n\n  // Event handling\n  const handleEvent = useCallback(\n    (eventName: DialogTriggerEvent, target: EventTarget | null, event: DialogEvent) => {\n      if (!target) return; // Guard against null targets (e.g., when focus leaves the document)\n      if (isShowTrigger(eventName) && !isShown && !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)) {\n        return showDialogIfNeeded(event, eventName);\n      }\n\n      if (isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n        return hideDialogIfNeeded(event, eventName);\n      }\n    },\n    [\n      isShowTrigger,\n      isHideTrigger,\n      isShown,\n      showTriggerIgnoreClass,\n      hideTriggerIgnoreClass,\n      showDialogIfNeeded,\n      hideDialogIfNeeded\n    ]\n  );\n\n  const getContainer = useCallback(() => {\n    if (containerSelector) {\n      const containerElement = document.querySelector(containerSelector);\n      if (containerElement instanceof Element) {\n        return containerElement;\n      }\n    }\n    return layerRef?.current || document.body;\n  }, [containerSelector, layerRef]);\n\n  // Memoized event handlers to prevent unnecessary re-renders\n  const onMouseEnter = useCallback((e: React.MouseEvent) => handleEvent(\"mouseenter\", e.target, e), [handleEvent]);\n  const onMouseLeave = useCallback((e: React.MouseEvent) => handleEvent(\"mouseleave\", e.target, e), [handleEvent]);\n  const onClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.button) return;\n      handleEvent(\"click\", e.target, e);\n    },\n    [handleEvent]\n  );\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      // Handle element-level keyboard events for triggers\n      if (event.key === \"Enter\") handleEvent(\"enter\", event.target, event);\n      if (event.key === \"Tab\") handleEvent(\"tab\", event.target, event);\n    },\n    [handleEvent]\n  );\n\n  const onMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.button) return;\n      handleEvent(\"mousedown\", e.target, e);\n    },\n    [handleEvent]\n  );\n  const onFocus = useCallback((e: React.FocusEvent) => handleEvent(\"focus\", e.target, e), [handleEvent]);\n  const onBlur = useCallback(\n    (e: React.FocusEvent) => {\n      const target = e.relatedTarget || e.target;\n      handleEvent(\"blur\", target, e);\n    },\n    [handleEvent]\n  );\n  const onEsc = useCallback((e: React.KeyboardEvent) => handleEvent(\"esckey\", e.target, e), [handleEvent]);\n  const onContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if ((isShowTrigger(\"contextmenu\") && !isShown) || (isHideTrigger(\"contextmenu\") && isShown)) {\n        e.preventDefault();\n      }\n      handleEvent(\"contextmenu\", e.target, e);\n    },\n    [isShown, isShowTrigger, isHideTrigger, handleEvent]\n  );\n\n  const onClickOutside = useCallback(\n    (event: React.MouseEvent) => {\n      handleEvent(\"clickoutside\", event.target, event);\n      onClickOutsideProp(event);\n    },\n    [handleEvent, onClickOutsideProp]\n  );\n\n  const onDialogEnter = useCallback(\n    (event: React.MouseEvent) => {\n      if (showOnDialogEnter) showDialogIfNeeded(event, \"DialogEnter\");\n    },\n    [showOnDialogEnter, showDialogIfNeeded]\n  );\n\n  const onDialogLeave = useCallback(\n    (event: React.MouseEvent) => {\n      if (showOnDialogEnter) hideDialogIfNeeded(event, \"DialogLeave\");\n    },\n    [showOnDialogEnter, hideDialogIfNeeded]\n  );\n\n  const onContentClick = useCallback(\n    (e: React.MouseEvent) => {\n      handleEvent(\"onContentClick\", e.target, e);\n      onContentClickProp(e);\n    },\n    [handleEvent, onContentClickProp]\n  );\n\n  // Memoized chained event handlers to prevent Refable children re-renders\n  const chainedOnBlur = useMemo(() => chainFunctions([onBlurProp, onBlur], true), [onBlurProp, onBlur]);\n  const chainedOnKeyDown = useMemo(() => chainFunctions([onKeyDownProp, onKeyDown], true), [onKeyDownProp, onKeyDown]);\n  const chainedOnClick = useMemo(() => chainFunctions([onClickProp, onClick], true), [onClickProp, onClick]);\n  const chainedOnFocus = useMemo(() => chainFunctions([onFocusProp, onFocus], true), [onFocusProp, onFocus]);\n  const chainedOnMouseDown = useMemo(\n    () => chainFunctions([onMouseDownProp, onMouseDown], true),\n    [onMouseDownProp, onMouseDown]\n  );\n  const chainedOnMouseEnter = useMemo(\n    () => chainFunctions([onMouseEnterProp, onMouseEnter], true),\n    [onMouseEnterProp, onMouseEnter]\n  );\n  const chainedOnMouseLeave = useMemo(\n    () => chainFunctions([onMouseLeaveProp, onMouseLeave], true),\n    [onMouseLeaveProp, onMouseLeave]\n  );\n  const chainedOnContextMenu = useMemo(\n    () => chainFunctions([onContextMenuProp, onContextMenu], true),\n    [onContextMenuProp, onContextMenu]\n  );\n\n  // Document-level keyboard handler using stable ref pattern\n  // Must handle Escape, Tab, and Enter at document level to match old behavior\n  const closeDialogOnEscapeRef = useRef<(event: KeyboardEvent) => void>();\n  closeDialogOnEscapeRef.current = (event: KeyboardEvent) => {\n    if (!isShown) return;\n\n    switch (event.key) {\n      case \"Escape\":\n        hideDialogIfNeeded(event, \"esckey\");\n        break;\n      case \"Tab\":\n        handleEvent(\"tab\", event.target, event);\n        break;\n      case \"Enter\":\n        handleEvent(\"enter\", event.target, event);\n        break;\n    }\n  };\n\n  // Effects\n\n  // Callback on mount\n  useEffect(() => {\n    if (shouldCallbackOnMount && shouldShowOnMount) {\n      onDialogDidShow();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Cleanup timeouts on unmount\n  useEffect(() => {\n    return () => {\n      if (showTimeoutRef.current) clearTimeout(showTimeoutRef.current);\n      if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);\n    };\n  }, []);\n\n  // Document keyboard listener (stable reference via ref)\n  useEffect(() => {\n    if (!isClient()) return;\n\n    const handler = (event: KeyboardEvent) => closeDialogOnEscapeRef.current?.(event);\n    document.addEventListener(\"keyup\", handler);\n    return () => document.removeEventListener(\"keyup\", handler);\n  }, []);\n\n  // Handle reference hidden state\n  useEffect(() => {\n    if (hideWhenReferenceHidden && isReferenceHidden && isShown) {\n      const event = new CustomEvent(\"onReferenceHidden\");\n      hideDialog(event, \"onReferenceHidden\");\n    }\n  }, [hideWhenReferenceHidden, isReferenceHidden, isShown, hideDialog]);\n\n  // Computed values\n  const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n  const arrowStyles = useMemo<React.CSSProperties>(() => {\n    if (!middlewareData.arrow) return {};\n    const { x, y } = middlewareData.arrow;\n    return {\n      left: x != null ? `${x}px` : \"\",\n      top: y != null ? `${y}px` : \"\",\n      transform: \"rotate(45deg)\"\n    };\n  }, [middlewareData.arrow]);\n\n  const finalFloatingStyles = useMemo<React.CSSProperties>(\n    () => ({ ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }),\n    [floatingStyles, zIndex]\n  );\n\n  const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n  const contentRendered = isFunction(content) ? content() : content;\n\n  // Early return if no content - wrap in fragment for type safety\n  if (!contentRendered) {\n    return <>{children}</>;\n  }\n\n  const mergedFloatingRef = chainRefFunctions([refs.setFloating, containerRef]);\n\n  const dialogContent = (\n    <DialogContent\n      data-testid={overrideDataTestId}\n      isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n      onMouseEnter={onDialogEnter}\n      onMouseLeave={onDialogLeave}\n      onClickOutside={onClickOutside}\n      onContextMenu={onContextMenu}\n      onEsc={onEsc}\n      animationType={animationTypeCalculated}\n      position={placement}\n      wrapperClassName={wrapperClassName}\n      startingEdge={startingEdge}\n      isOpen={isShown}\n      showDelay={showDelay}\n      styleObject={finalFloatingStyles}\n      ref={mergedFloatingRef}\n      onClick={onContentClick}\n      hasTooltip={!!tooltip}\n      containerSelector={containerSelector}\n      disableContainerScroll={disableContainerScroll}\n    >\n      {contentRendered}\n      {tooltip && (\n        <div\n          style={arrowStyles}\n          ref={arrowRef}\n          className={cx(styles.arrow, tooltipClassName)}\n          data-placement={placement}\n        />\n      )}\n    </DialogContent>\n  );\n\n  return (\n    <>\n      <Refable\n        className={cx(referenceWrapperClassName)}\n        wrapperElement={referenceWrapperElement}\n        ref={setReferenceElement}\n        onBlur={chainedOnBlur}\n        onKeyDown={chainedOnKeyDown}\n        onClick={chainedOnClick}\n        onFocus={chainedOnFocus}\n        onMouseDown={chainedOnMouseDown}\n        onMouseEnter={chainedOnMouseEnter}\n        onMouseLeave={chainedOnMouseLeave}\n        onContextMenu={chainedOnContextMenu}\n      >\n        {children}\n      </Refable>\n      {isClient() &&\n        isShown &&\n        createPortal(\n          enableNestedDialogLayer ? (\n            <LayerProvider layerRef={containerRef}>{dialogContent}</LayerProvider>\n          ) : (\n            dialogContent\n          ),\n          getContainer()\n        )}\n    </>\n  );\n}\n\nexport default Dialog;\n"],"names":["Dialog","_ref","id","dataTestId","children","content","_ref$position","position","_ref$moveBy","moveBy","main","secondary","_ref$middleware","middleware","middlewareProp","startingEdge","_ref$showDelay","showDelay","_ref$hideDelay","hideDelay","_ref$instantShowAndHi","instantShowAndHide","getDynamicShowDelay","_ref$showTrigger","showTrigger","_ref$hideTrigger","hideTrigger","_ref$showOnDialogEnte","showOnDialogEnter","showTriggerIgnoreClass","hideTriggerIgnoreClass","_ref$addKeyboardHideS","addKeyboardHideShowTriggersByDefault","_ref$shouldShowOnMoun","shouldShowOnMount","_ref$disable","disable","_ref$open","open","isOpenProp","isOpen","_ref$useDerivedStateF","useDerivedStateFromProps","_ref$animationType","animationType","_ref$preventAnimation","preventAnimationOnMount","_ref$tooltip","tooltip","tooltipClassName","containerSelector","disableContainerScroll","zIndex","wrapperClassName","referenceWrapperClassName","referenceWrapperElement","onBlurProp","onBlur","onKeyDownProp","onKeyDown","onClickProp","onClick","onFocusProp","onFocus","onMouseDownProp","onMouseDown","onMouseEnterProp","onMouseEnter","onMouseLeaveProp","onMouseLeave","onContextMenuProp","onContextMenu","_ref$onDialogDidShow","onDialogDidShow","NOOP","_ref$onDialogDidHide","onDialogDidHide","_ref$onClickOutside","onClickOutside","onClickOutsideProp","_ref$onContentClick","onContentClick","onContentClickProp","_ref$hideWhenReferenc","hideWhenReferenceHidden","_ref$shouldCallbackOn","shouldCallbackOnMount","_ref$observeContentRe","observeContentResize","_ref$enableNestedDial","enableNestedDialogLayer","_useState","useState","_useState2","_slicedToArray","isOpenState","setIsOpenState","_useState3","_useState4","preventAnimation","setPreventAnimation","_useState5","_useState6","referenceElement","setReferenceElement","showTimeoutRef","useRef","hideTimeoutRef","containerRef","arrowRef","layerRef","useContext","LayerContext","isShown","floatingMiddleware","useMemo","middlewareList","validMiddleware","filter","m","_typeof","fn","hasCustomOffset","some","name","hasCustomFlip","hasCustomShift","push","offset","mainAxis","crossAxis","flip","shift","apply","_toConsumableArray","arrowMiddleware","element","hide","whileElementsMounted","useCallback","reference","floating","update","autoUpdate","elementResize","layoutShift","_useFloating","useFloating","placement","elements","refs","floatingStyles","middlewareData","isReferenceHidden","_b","_a","referenceHidden","isShowTrigger","eventName","showTriggersArray","convertToArray","includes","isHideTrigger","hideTriggersArray","showDialog","event","finalShowDelay","preventAnimationValue","arguments","length","undefined","dynamicDelayObj","current","setTimeout","hideDialog","showDialogIfNeeded","options","clearTimeout","hideDialogIfNeeded","handleEvent","target","isInsideClass","getContainer","containerElement","document","querySelector","Element","body","e","button","key","relatedTarget","onEsc","preventDefault","onDialogEnter","onDialogLeave","chainedOnBlur","chainFunctions","chainedOnKeyDown","chainedOnClick","chainedOnFocus","chainedOnMouseDown","chainedOnMouseEnter","chainedOnMouseLeave","chainedOnContextMenu","closeDialogOnEscapeRef","useEffect","isClient","handler","call","addEventListener","removeEventListener","CustomEvent","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","arrowStyles","arrow","_middlewareData$arrow","x","y","left","concat","top","transform","finalFloatingStyles","Object","assign","animationTypeCalculated","contentRendered","isFunction","React","createElement","Fragment","mergedFloatingRef","chainRefFunctions","setFloating","dialogContent","DialogContent","styleObject","ref","hasTooltip","style","className","cx","styles","Refable","wrapperElement","createPortal","LayerProvider"],"mappings":"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"}

package/dist/mocked_classnames/src/components/next/Dialog/Dialog.module.scss.js

@@ -0,0 +1,2 @@
+var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+//# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames/src/components/next/Dialog/Dialog.module.scss.js.map

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

package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as a,useRef as t,useCallback as i,useMemo as n,useEffect as r,cloneElement as s}from"react";import l from"classnames";import{camelCase as p}from"es-toolkit";import{CSSTransition as c}from"react-transition-group";import{useClickOutside as d}from"@vibe/hooks";import{keyCodes as m,useMergeRef as u,NOOP as v,useKeyEvent as f,chainFunctions as b,getStyle as k}from"@vibe/shared";import y from"./DialogContent.module.scss.js";import E from"../../hooks/useDisableScroll.js";var C={},h=[m.ESCAPE],x=a((function(a,m){var x=a.onEsc,g=void 0===x?v:x,A=a.children,N=a.position,S=a.wrapperClassName,M=a.isOpen,j=void 0!==M&&M,w=a.startingEdge,D=a.animationType,L=void 0===D?"expand":D,O=a.onMouseEnter,P=void 0===O?v:O,T=a.onMouseLeave,H=void 0===T?v:T,R=a.onClickOutside,_=void 0===R?v:R,B=a.onClick,V=void 0===B?v:B,W=a.onContextMenu,q=void 0===W?v:W,z=a.showDelay,F=a.styleObject,G=void 0===F?C:F,I=a.isReferenceHidden,J=a.hasTooltip,K=void 0!==J&&J,Q=a.containerSelector,U=a.disableContainerScroll,X=void 0!==U&&U,Y=a["data-testid"],Z=t(null),$=t(null),ee=u(m,$),oe=i((function(e){if(j)return _(e,"clickoutside")}),[j,_]),ae=i((function(e){j&&q(e)}),[j,q]),te=n((function(){return function(e){j&&g!==v&&g(e)}}),[j,g]);f({keys:h,callback:te}),d({callback:oe,ref:$}),d({eventName:"contextmenu",callback:ae,ref:$});var ie=E("string"==typeof X?X:Q),ne=ie.disableScroll,re=ie.enableScroll;r((function(){X&&(j?ne():re())}),[X,ne,re,j]);var se={classNames:void 0};switch(L){case"expand":se.classNames={appear:y.expandAppear,appearActive:y.expandAppearActive,exit:y.expandExit};break;case"opacity-and-slide":se.classNames={appear:y.opacitySlideAppear,appearActive:y.opacitySlideAppearActive}}var le=o.Children.map(A,(function(e){return o.isValidElement(e)?s(e,{onMouseEnter:b([e.props.onMouseEnter,P]),onMouseLeave:b([e.props.onMouseLeave,H])}):e}));return o.createElement("span",{className:l("monday-style-dialog-content-wrapper",y.contentWrapper,S),ref:ee,"data-testid":Y,style:G,onClickCapture:V,"data-dialog-reference-hidden":I},o.createElement(c,{classNames:se.classNames,nodeRef:Z,in:j,appear:!!L,timeout:z},o.createElement("div",{className:l(y.contentComponent,k(y,p(N)),e(e({},k(y,p("edge-"+w)),w),y.hasTooltip,K)),ref:Z},le)))}));export{x as default};
+//# sourceMappingURL=DialogContent.js.map

package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","sources":["../../../../../../../../src/components/next/Dialog/components/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  type CSSProperties,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef\n} from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport { useClickOutside } from \"@vibe/hooks\";\nimport {\n  chainFunctions,\n  NOOP,\n  useKeyEvent,\n  type VibeComponentProps,\n  keyCodes,\n  getStyle,\n  useMergeRef\n} from \"@vibe/shared\";\nimport {\n  type DialogAnimationType,\n  type DialogTriggerEvent,\n  type DialogStartingEdge,\n  type DialogPlacement\n} from \"../../Dialog.types\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"../../hooks/useDisableScroll\";\n\nconst EMPTY_OBJECT: CSSProperties = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n  /**\n   * The content inside the dialog.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * The placement of the dialog relative to the reference element.\n   */\n  position?: DialogPlacement;\n  /**\n   * Class name applied to the dialog wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the dialog is open.\n   */\n  isOpen?: boolean;\n  /**\n   * The starting edge for animation direction.\n   */\n  startingEdge?: DialogStartingEdge;\n  /**\n   * The animation type used for showing/hiding the dialog.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Callback fired when the Escape key is pressed.\n   */\n  onEsc?: (event: React.KeyboardEvent) => void;\n  /**\n   * Callback fired when the mouse enters the dialog.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse leaves the dialog.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when clicking outside the dialog.\n   */\n  onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n  /**\n   * Callback fired when clicking inside the dialog.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Delay before showing the dialog (used for animation timing).\n   */\n  showDelay?: number;\n  /**\n   * Inline styles applied to the dialog wrapper.\n   */\n  styleObject?: CSSProperties;\n  /**\n   * If true, indicates the reference element is hidden.\n   */\n  isReferenceHidden?: boolean;\n  /**\n   * If true, applies tooltip arrow styling.\n   */\n  hasTooltip?: boolean;\n  /**\n   * CSS selector of the container for scroll disabling.\n   */\n  containerSelector?: string;\n  /**\n   * If true or a selector string, disables scrolling when open.\n   */\n  disableContainerScroll?: boolean | string;\n  /**\n   * Callback fired on context menu (right-click) events.\n   */\n  onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nconst DialogContent = forwardRef<HTMLElement, DialogContentProps>(\n  (\n    {\n      onEsc = NOOP,\n      children,\n      position,\n      wrapperClassName,\n      isOpen = false,\n      startingEdge,\n      animationType = \"expand\",\n      onMouseEnter = NOOP,\n      onMouseLeave = NOOP,\n      onClickOutside = NOOP,\n      onClick = NOOP,\n      onContextMenu = NOOP,\n      showDelay,\n      styleObject = EMPTY_OBJECT,\n      isReferenceHidden,\n      hasTooltip = false,\n      containerSelector,\n      disableContainerScroll = false,\n      \"data-testid\": dataTestId\n    },\n    forwardedRef\n  ) => {\n    const contentRef = useRef<HTMLDivElement>(null);\n    const wrapperRef = useRef<HTMLSpanElement>(null);\n    const mergedWrapperRef = useMergeRef(forwardedRef, wrapperRef);\n\n    const onOutsideClick = useCallback(\n      (event: React.MouseEvent) => {\n        if (isOpen) {\n          return onClickOutside(event, \"clickoutside\");\n        }\n      },\n      [isOpen, onClickOutside]\n    );\n    const overrideOnContextMenu = useCallback(\n      (event: React.MouseEvent) => {\n        if (isOpen) {\n          onContextMenu(event);\n        }\n      },\n      [isOpen, onContextMenu]\n    );\n\n    // Wrap escape callback to ensure useKeyEvent always receives a valid function\n    const escapeCallback = useMemo(\n      () => (event: KeyboardEvent) => {\n        if (isOpen && onEsc !== NOOP) {\n          onEsc(event as unknown as React.KeyboardEvent);\n        }\n      },\n      [isOpen, onEsc]\n    );\n    useKeyEvent({ keys: ESCAPE_KEYS, callback: escapeCallback });\n\n    // Watch the wrapper ref to include padding area, tooltip arrows, and nested Dialogs\n    useClickOutside({ callback: onOutsideClick, ref: wrapperRef });\n    useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref: wrapperRef });\n    const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n    const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n    useEffect(() => {\n      if (disableContainerScroll) {\n        if (isOpen) {\n          disableScroll();\n        } else {\n          enableScroll();\n        }\n      }\n    }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n    const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n    switch (animationType) {\n      case \"expand\":\n        transitionOptions.classNames = {\n          appear: styles.expandAppear,\n          appearActive: styles.expandAppearActive,\n          exit: styles.expandExit\n        };\n        break;\n      case \"opacity-and-slide\":\n        transitionOptions.classNames = {\n          appear: styles.opacitySlideAppear,\n          appearActive: styles.opacitySlideAppearActive\n        };\n        break;\n    }\n\n    // Clone children to attach mouse event handlers, with proper type checking\n    const childrenWithHandlers = React.Children.map(children, child => {\n      // Only clone valid React elements, pass through primitives unchanged\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n\n      return cloneElement(child as ReactElement, {\n        onMouseEnter: chainFunctions([(child as ReactElement).props.onMouseEnter, onMouseEnter]),\n        onMouseLeave: chainFunctions([(child as ReactElement).props.onMouseLeave, onMouseLeave])\n      });\n    });\n\n    return (\n      <span\n        // Legacy class name preserved for Monolith overrides\n        className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n        ref={mergedWrapperRef}\n        data-testid={dataTestId}\n        style={styleObject}\n        onClickCapture={onClick}\n        data-dialog-reference-hidden={isReferenceHidden}\n      >\n        <CSSTransition\n          classNames={transitionOptions.classNames}\n          nodeRef={contentRef}\n          in={isOpen}\n          appear={!!animationType}\n          timeout={showDelay}\n        >\n          <div\n            className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n              [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n              [styles.hasTooltip]: hasTooltip\n            })}\n            ref={contentRef}\n          >\n            {childrenWithHandlers}\n          </div>\n        </CSSTransition>\n      </span>\n    );\n  }\n);\n\nexport default DialogContent;\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","forwardRef","_ref","forwardedRef","_ref$onEsc","onEsc","NOOP","children","position","wrapperClassName","_ref$isOpen","isOpen","startingEdge","_ref$animationType","animationType","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$onClickOutside","onClickOutside","_ref$onClick","onClick","_ref$onContextMenu","onContextMenu","showDelay","_ref$styleObject","styleObject","isReferenceHidden","_ref$hasTooltip","hasTooltip","containerSelector","_ref$disableContainer","disableContainerScroll","dataTestId","contentRef","useRef","wrapperRef","mergedWrapperRef","useMergeRef","onOutsideClick","useCallback","event","overrideOnContextMenu","escapeCallback","useMemo","useKeyEvent","keys","callback","useClickOutside","ref","eventName","_useDisableScroll","useDisableScroll","disableScroll","enableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","childrenWithHandlers","React","Children","map","child","isValidElement","cloneElement","chainFunctions","props","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","nodeRef","in","timeout","contentComponent","getStyle","camelCase","_defineProperty"],"mappings":"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"}

package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.module.scss.js

@@ -0,0 +1,2 @@
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-fc9135d7c257_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--space-4);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--space-4);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--space-4);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--space-4);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--space-4);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--space-4);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--space-4);\n}\n.contentWrapper[data-dialog-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--space-16));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--space-16));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+//# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.module.scss.js.map

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

package/dist/mocked_classnames/src/components/next/Dialog/components/Refable/Refable.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../../../_virtual/_tslib.js";import n from"react";import{chainRefFunctions as o,chainFunctions as r}from"@vibe/shared";var t=n.forwardRef((function(r,t){var s=r.children,u=r.wrapperElement,a=void 0===u?"span":u,l=e(r,["children","wrapperElement"]);return n.Children.map(s,(function(e){if(!n.isValidElement(e))return null;if("string"!=typeof e.type)return n.createElement(a,Object.assign({ref:t},l),e);var r=e.props;return n.cloneElement(e,Object.assign(Object.assign(Object.assign({},l),r),{onClick:i("onClick",r,l),onBlur:i("onBlur",r,l),onFocus:i("onFocus",r,l),onMouseEnter:i("onMouseEnter",r,l),onMouseLeave:i("onMouseLeave",r,l),onMouseDown:i("onMouseDown",r,l),onKeyDown:i("onKeyDown",r,l),onContextMenu:i("onContextMenu",r,l),ref:o([e.ref,t])}))}))}));function i(e,n,o){return r([n[e],o[e]],!0)}export{t as Refable};
+//# sourceMappingURL=Refable.js.map

package/dist/mocked_classnames/src/components/next/Dialog/components/Refable/Refable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refable.js","sources":["../../../../../../../../src/components/next/Dialog/components/Refable/Refable.tsx"],"sourcesContent":["import React, { type HTMLProps, type ReactElement } from \"react\";\nimport { chainFunctions, chainRefFunctions, type VibeComponentProps } from \"@vibe/shared\";\n\nexport interface RefableProps extends React.PropsWithChildren<HTMLProps<HTMLElement> & VibeComponentProps> {\n  children: ReactElement | ReactElement[] | string;\n  /**\n   * The wrapper element type to use for React components. Defaults to \"span\".\n   */\n  wrapperElement?: \"span\" | \"div\";\n}\n\n/**\n * Refable is a utility component that enables ref forwarding to children elements.\n *\n * For native HTML elements: Clones the child and merges refs and event handlers.\n * For React components: Wraps in a span/div and attaches the ref to the wrapper.\n *\n * This allows Dialog to get a reference to the trigger element for positioning.\n */\nexport const Refable = React.forwardRef<HTMLElement, RefableProps>(\n  ({ children, wrapperElement = \"span\", ...rest }, ref) => {\n    return React.Children.map(children, child => {\n      if (!React.isValidElement(child)) return null;\n\n      // For React components, wrap in a native element to attach the ref\n      if (typeof child.type !== \"string\") {\n        const WrapperElement = wrapperElement;\n        return (\n          // @ts-expect-error - TypeScript can't infer the correct ref type when using a variable as JSX tag\n          <WrapperElement ref={ref} {...rest}>\n            {child}\n          </WrapperElement>\n        );\n      }\n\n      // For native HTML elements, clone and merge props/refs\n      const childProps = child.props as React.HTMLProps<HTMLElement>;\n\n      return React.cloneElement(child, {\n        ...rest,\n        ...childProps,\n        // Chain all event handlers to preserve both parent and child handlers\n        onClick: getChainedFunction(\"onClick\", childProps, rest),\n        onBlur: getChainedFunction(\"onBlur\", childProps, rest),\n        onFocus: getChainedFunction(\"onFocus\", childProps, rest),\n        onMouseEnter: getChainedFunction(\"onMouseEnter\", childProps, rest),\n        onMouseLeave: getChainedFunction(\"onMouseLeave\", childProps, rest),\n        onMouseDown: getChainedFunction(\"onMouseDown\", childProps, rest),\n        onKeyDown: getChainedFunction(\"onKeyDown\", childProps, rest),\n        onContextMenu: getChainedFunction(\"onContextMenu\", childProps, rest),\n        ref: chainRefFunctions([(child as any).ref, ref])\n      } as any);\n    }) as any;\n  }\n);\n\nfunction getChainedFunction(\n  name: keyof React.HTMLProps<unknown>,\n  childProps: React.PropsWithChildren<React.HTMLProps<unknown>>,\n  wrapperProps: React.HTMLProps<unknown>\n) {\n  return chainFunctions([childProps[name], wrapperProps[name]], true);\n}\n"],"names":["Refable","React","forwardRef","_a","ref","children","_a$wrapperElement","wrapperElement","rest","__rest","Children","map","child","isValidElement","type","createElement","Object","assign","childProps","props","cloneElement","onClick","getChainedFunction","onBlur","onFocus","onMouseEnter","onMouseLeave","onMouseDown","onKeyDown","onContextMenu","chainRefFunctions","name","wrapperProps","chainFunctions"],"mappings":"wJAmBO,IAAMA,EAAUC,EAAMC,YAC3B,SAACC,EAAgDC,OAA9CC,IAAAA,SAAQC,IAAEC,eAAAA,OAAiB,IAAHD,EAAG,OAAMA,EAAKE,EAAxCC,EAAAN,EAAA,CAAA,WAAA,mBACC,OAAOF,EAAMS,SAASC,IAAIN,GAAU,SAAAO,GAClC,IAAKX,EAAMY,eAAeD,GAAQ,OAAO,KAGzC,GAA0B,iBAAfA,EAAME,KAEf,OAEEb,EAACc,cAHoBR,EAGLS,OAAAC,OAAA,CAAAb,IAAKA,GAASI,GAC3BI,GAMP,IAAMM,EAAaN,EAAMO,MAEzB,OAAOlB,EAAMmB,aAAaR,EAAOI,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC5BT,GACAU,GAAU,CAEbG,QAASC,EAAmB,UAAWJ,EAAYV,GACnDe,OAAQD,EAAmB,SAAUJ,EAAYV,GACjDgB,QAASF,EAAmB,UAAWJ,EAAYV,GACnDiB,aAAcH,EAAmB,eAAgBJ,EAAYV,GAC7DkB,aAAcJ,EAAmB,eAAgBJ,EAAYV,GAC7DmB,YAAaL,EAAmB,cAAeJ,EAAYV,GAC3DoB,UAAWN,EAAmB,YAAaJ,EAAYV,GACvDqB,cAAeP,EAAmB,gBAAiBJ,EAAYV,GAC/DJ,IAAK0B,EAAkB,CAAElB,EAAcR,IAAKA,MAEhD,GACF,IAGF,SAASkB,EACPS,EACAb,EACAc,GAEA,OAAOC,EAAe,CAACf,EAAWa,GAAOC,EAAaD,KAAQ,EAChE"}

package/dist/mocked_classnames/src/components/next/Dialog/hooks/useDisableScroll.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useEffect as n}from"react";var t=function(t){var r=e((function(e){return e.preventDefault(),e.stopPropagation(),!1}),[]),l=e((function(){(null==t?void 0:t.length)&&t.length>0&&document.querySelectorAll(t).forEach((function(e){e.addEventListener("wheel",r,{passive:!1})}))}),[r,t]),o=e((function(){(null==t?void 0:t.length)&&t.length>0&&document.querySelectorAll(t).forEach((function(e){e.removeEventListener("wheel",r)}))}),[r,t]);return n((function(){return o}),[o]),{disableScroll:l,enableScroll:o}};export{t as default};
+//# sourceMappingURL=useDisableScroll.js.map