@vibe/core 3.87.0 → 4.0.0-alpha.0

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 \"../../components/Divider/Divider\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport {\n  MultiStepType as MultiStepTypeEnum,\n  Size as SizeEnum,\n  StepStatus as StepStatusEnum,\n  TextPlacement as TextPlacementEnum\n} from \"./MultiStepConstants\";\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, withStaticProps } 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\ninterface MultiStepIndicatorStaticProps {\n  types: typeof MultiStepTypeEnum;\n  stepStatuses: typeof StepStatusEnum;\n  textPlacements: typeof TextPlacementEnum;\n  sizes: typeof SizeEnum;\n}\n\nexport default withStaticProps<MultiStepIndicatorProps, MultiStepIndicatorStaticProps>(MultiStepIndicator, {\n  types: MultiStepTypeEnum,\n  stepStatuses: StepStatusEnum,\n  textPlacements: TextPlacementEnum,\n  sizes: SizeEnum\n});\n"],"names":["withStaticProps","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","types","MultiStepTypeEnum","stepStatuses","StepStatusEnum","textPlacements","TextPlacementEnum","sizes","SizeEnum"],"mappings":"4tBA8DA,IAmHeA,EAAAA,EAnHYC,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,IAUyG,CACzGO,MAAOC,EACPC,aAAcC,EACdC,eAAgBC,EAChBC,MAAOC"}

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-0040463364ed_3_86_0";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(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=MultiStepIndicator.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as n}from"es-toolkit";import{getStyle as a}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as r}from"../../../../tests/testIds.js";import l from"classnames";import{keyCodes as s}from"../../../../constants/keyCodes.js";import c,{useState as m,useRef as d,useCallback as p,useEffect as u,useMemo as f}from"react";import{SwitchTransition as v,CSSTransition as y}from"react-transition-group";import _ from"../../../../hooks/useEventListener/index.js";import E from"../../../../hooks/useKeyEvent/index.js";import{Icon as b}from"@vibe/icon/mockedClassNames";import{Check as x}from"@vibe/icons";import N from"../../../Divider/Divider.js";import{NOOP as k}from"../../../../utils/function-utils.js";import S from"../../../HiddenText/HiddenText.js";import{Clickable as C}from"@vibe/clickable/mockedClassNames";import T from"./StepIndicator.module.scss.js";var I=[s.ENTER,s.SPACE],j=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?c.createElement(c.Fragment,null,e.stepNumber):c.createElement(b,{icon:t,className:l(T.numberContainerTextCheckIcon),iconType:i,ignoreFocusStyle:!0,ariaHidden:!0})},A=function(s){var b=s.stepComponentClassName,A=s.stepNumber,g=void 0===A?1:A,D=s.status,w=void 0===D?"pending":D,F=s.titleText,H=void 0===F?"Heading text":F,h=s.subtitleText,P=void 0===h?"Subtitle text":h,L=s.type,z=void 0===L?"primary":L,B=s.fulfilledStepIcon,R=void 0===B?x:B,V=s.fulfilledStepIconType,K=void 0===V?"svg":V,M=s.isFulfilledStepDisplayNumber,O=void 0!==M&&M,q=s.onClick,G=void 0===q?k:q,J=s.isFollowedByDivider,Q=void 0!==J&&J,U=s.stepDividerClassName,W=s.isVertical,X=void 0!==W&&W,Y=s.id,Z=s.size,$=void 0===Z?"regular":Z,ee=s["data-testid"],te=m(!1),ie=e(te,2),ne=ie[0],ae=ie[1],oe=d(null),re=d(w),le=p((function(){ae(!0)}),[ae]),se=p((function(){ae(!1)}),[ae]),ce=p((function(){return re.current!==w}),[re,w]),me=p((function(){G&&G(g)}),[G,g]);_({eventName:"animationend",callback:se,ref:oe}),E({keys:I,callback:me,ref:oe}),u((function(){ce()&&le()}),[w,ce,le]),u((function(){re.current=w}),[w]);var de=f((function(){return"Step ".concat(g,": ").concat(H," - ").concat(P,", status: ").concat(w)}),[w,H,g,P]),pe=function(e){return[a(T,n(e||"indicator")),a(T,n("type-".concat(z).concat(e))),a(T,n("status-".concat(w).concat(e))),a(T,n("size-".concat($).concat(e)))]};return c.createElement(C,{tabIndex:"-1",elementType:"li",className:l.apply(void 0,t(pe("")).concat([b,i(i(i({},T.withAnimation,ne),T.clickable,G),T.textPlacementVertical,X)])),"aria-label":de,onClick:me,"data-testid":ee||o(r.STEP_INDICATOR,Y)},c.createElement("div",{className:l.apply(void 0,t(pe("__number-divider-container")))},c.createElement("div",{className:l.apply(void 0,t(pe("__number-container"))),ref:oe,tabIndex:0,role:"button"},c.createElement(v,{mode:"out-in"},c.createElement(y,{classNames:{enter:T.swapEnter,enterActive:T.swapEnterActive,exit:T.swapExit,exitActive:T.swapExitActive},addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:w},c.createElement("span",{className:l.apply(void 0,t(pe("__number-container__text")))},c.createElement(j,{fulfilledStepIcon:R,fulfilledStepIconType:K,isFulfilledStepDisplayNumber:O,stepNumber:g,status:w}))))),Q&&X&&c.createElement(N,{className:l(T.divider,U)})),c.createElement("div",{className:l.apply(void 0,t(pe("__text-container")))},c.createElement("div",{className:l.apply(void 0,t(pe("__text-container__title")))},c.createElement(S,{text:w})," ",c.createElement("span",{className:l.apply(void 0,t(pe("__text-container__title__text")))},H)),"compact"!==$?c.createElement("span",{className:l.apply(void 0,t(pe("__text-container__subtitle__text")))},P):null))};export{A 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 } from \"../../../../helpers/typesciptCssModulesHelper\";\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 \"../../../../components/Divider/Divider\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\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      iconType={fulfilledStepIconType}\n      ignoreFocusStyle\n      ariaHidden={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 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<undefined>\n              // CSSTransition needs to be specified with the generic parameter to decide type for addEndListener's callback\n              // otherwise, addEndListener cb has only `done` param (ts error)\n              classNames={{\n                enter: styles.swapEnter,\n                enterActive: styles.swapEnterActive,\n                exit: styles.swapExit,\n                exitActive: styles.swapExitActive\n              }}\n              addEndListener={(node: HTMLElement, done: () => void) => {\n                node.addEventListener(\"transitionend\", done, false);\n              }}\n              key={status}\n            >\n              <span 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","createElement","Fragment","stepNumber","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","iconType","ignoreFocusStyle","ariaHidden","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","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","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","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","node","done","addEventListener","key","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-f9249b867669_3_86_0";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-left: 16px;\n}\n.sizeCompactTextContainer {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\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-left: 0;\n  margin-top: var(--spacing-medium);\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 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(--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/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import a,{forwardRef as t,useRef as n,useMemo as r}from"react";import i from"classnames";import o from"./hooks/useNumberFieldState.js";import l from"./hooks/useSpinButtonHandlers.js";import{BaseInput as s}from"@vibe/base/mockedClassNames";import m from"../FieldLabel/FieldLabel.js";import d from"../InfoText/InfoText.js";import{Icon as u}from"@vibe/icon/mockedClassNames";import c from"./components/NumberFieldSpinButton/NumberFieldSpinButton.js";import f from"./NumberField.module.scss.js";import{Flex as b}from"@vibe/layout/mockedClassNames";import p from"../../hooks/useMergeRef.js";import{ComponentVibeId as v}from"../../tests/constants.js";var h=t((function(t,h){var x=t.className,y=t.value,O=t.onChange,g=t.label,N=t.required,C=t.placeholder,j=t.infoText,F=t.error,I=t.success,B=t.disabled,E=t.readOnly,w=t.min,M=t.max,k=t.step,D=void 0===k?1:k,R=t.size,T=void 0===R?"medium":R,V=t.leftIcon,q=t["aria-label"],z=t.id,A=t["data-testid"],L=t.allowOutOfBounds,S=t.onValidityChange,_=e(t,["className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","step","size","leftIcon","aria-label","id","data-testid","allowOutOfBounds","onValidityChange"]),K=n(null),H=p(h,K),U=o({value:y,onChange:O,min:w,max:M,step:D,disabled:B,readOnly:E,allowOutOfBounds:L,onValidityChange:S}),G=U.inputValue,J=U.numericValue,P=U.onChange,Q=U.onKeyDown,W=U.isAtMin,X=U.isAtMax,Y=l({onChange:O,value:J,step:D,min:w,max:M,allowOutOfBounds:L,readOnly:E,inputRef:K}),Z=Y.onIncrement,$=Y.onDecrement,ee=r((function(){return V?a.createElement(u,{icon:V,className:f.leftIcon}):null}),[V]),ae=r((function(){return a.createElement(c,{inputId:z,onIncrement:Z,onDecrement:$,disabled:B||E,size:T,isAtMin:W,isAtMax:X})}),[z,Z,$,B,E,T,W,X]),te=r((function(){return j&&z?"".concat(z,"-info-text"):void 0}),[j,z]),ne=r((function(){return g&&z?"".concat(z,"-label"):void 0}),[g,z]);return a.createElement(b,{direction:"column",align:"stretch",gap:"xs",className:i(f.numberField,x),"data-vibe":v.NUMBER_FIELD},a.createElement(m,{id:ne,className:f.label,labelText:g,required:N,labelFor:z}),a.createElement(s,Object.assign({},_,{"data-testid":A,ref:H,id:z,value:G,onChange:P,onKeyDown:Q,placeholder:C,type:"text",inputMode:"numeric",inputRole:"spinbutton","aria-valuenow":J,"aria-valuemin":w,"aria-valuemax":M,"aria-required":N,"aria-label":q||g,"aria-labelledby":ne,"aria-describedby":te,disabled:B,readOnly:E,size:T,error:F,success:I,renderLeft:ee,renderRight:ae})),a.createElement(d,{id:te,text:j,error:F,success:I,disabled:B,readOnly:E}))}));export{h as default};
-//# sourceMappingURL=NumberField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumberField.js","sources":["../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport { BaseInput } from \"@vibe/base\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport { Icon } from \"@vibe/icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport { Flex } from \"@vibe/layout\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst NumberField = forwardRef(\n  (\n    {\n      className,\n      value,\n      onChange,\n      label,\n      required,\n      placeholder,\n      infoText,\n      error,\n      success,\n      disabled,\n      readOnly,\n      min,\n      max,\n      step = 1,\n      size = \"medium\",\n      leftIcon,\n      \"aria-label\": ariaLabel,\n      id,\n      \"data-testid\": dataTestId,\n      allowOutOfBounds,\n      onValidityChange,\n      ...inputProps\n    }: NumberFieldProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n    const {\n      inputValue,\n      numericValue,\n      onChange: handleChange,\n      onKeyDown,\n      isAtMin,\n      isAtMax\n    } = useNumberFieldState({\n      value,\n      onChange,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      allowOutOfBounds,\n      onValidityChange\n    });\n\n    const { onIncrement, onDecrement } = useSpinButtonHandlers({\n      onChange,\n      value: numericValue,\n      step,\n      min,\n      max,\n      allowOutOfBounds,\n      readOnly,\n      inputRef\n    });\n\n    const renderedLeftIcon = useMemo(() => {\n      if (!leftIcon) return null;\n      return <Icon icon={leftIcon} className={styles.leftIcon} />;\n    }, [leftIcon]);\n\n    const renderedRightIcon = useMemo(() => {\n      return (\n        <NumberFieldSpinButton\n          inputId={id}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n          disabled={disabled || readOnly}\n          size={size}\n          isAtMin={isAtMin}\n          isAtMax={isAtMax}\n        />\n      );\n    }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n    const infoTextId = useMemo(() => {\n      return infoText && id ? `${id}-info-text` : undefined;\n    }, [infoText, id]);\n\n    const labelId = useMemo(() => {\n      return label && id ? `${id}-label` : undefined;\n    }, [label, id]);\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"stretch\"\n        gap=\"xs\"\n        className={cx(styles.numberField, className)}\n        data-vibe={ComponentVibeId.NUMBER_FIELD}\n      >\n        <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n        <BaseInput\n          {...inputProps}\n          data-testid={dataTestId}\n          ref={mergedRef}\n          id={id}\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          type=\"text\"\n          inputMode=\"numeric\"\n          inputRole=\"spinbutton\"\n          aria-valuenow={numericValue}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-required={required}\n          aria-label={ariaLabel || label}\n          aria-labelledby={labelId}\n          aria-describedby={infoTextId}\n          disabled={disabled}\n          readOnly={readOnly}\n          size={size}\n          error={error}\n          success={success}\n          renderLeft={renderedLeftIcon}\n          renderRight={renderedRightIcon}\n        />\n        <InfoText\n          id={infoTextId}\n          text={infoText}\n          error={error}\n          success={success}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","ComponentVibeId","NUMBER_FIELD","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={numberField:"numberField",label:"label",leftIcon:"leftIcon"};!function(e){const n="s_id-043e6276934a_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField {\n  width: 100%;\n}\n.numberField .label {\n  padding-bottom: 0;\n}\n.numberField .leftIcon {\n  color: var(--icon-color);\n}");export{e as default};
-//# sourceMappingURL=NumberField.module.scss.js.map

package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js.map

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

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js

@@ -1,2 +0,0 @@
-import e from"react";import o from"classnames";import{IconButton as i}from"@vibe/icon-button/mockedClassNames";import{DropdownChevronUp as t,DropdownChevronDown as s}from"@vibe/icons";import{Flex as n}from"@vibe/layout/mockedClassNames";import{getStyle as a}from"../../../../helpers/typesciptCssModulesHelper.js";import r from"./NumberFieldSpinButton.module.scss.js";var l=function(l){var m=l.inputId,c=l.onIncrement,d=l.onDecrement,p=l.disabled,u=l.isAtMin,b=l.isAtMax,f=o(r.spinButton,a(r,l.size)),C=r.icon;return e.createElement(n,{direction:"column",align:"stretch",justify:"center",onMouseDown:function(e){e.preventDefault()}},e.createElement(i,{ariaLabel:"Increase",hideTooltip:!0,ariaControls:m,tabIndex:-1,onClick:c,disabled:p||b,size:null,className:f,iconClassName:C,icon:t}),e.createElement(i,{ariaLabel:"Decrease",hideTooltip:!0,ariaControls:m,tabIndex:-1,onClick:d,disabled:p||u,size:null,className:f,iconClassName:C,icon:s}))};export{l as default};
-//# sourceMappingURL=NumberFieldSpinButton.js.map

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberFieldSpinButton.js","sources":["../../../../../../../src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldSpinButtonProps } from \"./NumberFieldSpinButton.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport { Flex } from \"@vibe/layout\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./NumberFieldSpinButton.module.scss\";\n\nconst NumberFieldSpinButton = ({\n  inputId,\n  onIncrement,\n  onDecrement,\n  disabled,\n  size,\n  isAtMin,\n  isAtMax\n}: NumberFieldSpinButtonProps) => {\n  const iconButtonClassName = cx(styles.spinButton, getStyle(styles, size));\n  const iconClassName = styles.icon;\n\n  const handleMouseDown = (event: React.MouseEvent) => {\n    // to prevent `IconButton`s from stealing focus\n    event.preventDefault();\n  };\n\n  return (\n    <Flex direction=\"column\" align=\"stretch\" justify=\"center\" onMouseDown={handleMouseDown}>\n      <IconButton\n        ariaLabel=\"Increase\"\n        hideTooltip\n        ariaControls={inputId}\n        tabIndex={-1}\n        onClick={onIncrement}\n        disabled={disabled || isAtMax}\n        size={null}\n        className={iconButtonClassName}\n        iconClassName={iconClassName}\n        icon={DropdownChevronUp}\n      />\n      <IconButton\n        ariaLabel=\"Decrease\"\n        hideTooltip\n        ariaControls={inputId}\n        tabIndex={-1}\n        onClick={onDecrement}\n        disabled={disabled || isAtMin}\n        size={null}\n        className={iconButtonClassName}\n        iconClassName={iconClassName}\n        icon={DropdownChevronDown}\n      />\n    </Flex>\n  );\n};\n\nexport default NumberFieldSpinButton;\n"],"names":["NumberFieldSpinButton","_ref","inputId","onIncrement","onDecrement","disabled","isAtMin","isAtMax","iconButtonClassName","cx","styles","spinButton","getStyle","size","iconClassName","icon","React","createElement","Flex","direction","align","justify","onMouseDown","event","preventDefault","IconButton","ariaLabel","hideTooltip","ariaControls","tabIndex","onClick","className","DropdownChevronUp","DropdownChevronDown"],"mappings":"+WASA,IAAMA,EAAwB,SAAHC,GAQM,IAP/BC,EAAOD,EAAPC,QACAC,EAAWF,EAAXE,YACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SAEAC,EAAOL,EAAPK,QACAC,EAAON,EAAPM,QAEMC,EAAsBC,EAAGC,EAAOC,WAAYC,EAASF,EAJvDT,EAAJY,OAKMC,EAAgBJ,EAAOK,KAO7B,OACEC,EAACC,cAAAC,GAAKC,UAAU,SAASC,MAAM,UAAUC,QAAQ,SAASC,YANpC,SAACC,GAEvBA,EAAMC,mBAKJR,EAAAC,cAACQ,EACC,CAAAC,UAAU,WACVC,aACA,EAAAC,aAAc1B,EACd2B,UAAW,EACXC,QAAS3B,EACTE,SAAUA,GAAYE,EACtBM,KAAM,KACNkB,UAAWvB,EACXM,cAAeA,EACfC,KAAMiB,IAERhB,EAACC,cAAAQ,GACCC,UAAU,WACVC,eACAC,aAAc1B,EACd2B,UAAW,EACXC,QAAS1B,EACTC,SAAUA,GAAYC,EACtBO,KAAM,KACNkB,UAAWvB,EACXM,cAAeA,EACfC,KAAMkB,IAId"}

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js

@@ -1,2 +0,0 @@
-var n={spinButton:"spinButton",large:"large",icon:"icon",medium:"medium",small:"small"};!function(n){const e="s_id-eb36452422c9_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton.large {\n  width: 28px;\n  height: 20px;\n}\n.spinButton.large .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.medium {\n  width: 24px;\n  height: 16px;\n}\n.spinButton.medium .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.small {\n  width: 22px;\n  height: 14px;\n}\n.spinButton.small .icon {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
-//# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js.map

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

package/dist/mocked_classnames/src/components/NumberField/hooks/useNumberFieldState.js

@@ -1,2 +0,0 @@
-import{slicedToArray as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as a,useEffect as l,useCallback as r}from"react";import{calculateSteppedValue as i}from"../utils/calcValue.js";var e=function(e){var t=e.value,o=e.onChange,u=e.min,v=e.max,d=e.step,f=void 0===d?1:d,s=e.disabled,m=e.readOnly,p=e.allowOutOfBounds,c=e.onValidityChange,h=a(null===t?"":t+""),g=n(h,2),w=g[0],y=g[1];l((function(){var n=null===t?"":t+"";y((function(a){return t!==parseFloat(a)?n:a}))}),[t]);var x=r((function(n){var a=n.target.value;if(""===a)return y(""),void o(null,n);if(/^-?\d*\.?\d*$/.test(a)){y(a);var l="-"===a||a.endsWith(".");if(l&&1===a.length&&a.endsWith("."))o(0,n);else if(!l){var r=parseFloat(a);if(p)return void(r!==t&&o(r,n));var i=Math.max(null!=u?u:-1/0,Math.min(null!=v?v:1/0,r));i!==t&&o(i,n)}}}),[o,p,u,v,t]);l((function(){c&&c(null===t||!(void 0!==u&&u>t||void 0!==v&&t>v))}),[t,u,v,c]);var A=r((function(n){if(!s&&!m){var a="ArrowUp"===n.key;if(a||"ArrowDown"===n.key){n.preventDefault();var l=i({value:t,direction:a?1:-1,step:f,min:u,max:v,allowOutOfBounds:p});o(l,n)}}}),[t,f,u,v,o,s,m,p]);return{inputValue:w,numericValue:t,onChange:x,onKeyDown:A,isAtMin:!p&&null!==t&&void 0!==u&&u>=t,isAtMax:!p&&null!==t&&void 0!==v&&t>=v}};export{e as default};
-//# sourceMappingURL=useNumberFieldState.js.map

package/dist/mocked_classnames/src/components/NumberField/hooks/useNumberFieldState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useNumberFieldState.js","sources":["../../../../../../src/components/NumberField/hooks/useNumberFieldState.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { type NumberFieldProps } from \"../NumberField.types\";\nimport { calculateSteppedValue } from \"../utils/calcValue\";\n\nexport type UseNumberFieldStateProps = Pick<\n  NumberFieldProps,\n  \"value\" | \"onChange\" | \"min\" | \"max\" | \"step\" | \"disabled\" | \"readOnly\" | \"allowOutOfBounds\" | \"onValidityChange\"\n>;\n\nconst useNumberFieldState = ({\n  value: controlledValue,\n  onChange,\n  min,\n  max,\n  step = 1,\n  disabled,\n  readOnly,\n  allowOutOfBounds,\n  onValidityChange\n}: UseNumberFieldStateProps) => {\n  const [inputValue, setInputValue] = useState(controlledValue === null ? \"\" : String(controlledValue));\n\n  useEffect(() => {\n    const controlledValueStr = controlledValue === null ? \"\" : String(controlledValue);\n    setInputValue(prevInputValue =>\n      controlledValue !== parseFloat(prevInputValue) ? controlledValueStr : prevInputValue\n    );\n  }, [controlledValue]);\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const stringValue = event.target.value;\n\n      if (stringValue === \"\") {\n        setInputValue(\"\");\n        onChange(null, event);\n        return;\n      }\n\n      const numericRegex = /^-?\\d*\\.?\\d*$/;\n      if (!numericRegex.test(stringValue)) {\n        return;\n      }\n\n      setInputValue(stringValue);\n      const isPartial = stringValue === \"-\" || stringValue.endsWith(\".\");\n      if (isPartial && stringValue.length === 1 && stringValue.endsWith(\".\")) {\n        onChange(0, event);\n        return;\n      }\n\n      if (!isPartial) {\n        const newNumber = parseFloat(stringValue);\n        if (allowOutOfBounds) {\n          if (newNumber !== controlledValue) {\n            onChange(newNumber, event);\n          }\n          return;\n        }\n\n        const clampedValue = Math.max(min ?? -Infinity, Math.min(max ?? Infinity, newNumber));\n        if (clampedValue !== controlledValue) {\n          onChange(clampedValue, event);\n        }\n      }\n    },\n    [onChange, allowOutOfBounds, min, max, controlledValue]\n  );\n\n  useEffect(() => {\n    if (!onValidityChange) return;\n\n    if (controlledValue === null) {\n      onValidityChange(true);\n      return;\n    }\n\n    const isWithinBounds =\n      (min === undefined || controlledValue >= min) && (max === undefined || controlledValue <= max);\n    onValidityChange(isWithinBounds);\n  }, [controlledValue, min, max, onValidityChange]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || readOnly) {\n        return;\n      }\n\n      const isArrowUp = event.key === \"ArrowUp\";\n      const isArrowDown = event.key === \"ArrowDown\";\n\n      if (isArrowUp || isArrowDown) {\n        event.preventDefault();\n        const direction = isArrowUp ? 1 : -1;\n        const newValue = calculateSteppedValue({\n          value: controlledValue,\n          direction,\n          step,\n          min,\n          max,\n          allowOutOfBounds\n        });\n        onChange(newValue, event);\n      }\n    },\n    [controlledValue, step, min, max, onChange, disabled, readOnly, allowOutOfBounds]\n  );\n\n  const isAtMin = !allowOutOfBounds && controlledValue !== null && min !== undefined && controlledValue <= min;\n  const isAtMax = !allowOutOfBounds && controlledValue !== null && max !== undefined && controlledValue >= max;\n\n  return {\n    inputValue,\n    numericValue: controlledValue,\n    onChange: handleChange,\n    onKeyDown: handleKeyDown,\n    isAtMin,\n    isAtMax\n  };\n};\n\nexport default useNumberFieldState;\n"],"names":["useNumberFieldState","_ref","controlledValue","value","onChange","min","max","_ref$step","step","disabled","readOnly","allowOutOfBounds","onValidityChange","_useState","useState","String","_useState2","_slicedToArray","inputValue","setInputValue","useEffect","controlledValueStr","prevInputValue","parseFloat","handleChange","useCallback","event","stringValue","target","test","isPartial","endsWith","length","newNumber","clampedValue","Math","Infinity","undefined","handleKeyDown","isArrowUp","key","preventDefault","newValue","calculateSteppedValue","direction","numericValue","onKeyDown","isAtMin","isAtMax"],"mappings":"iNASA,IAAMA,EAAsB,SAAHC,GAUM,IATtBC,EAAeD,EAAtBE,MACAC,EAAQH,EAARG,SACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAAGC,EAAAN,EACHO,KAAAA,OAAO,IAAHD,EAAG,EAACA,EACRE,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBAEAC,EAAoCC,EAA6B,OAApBZ,EAA2B,GAAYA,EAAPa,IAAwBC,EAAAC,EAAAJ,EAAA,GAA9FK,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhCI,GAAU,WACR,IAAMC,EAAyC,OAApBnB,EAA2B,GAAYA,EAAPa,GAC3DI,GAAc,SAAAG,GAAc,OAC1BpB,IAAoBqB,WAAWD,GAAkBD,EAAqBC,IAE1E,GAAG,CAACpB,IAEJ,IAAMsB,EAAeC,GACnB,SAACC,GACC,IAAMC,EAAcD,EAAME,OAAOzB,MAEjC,GAAoB,KAAhBwB,EAGF,OAFAR,EAAc,SACdf,EAAS,KAAMsB,GAKjB,GADqB,gBACHG,KAAKF,GAAvB,CAIAR,EAAcQ,GACd,IAAMG,EAA4B,MAAhBH,GAAuBA,EAAYI,SAAS,KAC9D,GAAID,GAAoC,IAAvBH,EAAYK,QAAgBL,EAAYI,SAAS,KAChE3B,EAAS,EAAGsB,QAId,IAAKI,EAAW,CACd,IAAMG,EAAYV,WAAWI,GAC7B,GAAIhB,EAIF,YAHIsB,IAAc/B,GAChBE,EAAS6B,EAAWP,IAKxB,IAAMQ,EAAeC,KAAK7B,IAAID,QAAAA,GAAQ+B,IAAUD,KAAK9B,IAAIC,QAAAA,EAAO8B,IAAUH,IACtEC,IAAiBhC,GACnBE,EAAS8B,EAAcR,EAE1B,CAtBA,CAuBH,GACA,CAACtB,EAAUO,EAAkBN,EAAKC,EAAKJ,IAGzCkB,GAAU,WACHR,GASLA,EAPwB,OAApBV,UAMOmC,IAARhC,GAAwCA,EAAnBH,QAAoCmC,IAAR/B,GAAqBJ,EAAmBI,GAE7F,GAAE,CAACJ,EAAiBG,EAAKC,EAAKM,IAE/B,IAAM0B,EAAgBb,GACpB,SAACC,GACC,IAAIjB,IAAYC,EAAhB,CAIA,IAAM6B,EAA0B,YAAdb,EAAMc,IAGxB,GAAID,GAF8B,cAAdb,EAAMc,IAEI,CAC5Bd,EAAMe,iBACN,IACMC,EAAWC,EAAsB,CACrCxC,MAAOD,EACP0C,UAHgBL,EAAY,GAAK,EAIjC/B,KAAAA,EACAH,IAAAA,EACAC,IAAAA,EACAK,iBAAAA,IAEFP,EAASsC,EAAUhB,EACpB,CAjBA,CAkBH,GACA,CAACxB,EAAiBM,EAAMH,EAAKC,EAAKF,EAAUK,EAAUC,EAAUC,IAMlE,MAAO,CACLO,WAAAA,EACA2B,aAAc3C,EACdE,SAAUoB,EACVsB,UAAWR,EACXS,SARepC,GAAwC,OAApBT,QAAoCmC,IAARhC,GAAwCA,GAAnBH,EASpF8C,SARerC,GAAwC,OAApBT,QAAoCmC,IAAR/B,GAAqBJ,GAAmBI,EAU3G"}

package/dist/mocked_classnames/src/components/NumberField/hooks/useSpinButtonHandlers.js

@@ -1,2 +0,0 @@
-import{useCallback as n}from"react";import{calculateSteppedValue as o}from"../utils/calcValue.js";var t=function(t){var e=t.onChange,r=t.value,u=t.step,a=void 0===u?1:u,i=t.min,l=t.max,c=t.allowOutOfBounds,f=t.readOnly,m=t.inputRef,s=n((function(n,t){var u;if(!f){var s=o({value:r,direction:n,step:a,min:i,max:l,allowOutOfBounds:c});e(s,t),null===(u=m.current)||void 0===u||u.focus()}}),[r,a,i,l,e,c,f,m]);return{onIncrement:n((function(n){s(1,n)}),[s]),onDecrement:n((function(n){s(-1,n)}),[s])}};export{t as default};
-//# sourceMappingURL=useSpinButtonHandlers.js.map

package/dist/mocked_classnames/src/components/NumberField/hooks/useSpinButtonHandlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSpinButtonHandlers.js","sources":["../../../../../../src/components/NumberField/hooks/useSpinButtonHandlers.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type NumberFieldProps } from \"../NumberField.types\";\nimport { calculateSteppedValue } from \"../utils/calcValue\";\n\nexport type UseSpinButtonHandlersProps = Pick<\n  NumberFieldProps,\n  \"onChange\" | \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\" | \"readOnly\"\n> & {\n  inputRef: React.RefObject<HTMLInputElement>;\n};\n\nconst useSpinButtonHandlers = ({\n  onChange,\n  value,\n  step = 1,\n  min,\n  max,\n  allowOutOfBounds,\n  readOnly,\n  inputRef\n}: UseSpinButtonHandlersProps) => {\n  const handleStep = useCallback(\n    (direction: number, event: React.MouseEvent | React.KeyboardEvent) => {\n      if (readOnly) return;\n      const newValue = calculateSteppedValue({ value, direction, step, min, max, allowOutOfBounds });\n      onChange(newValue, event);\n      inputRef.current?.focus();\n    },\n    [value, step, min, max, onChange, allowOutOfBounds, readOnly, inputRef]\n  );\n\n  const onIncrement = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      handleStep(1, event);\n    },\n    [handleStep]\n  );\n\n  const onDecrement = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      handleStep(-1, event);\n    },\n    [handleStep]\n  );\n\n  return {\n    onIncrement,\n    onDecrement\n  };\n};\n\nexport default useSpinButtonHandlers;\n"],"names":["useSpinButtonHandlers","_ref","onChange","value","_ref$step","step","min","max","allowOutOfBounds","readOnly","inputRef","handleStep","useCallback","direction","event","newValue","calculateSteppedValue","_a","current","focus","onIncrement","onDecrement"],"mappings":"kGAWA,IAAMA,EAAwB,SAAHC,GASM,IAR/BC,EAAQD,EAARC,SACAC,EAAKF,EAALE,MAAKC,EAAAH,EACLI,KAAAA,OAAO,IAAHD,EAAG,EAACA,EACRE,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAgBP,EAAhBO,iBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SAEMC,EAAaC,GACjB,SAACC,EAAmBC,SAClB,IAAIL,EAAJ,CACA,IAAMM,EAAWC,EAAsB,CAAEb,MAAAA,EAAOU,UAAAA,EAAWR,KAAAA,EAAMC,IAAAA,EAAKC,IAAAA,EAAKC,iBAAAA,IAC3EN,EAASa,EAAUD,GACD,QAAlBG,EAAAP,EAASQ,eAAS,IAAAD,GAAAA,EAAAE,OAHJ,CAIhB,GACA,CAAChB,EAAOE,EAAMC,EAAKC,EAAKL,EAAUM,EAAkBC,EAAUC,IAiBhE,MAAO,CACLU,YAfkBR,GAClB,SAACE,GACCH,EAAW,EAAGG,EAChB,GACA,CAACH,IAYDU,YATkBT,GAClB,SAACE,GACCH,GAAY,EAAGG,EACjB,GACA,CAACH,IAOL"}

package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js

@@ -1,2 +0,0 @@
-var a=function(a){var i=a.value,n=a.step,o=a.min,t=a.max,r=(null!=i?i:0)+a.direction*(void 0===n?1:n);return a.allowOutOfBounds||(void 0!==o&&(r=Math.max(o,r)),void 0!==t&&(r=Math.min(t,r))),r};export{a as calculateSteppedValue};
-//# sourceMappingURL=calcValue.js.map

package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calcValue.js","sources":["../../../../../../src/components/NumberField/utils/calcValue.ts"],"sourcesContent":["import { type NumberFieldProps } from \"../NumberField.types\";\n\ntype CalculateSteppedValueProps = Pick<NumberFieldProps, \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\"> & {\n  direction: number;\n};\n\nexport const calculateSteppedValue = ({\n  value,\n  direction,\n  step = 1,\n  min,\n  max,\n  allowOutOfBounds\n}: CalculateSteppedValueProps): number => {\n  const numericValue = value ?? 0;\n  let newValue = numericValue + direction * step;\n\n  if (allowOutOfBounds) {\n    return newValue;\n  }\n\n  if (min !== undefined) {\n    newValue = Math.max(min, newValue);\n  }\n  if (max !== undefined) {\n    newValue = Math.min(max, newValue);\n  }\n  return newValue;\n};\n"],"names":["calculateSteppedValue","_ref","value","_ref$step","step","min","max","newValue","direction","allowOutOfBounds","undefined","Math"],"mappings":"IAMaA,EAAwB,SAAHC,GAOO,IANvCC,EAAKD,EAALC,MACSC,EAAAF,EACTG,KACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAIIC,GADiBL,QAAAA,EAAS,GANrBD,EAATO,gBACO,IAAHL,EAAG,EAACA,GAQR,OALgBF,EAAhBQ,wBASYC,IAARL,IACFE,EAAWI,KAAKL,IAAID,EAAKE,SAEfG,IAARJ,IACFC,EAAWI,KAAKN,IAAIC,EAAKC,KAPlBA,CAUX"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{useMemo as a}from"react";import{camelCase as t}from"es-toolkit";import{getStyle as s}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as l}from"../../../../tests/testIds.js";import i from"classnames";import{calculatePercentage as m}from"../LinearProgressBarHelpers.js";import n from"./Bar.module.scss.js";var p=function(p){var u=p.value,c=p.type,d=p.barStyle,f=p.animated,b=p.min,v=p.max,j=p.color,y=p.barLabelName,g=p.id,B=p["data-testid"],_=p.className,x=a((function(){return i(n.bar,s(n,t("type__"+c+"--"+d)),_,r({},n.animate,f))}),[c,d,f,_]),H=a((function(){return null==u?0:m(u,b,v)}),[u,b,v]);return u?e.createElement("div",{role:"progressbar","aria-label":y,"aria-valuenow":H,"aria-valuemin":0,"aria-valuemax":100,className:x,style:Object.assign({width:"".concat(H,"%")},j&&{backgroundColor:j}),id:g,"data-testid":B||o(l.BAR,g)}):null};export{p as default};
-//# sourceMappingURL=Bar.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.js","sources":["../../../../../../../src/components/ProgressBars/LinearProgressBar/Bar/Bar.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { calculatePercentage } from \"../LinearProgressBarHelpers\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type LinearProgressBarStyle } from \"../LinearProgressBar.types\";\nimport styles from \"./Bar.module.scss\";\n\nexport type BarType = \"primary\" | \"secondary\";\n\nexport interface BarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * Base class name for the bar.\n   */\n  baseClass?: string;\n  /**\n   * The ARIA label describing the progress bar.\n   */\n  barLabelName?: string;\n  /**\n   * Custom color for the progress bar.\n   */\n  color?: string;\n  /**\n   * The type of the bar.\n   */\n  type?: BarType;\n}\n\nconst Bar: FC<BarProps> = ({\n  value,\n  type,\n  barStyle,\n  animated,\n  min,\n  max,\n  color,\n  barLabelName,\n  id,\n  \"data-testid\": dataTestId,\n  className\n}) => {\n  const classNames = useMemo(() => {\n    return cx(styles.bar, getStyle(styles, camelCase(\"type__\" + type + \"--\" + barStyle)), className, {\n      [styles.animate]: animated\n    });\n  }, [type, barStyle, animated, className]);\n\n  const valuePercentage = useMemo(() => {\n    if (value === null || value === undefined) return 0;\n    return calculatePercentage(value, min, max);\n  }, [value, min, max]);\n\n  if (!value) return null;\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-label={barLabelName}\n      aria-valuenow={valuePercentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      className={classNames}\n      style={{\n        width: `${valuePercentage}%`,\n        ...(color && { backgroundColor: color })\n      }}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.BAR, id)}\n    />\n  );\n};\n\nexport default Bar;\n"],"names":["Bar","_ref","value","type","barStyle","animated","min","max","color","barLabelName","id","dataTestId","className","classNames","useMemo","cx","styles","bar","getStyle","camelCase","_defineProperty","animate","valuePercentage","calculatePercentage","React","createElement","role","style","width","concat","backgroundColor","getTestId","ComponentDefaultTestId","BAR"],"mappings":"ocAmDA,IAAMA,EAAoB,SAAjBC,GAYJ,IAXHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aACAC,EAAET,EAAFS,GACeC,EAAUV,EAAzB,eACAW,EAASX,EAATW,UAEMC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,IAAKC,EAASF,EAAQG,EAAU,SAAWhB,EAAO,KAAOC,IAAYQ,EAASQ,EAC5FJ,CAAAA,EAAAA,EAAOK,QAAUhB,GAErB,GAAE,CAACF,EAAMC,EAAUC,EAAUO,IAExBU,EAAkBR,GAAQ,WAC9B,OAAIZ,QAA8C,EAC3CqB,EAAoBrB,EAAOI,EAAKC,EACxC,GAAE,CAACL,EAAOI,EAAKC,IAEhB,OAAKL,EAGHsB,EACEC,cAAA,MAAA,CAAAC,KAAK,2BACOjB,EAAY,gBACTa,EAAe,gBACf,EAAC,gBACD,IACfV,UAAWC,EACXc,qBACEC,MAAK,GAAAC,OAAKP,EAAe,MACrBd,GAAS,CAAEsB,gBAAiBtB,IAElCE,GAAIA,EAAE,cACOC,GAAcoB,EAAUC,EAAuBC,IAAKvB,KAflD,IAkBrB"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +0,0 @@
-var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){const e="s_id-47cfcfa6b681_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{r as default};
-//# sourceMappingURL=Bar.module.scss.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js.map

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

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js

@@ -1,2 +0,0 @@
-import{defineProperty as e,toConsumableArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useMemo as s}from"react";import l from"classnames";import{SIZES as i}from"../../../constants/sizes.js";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import n from"../PercentageLabel/PercentageLabel.js";import{ProgressBarStyle as m,ProgressBarType as c}from"./LinearProgressBarConstants.js";import{calculatePercentage as d,getProgressBarClassNames as u}from"./LinearProgressBarHelpers.js";import p from"./Bar/Bar.js";import{withStaticProps as v}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{ComponentDefaultTestId as f,ComponentVibeId as y}from"../../../tests/constants.js";import{getTestId as b}from"../../../tests/testIds.js";import E from"./LinearProgressBar.module.scss.js";var R=v(t((function(t,i){var m=t.min,c=void 0===m?0:m,v=t.max,R=void 0===v?100:v,j=t.value,P=void 0===j?0:j,S=t.valueSecondary,_=void 0===S?0:S,g=t.animated,B=void 0===g||g,N=t.barStyle,A=void 0===N?"primary":N,L=t.className,h=t.size,x=void 0===h?"small":h,C=t.indicateProgress,I=void 0!==C&&C,z=t.multi,H=void 0!==z&&z,O=t.multiValues,w=void 0===O?[]:O,F=t.ariaLabel,G=void 0===F?"":F,M=t.id,W=t.fullWidth,Y=void 0!==W&&W,k=t["data-testid"],D=s((function(){return l(E.wrapper,e(e({},o(E,""+x),x),E.fullWidth,Y),L)}),[x,Y,L]),T=s((function(){if(H){var e=w&&w.length&&w[0].value;return null==e?0:d(e,c,R)}return null==P?0:d(P,c,R)}),[P,c,R,H,w]),V=s((function(){return H?a.createElement(a.Fragment,null,r(w).reverse().map((function(e,r){var t=e.value,s=e.color;return a.createElement(p,{className:u(t),barStyle:"none",value:t,animated:B,type:"primary",color:s,min:c,max:R,id:"bar_".concat(s,"_").concat(r),key:"bar_".concat(s,"_").concat(r)})}))):null}),[c,R,B,w,H]),q=I?a.createElement(n,{forElement:"linear-progress-bar",value:T}):null,J=H?null:a.createElement(a.Fragment,null,a.createElement(p,{className:u(P),barLabelName:G,barStyle:A,value:_,animated:B,type:"secondary",min:c,max:R,"data-testid":f.BAR_SECONDARY}),a.createElement(p,{className:u(P),barStyle:A,value:P,animated:B,type:"primary",min:c,max:R,"data-testid":f.BAR_PRIMARY}));return a.createElement("div",{className:D,ref:i,id:M,"data-testid":k||b(f.LINEAR_PROGRESS_BAR,M),"data-vibe":y.LINEAR_PROGRESS_BAR},a.createElement("div",{className:E.container},J,V),q)})),{styles:m,barStyles:m,types:c,barTypes:c,sizes:i});export{R as default};
-//# sourceMappingURL=LinearProgressBar.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearProgressBar.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n  ProgressBarStyle as ProgressBarStyleEnum,\n  ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The secondary progress value.\n   */\n  valueSecondary?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * The size of the progress bar.\n   */\n  size?: LinearProgressBarSize;\n  /**\n   * If true, displays the progress percentage.\n   */\n  indicateProgress?: boolean;\n  /**\n   * If true, enables multiple progress bars.\n   * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.\n   */\n  multi?: boolean;\n  /**\n   * An array of bar values and colors for multi-bar mode.\n   */\n  multiValues?: {\n    /**\n     * The progress value for a bar.\n     */\n    value?: number;\n    /**\n     * The bar color in hex format (`#000000` - `#ffffff`).\n     */\n    color?: string;\n  }[];\n  /**\n   * The ARIA label for the progress bar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, makes the progress bar span the full container width.\n   */\n  fullWidth?: boolean;\n}\n\nconst LinearProgressBar = forwardRef(\n  (\n    {\n      min = 0,\n      max = 100,\n      value = 0,\n      valueSecondary = 0,\n      animated = true,\n      barStyle = \"primary\",\n      className,\n      size = \"small\",\n      indicateProgress = false,\n      multi = false,\n      multiValues = [],\n      ariaLabel = \"\",\n      id,\n      fullWidth = false,\n      \"data-testid\": dataTestId\n    }: LinearProgressBarProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const wrapperClassName = useMemo(() => {\n      return cx(\n        styles.wrapper,\n        {\n          [getStyle(styles, size.toString())]: size,\n          [styles.fullWidth]: fullWidth\n        },\n        className\n      );\n    }, [size, fullWidth, className]);\n\n    const valuePercentage = useMemo(() => {\n      if (multi) {\n        const firstValue = multiValues && multiValues.length && multiValues[0].value;\n        if (firstValue === null || firstValue === undefined) return 0;\n        return calculatePercentage(firstValue, min, max);\n      }\n      if (value === null || value === undefined) return 0;\n      return calculatePercentage(value, min, max);\n    }, [value, min, max, multi, multiValues]);\n\n    const renderMultiBars = useMemo(() => {\n      if (!multi) return null;\n      return (\n        <>\n          {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n            <Bar\n              className={getProgressBarClassNames(baseValue)}\n              barStyle=\"none\"\n              value={baseValue}\n              animated={animated}\n              type=\"primary\"\n              color={color}\n              min={min}\n              max={max}\n              id={`bar_${color}_${i}`}\n              key={`bar_${color}_${i}`}\n            />\n          ))}\n        </>\n      );\n    }, [min, max, animated, multiValues, multi]);\n\n    const renderPercentage = indicateProgress ? (\n      <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n    ) : null;\n\n    const renderBaseBars = !multi ? (\n      <>\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barLabelName={ariaLabel}\n          barStyle={barStyle}\n          value={valueSecondary}\n          animated={animated}\n          type=\"secondary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n        />\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barStyle={barStyle}\n          value={value}\n          animated={animated}\n          type=\"primary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n        />\n      </>\n    ) : null;\n\n    return (\n      <div\n        className={wrapperClassName}\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n        data-vibe={ComponentVibeId.LINEAR_PROGRESS_BAR}\n      >\n        <div className={styles.container}>\n          {renderBaseBars}\n          {renderMultiBars}\n        </div>\n        {renderPercentage}\n      </div>\n    );\n  }\n);\n\ninterface LinearProgressBarStaticProps {\n  styles: typeof ProgressBarStyleEnum;\n  barStyles: typeof ProgressBarStyleEnum;\n  types: typeof ProgressBarTypeEnum;\n  barTypes: typeof ProgressBarTypeEnum;\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<LinearProgressBarProps, LinearProgressBarStaticProps>(LinearProgressBar, {\n  styles: ProgressBarStyleEnum,\n  barStyles: ProgressBarStyleEnum,\n  types: ProgressBarTypeEnum,\n  barTypes: ProgressBarTypeEnum,\n  sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","ComponentVibeId","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"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"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){const n="s_id-5855608df299_3_86_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
-//# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js.map

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

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.js

@@ -1,2 +0,0 @@
-var n,r;!function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(n||(n={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary",n.POSITIVE="positive",n.NEGATIVE="negative",n.WARNING="warning",n.NONE="none"}(r||(r={}));export{r as ProgressBarStyle,n as ProgressBarType};
-//# sourceMappingURL=LinearProgressBarConstants.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearProgressBarConstants.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum ProgressBarType {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\"\n}\n\n/**\n * @deprecated\n */\nexport enum ProgressBarStyle {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  WARNING = \"warning\",\n  NONE = \"none\"\n}\n"],"names":["ProgressBarType","ProgressBarStyle"],"mappings":"IAGYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,WACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAPD,CAAYA,IAAAA,EAOX,CAAA"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import o from"./LinearProgressBar.module.scss.js";var s=function(r,e,o){var s=Number(r-e)/Number(o-e)*100;return s>100?100:s},m=function(s){return e(o.progressBar,r({},o.completed,s>=100))};export{s as calculatePercentage,m as getProgressBarClassNames};
-//# sourceMappingURL=LinearProgressBarHelpers.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearProgressBarHelpers.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.ts"],"sourcesContent":["import { type SIZES } from \"./../../../constants/sizes\";\nimport cx from \"classnames\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const calculatePercentage = (value: number, min: number, max: number) => {\n  const valuePercentage = (Number(value - min) / Number(max - min)) * 100;\n  return valuePercentage > 100 ? 100 : valuePercentage;\n};\n\nexport const getProgressBarClassNames = (value: number) => {\n  return cx(styles.progressBar, { [styles.completed]: value >= 100 });\n};\n"],"names":["calculatePercentage","value","min","max","valuePercentage","Number","getProgressBarClassNames","cx","styles","progressBar","_defineProperty","completed"],"mappings":"+JAMO,IAAMA,EAAsB,SAACC,EAAeC,EAAaC,GAC9D,IAAMC,EAAmBC,OAAOJ,EAAQC,GAAOG,OAAOF,EAAMD,GAAQ,IACpE,OAAOE,EAAkB,IAAM,IAAMA,CACvC,EAEaE,EAA2B,SAACL,GACvC,OAAOM,EAAGC,EAAOC,YAAWC,EAAA,CAAA,EAAKF,EAAOG,UAAYV,GAAS,KAC/D"}

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.js

@@ -1,2 +0,0 @@
-import e from"react";import l from"./PercentageLabel.module.scss.js";var a=function(a){var r=a.forElement,t=a.value,o=void 0===t?0:t;return null==o?null:e.createElement("label",{htmlFor:void 0===r?"":r,className:l.label},"".concat(o.toFixed(),"%"))};export{a as default};
-//# sourceMappingURL=PercentageLabel.js.map

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PercentageLabel.js","sources":["../../../../../../src/components/ProgressBars/PercentageLabel/PercentageLabel.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"./PercentageLabel.module.scss\";\n\nexport interface PercentageLabelProps {\n  /**\n   * The ID of the element this label is associated with.\n   */\n  forElement: string;\n  /**\n   * The percentage value to display.\n   */\n  value: number;\n}\n\nconst PercentageLabel: FC<PercentageLabelProps> = ({ forElement = \"\", value = 0 }) => {\n  if (value === null || value === undefined) return null;\n  return (\n    <label htmlFor={forElement} className={styles.label}>\n      {`${value.toFixed()}%`}\n    </label>\n  );\n};\n\nexport default PercentageLabel;\n"],"names":["PercentageLabel","_ref","_ref$forElement","forElement","_ref$value","value","React","htmlFor","className","styles","label","concat","toFixed"],"mappings":"qEAcA,IAAMA,EAA4C,SAA7BC,GAAgE,IAAAC,EAAAD,EAAhCE,WAAeC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAC7E,OAAIC,QAA8C,KAEhDC,yBAAOC,aAHuD,IAAHL,EAAG,GAAEA,EAGpCM,UAAWC,EAAOC,OAC3C,GAAAC,OAAGN,EAAMO,UAAS,KAGzB"}

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

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

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import t,{forwardRef as s,useRef as o,useCallback as i,useMemo as l}from"react";import r from"../../hooks/useMergeRef.js";import{Clickable as n}from"@vibe/clickable/mockedClassNames";import{Text as d}from"@vibe/typography/mockedClassNames";import{Tooltip as m}from"@vibe/tooltip/mockedClassNames";import{getTestId as c,ComponentDefaultTestId as u}from"../../tests/testIds.js";import p from"./RadioButton.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";var f=s((function(s,f){var v=s.className,N=s.text,C=void 0===N?"":N,k=s.value,h=void 0===k?"":k,O=s.name,T=void 0===O?"":O,B=s.labelClassName,E=s.radioButtonClassName,R=s.disabled,_=void 0!==R&&R,y=s.autoFocus,A=s.disabledReason,I=s.defaultChecked,j=void 0!==I&&I,g=s.children,x=s.onSelect,D=s.checked,L=s.retainChildClick,U=void 0===L||L,F=s.childrenTabIndex,P=void 0===F?"0":F,H=s.noLabelAnimation,M=void 0!==H&&H,S=s.ariaLabel,q=s.ariaDescribedby,w=s.id,z=s["data-testid"],G=o(),J=r(f,G),K=i((function(){!_&&U&&(G.current&&(G.current.checked=!0),x&&x(null))}),[x,G,_,U]),Q=l((function(){return void 0!==D?{checked:D}:{defaultChecked:j}}),[D,j]);return t.createElement(m,{content:_?A:null},t.createElement("label",{"data-testid":z||c(u.RADIO_BUTTON,w),"data-vibe":b.RADIO_BUTTON,className:a(p.radioButton,v,e(e({},p.disabled,_),"disabled",_))},t.createElement("span",{className:a(p.inputContainer)},t.createElement("input",Object.assign({className:a(p.input),type:"radio",value:h,name:T,autoFocus:y,disabled:_},Q,{"aria-label":S,"aria-describedby":q,onChange:x,ref:J})),t.createElement("span",{"data-testid":c(u.RADIO_BUTTON_CONTROL,w),className:a(p.control,E,e({},p.labelAnimation,!M))})),C&&t.createElement(d,{element:"span",type:"text2",className:B,"data-testid":c(u.RADIO_BUTTON_LABEL,w)},C),g&&t.createElement(n,{onClick:K,tabIndex:P},g)))}));export{f as default};
-//# sourceMappingURL=RadioButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { Text } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * Class name applied to the radio button element.\n   */\n  radioButtonClassName?: string;\n  /**\n   * The label text displayed next to the radio button.\n   */\n  text?: string;\n  /**\n   * The value associated with the radio button.\n   */\n  value?: string;\n  /**\n   * The name of the radio button group.\n   */\n  name?: string;\n  /**\n   * If true, the radio button automatically receives focus on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, the radio button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason why the radio button is disabled, displayed in a tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the radio button is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child elements inside the radio button.\n   */\n  children?: React.ReactNode;\n  /**\n   * Callback fired when the radio button selection changes.\n   */\n  onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;\n  /**\n   * If provided, controls the checked state of the radio button.\n   */\n  checked?: boolean;\n  /**\n   * If true, clicking on children will trigger selection.\n   */\n  retainChildClick?: boolean;\n  /**\n   * The tab index applied to the children.\n   */\n  childrenTabIndex?: string;\n  /**\n   * If true, disables the label animation.\n   */\n  noLabelAnimation?: boolean;\n  /**\n   * ARIA label for accessibility when no text is provided.\n   */\n  ariaLabel?: string;\n  /**\n   * ID of element that describe this radio button.\n   */\n  ariaDescribedby?: string;\n}\n\nconst RadioButton = forwardRef(\n  (\n    {\n      className,\n      text = \"\",\n      value = \"\",\n      name = \"\",\n      labelClassName,\n      radioButtonClassName,\n      disabled = false,\n      autoFocus,\n      disabledReason,\n      defaultChecked = false,\n      children,\n      onSelect,\n      checked,\n      retainChildClick = true,\n      childrenTabIndex = \"0\",\n      noLabelAnimation = false,\n      ariaLabel,\n      ariaDescribedby,\n      id,\n      \"data-testid\": dataTestId\n    }: RadioButtonProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>();\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const onChildClick = useCallback(() => {\n      if (disabled || !retainChildClick) return;\n      if (inputRef.current) {\n        inputRef.current.checked = true;\n      }\n      if (onSelect) {\n        onSelect(null);\n      }\n    }, [onSelect, inputRef, disabled, retainChildClick]);\n\n    const checkedProps = useMemo(() => {\n      if (checked !== undefined) {\n        return { checked };\n      }\n      return { defaultChecked };\n    }, [checked, defaultChecked]);\n\n    const tooltipContent = disabled ? disabledReason : null;\n\n    return (\n      <Tooltip content={tooltipContent}>\n        <label\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.RADIO_BUTTON, id)}\n          data-vibe={ComponentVibeId.RADIO_BUTTON}\n          className={cx(styles.radioButton, className, {\n            [styles.disabled]: disabled,\n            disabled: disabled\n          })}\n        >\n          <span className={cx(styles.inputContainer)}>\n            <input\n              className={cx(styles.input)}\n              type=\"radio\"\n              value={value}\n              name={name}\n              autoFocus={autoFocus}\n              disabled={disabled}\n              {...checkedProps}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              onChange={onSelect}\n              ref={mergedRef}\n            />\n            <span\n              data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_CONTROL, id)}\n              className={cx(styles.control, radioButtonClassName, {\n                [styles.labelAnimation]: !noLabelAnimation\n              })}\n            />\n          </span>\n          {text && (\n            <Text\n              element=\"span\"\n              type=\"text2\"\n              className={labelClassName}\n              data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_LABEL, id)}\n            >\n              {text}\n            </Text>\n          )}\n          {children && (\n            <Clickable onClick={onChildClick} tabIndex={childrenTabIndex}>\n              {children}\n            </Clickable>\n          )}\n        </label>\n      </Tooltip>\n    );\n  }\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","_ref","ref","className","_ref$text","text","_ref$value","value","_ref$name","name","labelClassName","radioButtonClassName","_ref$disabled","disabled","autoFocus","disabledReason","_ref$defaultChecked","defaultChecked","children","onSelect","checked","_ref$retainChildClick","retainChildClick","_ref$childrenTabIndex","childrenTabIndex","_ref$noLabelAnimation","noLabelAnimation","ariaLabel","ariaDescribedby","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","ComponentVibeId","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"ykBAkFMA,IAAAA,EAAcC,GAClB,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAcT,EAAdS,eACAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAS1B,EAAT0B,UACAC,EAAe3B,EAAf2B,gBACAC,EAAE5B,EAAF4B,GACeC,EAAU7B,EAAzB,eAII8B,EAAWC,IACXC,EAAYC,EAAYhC,EAAK6B,GAE7BI,EAAeC,GAAY,YAC3BvB,GAAaS,IACbS,EAASM,UACXN,EAASM,QAAQjB,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUY,EAAUlB,EAAUS,IAE5BgB,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZpB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEwB,EAACC,cAAAC,EAAQ,CAAAC,QAHY/B,EAAWE,EAAiB,MAI/C0B,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B5C,UAAW8C,EAAGC,EAAOC,YAAahD,EAASiD,EAAAA,EAAA,CAAA,EACxCF,EAAOrC,SAAWA,GAAQ,WACjBA,KAGZ4B,EAAAC,cAAA,OAAA,CAAMvC,UAAW8C,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAA,QAAAY,OAAAC,OAAA,CACEpD,UAAW8C,EAAGC,EAAOM,OACrBC,KAAK,QACLlD,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNyB,EACQ,CAAA,aAAAX,qBACMC,EAClB8B,SAAUvC,EACVjB,IAAK+B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBa,qBAAsB9B,GACpE1B,UAAW8C,EAAGC,EAAOU,QAASjD,EAAoByC,KAC/CF,EAAOW,gBAAkBnC,OAI/BrB,GACCoC,EAACC,cAAAoB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLtD,UAAWO,EACE,cAAAmC,EAAUC,EAAuBkB,mBAAoBnC,IAEjExB,GAGJa,GACCuB,EAAAC,cAACuB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAU3C,GACzCN,IAMb"}

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

@@ -1,2 +0,0 @@
-var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){const o="s_id-f0fb17b54d8d_3_86_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n}\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
-//# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as s,useCallback as i}from"react";import t from"../../hooks/useMergeRef.js";import{CloseSmall as n,Search as l}from"@vibe/icons";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import d from"./Search.module.scss.js";import{BaseInput as u}from"@vibe/base/mockedClassNames";import p from"../../hooks/useDebounceEvent/index.js";import{IconButton as v}from"@vibe/icon-button/mockedClassNames";import{Icon as f}from"@vibe/icon/mockedClassNames";import{Loader as C}from"@vibe/loader/mockedClassNames";import{ComponentVibeId as b}from"../../tests/constants.js";var h=r((function(r,h){var N,E,R,g,x,y,A,I,k,S,j=r.searchIconName,w=void 0===j?l:j,z=r.clearIconName,F=void 0===z?n:z,H=r.clearIconLabel,L=void 0===H?"Clear":H,B=r.renderAction,_=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,ae=r.onKeyDown,oe=r.className,re=r.ariaExpanded,se=r.ariaHasPopup,ie=r.showClearIcon,te=void 0===ie||ie,ne=r.id,le=r["data-testid"];return N=s(null),E=t(h,N),R=p({delay:J,onChange:Y,initialStateValue:D}),g=R.inputValue,x=R.onEventChanged,A=i((function(){var e,a;K||(null===(a=null===(e=N.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),y(),null==ee||ee())}),[K,y=R.clearValue,ee]),I=o.createElement(f,{icon:w,className:d.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),k=o.createElement(v,{className:a(d.icon,e({},d.empty,!g)),icon:F,ariaLabel:L,onClick:A,size:"small"===V?"xs":"small","data-testid":c(m.CLEAN_SEARCH_BUTTON,ne)}),S=o.createElement(o.Fragment,null,O&&o.createElement(C,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:a(e({},d.loader,!g&&!B))}),te&&g&&!K&&k,!(_&&g)&&B),o.createElement(u,{ref:E,id:ne,type:"search","data-testid":le||c(m.SEARCH,ne),"data-vibe":b.SEARCH,className:a(d.searchWrapper,oe),inputClassName:d.search,value:g,renderLeft:I,renderRight:S,autoFocus:M,placeholder:P,disabled:K,onChange:x,onBlur:$,onFocus:Z,onKeyDown:ae,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":se,"aria-expanded":re})}));export{h as default};
-//# sourceMappingURL=Search.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Search.js","sources":["../../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport { BaseInput } from \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      onKeyDown,\n      className,\n      ariaExpanded,\n      ariaHasPopup,\n      showClearIcon = true,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) return;\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue, onClear]);\n\n    const SearchIcon = (\n      <Icon\n        icon={searchIconName}\n        className={styles.icon}\n        iconType=\"font\"\n        iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n      />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        ariaLabel={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {showClearIcon && inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        data-vibe={ComponentVibeId.SEARCH}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={searchWrapper:"searchWrapper",search:"search",loader:"loader",icon:"icon",empty:"empty"};!function(e){const r="s_id-4e5e4eb516f6_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper .search {\n  appearance: textfield;\n}\n.searchWrapper .search::-webkit-search-cancel-button, .searchWrapper .search::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper .loader {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper .icon {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper .icon.empty {\n  opacity: 0;\n}");export{e as default};
-//# sourceMappingURL=Search.module.scss.js.map

package/dist/mocked_classnames/src/components/Search/Search.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import{SkeletonType as l,SKELETON_SIZES as a,TextSkeletonSize as m,SKELETON_CUSTOM_SIZE as p}from"./SkeletonConstants.js";import{getStyle as d}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import n from"./Skeleton.module.scss.js";var u=c((function(a){var c=a.type,u=void 0===c?"rectangle":c,f=a.size,h=void 0===f?"custom":f,v=a.className,j=a.wrapperClassName,y=a.width,g=a.height,N=a.fullWidth,k=void 0!==N&&N,w=a.id,E=a["data-testid"],S=Object.values(l).includes(u)?u:"rectangle",b=Object.values(m).includes(h)?h:p;return t.createElement("div",{id:w,className:o(n.skeleton,j,e({},n.fullWidth,k)),"data-testid":E||r(i.SKELETON,w)},t.createElement("div",{className:o(n[S],d(n,s(S+"-"+b)),v,e({},n.fullWidth,k)),style:{width:y,height:g}}))}),{types:l,sizes:a});export{u as default};
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport {\n  SKELETON_SIZES,\n  SkeletonType as SkeletonTypeEnum,\n  SKELETON_CUSTOM_SIZE,\n  TextSkeletonSize as TextSkeletonSizeEnum\n} from \"./SkeletonConstants\";\n\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n  /**\n   * The type of skeleton.\n   */\n  type?: SkeletonType;\n  /**\n   * The predefined size of the skeleton.\n   */\n  size?: SkeletonSizeType;\n  /**\n   * The width of the skeleton in pixels.\n   */\n  width?: number;\n  /**\n   * The height of the skeleton in pixels.\n   */\n  height?: number;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the skeleton will take up the full width of its container.\n   */\n  fullWidth?: boolean;\n}\n\nconst Skeleton = ({\n  type = \"rectangle\",\n  size = \"custom\",\n  className,\n  wrapperClassName,\n  width,\n  height,\n  fullWidth = false,\n  id,\n  \"data-testid\": dataTestId\n}: SkeletonProps) => {\n  const skeletonType = (Object.values(SkeletonTypeEnum) as string[]).includes(type) ? type : \"rectangle\";\n\n  // Skeleton has sizes only for text type, other types support only custom size\n  const skeletonSize = (Object.values(TextSkeletonSizeEnum) as string[]).includes(size) ? size : SKELETON_CUSTOM_SIZE;\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SKELETON, id)}\n    >\n      <div\n        className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n          [styles.fullWidth]: fullWidth\n        })}\n        style={{ width, height }}\n      />\n    </div>\n  );\n};\n\ninterface SkeletonStaticProps {\n  types: typeof SkeletonTypeEnum;\n  sizes: typeof SKELETON_SIZES;\n}\n\nexport default withStaticPropsWithoutForwardRef<SkeletonProps, SkeletonStaticProps>(Skeleton, {\n  types: SkeletonTypeEnum,\n  sizes: SKELETON_SIZES\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$type","type","_ref$size","size","className","wrapperClassName","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","Object","values","SkeletonTypeEnum","includes","skeletonSize","TextSkeletonSizeEnum","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style","types","sizes","SKELETON_SIZES"],"mappings":"ulBA2CA,IAqCeA,EAAAA,GArCE,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAH,EAClBI,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAASL,EAATK,UACAC,EAAgBN,EAAhBM,iBACAC,EAAKP,EAALO,MACAC,EAAMR,EAANQ,OAAMC,EAAAT,EACNU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEX,EAAFW,GACeC,EAAUZ,EAAzB,eAEMa,EAAgBC,OAAOC,OAAOC,GAA+BC,SAASf,GAAQA,EAAO,YAGrFgB,EAAgBJ,OAAOC,OAAOI,GAAmCF,SAASb,GAAQA,EAAOgB,EAE/F,OACEC,EACEC,cAAA,MAAA,CAAAX,GAAIA,EACJN,UAAWkB,EAAGC,EAAOC,SAAUnB,EAAgBoB,KAAKF,EAAOd,UAAYA,IAC1D,cAAAE,GAAce,EAAUC,EAAuBC,SAAUlB,IAEtEU,EACEC,cAAA,MAAA,CAAAjB,UAAWkB,EAAGC,EAAOX,GAAeiB,EAASN,EAAQO,EAAUlB,EAAe,IAAMK,IAAgBb,EAASqB,EAC1GF,CAAAA,EAAAA,EAAOd,UAAYA,IAEtBsB,MAAO,CAAEzB,MAAAA,EAAOC,OAAAA,KAIxB,GAO8F,CAC5FyB,MAAOjB,EACPkB,MAAOC"}

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

@@ -1,2 +0,0 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){const t="s_id-41cda04b2bc0_3_86_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
-//# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Skeleton/SkeletonConstants.js

@@ -1,2 +0,0 @@
-var E,t,C="custom";!function(E){E.CIRCLE="circle",E.RECTANGLE="rectangle",E.TEXT="text"}(E||(E={})),function(E){E.H1="h1",E.H2="h2",E.H3="h3",E.H4="h4",E.H5="h5",E.H6="h6",E.P="p",E.SMALL="small"}(t||(t={}));var T={CUSTOM:C,CIRCLE:{},RECTANGLE:{},TEXT:t};export{C as SKELETON_CUSTOM_SIZE,T as SKELETON_SIZES,E as SkeletonType,t as TextSkeletonSize};
-//# sourceMappingURL=SkeletonConstants.js.map

package/dist/mocked_classnames/src/components/Skeleton/SkeletonConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonConstants.js","sources":["../../../../../src/components/Skeleton/SkeletonConstants.ts"],"sourcesContent":["// Fixed names\nexport const SKELETON_CUSTOM_SIZE = \"custom\";\n\n/**\n * @deprecated\n */\nexport enum SkeletonType {\n  CIRCLE = \"circle\",\n  RECTANGLE = \"rectangle\",\n  TEXT = \"text\"\n}\n\n/**\n * @deprecated\n */\nexport enum TextSkeletonSize {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  H4 = \"h4\",\n  H5 = \"h5\",\n  H6 = \"h6\",\n  P = \"p\",\n  SMALL = \"small\"\n}\n\nexport const SKELETON_SIZES = {\n  CUSTOM: SKELETON_CUSTOM_SIZE,\n  CIRCLE: {},\n  RECTANGLE: {},\n  TEXT: TextSkeletonSize\n};\n\nexport type SkeletonSizeType = TextSkeletonSize | typeof SKELETON_CUSTOM_SIZE;\n"],"names":["SkeletonType","TextSkeletonSize","SKELETON_CUSTOM_SIZE","SKELETON_SIZES","CUSTOM","CIRCLE","RECTANGLE","TEXT"],"mappings":"AACO,IAKKA,EASAC,EAdCC,EAAuB,UAKpC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,EAAA,IACAA,EAAA,MAAA,OACD,CATD,CAAYA,IAAAA,EASX,CAAA,IAEM,IAAME,EAAiB,CAC5BC,OAAQF,EACRG,OAAQ,CAAE,EACVC,UAAW,CAAE,EACbC,KAAMN"}

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

@@ -1,2 +0,0 @@
-import i,{forwardRef as t}from"react";import{motion as r}from"framer-motion";import a from"classnames";import{slideAnimationVariants as e,slideAnimationTransition as s}from"./utils/animationVariants.js";import m from"./SlideTransition.module.scss.js";var n=t((function(t,n){var o=t.style,l=t.children;return i.createElement(r.div,{ref:n,custom:t.direction,variants:e,initial:"initial",animate:"enter",transition:s,className:a(m.slide,t.className),style:o},l)}));export{n as default};
-//# sourceMappingURL=SlideTransition.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SlideTransition.js","sources":["../../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport cx from \"classnames\";\nimport { slideAnimationVariants, slideAnimationTransition } from \"./utils/animationVariants\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n  ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    return (\n      <motion.div\n        ref={ref}\n        custom={direction}\n        variants={slideAnimationVariants}\n        initial=\"initial\"\n        animate=\"enter\"\n        transition={slideAnimationTransition}\n        className={cx(styles.slide, className)}\n        style={style}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","motion","div","custom","direction","variants","slideAnimationVariants","initial","animate","transition","slideAnimationTransition","className","cx","styles","slide"],"mappings":"2PAOMA,IAAAA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,gBAACC,EAAOC,IACN,CAAAL,IAAKA,EACLM,OAJMP,EAATQ,UAKGC,SAAUC,EACVC,QAAQ,UACRC,QAAQ,QACRC,WAAYC,EACZC,UAAWC,EAAGC,EAAOC,MATalB,EAATe,WAUzBb,MAAOA,GAENC,EAGP"}

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

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

package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js.map

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

package/dist/mocked_classnames/src/components/SlideTransition/utils/animationVariants.js

@@ -1,2 +0,0 @@
-var r={initial:function(r){return{x:"forward"===r?"3%":"-3%"}},enter:{x:0}},e={duration:.25,ease:[0,0,.4,1]};export{e as slideAnimationTransition,r as slideAnimationVariants};
-//# sourceMappingURL=animationVariants.js.map

package/dist/mocked_classnames/src/components/SlideTransition/utils/animationVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animationVariants.js","sources":["../../../../../../src/components/SlideTransition/utils/animationVariants.ts"],"sourcesContent":["import { type SlideDirection } from \"../SlideTransition.types\";\n\nexport const slideAnimationVariants = {\n  initial: (direction: SlideDirection) => ({\n    x: direction === \"forward\" ? \"3%\" : \"-3%\"\n  }),\n  enter: {\n    x: 0\n  }\n};\n\nexport const slideAnimationTransition = {\n  duration: 0.25,\n  ease: [0.0, 0.0, 0.4, 1.0]\n};\n"],"names":["slideAnimationVariants","initial","direction","x","enter","slideAnimationTransition","duration","ease"],"mappings":"AAEO,IAAMA,EAAyB,CACpCC,QAAS,SAACC,GAAyB,MAAM,CACvCC,EAAiB,YAAdD,EAA0B,KAAO,MACpC,EACFE,MAAO,CACLD,EAAG,IAIME,EAA2B,CACtCC,SAAU,IACVC,KAAM,CAAC,EAAK,EAAK,GAAK"}

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{useMemo as t}from"react";import{debounce as o}from"es-toolkit";import i from"../TextField/TextField.js";import{useSliderSelection as n,useSliderActions as a}from"./SliderContext.js";import l from"./SelectionIndicator.module.scss.js";var u=function(u){var c=u.kind,m="postfix"===(void 0===c?"prefix":c),s=n(),f=function(e,r,t,o){return r?e?[t[1],o[1]]:[t[0],o[0]]:[t,o]}(m,s.ranged,s.value,s.valueText),p=e(f,2)[1],d=a().changeThumbValue,v=t((function(){return o((function(e){var r=function(e){return e.replace(/\D/g,"")}(e);d(r,m?1:0,!0)}),300)}),[d,m]);return r.createElement(i,{onChange:v,value:p+"",className:l.selectionIndicator})};export{u as default};
-//# sourceMappingURL=SelectionIndicator.js.map

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectionIndicator.js","sources":["../../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport TextField from \"../TextField/TextField\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { type InfixKind } from \"./Slider.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number | number[], valueText: string | string[]) {\n  if (!ranged) {\n    return [value as number, valueText as string];\n  }\n  if (isPostfix) {\n    return [(value as number[])[1], (valueText as string[])[1]];\n  }\n  return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n  return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n  /**\n   * Determines whether the selection indicator is a prefix or postfix.\n   */\n  kind?: InfixKind;\n  /**\n   * The key for the selection indicator (used for React key uniqueness).\n   */\n  key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n  const isPostfix = kind === \"postfix\";\n  const { ranged, value, valueText } = useSliderSelection();\n  const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n  const { changeThumbValue } = useSliderActions();\n  const handleChange = useMemo(\n    () =>\n      debounce(newValueText => {\n        const newValue = parseValue(newValueText);\n        const thumbIndex = isPostfix ? 1 : 0;\n        changeThumbValue(newValue, thumbIndex, true);\n      }, VALUE_UPDATE_DELAY),\n    [changeThumbValue, isPostfix]\n  );\n  return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"kUAmCA,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +0,0 @@
-var e={selectionIndicator:"selectionIndicator"};!function(e){const t="s_id-a25847c4cc71_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js.map

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