@vibe/core 4.5.21 → 4.5.23

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuTitle.js","sources":["../../../../../../src/components/Menu/MenuTitle/MenuTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport { type MenuTitleCaptionPosition } from \"./MenuTitle.type\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuTitle.module.scss\";\n\nexport interface MenuTitleProps extends VibeComponentProps {\n  /**\n   * The caption text displayed alongside the title.\n   */\n  caption?: string | React.ReactNode;\n  /**\n   * The position of the caption relative to the title.\n   */\n  captionPosition?: MenuTitleCaptionPosition;\n}\n\nconst MenuTitle = ({\n  className,\n  caption = \"\",\n  captionPosition = \"bottom\",\n  id,\n  \"data-testid\": dataTestId\n}: MenuTitleProps) => {\n  const renderCaptionIfNeeded = () => {\n    if (caption) {\n      return (\n        <label\n          className={cx(styles.titleCaption, getStyle(styles, camelCase(\"title__caption--\" + captionPosition)))}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_TITLE_CAPTION, id)}\n        >\n          {caption}\n        </label>\n      );\n    }\n  };\n  return (\n    <Text\n      color=\"secondary\"\n      type=\"text2\"\n      className={cx(styles.title, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_TITLE, id)}\n    >\n      {renderCaptionIfNeeded()}\n    </Text>\n  );\n};\n\nObject.assign(MenuTitle, {\n  isMenuChild: true\n});\n\nexport default MenuTitle;\n"],"names":["MenuTitle","_ref","_ref$caption","caption","_ref$captionPosition","captionPosition","id","dataTestId","React","createElement","Text","color","type","className","cx","styles","title","getTestId","ComponentDefaultTestId","MENU_TITLE","titleCaption","getStyle","camelCase","MENU_TITLE_CAPTION","renderCaptionIfNeeded","Object","assign","isMenuChild"],"mappings":"mTAqBA,IAAMA,EAAY,SAAHC,GAMM,IALVC,EAAAD,EACTE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACZI,gBAAAA,OAAkB,IAAHD,EAAG,SAAQA,EAC1BE,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAeA,OACEO,EAACC,cAAAC,EACC,CAAAC,MAAM,YACNC,KAAK,QACLC,UAAWC,EAAGC,EAAOC,MAvBhBf,EAATY,WAwBiB,cAAAN,GAAcU,EAAUC,EAAuBC,WAAYb,IAlB9C,WAC5B,GAAIH,EACF,OACEK,EACEC,cAAA,QAAA,CAAAI,UAAWC,EAAGC,EAAOK,aAAcC,EAASN,EAAQO,EAAU,mBAAqBjB,KACnFC,GAAIA,EACS,cAAAC,GAAcU,EAAUC,EAAuBK,mBAAoBjB,IAE/EH,GAYJqB,GAGP,EAEAC,OAAOC,OAAO1B,EAAW,CACvB2B,aAAa"}

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js

@@ -1,2 +0,0 @@
-var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){const e="s_id-6a10a614e4d8_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--space-8);\n}');export{t as default};
-//# sourceMappingURL=MenuTitle.module.scss.js.map

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as l,useCallback as o,useMemo as r}from"react";import{Check as s}from"@vibe/icons";import{Divider as a}from"@vibe/divider/mockedClassNames";import{NOOP as n}from"@vibe/shared";import m from"./components/StepIndicator/StepIndicator.js";import{getTestId as p}from"../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../tests/constants.js";import d from"./MultiStepIndicator.module.scss.js";var f=l((function(l,f){var u=l.className,v=l.steps,N=void 0===v?[]:v,y=l.type,C=void 0===y?"primary":y,I=l.stepComponentClassName,S=l.dividerComponentClassName,b=l.fulfilledStepIcon,g=void 0===b?s:b,T=l.fulfilledStepIconType,j=void 0===T?"svg":T,h=l.isFulfilledStepDisplayNumber,k=void 0!==h&&h,D=l.onClick,E=void 0===D?n:D,_=l.textPlacement,F=void 0===_?"horizontal":_,x=l.id,P=l["data-testid"],z="vertical"===F?"regular":l.size,O=o((function(l,o){return i.createElement(i.Fragment,{key:"".concat(l.titleText,"_").concat(o)},i.createElement(m,Object.assign({},l,{stepNumber:o+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:j,onClick:E,isFulfilledStepDisplayNumber:k,size:z})),o!==N.length-1&&i.createElement(a,{className:t(d.divider,S,e({},d.compact,"compact"===z))}))}),[E,k,C,I,g,j,S,N.length,z]),w=o((function(e,l){return i.createElement(m,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(l),stepNumber:l+1,type:C,stepComponentClassName:I,fulfilledStepIcon:g,fulfilledStepIconType:j,onClick:E,isFollowedByDivider:l!==N.length-1,stepDividerClassName:t(d.divider,S),isVertical:!0,isFulfilledStepDisplayNumber:k}))}),[E,k,C,I,g,j,S,N.length]),B=r((function(){return"vertical"===F?w:O}),[F,w,O]);return i.createElement("ol",{ref:f,id:x,"data-testid":P||p(c.MULTI_STEP_INDICATOR,x),className:t(d.wrapper,u)},N.map(B))}));export{f as default};
-//# sourceMappingURL=MultiStepIndicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiStepIndicator.js","sources":["../../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { Divider } from \"@vibe/divider\";\nimport { NOOP } from \"@vibe/shared\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n  /**\n   * The list of steps in the multi-step indicator.\n   */\n  steps?: Step[];\n  /**\n   * The visual style of the multi-step indicator.\n   */\n  type?: MultiStepType;\n  /**\n   * Class name applied to each step component.\n   */\n  stepComponentClassName?: string;\n  /**\n   * Class name applied to the divider between steps.\n   */\n  dividerComponentClassName?: string;\n  /**\n   * The icon used for fulfilled steps.\n   */\n  fulfilledStepIcon?: SubIcon;\n  /**\n   * The type of the fulfilled step icon.\n   */\n  fulfilledStepIconType?: \"svg\" | \"font\";\n  /**\n   * If true, displays the step number instead of the fulfilled step icon.\n   */\n  isFulfilledStepDisplayNumber?: boolean;\n  /**\n   * Callback fired when a step is clicked.\n   */\n  onClick?: (stepNumber: number) => void;\n  /**\n   * The placement of the step text.\n   */\n  textPlacement?: TextPlacement;\n  /**\n   * The size of the multi-step indicator.\n   */\n  size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n  (\n    {\n      className,\n      steps = [],\n      type = \"primary\",\n      stepComponentClassName,\n      dividerComponentClassName,\n      fulfilledStepIcon = Check,\n      fulfilledStepIconType = \"svg\",\n      isFulfilledStepDisplayNumber = false,\n      onClick = NOOP,\n      textPlacement = \"horizontal\",\n      id,\n      size,\n      \"data-testid\": dataTestId\n    }: MultiStepIndicatorProps,\n    ref: React.ForwardedRef<HTMLOListElement>\n  ) => {\n    const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n    const renderHorizontalStepIndicator = useCallback(\n      (step: Step, index: number) => {\n        return (\n          <React.Fragment key={`${step.titleText}_${index}`}>\n            <StepIndicator\n              {...step}\n              stepNumber={index + 1}\n              type={type}\n              stepComponentClassName={stepComponentClassName}\n              fulfilledStepIcon={fulfilledStepIcon}\n              fulfilledStepIconType={fulfilledStepIconType}\n              onClick={onClick}\n              isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n              size={finalSize}\n            />\n            {index !== steps.length - 1 && (\n              <Divider\n                className={cx(styles.divider, dividerComponentClassName, {\n                  [styles.compact]: finalSize === \"compact\"\n                })}\n              />\n            )}\n          </React.Fragment>\n        );\n      },\n      [\n        onClick,\n        isFulfilledStepDisplayNumber,\n        type,\n        stepComponentClassName,\n        fulfilledStepIcon,\n        fulfilledStepIconType,\n        dividerComponentClassName,\n        steps.length,\n        finalSize\n      ]\n    );\n\n    const renderVerticalStepIndicator = useCallback(\n      (step: Step, index: number) => {\n        return (\n          <StepIndicator\n            {...step}\n            key={`${step.titleText}_${index}`}\n            stepNumber={index + 1}\n            type={type}\n            stepComponentClassName={stepComponentClassName}\n            fulfilledStepIcon={fulfilledStepIcon}\n            fulfilledStepIconType={fulfilledStepIconType}\n            onClick={onClick}\n            isFollowedByDivider={index !== steps.length - 1}\n            stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n            isVertical\n            isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n          />\n        );\n      },\n      [\n        onClick,\n        isFulfilledStepDisplayNumber,\n        type,\n        stepComponentClassName,\n        fulfilledStepIcon,\n        fulfilledStepIconType,\n        dividerComponentClassName,\n        steps.length\n      ]\n    );\n\n    const stepRenderer = useMemo(\n      () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n      [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n    );\n\n    return (\n      <ol\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n        className={cx(styles.wrapper, className)}\n      >\n        {steps.map(stepRenderer)}\n      </ol>\n    );\n  }\n);\n\nexport default MultiStepIndicator;\n"],"names":["MultiStepIndicator","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map"],"mappings":"khBAwDMA,IAAAA,EAAqBC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB"}

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

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){const n="s_id-234f8f4cd160_4_5_20";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
-//# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,toConsumableArray as t,defineProperty as a}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import{useEventListener as n,useKeyEvent as r,NOOP as o,getStyle as l}from"@vibe/shared";import{getTestId as c,ComponentDefaultTestId as s}from"../../../../tests/testIds.js";import m from"classnames";import{keyCodes as d}from"../../../../constants/keyCodes.js";import p,{useState as u,useRef as f,useCallback as v,useEffect as b,useMemo as _}from"react";import{SwitchTransition as y,CSSTransition as N}from"react-transition-group";import{Icon as E}from"@vibe/icon/mockedClassNames";import{Check as x}from"@vibe/icons";import{Divider as k}from"@vibe/divider/mockedClassNames";import{HiddenText as C}from"@vibe/a11y/mockedClassNames";import{Clickable as S}from"@vibe/clickable/mockedClassNames";import I from"./StepIndicator.module.scss.js";var T=[d.ENTER,d.SPACE],A=function(e){var t=e.fulfilledStepIcon,a=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?p.createElement(p.Fragment,null,e.stepNumber):p.createElement(E,{icon:t,className:m(I.numberContainerTextCheckIcon),type:a,ignoreFocusStyle:!0,"aria-hidden":!0})},g=function(d){var E=d.stepComponentClassName,g=d.stepNumber,w=void 0===g?1:g,D=d.status,F=void 0===D?"pending":D,P=d.titleText,h=void 0===P?"Heading text":P,j=d.subtitleText,R=void 0===j?"Subtitle text":j,z=d.type,B=void 0===z?"primary":z,H=d.fulfilledStepIcon,L=void 0===H?x:H,V=d.fulfilledStepIconType,O=void 0===V?"svg":V,q=d.isFulfilledStepDisplayNumber,G=void 0!==q&&q,J=d.onClick,K=void 0===J?o:J,M=d.isFollowedByDivider,Q=void 0!==M&&M,U=d.stepDividerClassName,W=d.isVertical,X=void 0!==W&&W,Y=d.id,Z=d.size,$=void 0===Z?"regular":Z,ee=d["data-testid"],te=u(!1),ae=e(te,2),ie=ae[0],ne=ae[1],re=f(null),oe=f(null),le=f(F),ce=v((function(){ne(!0)}),[ne]),se=v((function(){ne(!1)}),[ne]),me=v((function(){return le.current!==F}),[le,F]),de=v((function(){K&&K(w)}),[K,w]);n({eventName:"animationend",callback:se,ref:re}),r({keys:T,callback:de,ref:re}),b((function(){me()&&ce()}),[F,me,ce]),b((function(){le.current=F}),[F]);var pe=_((function(){return"Step ".concat(w,": ").concat(h," - ").concat(R,", status: ").concat(F)}),[F,h,w,R]),ue=function(e){return[l(I,i(e||"indicator")),l(I,i("type-".concat(B).concat(e))),l(I,i("status-".concat(F).concat(e))),l(I,i("size-".concat($).concat(e)))]};return p.createElement(S,{tabIndex:-1,elementType:"li",className:m.apply(void 0,t(ue("")).concat([E,a(a(a({},I.withAnimation,ie),I.clickable,K),I.textPlacementVertical,X)])),"aria-label":pe,onClick:de,"data-testid":ee||c(s.STEP_INDICATOR,Y)},p.createElement("div",{className:m.apply(void 0,t(ue("__number-divider-container")))},p.createElement("div",{className:m.apply(void 0,t(ue("__number-container"))),ref:re,tabIndex:0,role:"button"},p.createElement(y,{mode:"out-in"},p.createElement(N,{key:F,nodeRef:oe,classNames:{enter:I.swapEnter,enterActive:I.swapEnterActive,exit:I.swapExit,exitActive:I.swapExitActive},addEndListener:function(e){var t;null===(t=oe.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},p.createElement("span",{ref:oe,className:m.apply(void 0,t(ue("__number-container__text")))},p.createElement(A,{fulfilledStepIcon:L,fulfilledStepIconType:O,isFulfilledStepDisplayNumber:G,stepNumber:w,status:F}))))),Q&&X&&p.createElement(k,{className:m(I.divider,U)})),p.createElement("div",{className:m.apply(void 0,t(ue("__text-container")))},p.createElement("div",{className:m.apply(void 0,t(ue("__text-container__title")))},p.createElement(C,{text:F})," ",p.createElement("span",{className:m.apply(void 0,t(ue("__text-container__title__text")))},h)),"compact"!==$?p.createElement("span",{className:m.apply(void 0,t(ue("__text-container__subtitle__text")))},R):null))};export{g as default};
-//# sourceMappingURL=StepIndicator.js.map

package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepIndicator.js","sources":["../../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport { Divider } from \"@vibe/divider\";\n\nimport { HiddenText } from \"@vibe/a11y\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n  /**\n   * The status of the step.\n   */\n  status: StepStatus;\n  /**\n   * If true, displays the step number instead of the fulfilled step icon.\n   */\n  isFulfilledStepDisplayNumber: boolean;\n  /**\n   * The icon displayed when the step is fulfilled.\n   */\n  fulfilledStepIcon: SubIcon;\n  /**\n   * The type of icon used.\n   */\n  fulfilledStepIconType: \"svg\" | \"font\";\n  /**\n   * The step number in the sequence.\n   */\n  stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n  status,\n  isFulfilledStepDisplayNumber,\n  fulfilledStepIcon,\n  fulfilledStepIconType,\n  stepNumber\n}) => {\n  return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n    <Icon\n      icon={fulfilledStepIcon}\n      className={classNames(styles.numberContainerTextCheckIcon)}\n      type={fulfilledStepIconType}\n      ignoreFocusStyle\n      aria-hidden={true}\n    />\n  ) : (\n    <>{stepNumber}</>\n  );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n  /**\n   * The status of the step.\n   */\n  status: StepStatus;\n  /**\n   * The main title text for the step.\n   */\n  titleText: string;\n  /**\n   * The subtitle text for the step.\n   */\n  subtitleText?: string;\n  /**\n   * The number of the step in the sequence.\n   */\n  stepNumber?: number;\n  /**\n   * Class name applied to the step component.\n   */\n  stepComponentClassName?: string;\n  /**\n   * The visual style of the step indicator.\n   */\n  type?: MultiStepType;\n  /**\n   * The icon used for a fulfilled step.\n   */\n  fulfilledStepIcon?: SubIcon;\n  /**\n   * The type of icon used.\n   */\n  fulfilledStepIconType?: \"svg\" | \"font\";\n  /**\n   * If true, displays the step number instead of the fulfilled step icon.\n   */\n  isFulfilledStepDisplayNumber?: boolean;\n  /**\n   * Callback fired when the step is clicked.\n   */\n  onClick?: (stepNumber: number) => void;\n  /**\n   * If true, adds a divider after the step.\n   */\n  isFollowedByDivider?: boolean;\n  /**\n   * Class name applied to the step divider.\n   */\n  stepDividerClassName?: string;\n  /**\n   * If true, the step indicator is displayed vertically.\n   */\n  isVertical?: boolean;\n  /**\n   * The size of the step indicator.\n   */\n  size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n  stepComponentClassName,\n  stepNumber = 1,\n  status = \"pending\",\n  titleText = \"Heading text\",\n  subtitleText = \"Subtitle text\",\n  type = \"primary\",\n  fulfilledStepIcon = Check,\n  fulfilledStepIconType = \"svg\",\n  isFulfilledStepDisplayNumber = false,\n  onClick = NOOP,\n  isFollowedByDivider = false,\n  stepDividerClassName,\n  isVertical = false,\n  id,\n  size = \"regular\",\n  \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n  // Animations state\n  const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n  // Refs\n  const componentRef = useRef(null);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n  const prevStatusRef = useRef(status);\n\n  // Callbacks for modifying animation state\n  const enableStatusChangeAnimation = useCallback(() => {\n    setStatusChangeAnimationState(true);\n  }, [setStatusChangeAnimationState]);\n\n  const disableStatusChangeAnimation = useCallback(() => {\n    setStatusChangeAnimationState(false);\n  }, [setStatusChangeAnimationState]);\n\n  const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n  const handleClick = useCallback(() => {\n    if (onClick) onClick(stepNumber);\n  }, [onClick, stepNumber]);\n\n  // Event listeners for removing animation.\n  useEventListener({\n    eventName: \"animationend\",\n    callback: disableStatusChangeAnimation,\n    ref: componentRef\n  });\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: handleClick,\n    ref: componentRef\n  });\n\n  // Effect - triggering animation when necessary.\n  useEffect(() => {\n    if (isStatusTransition()) {\n      enableStatusChangeAnimation();\n    }\n  }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n  // Effect - updating previous status ref value (for animation) after component update.\n  useEffect(() => {\n    prevStatusRef.current = status;\n  }, [status]);\n\n  const ariaLabel = useMemo(() => {\n    return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n  }, [status, titleText, stepNumber, subtitleText]);\n\n  const getClassNamesWithSuffix = (suffix: string) => {\n    return [\n      getStyle(styles, camelCase(suffix || \"indicator\")),\n      getStyle(styles, camelCase(`type-${type}${suffix}`)),\n      getStyle(styles, camelCase(`status-${status}${suffix}`)),\n      getStyle(styles, camelCase(`size-${size}${suffix}`))\n    ];\n  };\n\n  return (\n    <Clickable\n      tabIndex={-1}\n      elementType=\"li\"\n      className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n        [styles.withAnimation]: statusChangeAnimationState,\n        [styles.clickable]: onClick,\n        [styles.textPlacementVertical]: isVertical\n      })}\n      aria-label={ariaLabel}\n      onClick={handleClick}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n    >\n      <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n        <div\n          className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n          ref={componentRef}\n          tabIndex={0}\n          role=\"button\"\n        >\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition\n              key={status}\n              nodeRef={nodeRef}\n              classNames={{\n                enter: styles.swapEnter,\n                enterActive: styles.swapEnterActive,\n                exit: styles.swapExit,\n                exitActive: styles.swapExitActive\n              }}\n              addEndListener={done => {\n                nodeRef.current?.addEventListener(\"transitionend\", done, false);\n              }}\n            >\n              <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n                <StepCircleDisplay\n                  fulfilledStepIcon={fulfilledStepIcon}\n                  fulfilledStepIconType={fulfilledStepIconType}\n                  isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n                  stepNumber={stepNumber}\n                  status={status}\n                />\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        </div>\n        {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n      </div>\n      <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n        <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n          <HiddenText text={status} /> {/* for accessibility */}\n          <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n        </div>\n        {size !== \"compact\" ? (\n          <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n        ) : null}\n      </div>\n    </Clickable>\n  );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"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"}

package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js

@@ -1,2 +0,0 @@
-var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){const e="s_id-f6545f2945fe_4_5_20";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(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n.sizeCompactTextContainer {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n.textContainerTitleText {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical .textContainer {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n.indicator.clickable {\n  cursor: pointer;\n}\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old state leaves */\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
-//# sourceMappingURL=StepIndicator.module.scss.js.map

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

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o,useRef as s}from"react";import n from"classnames";import{useMergeRef as i,NOOP as r}from"@vibe/shared";import{StepsHeader as a}from"./StepsHeader.js";import{getTestId as d,ComponentDefaultTestId as p}from"../../tests/testIds.js";import m from"./Steps.module.scss.js";import{ComponentVibeId as c}from"../../tests/constants.js";var v=o((function(o,v){var l=o.className,u=o.id,f=o["data-testid"],B=o.steps,P=void 0===B?[]:B,S=o.activeStepIndex,h=void 0===S?0:S,g=o.type,H=void 0===g?"gallery":g,b=o.onChangeActiveStep,j=void 0===b?r:b,x=o.onFinish,I=o.color,N=o.areNavigationButtonsHidden,y=void 0!==N&&N,C=o.isContentOnTop,E=void 0!==C&&C,T=o.backButtonProps,O=void 0===T?{}:T,k=o.nextButtonProps,A=void 0===k?{}:k,F=o.finishButtonProps,_=void 0===F?{}:F,q=o.areButtonsIconsHidden,w=void 0!==q&&q,z=s(null),D=i(v,z);return e.createElement("div",{ref:D,className:n(m.steps,l),id:u,"data-testid":f||d(p.STEPS,u),"data-vibe":c.STEPS},E&&P[h],e.createElement(a,{onChangeActiveStep:j,type:H,activeStepIndex:h,stepsCount:P.length,areNavigationButtonsHidden:y,color:I,backButtonProps:O,nextButtonProps:A,finishButtonProps:_,areButtonsIconsHidden:w,onFinish:x,className:n(t(t({},m.contentOnTop,E),m.contentOnBottom,!E))}),!E&&P[h])}));export{v as default};
-//# sourceMappingURL=Steps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.js","sources":["../../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP, useMergeRef } from \"@vibe/shared\";\n\nimport { StepsHeader } from \"./StepsHeader\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"@vibe/button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n        data-vibe={ComponentVibeId.STEPS}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\nexport default Steps;\n"],"names":["Steps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","ComponentVibeId","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom"],"mappings":"gbA+DMA,IAAAA,EAAQC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,GACxD,YAAAoC,EAAgBD,OAE1BnB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAO,GACC5B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBiC,WAAYnC,EAAMoC,OAClBzB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAES,EAAAA,KACVR,EAAOS,aAAezB,GACtBgB,EAAOU,iBAAmB1B,OAG7BA,GAAkBb,EAAME,GAGhC"}

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

@@ -1,2 +0,0 @@
-var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-7ec46f3af3a6_4_5_20";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)}(".steps .contentOnTop {\n  margin-top: var(--space-16);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--space-8);\n}");export{e as default};
-//# sourceMappingURL=Steps.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsCommand.js

@@ -1,2 +0,0 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as e,useCallback as i}from"react";import s from"classnames";import{NavigationChevronRight as m,NavigationChevronLeft as n}from"@vibe/icons";import{Icon as a}from"@vibe/icon/mockedClassNames";import{Button as c}from"@vibe/button/mockedClassNames";import{getStyle as l,NOOP as d}from"@vibe/shared";import{NEXT_TEXT as p,BACK_TEXT as f}from"./StepsConstants.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import v from"./StepsCommand.module.scss.js";import{camelCase as b}from"es-toolkit";var C=function(C){var S=C.isNext,_=void 0!==S&&S,N=C.onChangeActiveStep,j=void 0===N?d:N,k=C.activeStepIndex,A=C.stepsCount,P=C.isIconHidden,h=void 0!==P&&P,D=C.buttonProps,E=void 0===D?{}:D,M=C.color,O=void 0===M?"primary":M,g=E.children,x=t(E,["children"]),y=e((function(){return g||(_?p:f)}),[_,g]),R=_?k+1:k-1,B=i((function(o){return j(o,R)}),[R,j]),H=_&&k===A-1||!_&&0===k,I=_?m:n;return r.createElement(c,Object.assign({className:s(v.command,o({},v.backward,!_)),"data-testid":_?u.STEPS_FORWARD_COMMAND:u.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:B,disabled:H,color:O},x),y,h?null:r.createElement(a,{icon:I,className:s(v.icon,l(v,b("color-"+O)),o({},v.disabled,H))}))};export{C as StepsCommand};
-//# sourceMappingURL=StepsCommand.js.map

package/dist/mocked_classnames/src/components/Steps/StepsCommand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsCommand.js","sources":["../../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport { Icon } from \"@vibe/icon\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"wpBA4CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +0,0 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_4_5_20";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
-//# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsConstants.js

@@ -1,2 +0,0 @@
-var a="Next",e="Back",i="Finish";export{e as BACK_TEXT,i as FINISH_TEXT,a as NEXT_TEXT};
-//# sourceMappingURL=StepsConstants.js.map

package/dist/mocked_classnames/src/components/Steps/StepsConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsConstants.js","sources":["../../../../../src/components/Steps/StepsConstants.ts"],"sourcesContent":["export const NEXT_TEXT = \"Next\";\nexport const BACK_TEXT = \"Back\";\nexport const FINISH_TEXT = \"Finish\";\n"],"names":["NEXT_TEXT","BACK_TEXT","FINISH_TEXT"],"mappings":"AAAO,IAAMA,EAAY,OACZC,EAAY,OACZC,EAAc"}

package/dist/mocked_classnames/src/components/Steps/StepsDot.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import{camelCase as e,noop as t}from"es-toolkit";import a from"react";import i from"./StepsDot.module.scss.js";import{getStyle as l}from"@vibe/shared";var s=function(s){var m=s.isActive,c=s.onClick,n=void 0===c?t:c,p=s.ariaCurrent,u=s.className;return a.createElement("button",{type:"button","aria-label":s["aria-label"],"aria-current":!!m&&(void 0===p?"step":p),className:o(i.dot,l(i,e("color-"+s.color)),r({},i.isActive,m),u),onClick:n})};export{s as StepsDot};
-//# sourceMappingURL=StepsDot.js.map

package/dist/mocked_classnames/src/components/Steps/StepsDot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsDot.js","sources":["../../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n  /**\n   * Callback fired when the dot is clicked.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /**\n   * ARIA attribute to indicate the current step.\n   */\n  ariaCurrent?: StepsDotAriaCurrent | boolean;\n  /**\n   * If true, marks the dot as active.\n   */\n  isActive?: boolean;\n  /**\n   * The ARIA label for the dot.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The color theme of the dot.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n  isActive,\n  onClick = NOOP,\n  ariaCurrent = \"step\",\n  \"aria-label\": ariaLabel,\n  color,\n  className\n}: StepsDotProps) => {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-current={isActive ? ariaCurrent : false}\n      className={cx(\n        styles.dot,\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.isActive]: isActive\n        },\n        className\n      )}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"qQA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANcV,EAAvB,cAOyB,iBACPC,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWI,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5Bf,EAALgB,QAUmDC,EAE1CL,GAAAA,EAAOX,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +0,0 @@
-var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-1f61a81d1377_4_5_20";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot {\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  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
-//# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.js

@@ -1,2 +0,0 @@
-import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"es-toolkit";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,u=s.onChangeActiveStep,m=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=m||v,S=t((function(){return d.map((function(e){return function(t){return u(t,e)}}))}),[u,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),"aria-label":y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
-//# sourceMappingURL=StepsGalleryHeader.js.map

package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport { range } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * A function to generate step descriptions for accessibility.\n   */\n  stepDescriptionFunc?: (stepIndex: number) => string;\n  /**\n   * The color theme of the gallery header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n  activeStepIndex,\n  stepsCount,\n  onChangeActiveStep,\n  stepDescriptionFunc,\n  color,\n  className\n}) => {\n  const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n  const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n  const overrideStepDescriptionFunc = stepDescriptionFunc || defaultStepDescriptionFunc;\n  const onClickFunctions = useMemo(\n    () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n    [onChangeActiveStep, stepsPlaceholders]\n  );\n\n  const galleryDots = useMemo(\n    () =>\n      stepsPlaceholders.map(\n        stepIndex => (\n          <StepsDot\n            isActive={activeStepIndex === stepIndex}\n            key={`monday-style-step-dot-${stepIndex + 1}`}\n            aria-label={overrideStepDescriptionFunc(stepIndex)}\n            onClick={onClickFunctions[stepIndex]}\n            color={color}\n            className={styles.galleryHeaderDot}\n          />\n        ),\n        []\n      ),\n    [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n  );\n\n  return (\n    <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n      {galleryDots || null}\n    </div>\n  );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"iNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAAG,aACjCE,EAA4BF,GACxCY,QAAST,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWmB,EAAOC,kBAErB,GACD,MAEJ,CAACzB,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKQ,KAAK,QAAQrB,UAAWsB,EAAGH,EAAOI,cAAevB,IACnDY,GAAe,KAGtB"}

package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-9ed2aeb182a7_4_5_20";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
-//# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsHeader.js

@@ -1,2 +0,0 @@
-import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{FINISH_TEXT as a}from"./StepsConstants.js";import{Button as i}from"@vibe/button/mockedClassNames";import c from"./StepsHeader.module.scss.js";var m=function(m){var p=m.activeStepIndex,l=m.onChangeActiveStep,d=m.stepsCount,u=m.areNavigationButtonsHidden,v=m.backButtonProps,S=m.nextButtonProps,C=m.finishButtonProps,f=m.areButtonsIconsHidden,g=m.color,h=void 0===g?"primary":g,x=m.onFinish,b=m.className,H="gallery"===m.type?r:s,I=t((function(){return p===d-1}),[p,d]);return e.createElement("div",{className:o(c.header,b)},u?null:e.createElement(n,{isNext:!1,isIconHidden:f,onChangeActiveStep:l,activeStepIndex:p,stepsCount:d,buttonProps:v,color:h}),e.createElement(H,{activeStepIndex:p,stepsCount:d,onChangeActiveStep:l,color:h}),u?null:e.createElement(e.Fragment,null,I?e.createElement(i,Object.assign({onClick:x,color:h},C),(null==C?void 0:C.children)||a):e.createElement(n,{isNext:!0,isIconHidden:f,activeStepIndex:p,onChangeActiveStep:l,stepsCount:d,buttonProps:S,color:h})))};export{m as StepsHeader};
-//# sourceMappingURL=StepsHeader.js.map

package/dist/mocked_classnames/src/components/Steps/StepsHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsHeader.js","sources":["../../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, type StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, type StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { type StepsType, type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps: Partial<ButtonProps>;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  const showFinishButton = useMemo(() => {\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"iYA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAEtCC,EAAmBC,GAAQ,WAC/B,OAAOjB,IAAoBE,EAAa,CAC1C,GAAG,CAACF,EAAiBE,IAErB,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}

package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={header:"header"};!function(e){const t="s_id-f29720816734_4_5_20";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)}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
-//# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.js

@@ -1,2 +0,0 @@
-import r from"classnames";import e,{useMemo as o}from"react";import{Text as t}from"@vibe/typography/mockedClassNames";import n from"./StepsNumbersHeader.module.scss.js";var a=function(a){var m=a.activeStepIndex,s=a.stepsCount,c=a.color,p=o((function(){return"primary"===c?c:"on-inverted-background"===c?"onInverted":"onPrimary"}),[c]);return e.createElement(t,{type:"text2",color:p,className:r(n.numbers)},"".concat(m+1," \\ ").concat(s))};export{a as StepsNumbersHeader};
-//# sourceMappingURL=StepsNumbersHeader.js.map

package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, useMemo } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * The color theme of the steps numbers header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n  const textColor = useMemo(() => {\n    if (color === \"primary\") {\n      return color;\n    } else {\n      return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n    }\n  }, [color]);\n\n  return (\n    <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n      activeStepIndex + 1\n    } \\\\ ${stepsCount}`}</Text>\n  );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"6KAsBaA,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}

package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={numbers:"numbers"};!function(e){const t="s_id-c9f4054d5043_4_5_20";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
-//# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as r,useRef as o,useState as a,useEffect as n,useMemo as s,Fragment as l}from"react";import d from"classnames";import{useMergeRef as m}from"@vibe/shared";import{Tooltip as c}from"@vibe/tooltip/mockedClassNames";import{IconButton as p}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as v}from"@vibe/icons";import u from"./TipseenTitle.js";import{TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as h}from"./TipseenConstants.js";import{ComponentDefaultTestId as f}from"../../tests/constants.js";import{getTestId as y}from"../../tests/testIds.js";import{Text as g}from"@vibe/typography/mockedClassNames";import C from"./Tipseen.module.scss.js";var T=i.createContext("primary"),N=r((function(r,N){var b=r.className,w=r.id,E=r.position,k=void 0===E?"bottom":E,W=r.animationType,x=void 0===W?"expand":W,j=r.hideDelay,A=void 0===j?0:j,B=r.showDelay,D=void 0===B?100:B,P=r.title,S=r.titleClassName,H=r.hideCloseButton,I=r.closeButtonTheme,O=void 0===I?"light":I,R=r.onClose,_=r.closeAriaLabel,z=r.children,L=void 0===z?null:z,M=r.content,q=r.containerSelector,F=r.hideTrigger,G=void 0===F?[]:F,J=r.showTrigger,K=void 0===J?[]:J,Q=r.width,U=r.moveBy,V=r.hideWhenReferenceHidden,X=void 0!==V&&V,Y=r.middleware,Z=r.referenceWrapperClassName,$=r.tip,ee=void 0===$||$,te=r.tooltipArrowClassName,ie=r.floating,re=void 0!==ie&&ie,oe=r.color,ae=r["data-testid"],ne=null!=oe?oe:"inverted",se=Array.isArray(K)&&Array.isArray(G)&&0===K.length&&D>0,le=o(null),de=m(N,le),me=a(!se),ce=e(me,2),pe=ce[0],ve=ce[1],ue=_||h;n((function(){var e;return D&&(e=setTimeout((function(){ve(!0)}),D)),function(){clearTimeout(e)}}),[D,ve]);var he=s((function(){return"inverted"===ne?"onInverted":"onPrimary"}),[ne]),fe=s((function(){return"light"===O?"inverted"===ne?"on-inverted-background":"on-primary-color":O}),[ne,O]),ye=N||w?"div":l,ge="div"===ye?{ref:de,id:w,"data-testid":ae||y(f.TIPSEEN,w)}:{},Ce=i.createElement("div",null,i.createElement("div",{className:d(C.tipseenHeader)},H?null:i.createElement(p,{hideTooltip:!0,className:d(C.tipseenCloseButton,t({},C.dark,"dark"===O||"fixed-dark"===O)),onClick:R,size:"xs",kind:"tertiary",color:fe,"aria-label":ue,icon:v}),i.createElement(u,{text:P,className:d(C.tipseenTitle,S)})),i.createElement(g,{color:he,type:"text2",element:"div",ellipsis:!1,className:d(C.tipseenContent)},i.createElement(T.Provider,{value:ne},M)));return i.createElement(ye,Object.assign({},ge),i.createElement(c,{className:d(C.tipseenWrapper,b,t(t({},C.tipseenWrapperWithoutCustomWidth,!Q),C.floating,re)),maxWidth:Q,arrowClassName:te,style:Q?{width:Q}:void 0,shouldShowOnMount:!se,position:k,animationType:x,hideDelay:A,showDelay:0,hideTrigger:G,showTrigger:K,showOnDialogEnter:!1,content:Ce,theme:"inverted"===ne?"dark":"primary",containerSelector:q,disableDialogSlide:!1,moveBy:U,hideWhenReferenceHidden:X,middleware:Y,referenceWrapperClassName:Z,tip:ee&&!re,open:se?pe:void 0,forceRenderWithoutChildren:re},L))}));export{T as TipseenContext,N as default};
-//# sourceMappingURL=Tipseen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tipseen.js","sources":["../../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, type ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DialogAnimationType, type DialogMiddleware, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { TIPSEEN_CLOSE_BUTTON_ARIA_LABEL } from \"./TipseenConstants\";\nimport { type TipseenCloseButtonTheme, type TipseenColor } from \"./Tipseen.types\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./Tipseen.module.scss\";\nimport React from \"react\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\nexport interface TipseenProps extends VibeComponentProps {\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * The position of the Tipseen relative to the target element.\n   */\n  position?: TooltipPositions;\n  /**\n   * The animation type used for showing/hiding the Tipseen.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * The delay in milliseconds before hiding the Tipseen.\n   */\n  hideDelay?: number;\n  /**\n   * The delay in milliseconds before showing the Tipseen.\n   */\n  showDelay?: number;\n  /**\n   * The title text of the Tipseen.\n   */\n  title?: string;\n  /**\n   * If true, hides the close button.\n   */\n  hideCloseButton?: boolean;\n  /**\n   * The child element that triggers the Tipseen.\n   */\n  children?: ReactElement;\n  /**\n   * The CSS selector of the container where the Tipseen should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Events that trigger hiding the Tipseen.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger showing the Tipseen.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * The width of the Tipseen.\n   */\n  width?: number;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * If true, hides the Tipseen when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Custom Floating UI middleware for positioning logic.\n   * @see https://floating-ui.com/docs/middleware\n   */\n  middleware?: DialogMiddleware[];\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If false, hides the arrow of the Tipseen.\n   */\n  tip?: boolean;\n  /**\n   * Class name applied to the Tipseen arrow.\n   */\n  tooltipArrowClassName?: string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeAriaLabel?: string;\n  /**\n   * Callback fired when the Tipseen is closed.\n   */\n  onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * The content displayed inside the Tipseen.\n   */\n  content: ElementContent;\n  /**\n   * The theme of the Tipseen close button.\n   */\n  closeButtonTheme?: TipseenCloseButtonTheme;\n  /**\n   * If true, renders the Tipseen as a floating element without a reference.\n   */\n  floating?: boolean;\n  /**\n   * The color theme of the Tipseen.\n   */\n  color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen = forwardRef(\n  (\n    {\n      className,\n      id,\n      position = \"bottom\",\n      animationType = \"expand\",\n      hideDelay = 0,\n      showDelay = 100,\n      title,\n      titleClassName,\n      hideCloseButton,\n      closeButtonTheme = \"light\",\n      onClose,\n      closeAriaLabel,\n      children = null,\n      content,\n      containerSelector,\n      hideTrigger = [],\n      showTrigger = [],\n      width,\n      moveBy,\n      hideWhenReferenceHidden = false,\n      middleware,\n      referenceWrapperClassName,\n      tip = true,\n      tooltipArrowClassName,\n      floating = false,\n      color: colorProp,\n      \"data-testid\": dataTestId\n    }: TipseenProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const color = colorProp ?? \"inverted\";\n\n    const defaultDelayOpen =\n      Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n    const overrideCloseAriaLabel = closeAriaLabel || TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n    useEffect(() => {\n      let timeout: NodeJS.Timeout;\n      if (showDelay) {\n        timeout = setTimeout(() => {\n          setDelayOpen(true);\n        }, showDelay);\n      }\n      return () => {\n        clearTimeout(timeout);\n      };\n    }, [showDelay, setDelayOpen]);\n\n    const textColor = useMemo(() => {\n      return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n    }, [color]);\n    const closeButtonColor = useMemo(() => {\n      if (closeButtonTheme === \"light\") {\n        return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n      } else {\n        return closeButtonTheme;\n      }\n    }, [color, closeButtonTheme]);\n\n    const TipseenWrapper = ref || id ? \"div\" : Fragment;\n    const wrapperProps =\n      TipseenWrapper === \"div\"\n        ? { ref: mergedRef, id, \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN, id) }\n        : {};\n\n    const tooltipContent = (\n      <div>\n        <div className={cx(styles.tipseenHeader)}>\n          {hideCloseButton ? null : (\n            <IconButton\n              hideTooltip\n              className={cx(styles.tipseenCloseButton, {\n                [styles.dark]: closeButtonTheme === \"dark\" || closeButtonTheme === \"fixed-dark\"\n              })}\n              onClick={onClose}\n              size=\"xs\"\n              kind=\"tertiary\"\n              // @ts-ignore\n              color={closeButtonColor}\n              aria-label={overrideCloseAriaLabel}\n              icon={CloseSmall}\n            />\n          )}\n          <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n        </div>\n        <Text color={textColor} type=\"text2\" element=\"div\" ellipsis={false} className={cx(styles.tipseenContent)}>\n          <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n        </Text>\n      </div>\n    );\n\n    return (\n      <TipseenWrapper {...wrapperProps}>\n        <Tooltip\n          className={cx(styles.tipseenWrapper, className, {\n            [styles.tipseenWrapperWithoutCustomWidth]: !width,\n            [styles.floating]: floating\n          })}\n          maxWidth={width}\n          arrowClassName={tooltipArrowClassName}\n          style={width ? { width } : undefined}\n          shouldShowOnMount={!defaultDelayOpen}\n          position={position}\n          animationType={animationType}\n          hideDelay={hideDelay}\n          showDelay={0}\n          hideTrigger={hideTrigger}\n          showTrigger={showTrigger}\n          showOnDialogEnter={false}\n          content={tooltipContent}\n          theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n          containerSelector={containerSelector}\n          disableDialogSlide={false}\n          moveBy={moveBy}\n          hideWhenReferenceHidden={hideWhenReferenceHidden}\n          middleware={middleware}\n          referenceWrapperClassName={referenceWrapperClassName}\n          tip={tip && !floating}\n          open={defaultDelayOpen ? delayedOpen : undefined}\n          forceRenderWithoutChildren={floating}\n        >\n          {children}\n        </Tooltip>\n      </TipseenWrapper>\n    );\n  }\n);\n\nexport default Tipseen;\n"],"names":["TipseenContext","React","createContext","Tipseen","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","middleware","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","TipseenWrapper","Fragment","wrapperProps","getTestId","ComponentDefaultTestId","TIPSEEN","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","ellipsis","tipseenContent","Provider","value","Object","assign","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","maxWidth","arrowClassName","style","undefined","shouldShowOnMount","showOnDialogEnter","theme","disableDialogSlide","open","forceRenderWithoutChildren"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){const n="s_id-077bfe37a52b_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
-//# sourceMappingURL=Tipseen.module.scss.js.map

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

@@ -1,2 +0,0 @@
-import t from"react";import e from"classnames";import s from"./TipseenTitle.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{getTestId as i}from"../../tests/testIds.js";import r from"./TipseenBasicContent.module.scss.js";var m=function(m){var o=m.title,n=m.children,l=void 0===n?null:n,c=m.titleClassName,d=m.id,p=m["data-testid"];return t.createElement("div",{className:e(r.tipseenBasicContent,m.className),id:d,"data-testid":p||i(a.TIPSEEN_CONTENT,d)},t.createElement(s,{text:o,className:c}),l)};export{m as default};
-//# sourceMappingURL=TipseenBasicContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenBasicContent.js","sources":["../../../../../src/components/Tipseen/TipseenBasicContent.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./TipseenBasicContent.module.scss\";\n\nexport interface TipseenBasicContentProps extends VibeComponentProps {\n  /**\n   * The title text displayed in the Tipseen content.\n   */\n  title?: string;\n  /**\n   * Class name applied to the title.\n   */\n  titleClassName?: string;\n  /**\n   * The content inside the Tipseen.\n   */\n  children?: ElementContent | ElementContent[];\n}\n\nconst TipseenBasicContent: React.FC<TipseenBasicContentProps> = ({\n  title,\n  children = null,\n  titleClassName,\n  className,\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.tipseenBasicContent, className)}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT, id)}\n    >\n      <TipseenTitle text={title} className={titleClassName} />\n      {children}\n    </div>\n  );\n};\n\nexport default TipseenBasicContent;\n"],"names":["TipseenBasicContent","_ref","title","_ref$children","children","titleClassName","id","dataTestId","React","createElement","className","cx","styles","tipseenBasicContent","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT","TipseenTitle","text"],"mappings":"yPAwBA,IAAMA,EAA0D,SAAvCC,GAOpB,IANHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EACfE,EAAcJ,EAAdI,eAEAC,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAEA,OACEO,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,oBANhBZ,EAATS,WAOIJ,GAAIA,EACS,cAAAC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAACC,cAAAQ,GAAaC,KAAMhB,EAAOQ,UAAWL,IACrCD,EAGP"}

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

@@ -1,2 +0,0 @@
-var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){const n="s_id-6606edb50944_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
-//# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -1,2 +0,0 @@
-var s="Submit",i="Dismiss",e="Close";export{i as DISMISS_BUTTON_TEXT,s as SUBMIT_BUTTON_TEXT,e as TIPSEEN_CLOSE_BUTTON_ARIA_LABEL};
-//# sourceMappingURL=TipseenConstants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenConstants.js","sources":["../../../../../src/components/Tipseen/TipseenConstants.ts"],"sourcesContent":["export const SUBMIT_BUTTON_TEXT = \"Submit\";\nexport const DISMISS_BUTTON_TEXT = \"Dismiss\";\nexport const TIPSEEN_CLOSE_BUTTON_TEST_ID = \"close-tipseen\";\nexport const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = \"Close\";\n"],"names":["SUBMIT_BUTTON_TEXT","DISMISS_BUTTON_TEXT","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL"],"mappings":"AAAO,IAAMA,EAAqB,SACrBC,EAAsB,UAEtBC,EAAkC"}

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

@@ -1,2 +0,0 @@
-import t,{useContext as e,useMemo as s}from"react";import i from"classnames";import{SUBMIT_BUTTON_TEXT as o,DISMISS_BUTTON_TEXT as n}from"./TipseenConstants.js";import r from"./TipseenBasicContent.js";import m from"./TipseenContent.module.scss.js";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{TipseenContext as d}from"./Tipseen.js";import{Button as c}from"@vibe/button/mockedClassNames";var u=function(u){var p=u.id,f=u.title,T=u.titleClassName,E=u.children,N=void 0===E?null:E,v=u.hideDismiss,C=void 0===v||v,b=u.hideSubmit,I=u.submitButtonText,S=void 0===I?o:I,j=u.submitButtonIcon,k=u.onSubmit,B=u.dismissButtonText,_=void 0===B?n:B,h=u.onDismiss,x=e(d),y=s((function(){return"inverted"===x?"on-inverted-background":"on-primary-color"}),[x]),D=!C||!b;return t.createElement(r,{title:f,titleClassName:T,id:p},N?t.createElement("span",null,N):null,D&&t.createElement("div",{className:i(m.buttons)},C?null:t.createElement(c,{kind:"tertiary",color:y,className:m.dismiss,size:"small",onClick:h,"data-testid":l(a.TIPSEEN_CONTENT_DISMISS)},_),b?null:t.createElement(c,{kind:"primary",color:y,size:"small",onClick:k,"data-testid":l(a.TIPSEEN_CONTENT_SUBMIT),leftIcon:j},S)))};export{u as default};
-//# sourceMappingURL=TipseenContent.js.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const n="s_id-585bd2f4c510_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
-//# sourceMappingURL=TipseenContent.module.scss.js.map

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

@@ -1,2 +0,0 @@
-import t,{forwardRef as e,useRef as s,useContext as r,useMemo as o}from"react";import i from"classnames";import{useMergeRef as m,getStyle as a}from"@vibe/shared";import{getTestId as n}from"../../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../../tests/constants.js";import f from"./TipseenMedia.module.scss.js";import{TipseenContext as p}from"../Tipseen.js";import{camelCase as c}from"es-toolkit";var l=e((function(e,l){var u=e.className,j=e.id,v=e["data-testid"],E=e.children,I=s(null),M=m(l,I),N=r(p),T=o((function(){return i(f.tipseenMedia,a(f,c("color-"+N)),u)}),[N,u]);return t.createElement("div",{ref:M,className:T,id:j,"data-testid":v||n(d.TIPSEEN_MEDIA,j)},E)}));export{l as default};
-//# sourceMappingURL=TipseenMedia.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenMedia.js","sources":["../../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n  /**\n   * The media content displayed inside the Tipseen.\n   */\n  children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n  ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const color = useContext(TipseenContext);\n\n    const classNames = useMemo(() => {\n      return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n    }, [color, className]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"gaAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}

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

@@ -1,2 +0,0 @@
-var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_4_5_20";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.js

@@ -1,2 +0,0 @@
-import t from"react";import{getTestId as e}from"../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import{Text as a}from"@vibe/typography/mockedClassNames";import r from"classnames";import o from"./TipseenTitle.module.scss.js";var i=function(i){var m=i.text,l=i.id,d=i["data-testid"];return m?t.createElement(a,{type:"text1",weight:"bold",role:"heading",color:"inherit","aria-level":3,maxLines:2,className:r(o.title,i.className),id:l,"data-testid":d||e(s.TIPSEEN_TITLE,l)},m):null};export{i as default};
-//# sourceMappingURL=TipseenTitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenTitle.js","sources":["../../../../../src/components/Tipseen/TipseenTitle.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport styles from \"./TipseenTitle.module.scss\";\n\nexport interface TipseenTitleProps extends VibeComponentProps {\n  /**\n   * The title text displayed in the Tipseen.\n   */\n  text?: string;\n}\n\nconst TipseenTitle: FC<TipseenTitleProps> = ({ text, className, id, \"data-testid\": dataTestId }) => {\n  return text ? (\n    <Text\n      type=\"text1\"\n      weight=\"bold\"\n      role=\"heading\"\n      color=\"inherit\"\n      aria-level={3}\n      maxLines={2}\n      className={cx(styles.title, className)}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_TITLE, id)}\n    >\n      {text}\n    </Text>\n  ) : null;\n};\n\nexport default TipseenTitle;\n"],"names":["TipseenTitle","_ref","text","id","dataTestId","React","createElement","Text","type","weight","role","color","maxLines","className","cx","styles","title","getTestId","ComponentDefaultTestId","TIPSEEN_TITLE"],"mappings":"0QAeA,IAAMA,EAAsC,SAA1BC,GAAiF,IAApDC,EAAID,EAAJC,KAAiBC,EAAEF,EAAFE,GAAmBC,EAAUH,EAAzB,eAClE,OAAOC,EACLG,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLC,OAAO,OACPC,KAAK,UACLC,MAAM,UAAS,aACH,EACZC,SAAU,EACVC,UAAWC,EAAGC,EAAOC,MATmCf,EAATY,WAU/CV,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,cAAehB,IAE1ED,GAED,IACN"}

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

@@ -1,2 +0,0 @@
-var e={title:"title"};!function(e){const t="s_id-c12c5d8f6c34_4_5_20";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)}(".title {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
-//# sourceMappingURL=TipseenTitle.module.scss.js.map

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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 +0,0 @@
-var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){const i="s_id-98eba0c83d1f_4_5_20";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/hooks/useFocusWithin.js

@@ -1,2 +0,0 @@
-import{useRef as i,useCallback as n,useMemo as o}from"react";function t(t){var r=t.onFocusWithin,s=t.onFocusWithinChange,u=t.isDisabled,c=t.onBlurWithin,e=i({isFocusWithin:!1}).current,h=n((function(i){e.isFocusWithin||(r&&r(i),s&&s(!0),e.isFocusWithin=!0)}),[r,s,e]),W=n((function(i){e.isFocusWithin&&!i.currentTarget.contains(i.relatedTarget)&&(c&&c(i),s&&s(!1),e.isFocusWithin=!1)}),[c,s,e]),a=o((function(){return u?{focusWithinProps:{}}:{}}),[u]);return u?a:{focusWithinProps:{onFocus:h,onBlur:W}}}export{t as useFocusWithin};
-//# sourceMappingURL=useFocusWithin.js.map

package/dist/mocked_classnames/src/hooks/useFocusWithin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusWithin.js","sources":["../../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useMemo, useRef } from \"react\";\n\ntype Result = {\n  focusWithinProps?: {\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n  };\n};\n\nexport function useFocusWithin({\n  onFocusWithin,\n  onFocusWithinChange,\n  isDisabled,\n  onBlurWithin\n}: {\n  onFocusWithin?: (event: FocusEvent) => void;\n  onBlurWithin?: (event: FocusEvent) => void;\n  onFocusWithinChange?: (isWithinChange: boolean) => void;\n  isDisabled?: boolean;\n}): Result {\n  const state = useRef({\n    isFocusWithin: false\n  }).current;\n\n  const onFocus = useCallback(\n    (e: FocusEvent) => {\n      if (!state.isFocusWithin) {\n        if (onFocusWithin) {\n          onFocusWithin(e);\n        }\n\n        if (onFocusWithinChange) {\n          onFocusWithinChange(true);\n        }\n\n        state.isFocusWithin = true;\n      }\n    },\n    [onFocusWithin, onFocusWithinChange, state]\n  );\n\n  const onBlur = useCallback(\n    (e: FocusEvent) => {\n      // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n      // when moving focus inside the element. Only trigger if the currentTarget doesn't\n      // include the relatedTarget (where focus is moving).\n      const currentTarget = e.currentTarget;\n      if (state.isFocusWithin && !currentTarget.contains(e.relatedTarget)) {\n        if (onBlurWithin) {\n          onBlurWithin(e);\n        }\n\n        if (onFocusWithinChange) {\n          onFocusWithinChange(false);\n        }\n\n        state.isFocusWithin = false;\n      }\n    },\n    [onBlurWithin, onFocusWithinChange, state]\n  );\n\n  const isDisabledReturnValue = useMemo(() => {\n    if (!isDisabled) return {};\n    return { focusWithinProps: {} };\n  }, [isDisabled]);\n\n  if (isDisabled) {\n    return isDisabledReturnValue;\n  }\n\n  return {\n    focusWithinProps: {\n      onFocus: onFocus,\n      onBlur: onBlur\n    }\n  };\n}\n"],"names":["useFocusWithin","_ref","onFocusWithin","onFocusWithinChange","isDisabled","onBlurWithin","state","useRef","isFocusWithin","current","onFocus","useCallback","e","onBlur","currentTarget","contains","relatedTarget","isDisabledReturnValue","useMemo","focusWithinProps"],"mappings":"6DASM,SAAUA,EAAcC,GAU7B,IATCC,EAAaD,EAAbC,cACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WACAC,EAAYJ,EAAZI,aAOMC,EAAQC,EAAO,CACnBC,eAAe,IACdC,QAEGC,EAAUC,GACd,SAACC,GACMN,EAAME,gBACLN,GACFA,EAAcU,GAGZT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,EAEzB,GACD,CAACN,EAAeC,EAAqBG,IAGjCO,EAASF,GACb,SAACC,GAKKN,EAAME,gBADYI,EAAEE,cACkBC,SAASH,EAAEI,iBAC/CX,GACFA,EAAaO,GAGXT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,EAEzB,GACD,CAACH,EAAcF,EAAqBG,IAGhCW,EAAwBC,GAAQ,WACpC,OAAKd,EACE,CAAEe,iBAAkB,CAAA,GADH,EAE1B,GAAG,CAACf,IAEJ,OAAIA,EACKa,EAGF,CACLE,iBAAkB,CAChBT,QAASA,EACTG,OAAQA,GAGd"}

package/dist/mocked_classnames/src/hooks/useIsMouseEnter.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{useState as r,useCallback as t}from"react";import{useEventListener as a}from"@vibe/shared";function o(o){var l=o.ref,n=r(!1),u=e(n,2),c=u[0],f=u[1],i=t((function(e){f(e.target===(l&&l.current))}),[f,l]),m=t((function(){return f(!1)}),[f]);return a({eventName:"mouseenter",callback:i,ref:l}),a({eventName:"mouseleave",callback:m,ref:l}),c}export{o as default};
-//# sourceMappingURL=useIsMouseEnter.js.map

package/dist/mocked_classnames/src/hooks/useIsMouseEnter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMouseEnter.js","sources":["../../../../src/hooks/useIsMouseEnter.ts"],"sourcesContent":["import { useCallback, useState, type RefObject } from \"react\";\nimport useEventListener from \"./useEventListener\";\n\n// TODO can be replaced with useIsMouseOver\nexport default function useIsMouseEnter({ ref }: { ref: RefObject<HTMLElement> }) {\n  const [isHovered, setIsHover] = useState<boolean>(false);\n\n  const setHovered = useCallback(\n    (event: MouseEvent) => {\n      const element = ref && ref.current;\n      const isEventHover = event.target === element;\n      setIsHover(isEventHover);\n    },\n    [setIsHover, ref]\n  );\n  const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n  useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n  useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n  return isHovered;\n}\n"],"names":["useIsMouseEnter","_ref","ref","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHover","setHovered","useCallback","event","target","current","setNotHovered","useEventListener","eventName","callback"],"mappings":"8KAIc,SAAUA,EAAeC,GAAyC,IAAtCC,EAAGD,EAAHC,IACxCC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAEtBI,EAAaC,GACjB,SAACC,GAGCH,EADqBG,EAAMC,UADXV,GAAOA,EAAIW,SAG7B,GACA,CAACL,EAAYN,IAETY,EAAgBJ,GAAY,WAAA,OAAMF,GAAW,KAAQ,CAACA,IAK5D,OAHAO,EAAiB,CAAEC,UAAW,aAAcC,SAAUR,EAAYP,IAAAA,IAClEa,EAAiB,CAAEC,UAAW,aAAcC,SAAUH,EAAeZ,IAAAA,IAE9DK,CACT"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseItem.js","sources":["../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\n\nimport { Text, type TextType } from \"@vibe/typography\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { useListItemProps } from \"./hooks/useListItemProps\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { renderSideElement } from \"./utils\";\nimport styles from \"./BaseItem.module.scss\";\n\nconst BaseItem = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      className,\n      id,\n      component = \"li\",\n      size = \"medium\",\n      selected = false,\n      readOnly = false,\n      highlighted = false,\n      role,\n      index: _index,\n      dir = \"auto\",\n      itemRenderer,\n      itemProps = {},\n      item = {} as BaseItemData<Item>\n    }: BaseItemProps<Item>,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const internalRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, internalRef);\n\n    const listItemProps = useListItemProps({ id, component, size, highlighted, role, itemProps });\n\n    useEffect(() => {\n      listItemProps.refCallback?.(internalRef.current);\n    }, [listItemProps]);\n\n    const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n\n    const listItemClassNames = useMemo(\n      () =>\n        cx(\n          styles.wrapper,\n          {\n            [styles.selected]: selected,\n            [styles.disabled]: disabled,\n            [styles.highlighted]: listItemProps.highlighted,\n            [styles.readOnly]: readOnly\n          },\n          getStyle(styles, listItemProps.size),\n          className\n        ),\n      [selected, disabled, listItemProps.highlighted, readOnly, listItemProps.size, className]\n    );\n\n    const textVariant: TextType = listItemProps.size === \"small\" ? \"text2\" : \"text1\";\n    const Element = listItemProps.component as React.ElementType;\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        content={tooltipProps?.content}\n        position={dir === \"rtl\" ? \"right\" : \"left\"}\n        containerSelector=\"body\"\n      >\n        <Element\n          id={listItemProps.id}\n          ref={mergedRef}\n          className={listItemClassNames}\n          role={listItemProps.role}\n          aria-selected={selected}\n          aria-disabled={disabled || undefined}\n          {...listItemProps.itemProps}\n        >\n          {itemRenderer ? (\n            itemRenderer(item)\n          ) : (\n            <>\n              {startElement && renderSideElement(startElement, disabled, textVariant)}\n              <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n                {label}\n              </Text>\n              {endElement && (\n                <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n              )}\n            </>\n          )}\n        </Element>\n      </Tooltip>\n    );\n  }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n  props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","internalRef","useRef","mergedRef","useMergeRef","listItemProps","useListItemProps","useEffect","_a","refCallback","call","current","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","undefined","Fragment","renderSideElement","Text","type","color"],"mappings":"6mBAWMA,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAI3BE,EAAcC,EAAoB,MAClCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAgBC,EAAiB,CAAExB,GAAAA,EAAIE,UAAAA,EAAWE,KAAAA,EAAMM,YAAAA,EAAaC,KAAAA,EAAMK,UAAAA,IAEjFS,GAAU,iBACiB,QAAzBC,EAAAH,EAAcI,mBAAW,IAAAD,GAAAA,EAAAE,KAAAL,EAAGJ,EAAYU,QAC1C,GAAG,CAACN,IAEJ,IAAAO,EAAsFZ,EAA9Ea,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEd,EAAlEe,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDhB,EAAhDgB,aAAcC,EAAkCjB,EAAlCiB,WAAUC,EAAwBlB,EAAtBmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAE3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOnC,SAAWA,GAClBmC,EAAOR,SAAWA,GAClBQ,EAAO/B,YAAca,EAAcb,aACnC+B,EAAOjC,SAAWA,GAErBoC,EAASH,EAAQlB,EAAcnB,MAC/BL,EACD,GACH,CAACO,EAAU2B,EAAUV,EAAcb,YAAaF,EAAUe,EAAcnB,KAAML,IAG1E8C,EAA+C,UAAvBtB,EAAcnB,KAAmB,QAAU,QACnE0C,EAAUvB,EAAcrB,UAE9B,OACE6C,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EACFd,EACJ,CAAAe,QAASf,aAAA,EAAAA,EAAce,QACvBC,SAAkB,QAARxC,EAAgB,QAAU,OACpCyC,kBAAkB,SAElBP,EAACC,cAAAF,iBACC9C,GAAIuB,EAAcvB,GAClBF,IAAKuB,EACLtB,UAAWuC,EACX3B,KAAMY,EAAcZ,KAAI,gBACTL,EACA,gBAAA2B,QAAYsB,GACvBhC,EAAcP,WAEjBF,EACCA,EAAaI,GAEb6B,EAAAC,cAAAD,EAAAS,SAAA,KACGtB,GAAgBuB,EAAkBvB,EAAcD,EAAUY,GAC3DE,EAAAC,cAACU,EAAK,CAAAC,KAAMd,EAAae,MAAM,UAAUvB,aAAc,CAAEiB,kBAAmB,SACzEvB,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKjD,UAAW0C,EAAON,YAAasB,EAAkBtB,EAAYF,EAAUY,MAO1F"}

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

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper_01f61608d7","focus-visible":"focus-visible_eb03305b30",highlighted:"highlighted_04ad512416",disabled:"disabled_54c2a53d40",readOnly:"readOnly_8955cd3d91",selected:"selected_1c706075b1",small:"small_35d2728b52",medium:"medium_2b997f0ff8",large:"large_03e631e72e",avatar:"avatar_7b53782313",icon:"icon_82c424c849",indent:"indent_c3374f3f1a",endElement:"endElement_5eec7cd446"};!function(e){const n="s_id-c5f50f32df2c_4_5_20";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_01f61608d7 {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_01f61608d7:focus-visible, .wrapper_01f61608d7.focus-visible_eb03305b30 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_01f61608d7:focus:not(.focus-visible_eb03305b30) {\n  outline: none;\n}\n.wrapper_01f61608d7.highlighted_04ad512416, .wrapper_01f61608d7:hover:not(.disabled_54c2a53d40):not(.readOnly_8955cd3d91) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_01f61608d7.disabled_54c2a53d40 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_01f61608d7.readOnly_8955cd3d91 {\n  cursor: default;\n}\n.wrapper_01f61608d7.selected_1c706075b1 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_01f61608d7.selected_1c706075b1.highlighted_04ad512416, .wrapper_01f61608d7.selected_1c706075b1:hover:not(.disabled_54c2a53d40):not(.readOnly_8955cd3d91) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_01f61608d7.small_35d2728b52 {\n  padding: 6px var(--space-8);\n}\n.wrapper_01f61608d7.medium_2b997f0ff8 {\n  padding: 9px 12px;\n}\n.wrapper_01f61608d7.large_03e631e72e {\n  padding: 13px 12px;\n}\n.wrapper_01f61608d7 .avatar_7b53782313,\n.wrapper_01f61608d7 .icon_82c424c849 {\n  flex-shrink: 0;\n}\n.wrapper_01f61608d7 .indent_c3374f3f1a {\n  width: 20px;\n}\n.wrapper_01f61608d7 .endElement_5eec7cd446 {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
-//# sourceMappingURL=BaseItem.module.scss.js.map

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

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

package/dist/src/components/BaseItem/hooks/useListItemProps.js

@@ -1,2 +0,0 @@
-import{useBaseListItem as i}from"../../BaseList/context/BaseListContext.js";function e(e){var o,l,t,n,d,h,r=i();return r?{id:null!==(d=e.id)&&void 0!==d?d:r.id,component:"li"!==e.component?e.component:r.component,size:"medium"!==e.size?e.size:r.size,highlighted:void 0!==e.highlighted?e.highlighted:r.highlighted,role:null!==(h=e.role)&&void 0!==h?h:r.role,itemProps:Object.assign({tabIndex:r.tabIndex},e.itemProps),refCallback:r.refCallback}:{id:e.id,component:null!==(o=e.component)&&void 0!==o?o:"li",size:null!==(l=e.size)&&void 0!==l?l:"medium",highlighted:null!==(t=e.highlighted)&&void 0!==t&&t,role:e.role,itemProps:null!==(n=e.itemProps)&&void 0!==n?n:{},refCallback:void 0}}export{e as useListItemProps};
-//# sourceMappingURL=useListItemProps.js.map

package/dist/src/components/BaseItem/hooks/useListItemProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemProps.js","sources":["../../../../../src/components/BaseItem/hooks/useListItemProps.ts"],"sourcesContent":["import { useBaseListItem } from \"../../BaseList/context/BaseListContext\";\nimport { type BaseItemProps } from \"../BaseItem.types\";\n\ntype ListItemPropsInput<Item extends Record<string, unknown>> = Pick<\n  BaseItemProps<Item>,\n  \"id\" | \"component\" | \"size\" | \"highlighted\" | \"role\" | \"itemProps\"\n>;\n\ninterface ListItemPropsOutput {\n  id: string | undefined;\n  component: string;\n  size: \"small\" | \"medium\" | \"large\";\n  highlighted: boolean;\n  role: string | undefined;\n  itemProps: Record<string, unknown>;\n  refCallback: ((element: HTMLElement | null) => void) | undefined;\n}\n\n/**\n * Merges explicit BaseItem props with context values from BaseList.\n * Explicit props always take precedence over context.\n *\n * @param props - The explicit props passed to BaseItem\n * @returns Merged props with context values as defaults\n */\nexport function useListItemProps<Item extends Record<string, unknown>>(\n  props: ListItemPropsInput<Item>\n): ListItemPropsOutput {\n  const context = useBaseListItem();\n\n  if (!context) {\n    return {\n      id: props.id,\n      component: props.component ?? \"li\",\n      size: props.size ?? \"medium\",\n      highlighted: props.highlighted ?? false,\n      role: props.role,\n      itemProps: props.itemProps ?? {},\n      refCallback: undefined\n    };\n  }\n\n  return {\n    id: props.id ?? context.id,\n    component: props.component !== \"li\" ? props.component! : context.component,\n    size: props.size !== \"medium\" ? props.size! : context.size,\n    highlighted: props.highlighted !== undefined ? props.highlighted : context.highlighted,\n    role: props.role ?? context.role,\n    itemProps: {\n      tabIndex: context.tabIndex,\n      ...props.itemProps\n    },\n    refCallback: context.refCallback\n  };\n}\n"],"names":["useListItemProps","props","context","useBaseListItem","id","_e","component","size","highlighted","undefined","role","_f","itemProps","Object","assign","tabIndex","refCallback","_a","_b","_c","_d"],"mappings":"4EAyBM,SAAUA,EACdC,mBAEMC,EAAUC,IAEhB,OAAKD,EAYE,CACLE,GAAgB,UAAZH,EAAMG,UAAM,IAAAC,EAAAA,EAAAH,EAAQE,GACxBE,UAA+B,OAApBL,EAAMK,UAAqBL,EAAMK,UAAaJ,EAAQI,UACjEC,KAAqB,WAAfN,EAAMM,KAAoBN,EAAMM,KAAQL,EAAQK,KACtDC,iBAAmCC,IAAtBR,EAAMO,YAA4BP,EAAMO,YAAcN,EAAQM,YAC3EE,KAAoB,UAAdT,EAAMS,YAAQ,IAAAC,EAAAA,EAAAT,EAAQQ,KAC5BE,UAASC,OAAAC,OAAA,CACPC,SAAUb,EAAQa,UACfd,EAAMW,WAEXI,YAAad,EAAQc,aArBd,CACLZ,GAAIH,EAAMG,GACVE,kBAAWW,EAAAhB,EAAMK,yBAAa,KAC9BC,aAAMW,EAAAjB,EAAMM,oBAAQ,SACpBC,oBAAaW,EAAAlB,EAAMO,4BACnBE,KAAMT,EAAMS,KACZE,kBAAWQ,EAAAnB,EAAMW,yBAAa,CAAE,EAChCI,iBAAaP,EAgBnB"}