@vibe/core 3.86.0 → 4.0.0-alpha.0

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js

@@ -1,2 +0,0 @@
-var e={primary:"primary",secondary:"secondary",stepDots:"stepDots"};!function(e){const n="s_id-51737ad1ac1f_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n  order: 2;\n}\n\n.secondary {\n  order: 1;\n}\n\n.stepDots {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
-//# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"../../../../../_virtual/_tslib.js";import e from"classnames";function t(t,a){if(t){var o=t.tooltipProps,r=t.className,i=s(t,["tooltipProps","className"]);return Object.assign(Object.assign({},i),{className:(null==o?void 0:o.content)?r:e(r,a),tooltipProps:(null==o?void 0:o.content)?Object.assign(Object.assign({},o),{referenceWrapperClassName:e(o.referenceWrapperClassName,a)}):void 0})}}export{t as getPropsForButton};
-//# sourceMappingURL=getPropsForButton.js.map

package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPropsForButton.js","sources":["../../../../../../../src/components/Modal/footers/utils/getPropsForButton.ts"],"sourcesContent":["import { type ModalFooterActionProps } from \"../ModalFooterBase/ModalFooterBase.types\";\nimport cx from \"classnames\";\n\nexport function getPropsForButton(button?: ModalFooterActionProps, buttonClassName?: string) {\n  if (!button) return undefined;\n  const { tooltipProps, className, ...rest } = button;\n  return {\n    ...rest,\n    className: tooltipProps?.content ? className : cx(className, buttonClassName),\n    tooltipProps: tooltipProps?.content\n      ? { ...tooltipProps, referenceWrapperClassName: cx(tooltipProps.referenceWrapperClassName, buttonClassName) }\n      : undefined\n  };\n}\n"],"names":["getPropsForButton","button","buttonClassName","tooltipProps","className","rest","__rest","Object","assign","content","cx","referenceWrapperClassName","undefined"],"mappings":"qFAGgB,SAAAA,EAAkBC,EAAiCC,GACjE,GAAKD,EAAL,CACA,IAAQE,EAAqCF,EAArCE,aAAcC,EAAuBH,EAAvBG,UAAcC,EAASC,EAAAL,EAAvC,CAAA,eAAA,cACN,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKH,GAAI,CACPD,WAAWD,aAAY,EAAZA,EAAcM,SAAUL,EAAYM,EAAGN,EAAWF,GAC7DC,cAAcA,aAAA,EAAAA,EAAcM,wCACnBN,GAAY,CAAEQ,0BAA2BD,EAAGP,EAAaQ,0BAA2BT,UACzFU,GAPuB,CAS/B"}

package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js

@@ -1,2 +0,0 @@
-import{createForOfIteratorHelper as e,typeof as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useCallback as n}from"react";var l=function(l){var o=t((function(){if(!l||0===l.length)return{combinedSelector:null,elements:[]};var t,n=[],o=[],u=e(l);try{for(u.s();!(t=u.n()).done;){var i=t.value;"string"==typeof i?n.push(i):i&&"object"===r(i)&&"current"in i?i.current&&o.push(i.current):i instanceof HTMLElement&&o.push(i)}}catch(e){u.e(e)}finally{u.f()}return{combinedSelector:n.length>0?n.join(", "):null,elements:o}}),[l]),u=o.combinedSelector,i=o.elements;return n((function(e){if(!e)return!1;if(!u&&0===i.length)return!1;if(u&&e.closest(u))return!0;for(var r=0;i.length>r;r++){var t=i[r];if(e===t||t.contains(e))return!0}return!1}),[u,i])};export{l as default};
-//# sourceMappingURL=useFocusEscapeTargets.js.map

package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusEscapeTargets.js","sources":["../../../../../../../src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { type FocusEscapeTarget } from \"./useFocusEscapeTargets.types\";\n\n/**\n * Hook that creates a checker function to determine if an element should be allowed\n * to receive focus outside of a focus lock (escape the focus trap).\n *\n * @param targets - Array of targets (selectors, refs, or elements) that should be allowed to receive focus and won't be managed by the focus-lock\n * @returns A function that returns `true` if the element matches any target (should be allowed to escape), `false` otherwise\n */\nconst useFocusEscapeTargets = (targets?: FocusEscapeTarget[]) => {\n  // Pre-process and separate targets by type for faster lookup\n  const { combinedSelector, elements } = useMemo(() => {\n    if (!targets || targets.length === 0) {\n      return { combinedSelector: null, elements: [] };\n    }\n\n    const selectorList: string[] = [];\n    const elementList: HTMLElement[] = [];\n\n    for (const item of targets) {\n      if (typeof item === \"string\") {\n        selectorList.push(item);\n      } else if (item && typeof item === \"object\" && \"current\" in item) {\n        // Resolve ref to element\n        if (item.current) {\n          elementList.push(item.current);\n        }\n      } else if (item instanceof HTMLElement) {\n        elementList.push(item);\n      }\n    }\n\n    // Combine all selectors into one for a single DOM traversal\n    const combined = selectorList.length > 0 ? selectorList.join(\", \") : null;\n\n    return { combinedSelector: combined, elements: elementList };\n  }, [targets]);\n\n  const shouldAllowFocusEscape = useCallback(\n    (element?: HTMLElement): boolean => {\n      if (!element) {\n        return false;\n      }\n\n      // Early exit if no targets\n      if (!combinedSelector && elements.length === 0) {\n        return false;\n      }\n\n      // Check all selectors with a single DOM traversal\n      if (combinedSelector && element.closest(combinedSelector)) {\n        return true;\n      }\n\n      // Check elements (direct match or contains)\n      for (let i = 0; i < elements.length; i++) {\n        const targetElement = elements[i];\n        if (element === targetElement || targetElement.contains(element)) {\n          return true;\n        }\n      }\n\n      return false;\n    },\n    [combinedSelector, elements]\n  );\n\n  return shouldAllowFocusEscape;\n};\n\nexport default useFocusEscapeTargets;\n"],"names":["useFocusEscapeTargets","targets","_useMemo","useMemo","length","combinedSelector","elements","_step","selectorList","elementList","_iterator","_createForOfIteratorHelper","s","n","done","item","value","push","_typeof","current","HTMLElement","err","e","f","join","useCallback","element","closest","i","targetElement","contains"],"mappings":"8JAUA,IAAMA,EAAwB,SAACC,GAE7B,IAAAC,EAAuCC,GAAQ,WAC7C,IAAKF,GAA8B,IAAnBA,EAAQG,OACtB,MAAO,CAAEC,iBAAkB,KAAMC,SAAU,IAG7C,IAG0BC,EAHpBC,EAAyB,GACzBC,EAA6B,GAAGC,EAAAC,EAEnBV,GAAO,IAA1B,IAAAS,EAAAE,MAAAL,EAAAG,EAAAG,KAAAC,MAA4B,CAAA,IAAjBC,EAAIR,EAAAS,MACO,iBAATD,EACTP,EAAaS,KAAKF,GACTA,GAAwB,WAAhBG,EAAOH,IAAqB,YAAaA,EAEtDA,EAAKI,SACPV,EAAYQ,KAAKF,EAAKI,SAEfJ,aAAgBK,aACzBX,EAAYQ,KAAKF,EAEpB,CAED,CAAA,MAAAM,GAAAX,EAAAY,EAAAD,EAAA,CAAA,QAAAX,EAAAa,GAAA,CAGA,MAAO,CAAElB,iBAFQG,EAAaJ,OAAS,EAAII,EAAagB,KAAK,MAAQ,KAEhClB,SAAUG,EACjD,GAAG,CAACR,IAzBII,EAAgBH,EAAhBG,iBAAkBC,EAAQJ,EAARI,SAwD1B,OA7B+BmB,GAC7B,SAACC,GACC,IAAKA,EACH,OAAO,EAIT,IAAKrB,GAAwC,IAApBC,EAASF,OAChC,OAAO,EAIT,GAAIC,GAAoBqB,EAAQC,QAAQtB,GACtC,OAAO,EAIT,IAAK,IAAIuB,EAAI,EAAOtB,EAASF,OAAbwB,EAAqBA,IAAK,CACxC,IAAMC,EAAgBvB,EAASsB,GAC/B,GAAIF,IAAYG,GAAiBA,EAAcC,SAASJ,GACtD,OAAO,CAEV,CAED,OAAO,CACT,GACA,CAACrB,EAAkBC,GAIvB"}

package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js

@@ -1,2 +0,0 @@
-import{slicedToArray as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useEffect as o}from"react";var e=function(e){var c=t(document.body),u=n(c,2),a=u[0],i=u[1];return o((function(){var n=function(){if(!e)return document.body;if("string"==typeof e){var n=document.querySelector(e);return n||(r('Target with selector "'.concat(e,'" not found. Falling back to document.body.')),document.body)}return e instanceof Element||e instanceof DocumentFragment?e:e.current instanceof Element?e.current:(r("Invalid target provided. Falling back to document.body."),document.body)}();i(n)}),[e]),a};function r(n){"production"!==process.env.NODE_ENV&&console.warn(n)}export{e as default};
-//# sourceMappingURL=usePortalTarget.js.map

package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePortalTarget.js","sources":["../../../../../../../src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { type PortalTarget } from \"./usePortalTarget.types\";\n\nconst usePortalTarget = (portalTarget?: PortalTarget): Element | DocumentFragment => {\n  const [resolvedTarget, setResolvedTarget] = useState<Element | DocumentFragment>(document.body);\n\n  useEffect(() => {\n    const resolveTarget = (): Element | DocumentFragment => {\n      if (!portalTarget) {\n        return document.body;\n      }\n\n      if (typeof portalTarget === \"string\") {\n        const target = document.querySelector(portalTarget);\n        if (!target) {\n          warn(`Target with selector \"${portalTarget}\" not found. Falling back to document.body.`);\n          return document.body;\n        }\n        return target;\n      }\n\n      if (portalTarget instanceof Element || portalTarget instanceof DocumentFragment) {\n        return portalTarget;\n      }\n\n      if (portalTarget.current instanceof Element) {\n        return portalTarget.current;\n      }\n\n      warn(\"Invalid target provided. Falling back to document.body.\");\n      return document.body;\n    };\n\n    const target = resolveTarget();\n    setResolvedTarget(target);\n  }, [portalTarget]);\n\n  return resolvedTarget;\n};\n\nexport default usePortalTarget;\n\nfunction warn(message: string): void {\n  if (process.env.NODE_ENV !== \"production\") {\n    console.warn(message);\n  }\n}\n"],"names":["usePortalTarget","portalTarget","_useState","useState","document","body","_useState2","_slicedToArray","resolvedTarget","setResolvedTarget","useEffect","target","querySelector","warn","concat","Element","DocumentFragment","current","resolveTarget","message","process","env","NODE_ENV","console"],"mappings":"qIAGA,IAAMA,EAAkB,SAACC,GACvB,IAAAC,EAA4CC,EAAqCC,SAASC,MAAKC,EAAAC,EAAAL,EAAA,GAAxFM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAiCxC,OA/BAI,GAAU,WACR,IA0BMC,EA1BgB,WACpB,IAAKV,EACH,OAAOG,SAASC,KAGlB,GAA4B,iBAAjBJ,EAA2B,CACpC,IAAMU,EAASP,SAASQ,cAAcX,GACtC,OAAKU,IACHE,EAAIC,yBAAAA,OAA0Bb,kDACvBG,SAASC,KAGnB,CAED,OAAIJ,aAAwBc,SAAWd,aAAwBe,iBACtDf,EAGLA,EAAagB,mBAAmBF,QAC3Bd,EAAagB,SAGtBJ,EAAK,2DACET,SAASC,MAGHa,GACfT,EAAkBE,EACpB,GAAG,CAACV,IAEGO,CACT,EAIA,SAASK,EAAKM,GACiB,eAAzBC,QAAQC,IAAIC,UACdC,QAAQV,KAAKM,EAEjB"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o}from"react";import a from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import{Flex as m}from"@vibe/layout/mockedClassNames";import n from"../../../Divider/Divider.js";import c from"../ModalFooterShadow.js";import d from"../ModalLayoutScrollableContent.js";import f from"../useLayoutScrolledContent.js";var u=o((function(o,u){var p=o.children,v=o.className,S=o.id,j=o["data-testid"],y=f(),h=y.ref,E=y.isContentScrolled,C=y.isScrollable,N=y.isScrolledToEnd,A=y.onScroll,L=t.Children.toArray(p),M=e(L,2),b=M[0],g=M[1];return t.createElement(t.Fragment,null,t.createElement(m,{direction:"column",align:"start",ref:u,className:a(i.layout,v),id:S,"data-testid":j||s(l.MODAL_BASIC_LAYOUT,S)},t.createElement("div",{className:i.header},b),t.createElement(n,{className:a(i.divider,r({},i.showDivider,E)),withoutMargin:!0}),t.createElement(d,{onScroll:A,className:i.content,ref:h},g)),C&&t.createElement(c,{show:!N}))}));export{u as default};
-//# sourceMappingURL=ModalBasicLayout.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n    const [header, content] = React.Children.toArray(children);\n\n    return (\n      <>\n        <Flex\n          direction=\"column\"\n          align=\"start\"\n          ref={ref}\n          className={cx(styles.layout, className)}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n        >\n          <div className={styles.header}>{header}</div>\n          <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n          <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n            {content}\n          </ModalLayoutScrollableContent>\n        </Flex>\n        {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n      </>\n    );\n  }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"kkBAYMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js

@@ -1,2 +0,0 @@
-var e={layout:"layout",header:"header",divider:"divider",showDivider:"showDivider",content:"content"};!function(e){const n="s_id-b8093a4a9ca9_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout .header {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout .divider {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout .divider.showDivider {\n  opacity: 1;\n}\n.layout .content {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
-//# sourceMappingURL=ModalBasicLayout.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import e from"classnames";import a from"./ModalFooterShadow.module.scss.js";var s=function(s){return o.createElement("div",{className:e(a.shadowWrapper,r({},a.show,s.show))})};export{s as default};
-//# sourceMappingURL=ModalFooterShadow.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalFooterShadow.js","sources":["../../../../../../src/components/Modal/layouts/ModalFooterShadow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalFooterShadow.module.scss\";\nimport { type ModalFooterShadowProps } from \"./ModalFooterShadow.types\";\n\nconst ModalFooterShadow = ({ show }: ModalFooterShadowProps) => {\n  return <div className={cx(styles.shadowWrapper, { [styles.show]: show })} />;\n};\n\nexport default ModalFooterShadow;\n"],"names":["ModalFooterShadow","_ref","React","createElement","className","cx","styles","shadowWrapper","_defineProperty","show"],"mappings":"oLAKA,IAAMA,EAAoB,SAAHC,GACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAGC,EAAOC,cAAaC,EAAA,CAAA,EAAKF,EAAOG,KAD3BR,EAAJQ,QAE7B"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js

@@ -1,2 +0,0 @@
-var e={shadowWrapper:"shadowWrapper",show:"show"};!function(e){const t="s_id-c76d397ed7f2_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper.show::after {\n  opacity: 1;\n}');export{e as default};
-//# sourceMappingURL=ModalFooterShadow.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.js

@@ -1,2 +0,0 @@
-import o,{forwardRef as r}from"react";import e from"classnames";import a from"./ModalLayoutScrollableContent.module.scss.js";var l=r((function(r,l){var t=r.onScroll,c=r.children;return o.createElement("div",{ref:l,className:e(a.content,r.className),onScroll:t},c)}));export{l as default};
-//# sourceMappingURL=ModalLayoutScrollableContent.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { type ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n  ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n    return (\n      <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"6HAKMA,IAAAA,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,EAAKC,cAAA,MAAA,CAAAJ,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js

@@ -1,2 +0,0 @@
-var e={content:"content"};!function(e){const n="s_id-a5c90e45f208_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
-//# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import s from"classnames";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../../tests/constants.js";import o from"./ModalMediaLayout.module.scss.js";import{Flex as l}from"@vibe/layout/mockedClassNames";var i=a((function(a,i){var d=a.className,c=a.id,n=a["data-testid"],u=t.Children.toArray(a.children),f=e(u,3),p=f[0],v=f[1],N=f[2];return t.createElement(l,{ref:i,direction:"column",align:"start",className:s(o.layout,d),id:c,"data-testid":n||r(m.MODAL_MEDIA_LAYOUT,c)},t.createElement("div",{className:o.media},p),t.createElement("div",{className:o.header},v),t.createElement("div",{className:o.content},N))}));export{i as default};
-//# sourceMappingURL=ModalMediaLayout.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalMediaLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalMediaLayout.module.scss\";\nimport { type ModalMediaLayoutProps } from \"./ModalMediaLayout.types\";\nimport { Flex } from \"@vibe/layout\";\n\nconst ModalMediaLayout = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalMediaLayoutProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [media, header, content] = React.Children.toArray(children);\n\n    return (\n      <Flex\n        ref={ref}\n        direction=\"column\"\n        align=\"start\"\n        className={cx(styles.layout, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_MEDIA_LAYOUT, id)}\n      >\n        <div className={styles.media}>{media}</div>\n        <div className={styles.header}>{header}</div>\n        <div className={styles.content}>{content}</div>\n      </Flex>\n    );\n  }\n);\n\nexport default ModalMediaLayout;\n"],"names":["ModalMediaLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","media","header","content","createElement","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_MEDIA_LAYOUT"],"mappings":"4XAQMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAKF,EAAA,GAAEG,EAAMH,EAAA,GAAEI,EAAOJ,EAAA,GAE7B,OACEJ,EAACS,cAAAC,GACCf,IAAKA,EACLgB,UAAU,SACVC,MAAM,QACNhB,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,mBAAoBrB,IAEhFG,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOR,OAAQA,GAC/BN,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOP,QAASA,GAChCP,EAAKS,cAAA,MAAA,CAAAb,UAAWkB,EAAON,SAAUA,GAGvC"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js

@@ -1,2 +0,0 @@
-var e={layout:"layout",media:"media",header:"header",content:"content"};!function(e){const n="s_id-0e68c3ff993d_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout .media {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout .header {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout .content {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
-//# sourceMappingURL=ModalMediaLayout.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";import l from"./ModalSideBySideLayout.module.scss.js";import m from"../ModalLayoutScrollableContent.js";import i from"../ModalFooterShadow.js";var d=a((function(a,d){var n=a.className,c=a.id,f=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),E=u[0],j=u[1],v=u[2];return t.createElement(t.Fragment,null,t.createElement("div",{ref:d,className:r(l.layout,n),id:c,"data-testid":f||s(o.MODAL_SIDE_BY_SIDE_LAYOUT,c)},t.createElement("div",{className:l.header},E),t.createElement(m,{className:l.content},j),t.createElement("div",{className:l.media},v)),t.createElement(i,{show:!0}))}));export{d as default};
-//# sourceMappingURL=ModalSideBySideLayout.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalSideBySideLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalSideBySideLayout.module.scss\";\nimport { type ModalSideBySideLayoutProps } from \"./ModalSideBySideLayout.types\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\n\nconst ModalSideBySideLayout = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalSideBySideLayoutProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [header, content, media] = React.Children.toArray(children);\n    return (\n      <>\n        <div\n          ref={ref}\n          className={cx(styles.layout, className)}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_SIDE_BY_SIDE_LAYOUT, id)}\n        >\n          <div className={styles.header}>{header}</div>\n          <ModalLayoutScrollableContent className={styles.content}>{content}</ModalLayoutScrollableContent>\n          <div className={styles.media}>{media}</div>\n        </div>\n        <ModalFooterShadow show />\n      </>\n    );\n  }\n);\n\nexport default ModalSideBySideLayout;\n"],"names":["ModalSideBySideLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","header","content","media","createElement","Fragment","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_SIDE_BY_SIDE_LAYOUT","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"qaASMA,IAAAA,EAAwBC,GAC5B,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAAEI,EAAKJ,EAAA,GAC7B,OACEJ,EAAAS,cAAAT,EAAAU,SAAA,KACEV,EAAAS,cAAA,MAAA,CACEd,IAAKA,EACLC,UAAWe,EAAGC,EAAOC,OAAQjB,GAC7BC,GAAIA,EACS,cAAAC,GAAcgB,EAAUC,EAAuBC,0BAA2BnB,IAEvFG,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAON,QAASA,GAChCN,EAACS,cAAAQ,GAA6BrB,UAAWgB,EAAOL,SAAUA,GAC1DP,EAAKS,cAAA,MAAA,CAAAb,UAAWgB,EAAOJ,OAAQA,IAEjCR,EAAAS,cAACS,EAAkB,CAAAC,MAAO,IAGhC"}

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js

@@ -1,2 +0,0 @@
-var n={layout:"layout",header:"header",content:"content",media:"media"};!function(n){const e="s_id-5a065e57e1cb_3_85_1";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)}(".layout {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout .header {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout .content {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout .media {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{n as default};
-//# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as n,useCallback as o,useEffect as i}from"react";var l=function(){var l=e(!1),t=r(l,2),c=t[0],s=t[1],u=e(!1),a=r(u,2),f=a[0],v=a[1],d=e(!1),p=r(d,2),b=p[0],m=p[1],S=n(null),g=o((function(){var r=S.current;if(r){var e=r.scrollTop,n=r.scrollHeight,o=r.clientHeight;v(n>o),s(e>0),m(e+o>=n)}}),[]),w=o((function(){g()}),[g]);return i((function(){if(window.ResizeObserver){var r=S.current;if(r){var e=new ResizeObserver((function(){g()}));return e.observe(r),g(),function(){e.disconnect()}}}}),[g]),{ref:S,isContentScrolled:c,isScrollable:f,isScrolledToEnd:b,onScroll:w}};export{l as default};
-//# sourceMappingURL=useLayoutScrolledContent.js.map

package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLayoutScrolledContent.js","sources":["../../../../../../src/components/Modal/layouts/useLayoutScrolledContent.ts"],"sourcesContent":["import { type UIEventHandler, useCallback, useEffect, useRef, useState } from \"react\";\n\nconst useLayoutScrolledContent = () => {\n  const [isContentScrolled, setContentScrolled] = useState<boolean>(false);\n  const [isScrollable, setScrollable] = useState<boolean>(false);\n  const [isScrolledToEnd, setScrolledToEnd] = useState<boolean>(false);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const checkScroll = useCallback(() => {\n    const element = ref.current;\n    if (element) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      setScrollable(scrollHeight > clientHeight);\n      setContentScrolled(scrollTop > 0);\n      setScrolledToEnd(scrollTop + clientHeight >= scrollHeight);\n    }\n  }, []);\n\n  const onScroll: UIEventHandler<HTMLDivElement> = useCallback(() => {\n    checkScroll();\n  }, [checkScroll]);\n\n  useEffect(() => {\n    if (!window.ResizeObserver) {\n      return;\n    }\n\n    const element = ref.current;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      checkScroll();\n    });\n\n    resizeObserver.observe(element);\n\n    checkScroll();\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [checkScroll]);\n\n  return { ref, isContentScrolled, isScrollable, isScrolledToEnd, onScroll };\n};\n\nexport default useLayoutScrolledContent;\n"],"names":["useLayoutScrolledContent","_useState","useState","_useState2","_slicedToArray","isContentScrolled","setContentScrolled","_useState3","_useState4","isScrollable","setScrollable","_useState5","_useState6","isScrolledToEnd","setScrolledToEnd","ref","useRef","checkScroll","useCallback","element","current","scrollTop","scrollHeight","clientHeight","onScroll","useEffect","window","ResizeObserver","resizeObserver","observe","disconnect"],"mappings":"+JAEA,IAAMA,EAA2B,WAC/B,IAAAC,EAAgDC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjEI,EAAiBF,EAAA,GAAEG,EAAkBH,EAAA,GAC5CI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAYD,EAAA,GAAEE,EAAaF,EAAA,GAClCG,EAA4CT,GAAkB,GAAMU,EAAAR,EAAAO,EAAA,GAA7DE,EAAeD,EAAA,GAAEE,EAAgBF,EAAA,GAElCG,EAAMC,EAAuB,MAE7BC,EAAcC,GAAY,WAC9B,IAAMC,EAAUJ,EAAIK,QACpB,GAAID,EAAS,CACX,IAAQE,EAA0CF,EAA1CE,UAAWC,EAA+BH,EAA/BG,aAAcC,EAAiBJ,EAAjBI,aACjCb,EAAcY,EAAeC,GAC7BjB,EAAmBe,EAAY,GAC/BP,EAAiBO,EAAYE,GAAgBD,EAC9C,CACF,GAAE,IAEGE,EAA2CN,GAAY,WAC3DD,GACF,GAAG,CAACA,IAuBJ,OArBAQ,GAAU,WACR,GAAKC,OAAOC,eAAZ,CAIA,IAAMR,EAAUJ,EAAIK,QACpB,GAAKD,EAAL,CAEA,IAAMS,EAAiB,IAAID,gBAAe,WACxCV,GACF,IAMA,OAJAW,EAAeC,QAAQV,GAEvBF,IAEO,WACLW,EAAeE,aAXH,CAHb,CAgBH,GAAG,CAACb,IAEG,CAAEF,IAAAA,EAAKV,kBAAAA,EAAmBI,aAAAA,EAAcI,gBAAAA,EAAiBW,SAAAA,EAClE"}

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

@@ -1,2 +0,0 @@
-var t=[0,0,.4,1],i=[.6,0,1,1],e={initial:{opacity:0},enter:{opacity:1,transition:{duration:.1,ease:t}},exit:{opacity:0,transition:{duration:.1,ease:i}}},a={initial:{opacity:1,scale:1,x:"-50%",y:"-50%"},enter:{opacity:[0,1,1],scale:[.8,1,1],x:"-50%",y:"-50%",transition:{duration:.15,ease:t,times:[0,.5,1]}},exit:{opacity:[1,1,0],scale:[1,1,.8],x:"-50%",y:"-50%",transition:{duration:.1,ease:i,times:[0,.5,1]}}},n={initial:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:0,scale:.8,top:"50%",left:"50%",x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)")}},enter:{opacity:[0,0,1],scale:[.8,.8,1],top:"50%",left:"50%",x:"-50%",y:"-50%",transition:{duration:.2,ease:t,times:[0,.4,1]}},exit:function(t){var e=t.current.getBoundingClientRect(),a=e.top+e.height/2;return{opacity:[1,0,0],scale:[1,.8,.8],top:0,left:0,x:"calc(-50% + ".concat(e.left+e.width/2,"px)"),y:"calc(-50% + ".concat(a,"px)"),transition:{duration:.15,ease:i,times:[0,.6,1]}}}},o={enter:{opacity:[.3,1,1],y:[30,0],transition:{duration:.25,ease:t,times:[0,.33,1]}},exit:{opacity:0,y:30,transition:{duration:.1,ease:i}}};export{n as modalAnimationAnchorPopVariants,a as modalAnimationCenterPopVariants,o as modalAnimationFullViewVariants,e as modalAnimationOverlayVariants};
-//# sourceMappingURL=animationVariants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"animationVariants.js","sources":["../../../../../../src/components/Modal/utils/animationVariants.ts"],"sourcesContent":["import { type Variants } from \"framer-motion\";\nimport { type RefObject } from \"react\";\n\nconst enterEase = [0.0, 0.0, 0.4, 1.0];\nconst exitEase = [0.6, 0.0, 1.0, 1.0];\n\nexport const modalAnimationOverlayVariants: Variants = {\n  initial: {\n    opacity: 0\n  },\n  enter: {\n    opacity: 1,\n    transition: {\n      duration: 0.1,\n      ease: enterEase\n    }\n  },\n  exit: {\n    opacity: 0,\n    transition: {\n      duration: 0.1,\n      ease: exitEase\n    }\n  }\n};\n\nexport const modalAnimationCenterPopVariants: Variants = {\n  initial: {\n    opacity: 1,\n    scale: 1,\n    x: \"-50%\",\n    y: \"-50%\"\n  },\n  enter: {\n    opacity: [0, 1, 1],\n    scale: [0.8, 1, 1],\n    x: \"-50%\",\n    y: \"-50%\",\n    transition: {\n      duration: 0.15,\n      ease: enterEase,\n      times: [0, 0.5, 1]\n    }\n  },\n  exit: {\n    opacity: [1, 1, 0],\n    scale: [1, 1, 0.8],\n    x: \"-50%\",\n    y: \"-50%\",\n    transition: {\n      duration: 0.1,\n      ease: exitEase,\n      times: [0, 0.5, 1]\n    }\n  }\n};\n\nexport const modalAnimationAnchorPopVariants: Variants = {\n  initial: (anchorElementRef: RefObject<HTMLElement>) => {\n    const anchorRect = anchorElementRef.current.getBoundingClientRect();\n    const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n    const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n    const x = `calc(-50% + ${anchorCenterX}px)`;\n    const y = `calc(-50% + ${anchorCenterY}px)`;\n\n    return {\n      opacity: 0,\n      scale: 0.8,\n      top: \"50%\",\n      left: \"50%\",\n      x,\n      y\n    };\n  },\n  enter: {\n    opacity: [0, 0, 1],\n    scale: [0.8, 0.8, 1],\n    top: \"50%\",\n    left: \"50%\",\n    x: \"-50%\",\n    y: \"-50%\",\n    transition: {\n      duration: 0.2,\n      ease: enterEase,\n      times: [0, 0.4, 1]\n    }\n  },\n  exit: (anchorElementRef: RefObject<HTMLElement>) => {\n    const anchorRect = anchorElementRef.current.getBoundingClientRect();\n    const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n    const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n    const x = `calc(-50% + ${anchorCenterX}px)`;\n    const y = `calc(-50% + ${anchorCenterY}px)`;\n\n    return {\n      opacity: [1, 0, 0],\n      scale: [1, 0.8, 0.8],\n      top: 0,\n      left: 0,\n      x,\n      y,\n      transition: {\n        duration: 0.15,\n        ease: exitEase,\n        times: [0, 0.6, 1]\n      }\n    };\n  }\n};\n\nexport const modalAnimationFullViewVariants: Variants = {\n  enter: {\n    opacity: [0.3, 1, 1],\n    y: [30, 0],\n    transition: {\n      duration: 0.25,\n      ease: enterEase,\n      times: [0, 0.33, 1]\n    }\n  },\n  exit: {\n    opacity: 0,\n    y: 30,\n    transition: {\n      duration: 0.1,\n      ease: exitEase\n    }\n  }\n};\n"],"names":["enterEase","exitEase","modalAnimationOverlayVariants","initial","opacity","enter","transition","duration","ease","exit","modalAnimationCenterPopVariants","scale","x","y","times","modalAnimationAnchorPopVariants","anchorElementRef","anchorRect","current","getBoundingClientRect","anchorCenterY","top","height","left","concat","width","modalAnimationFullViewVariants"],"mappings":"AAGA,IAAMA,EAAY,CAAC,EAAK,EAAK,GAAK,GAC5BC,EAAW,CAAC,GAAK,EAAK,EAAK,GAEpBC,EAA0C,CACrDC,QAAS,CACPC,QAAS,GAEXC,MAAO,CACLD,QAAS,EACTE,WAAY,CACVC,SAAU,GACVC,KAAMR,IAGVS,KAAM,CACJL,QAAS,EACTE,WAAY,CACVC,SAAU,GACVC,KAAMP,KAKCS,EAA4C,CACvDP,QAAS,CACPC,QAAS,EACTO,MAAO,EACPC,EAAG,OACHC,EAAG,QAELR,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,EAAG,GAChBC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,IACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,CACJL,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,EAAG,IACdC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAMP,EACNa,MAAO,CAAC,EAAG,GAAK,MAKTC,EAA4C,CACvDZ,QAAS,SAACa,GACR,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,EACTO,MAAO,GACPU,IAAK,MACLE,KAAM,MACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OAU5C,EACDf,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,GAAK,GAClBU,IAAK,MACLE,KAAM,MACNX,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,SAACO,GACL,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,GAAK,IAChBU,IAAK,EACLE,KAAM,EACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OASzCd,WAAY,CACVC,SAAU,IACVC,KAAMP,EACNa,MAAO,CAAC,EAAG,GAAK,IAGtB,GAGWY,EAA2C,CACtDrB,MAAO,CACLD,QAAS,CAAC,GAAK,EAAG,GAClBS,EAAG,CAAC,GAAI,GACRP,WAAY,CACVC,SAAU,IACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,IAAM,KAGrBL,KAAM,CACJL,QAAS,EACTS,EAAG,GACHP,WAAY,CACVC,SAAU,GACVC,KAAMP"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){const n="s_id-0040463364ed_3_85_1";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 I from"./StepIndicator.module.scss.js";var T=[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(I.numberContainerTextCheckIcon),type: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:T,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(I,n(e||"indicator")),a(I,n("type-".concat(z).concat(e))),a(I,n("status-".concat(w).concat(e))),a(I,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({},I.withAnimation,ne),I.clickable,G),I.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:I.swapEnter,enterActive:I.swapEnterActive,exit:I.swapExit,exitActive:I.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(I.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      type={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","type","ignoreFocusStyle","ariaHidden","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","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_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(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_85_1";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_85_1";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_85_1";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 a}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useMemo as l}from"react";import i from"classnames";import{getStyle as n}from"../../../helpers/typesciptCssModulesHelper.js";import o from"../PercentageLabel/PercentageLabel.js";import{calculatePercentage as s,getProgressBarClassNames as m}from"./LinearProgressBarHelpers.js";import c from"./Bar/Bar.js";import{ComponentDefaultTestId as d,ComponentVibeId as u}from"../../../tests/constants.js";import{getTestId as p}from"../../../tests/testIds.js";import v from"./LinearProgressBar.module.scss.js";var f=t((function(t,f){var y=t.min,b=void 0===y?0:y,E=t.max,R=void 0===E?100:E,_=t.value,g=void 0===_?0:_,N=t.valueSecondary,P=void 0===N?0:N,S=t.animated,A=void 0===S||S,B=t.barStyle,j=void 0===B?"primary":B,L=t.className,x=t.size,h=void 0===x?"small":x,I=t.indicateProgress,C=void 0!==I&&I,H=t.multi,O=void 0!==H&&H,F=t.multiValues,G=void 0===F?[]:F,M=t.ariaLabel,W=void 0===M?"":M,Y=t.id,k=t.fullWidth,w=void 0!==k&&k,z=t["data-testid"],D=l((function(){return i(v.wrapper,e(e({},n(v,""+h),h),v.fullWidth,w),L)}),[h,w,L]),V=l((function(){if(O){var e=G&&G.length&&G[0].value;return null==e?0:s(e,b,R)}return null==g?0:s(g,b,R)}),[g,b,R,O,G]),q=l((function(){return O?r.createElement(r.Fragment,null,a(G).reverse().map((function(e,a){var t=e.value,l=e.color;return r.createElement(c,{className:m(t),barStyle:"none",value:t,animated:A,type:"primary",color:l,min:b,max:R,id:"bar_".concat(l,"_").concat(a),key:"bar_".concat(l,"_").concat(a)})}))):null}),[b,R,A,G,O]),J=C?r.createElement(o,{forElement:"linear-progress-bar",value:V}):null,K=O?null:r.createElement(r.Fragment,null,r.createElement(c,{className:m(g),barLabelName:W,barStyle:j,value:P,animated:A,type:"secondary",min:b,max:R,"data-testid":d.BAR_SECONDARY}),r.createElement(c,{className:m(g),barStyle:j,value:g,animated:A,type:"primary",min:b,max:R,"data-testid":d.BAR_PRIMARY}));return r.createElement("div",{className:D,ref:f,id:Y,"data-testid":z||p(d.LINEAR_PROGRESS_BAR,Y),"data-vibe":u.LINEAR_PROGRESS_BAR},r.createElement("div",{className:v.container},K,q),J)}));export{f 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 { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps } 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\nexport default LinearProgressBar;\n"],"names":["LinearProgressBar","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"],"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_85_1";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/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