@vibe/core 4.0.0-rc.0 → 4.0.1-alpha-649fd.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport { BaseInput } from \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      onKeyDown,\n      className,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-haspopup\": ariaHasPopup,\n      showClearIcon = true,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) return;\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue, onClear]);\n\n    const SearchIcon = (\n      <Icon icon={searchIconName} className={styles.icon} type=\"font\" size={size === \"small\" ? \"16px\" : \"20px\"} />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        aria-label={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {showClearIcon && inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        data-vibe={ComponentVibeId.SEARCH}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","type","IconButton","cx","_defineProperty","empty","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"otBAcA,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EAIAC,EAWAC,EAjCmCC,EAAAZ,EA5BvCa,eAAAA,OAAiBJ,IAAHG,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAgBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAiB,IAAHD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAwBlC,EAAxBkC,yBACAC,EAAmBnC,EAAnBmC,oBACAC,EAAQpC,EAARoC,SACAC,EAAOrC,EAAPqC,QACAC,EAAMtC,EAANsC,OACAC,GAAOvC,EAAPuC,QACAC,GAASxC,EAATwC,UACAC,GAASzC,EAATyC,UACiBC,GAAY1C,EAA7B,iBACiB2C,GAAY3C,EAA7B,iBAAe4C,GAAA5C,EACf6C,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAAE9C,EAAF8C,GACeC,GAAU/C,EAAzB,eAAa,OAITE,EAAW8C,EAAO,MAClB7C,EAAY8C,EAAYhD,EAAKC,GAEnCE,EAAmD8C,EAAiB,CAClEC,MAAOlB,EACPG,SAAAA,EACAgB,kBAAmB9B,IAHbjB,EAAUD,EAAVC,WAAYC,EAAcF,EAAdE,eAMdE,EAAqB6C,GAAY,mBACjC3B,YACJ4B,EAAkB,UAAlBpD,EAASqD,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAClBlD,IACAgC,UAAAA,KACD,GAAE,CAACb,EAXgCnB,EAAUH,EAAVG,WAWVgC,KAEpB9B,EACJiD,EAAAC,cAACC,EAAK,CAAAC,KAAMhD,EAAgB4B,UAAWqB,EAAOD,KAAME,KAAK,OAAOtC,KAAe,UAATA,EAAmB,OAAS,SAG9Ff,EACJgD,EAAAC,cAACK,EAAU,CACTvB,UAAWwB,EAAGH,EAAOD,KAAIK,EAAKJ,CAAAA,EAAAA,EAAOK,OAAS9D,IAC9CwD,KAAM9C,EAAa,aACPG,EACZkD,QAAS5D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QAAO,cAC1B4C,EAAUC,EAAuBC,oBAAqBzB,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAc,SAAA,KACG7C,GACC+B,EAAAC,cAACc,EACC,CAAAhD,KAAe,UAATA,EAAmB,KAAO,GAChCiD,MAAM,YACNC,iBAAkBV,EAAEC,KAAIJ,EAAOc,QAAUvE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACkB,EAAS,CACR5E,IAAKE,EACL2C,GAAIA,GACJiB,KAAM,SACO,cAAAhB,IAAcsB,EAAUC,EAAuBQ,OAAQhC,IAAG,YAC5DiC,EAAgBD,OAC3BrC,UAAWwB,EAAGH,EAAOkB,cAAevC,IACpCwC,eAAgBnB,EAAOoB,OACvB5D,MAAOjB,EACP8E,WAAY1E,EACZ2E,YAAazE,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN4D,YAAY,SACZC,UAAWpD,EAA2B,gBAAaqD,EAAS,aAChDxD,EAAc,YACfJ,EACI,gBAAAe,GAAeR,OAA2BqD,EAAS,wBAC3CpD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}
+{"version":3,"file":"Search.js","sources":["../../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport { BaseInput } from \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      onKeyDown,\n      className,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-haspopup\": ariaHasPopup,\n      showClearIcon = true,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) return;\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue, onClear]);\n\n    const SearchIcon = (\n      <Icon icon={searchIconName} className={styles.icon} type=\"font\" size={size === \"small\" ? \"16px\" : \"20px\"} />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        aria-label={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {showClearIcon && inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        data-vibe={ComponentVibeId.SEARCH}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","type","IconButton","cx","_defineProperty","empty","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"qtBAcA,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EAIAC,EAWAC,EAjCmCC,EAAAZ,EA5BvCa,eAAAA,OAAiBJ,IAAHG,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAgBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAiB,IAAHD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAwBlC,EAAxBkC,yBACAC,EAAmBnC,EAAnBmC,oBACAC,EAAQpC,EAARoC,SACAC,EAAOrC,EAAPqC,QACAC,EAAMtC,EAANsC,OACAC,GAAOvC,EAAPuC,QACAC,GAASxC,EAATwC,UACAC,GAASzC,EAATyC,UACiBC,GAAY1C,EAA7B,iBACiB2C,GAAY3C,EAA7B,iBAAe4C,GAAA5C,EACf6C,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAAE9C,EAAF8C,GACeC,GAAU/C,EAAzB,eAAa,OAITE,EAAW8C,EAAO,MAClB7C,EAAY8C,EAAYhD,EAAKC,GAEnCE,EAAmD8C,EAAiB,CAClEC,MAAOlB,EACPG,SAAAA,EACAgB,kBAAmB9B,IAHbjB,EAAUD,EAAVC,WAAYC,EAAcF,EAAdE,eAMdE,EAAqB6C,GAAY,mBACjC3B,YACJ4B,EAAkB,UAAlBpD,EAASqD,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAClBlD,IACAgC,UAAAA,KACD,GAAE,CAACb,EAXgCnB,EAAUH,EAAVG,WAWVgC,KAEpB9B,EACJiD,EAAAC,cAACC,EAAK,CAAAC,KAAMhD,EAAgB4B,UAAWqB,EAAOD,KAAME,KAAK,OAAOtC,KAAe,UAATA,EAAmB,OAAS,SAG9Ff,EACJgD,EAAAC,cAACK,EAAU,CACTvB,UAAWwB,EAAGH,EAAOD,KAAIK,EAAKJ,CAAAA,EAAAA,EAAOK,OAAS9D,IAC9CwD,KAAM9C,EAAa,aACPG,EACZkD,QAAS5D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QAAO,cAC1B4C,EAAUC,EAAuBC,oBAAqBzB,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAc,SAAA,KACG7C,GACC+B,EAAAC,cAACc,EACC,CAAAhD,KAAe,UAATA,EAAmB,KAAO,GAChCiD,MAAM,YACNC,iBAAkBV,EAAEC,KAAIJ,EAAOc,QAAUvE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACkB,EAAS,CACR5E,IAAKE,EACL2C,GAAIA,GACJiB,KAAM,SACO,cAAAhB,IAAcsB,EAAUC,EAAuBQ,OAAQhC,IAAG,YAC5DiC,EAAgBD,OAC3BrC,UAAWwB,EAAGH,EAAOkB,cAAevC,IACpCwC,eAAgBnB,EAAOoB,OACvB5D,MAAOjB,EACP8E,WAAY1E,EACZ2E,YAAazE,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN4D,YAAY,SACZC,UAAWpD,EAA2B,gBAAaqD,EAAS,aAChDxD,EAAc,YACfJ,EACI,gBAAAe,GAAeR,OAA2BqD,EAAS,wBAC3CpD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { SKELETON_CUSTOM_SIZE } from \"./SkeletonConstants\";\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n  /**\n   * The type of skeleton.\n   */\n  type?: SkeletonType;\n  /**\n   * The predefined size of the skeleton.\n   */\n  size?: SkeletonSizeType;\n  /**\n   * The width of the skeleton in pixels.\n   */\n  width?: number;\n  /**\n   * The height of the skeleton in pixels.\n   */\n  height?: number;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the skeleton will take up the full width of its container.\n   */\n  fullWidth?: boolean;\n}\n\nconst Skeleton = ({\n  type = \"rectangle\",\n  size = \"custom\",\n  className,\n  wrapperClassName,\n  width,\n  height,\n  fullWidth = false,\n  id,\n  \"data-testid\": dataTestId\n}: SkeletonProps) => {\n  const skeletonType = type || \"rectangle\";\n\n  // Skeleton has sizes only for text type, other types support only custom size\n  const skeletonSize = size || SKELETON_CUSTOM_SIZE;\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SKELETON, id)}\n    >\n      <div\n        className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n          [styles.fullWidth]: fullWidth\n        })}\n        style={{ width, height }}\n      />\n    </div>\n  );\n};\n\nexport default Skeleton;\n"],"names":["Skeleton","_ref","_ref$type","type","_ref$size","size","className","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","skeletonSize","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","wrapperClassName","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style"],"mappings":"kaAqCA,IAAMA,EAAW,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAkBC,EAAAH,EAClBI,KACAC,EAASL,EAATK,UAEAC,EAAKN,EAALM,MACAC,EAAMP,EAANO,OAAMC,EAAAR,EACNS,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAEMY,QAVC,IAAHX,EAAG,YAAWA,IAUW,YAGvBY,QAZC,IAAHV,EAAG,SAAQA,IAYcW,EAE7B,OACEC,EACEC,cAAA,MAAA,CAAAN,GAAIA,EACJL,UAAWY,EAAGC,EAAOC,SAfTnB,EAAhBoB,iBAemDC,KAAKH,EAAOT,UAAYA,IAC1D,cAAAE,GAAcW,EAAUC,EAAuBC,SAAUd,IAEtEK,EACEC,cAAA,MAAA,CAAAX,UAAWY,EAAGC,EAAON,GAAea,EAASP,EAAQQ,EAAUd,EAAe,IAAMC,IAAgBR,EAASgB,EAC1GH,CAAAA,EAAAA,EAAOT,UAAYA,IAEtBkB,MAAO,CAAErB,MAAAA,EAAOC,OAAAA,KAIxB"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { SKELETON_CUSTOM_SIZE } from \"./SkeletonConstants\";\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n  /**\n   * The type of skeleton.\n   */\n  type?: SkeletonType;\n  /**\n   * The predefined size of the skeleton.\n   */\n  size?: SkeletonSizeType;\n  /**\n   * The width of the skeleton in pixels.\n   */\n  width?: number;\n  /**\n   * The height of the skeleton in pixels.\n   */\n  height?: number;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the skeleton will take up the full width of its container.\n   */\n  fullWidth?: boolean;\n}\n\nconst Skeleton = ({\n  type = \"rectangle\",\n  size = \"custom\",\n  className,\n  wrapperClassName,\n  width,\n  height,\n  fullWidth = false,\n  id,\n  \"data-testid\": dataTestId\n}: SkeletonProps) => {\n  const skeletonType = type || \"rectangle\";\n\n  // Skeleton has sizes only for text type, other types support only custom size\n  const skeletonSize = size || SKELETON_CUSTOM_SIZE;\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SKELETON, id)}\n    >\n      <div\n        className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n          [styles.fullWidth]: fullWidth\n        })}\n        style={{ width, height }}\n      />\n    </div>\n  );\n};\n\nexport default Skeleton;\n"],"names":["Skeleton","_ref","_ref$type","type","_ref$size","size","className","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","skeletonSize","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","wrapperClassName","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style"],"mappings":"oYAqCA,IAAMA,EAAW,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAkBC,EAAAH,EAClBI,KACAC,EAASL,EAATK,UAEAC,EAAKN,EAALM,MACAC,EAAMP,EAANO,OAAMC,EAAAR,EACNS,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAEMY,QAVC,IAAHX,EAAG,YAAWA,IAUW,YAGvBY,QAZC,IAAHV,EAAG,SAAQA,IAYcW,EAE7B,OACEC,EACEC,cAAA,MAAA,CAAAN,GAAIA,EACJL,UAAWY,EAAGC,EAAOC,SAfTnB,EAAhBoB,iBAemDC,KAAKH,EAAOT,UAAYA,IAC1D,cAAAE,GAAcW,EAAUC,EAAuBC,SAAUd,IAEtEK,EACEC,cAAA,MAAA,CAAAX,UAAWY,EAAGC,EAAON,GAAea,EAASP,EAAQQ,EAAUd,EAAe,IAAMC,IAAgBR,EAASgB,EAC1GH,CAAAA,EAAAA,EAAOT,UAAYA,IAEtBkB,MAAO,CAAErB,MAAAA,EAAOC,OAAAA,KAIxB"}

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

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

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

@@ -1,2 +1,2 @@
-var e={slide:"slide",slideForward:"slideForward",slideInForward:"slideInForward",slideBackward:"slideBackward",slideInBackward:"slideInBackward"};!function(e){const n="s_id-17fe3dfbe840_4_0_0-beta_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward {\n  animation: slideInForward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward {\n  animation: slideInBackward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInBackward {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
+var e={slide:"slide",slideForward:"slideForward",slideInForward:"slideInForward",slideBackward:"slideBackward",slideInBackward:"slideInBackward"};!function(e){const n="s_id-17fe3dfbe840_4_0_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward {\n  animation: slideInForward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward {\n  animation: slideInBackward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInBackward {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as t,useMemo as a}from"react";import l from"../../hooks/useMergeRef.js";import{NOOP as r}from"../../utils/function-utils.js";import{ensureDefaultValue as s}from"./SliderHelpers.js";import{SliderProvider as d}from"./SliderContext.js";import n from"./SliderBase/SliderBase.js";import m from"./SliderInfix.js";import u from"classnames";import p from"./Slider.module.scss.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as v}from"es-toolkit";var c=o((function(o,c){var x=o["aria-label"],b=o["aria-labelledby"],h=o.className,j=o.color,S=o["data-testid"],g=void 0===S?"monday-slider":S,y=o.disabled,C=void 0!==y&&y,E=o.id,k=o.max,L=void 0===k?100:k,P=o.min,V=void 0===P?0:P,w=o.onChange,B=void 0===w?r:w,H=o.ranged,I=void 0!==H&&H,z=o.step,F=void 0===z?1:z,M=o.showValue,N=void 0!==M&&M,T=o.valueLabelPosition,W=void 0===T?"top":T,_=o.valueLabelColor,O=void 0===_?"primary":_,R=o.size,q=void 0===R?"small":R,A=o.value,D=o.defaultValue,G=void 0===D?0:D,J=o.valueFormatter,K=void 0===J?function(e){return"".concat(e,"%")}:J,Q=o.valueText,U=o.indicateSelection,X=void 0!==U&&U,Y=o.prefix,Z=o.postfix,$=o.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=t(null),oe=l(c,ie),te=a((function(){return{prefix:Y,postfix:Z,indicateSelection:X,selectionIndicatorWidth:ee}}),[Y,Z,X,ee]);return i.createElement(d,{"aria-label":x,"aria-labelledby":b,color:j,"data-testid":g,disabled:C,infixOptions:te,max:L,min:V,onChange:B,ranged:I,showValue:N,valueLabelPosition:W,valueLabelColor:O,size:q,step:F,value:A,defaultValue:s(G,V,L,I),valueFormatter:K,valueText:Q},i.createElement("div",{className:u(p.slider,e({},p.valueShown,N),f(p,v("position-"+W)),h),"data-testid":g,id:E,ref:oe},i.createElement(m,{kind:"prefix"}),i.createElement(n,null),i.createElement(m,{kind:"postfix"})))}));export{c as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as a,useRef as o,useMemo as l}from"react";import{useMergeRef as t,getStyle as r,NOOP as d}from"@vibe/shared";import{ensureDefaultValue as n}from"./SliderHelpers.js";import{SliderProvider as s}from"./SliderContext.js";import m from"./SliderBase/SliderBase.js";import v from"./SliderInfix.js";import u from"classnames";import p from"./Slider.module.scss.js";import{camelCase as f}from"es-toolkit";var c=a((function(a,c){var x=a["aria-label"],b=a["aria-labelledby"],S=a.className,h=a.color,j=a["data-testid"],g=void 0===j?"monday-slider":j,y=a.disabled,C=void 0!==y&&y,E=a.id,L=a.max,P=void 0===L?100:L,V=a.min,k=void 0===V?0:V,w=a.onChange,B=void 0===w?d:w,I=a.ranged,z=void 0!==I&&I,F=a.step,H=void 0===F?1:F,N=a.showValue,T=void 0!==N&&N,W=a.valueLabelPosition,_=void 0===W?"top":W,O=a.valueLabelColor,q=void 0===O?"primary":O,A=a.size,D=void 0===A?"small":A,G=a.value,J=a.defaultValue,K=void 0===J?0:J,M=a.valueFormatter,Q=void 0===M?function(e){return"".concat(e,"%")}:M,R=a.valueText,U=a.indicateSelection,X=void 0!==U&&U,Y=a.prefix,Z=a.postfix,$=a.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=o(null),ae=t(c,ie),oe=l((function(){return{prefix:Y,postfix:Z,indicateSelection:X,selectionIndicatorWidth:ee}}),[Y,Z,X,ee]);return i.createElement(s,{"aria-label":x,"aria-labelledby":b,color:h,"data-testid":g,disabled:C,infixOptions:oe,max:P,min:k,onChange:B,ranged:z,showValue:T,valueLabelPosition:_,valueLabelColor:q,size:D,step:H,value:G,defaultValue:n(K,k,P,z),valueFormatter:Q,valueText:R},i.createElement("div",{className:u(p.slider,e({},p.valueShown,T),r(p,f("position-"+_)),S),"data-testid":g,id:E,ref:ae},i.createElement(v,{kind:"prefix"}),i.createElement(m,null),i.createElement(v,{kind:"postfix"})))}));export{c as default};
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n  /**\n   * Define a string that labels the current element (Slider)\n   */\n  \"aria-label\"?: string;\n  /**\n   * ElementId of Node that have the text needed for labeling the current element (Slider)\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Custom `class name` to be added to the component-root-node\n   */\n  className?: string;\n  /**\n   * Color Mode (primary/positive/negative) of the component (Slider)\n   */\n  color?: SliderColor;\n  /**\n   * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n   */\n  \"data-testid\"?: string;\n  defaultValue?: number | number[];\n  /**\n   * Formatter function `value => formattedValue`\n   * default formatter return `${value}%`\n   */\n  /**\n   * If set to true, Component (Slider) will be disabled\n   *  - impossible to change value of component (Slider)\n   *  - visual changes (opacity)\n   */\n  disabled?: boolean;\n  /**\n   * Attribute `id` to be added to the component-root-node\n   */\n  id?: string;\n  /**\n   * Max range value of the component (Slider)\n   */\n  max?: number;\n  /**\n   * Min range value of the component (Slider)\n   */\n  min?: number;\n  /**\n   * Optional onChange callback (for outer trigger or Controlled mode)\n   * - required in Controlled Mode\n   */\n  onChange?: (value: number | number[]) => void;\n  /**\n   * If true switch slider to RRange mode (two Thumbs)\n   */\n  ranged?: boolean;\n  /**\n   * The granularity with which the slider can step through values.\n   * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   */\n  step?: number;\n  /**\n   * Always show `value` instead of Tooltip\n   */\n  showValue?: boolean;\n  /**\n   * Position of the `value` when `showValue` is true\n   */\n  valueLabelPosition?: SliderLabelPosition;\n  /**\n   * Color of the `value` when `showValue` is true\n   */\n  valueLabelColor?: SliderLabelColor;\n  /**\n   * Size small/medium/large of the component (Slider)\n   */\n  size?: SliderSize;\n  /**\n   * Current/selected value of the range of the Component (Slider)\n   *   - should be used in Controlled Mode only\n   *   - in ranged mode should be an array of two numbers\n   */\n  value?: number | number[];\n  /**\n   * Function to format the value, e.g. add %. By default, returns `${value}%`\n   */\n  valueFormatter?: (value: number) => string;\n  /**\n   * Text/presentation of current/selected value\n   *  - should be used in Controlled Mode only\n   */\n  valueText?: string;\n  /**\n   * Show selected from Slider range value\n   */\n  indicateSelection?: boolean;\n  /**\n   * Options for initial/start/prefix element, it can be one of:\n   *  - Any Component (react component, node, text, number etc.)\n   *  - Or it can be an object of options for Icons component (see Icon components props)\n   *  - Or it can be an object for Label (Icon, Heading - and other components)\n   *  - Or it can be Render Props Function witch are getting value and valueText\n   */\n  prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n  /**\n   * Options for postfix/end/finishing element. Same as prefix element.\n   */\n  postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n  /**\n   * Width of SelectionIndicator (i.e. TextField)\n   */\n  selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n  (\n    {\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      className,\n      color,\n      \"data-testid\": dataTestId = \"monday-slider\",\n      disabled = false,\n      id,\n      max = 100,\n      min = 0,\n      onChange = NOOP,\n      ranged = false,\n      step = 1,\n      showValue = false,\n      valueLabelPosition = \"top\",\n      valueLabelColor = \"primary\",\n      size = \"small\",\n      value,\n      defaultValue = 0,\n      valueFormatter = (value: number) => `${value}%`,\n      valueText,\n      indicateSelection = false,\n      prefix,\n      postfix,\n      selectionIndicatorWidth = \"60px\"\n    }: SliderProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const infixOptions = useMemo(\n      () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n      [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n    );\n    return (\n      <SliderProvider\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        color={color}\n        data-testid={dataTestId}\n        disabled={disabled}\n        infixOptions={infixOptions}\n        max={max}\n        min={min}\n        onChange={onChange}\n        ranged={ranged}\n        showValue={showValue}\n        valueLabelPosition={valueLabelPosition}\n        valueLabelColor={valueLabelColor}\n        size={size}\n        step={step}\n        value={value}\n        defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n        valueFormatter={valueFormatter}\n        valueText={valueText}\n      >\n        <div\n          className={cx(\n            styles.slider,\n            { [styles.valueShown]: showValue },\n            getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n            className\n          )}\n          data-testid={dataTestId}\n          id={id}\n          ref={mergedRef}\n        >\n          <SliderInfix kind=\"prefix\" />\n          <SliderBase />\n          <SliderInfix kind=\"postfix\" />\n        </div>\n      </SliderProvider>\n    );\n  }\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","SliderBase"],"mappings":"klBA8HMA,IAAAA,EAASC,GACb,SAAAC,EA2BEC,GACE,IA1BcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,EACa,CAAA,aAAAjD,oBACKC,EACjBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,EAAa,MACdb,EAACC,cAAAU,GAAYC,KAAK,aAI1B"}
+{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n  /**\n   * Define a string that labels the current element (Slider)\n   */\n  \"aria-label\"?: string;\n  /**\n   * ElementId of Node that have the text needed for labeling the current element (Slider)\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Custom `class name` to be added to the component-root-node\n   */\n  className?: string;\n  /**\n   * Color Mode (primary/positive/negative) of the component (Slider)\n   */\n  color?: SliderColor;\n  /**\n   * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n   */\n  \"data-testid\"?: string;\n  defaultValue?: number | number[];\n  /**\n   * Formatter function `value => formattedValue`\n   * default formatter return `${value}%`\n   */\n  /**\n   * If set to true, Component (Slider) will be disabled\n   *  - impossible to change value of component (Slider)\n   *  - visual changes (opacity)\n   */\n  disabled?: boolean;\n  /**\n   * Attribute `id` to be added to the component-root-node\n   */\n  id?: string;\n  /**\n   * Max range value of the component (Slider)\n   */\n  max?: number;\n  /**\n   * Min range value of the component (Slider)\n   */\n  min?: number;\n  /**\n   * Optional onChange callback (for outer trigger or Controlled mode)\n   * - required in Controlled Mode\n   */\n  onChange?: (value: number | number[]) => void;\n  /**\n   * If true switch slider to RRange mode (two Thumbs)\n   */\n  ranged?: boolean;\n  /**\n   * The granularity with which the slider can step through values.\n   * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   */\n  step?: number;\n  /**\n   * Always show `value` instead of Tooltip\n   */\n  showValue?: boolean;\n  /**\n   * Position of the `value` when `showValue` is true\n   */\n  valueLabelPosition?: SliderLabelPosition;\n  /**\n   * Color of the `value` when `showValue` is true\n   */\n  valueLabelColor?: SliderLabelColor;\n  /**\n   * Size small/medium/large of the component (Slider)\n   */\n  size?: SliderSize;\n  /**\n   * Current/selected value of the range of the Component (Slider)\n   *   - should be used in Controlled Mode only\n   *   - in ranged mode should be an array of two numbers\n   */\n  value?: number | number[];\n  /**\n   * Function to format the value, e.g. add %. By default, returns `${value}%`\n   */\n  valueFormatter?: (value: number) => string;\n  /**\n   * Text/presentation of current/selected value\n   *  - should be used in Controlled Mode only\n   */\n  valueText?: string;\n  /**\n   * Show selected from Slider range value\n   */\n  indicateSelection?: boolean;\n  /**\n   * Options for initial/start/prefix element, it can be one of:\n   *  - Any Component (react component, node, text, number etc.)\n   *  - Or it can be an object of options for Icons component (see Icon components props)\n   *  - Or it can be an object for Label (Icon, Heading - and other components)\n   *  - Or it can be Render Props Function witch are getting value and valueText\n   */\n  prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n  /**\n   * Options for postfix/end/finishing element. Same as prefix element.\n   */\n  postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n  /**\n   * Width of SelectionIndicator (i.e. TextField)\n   */\n  selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n  (\n    {\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      className,\n      color,\n      \"data-testid\": dataTestId = \"monday-slider\",\n      disabled = false,\n      id,\n      max = 100,\n      min = 0,\n      onChange = NOOP,\n      ranged = false,\n      step = 1,\n      showValue = false,\n      valueLabelPosition = \"top\",\n      valueLabelColor = \"primary\",\n      size = \"small\",\n      value,\n      defaultValue = 0,\n      valueFormatter = (value: number) => `${value}%`,\n      valueText,\n      indicateSelection = false,\n      prefix,\n      postfix,\n      selectionIndicatorWidth = \"60px\"\n    }: SliderProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const infixOptions = useMemo(\n      () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n      [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n    );\n    return (\n      <SliderProvider\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        color={color}\n        data-testid={dataTestId}\n        disabled={disabled}\n        infixOptions={infixOptions}\n        max={max}\n        min={min}\n        onChange={onChange}\n        ranged={ranged}\n        showValue={showValue}\n        valueLabelPosition={valueLabelPosition}\n        valueLabelColor={valueLabelColor}\n        size={size}\n        step={step}\n        value={value}\n        defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n        valueFormatter={valueFormatter}\n        valueText={valueText}\n      >\n        <div\n          className={cx(\n            styles.slider,\n            { [styles.valueShown]: showValue },\n            getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n            className\n          )}\n          data-testid={dataTestId}\n          id={id}\n          ref={mergedRef}\n        >\n          <SliderInfix kind=\"prefix\" />\n          <SliderBase />\n          <SliderInfix kind=\"postfix\" />\n        </div>\n      </SliderProvider>\n    );\n  }\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","SliderBase"],"mappings":"gfA8HMA,IAAAA,EAASC,GACb,SAAAC,EA2BEC,GACE,IA1BcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,EACa,CAAA,aAAAjD,oBACKC,EACjBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,EAAa,MACdb,EAACC,cAAAU,GAAYC,KAAK,aAI1B"}

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

@@ -1,2 +1,2 @@
-var e={slider:"slider",valueShown:"valueShown",positionTop:"positionTop",positionBottom:"positionBottom"};!function(e){const n="s_id-4e41ea5b2e41_4_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown.positionTop {\n  margin-top: 10px;\n}\n\n.valueShown.positionBottom {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider",valueShown:"valueShown",positionTop:"positionTop",positionBottom:"positionBottom"};!function(e){const n="s_id-4e41ea5b2e41_4_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown.positionTop {\n  margin-top: 10px;\n}\n\n.valueShown.positionBottom {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useCallback as o}from"react";import{isArrowUpEvent as i,isArrowRightEvent as l,isArrowDownEvent as s,isArrowLeftEvent as a,isPageUpEvent as n,isPageDownEvent as m,isHomeEvent as f,isEndEvent as u}from"../../../utils/dom-event-utils.js";import{useSliderUi as d,useSliderSelection as p,useSliderActions as c}from"../SliderContext.js";import{calcDimensions as v,moveToPx as j,getNearest as b,calculatePageStep as h}from"../SliderHelpers.js";import{useSliderRail as S}from"../SliderHooks.js";import E from"./SliderRail.js";import T from"./SliderTrack.js";import g from"./SliderFilledTrack.js";import k from"./SliderThumb.js";import y from"classnames";import{getStyle as D}from"../../../helpers/typesciptCssModulesHelper.js";import x from"./SliderBase.module.scss.js";var C=t((function(t,C){var H=t.className,z=d(),M=z.color,V=z.disabled,B=z.size,F=z.shapeTestId,K=p(),N=K.min,P=K.max,R=K.ranged,X=K.step,_=K.value,w=c(),I=w.changeThumbValue,q=w.drugThumb,A=w.decreaseValue,G=w.increaseValue,J=S(),L=J.railCoords,O=J.railRef,Q=v(P,N,R,_),U=Q.dimension,W=Q.offset,Y=Q.positions,Z=Q.thumbKeys,$=o((function(e){var r=j(Math.round(e.clientX-L.left),N,P,L,X);q(r)}),[q,N,P,L,X]),ee=o((function(e){var r=j(e.clientX-L.left,N,P,L,X),t=b(r,R,_);I(r,t)}),[I,N,P,L,R,X,_]);return r.createElement("div",{className:y(x.base,e(e(e({},D(x,B),B),D(x,M),M),x.disabled,V),H),"data-testid":F("base"),onKeyDown:function(e){return i(e)||l(e)?G():s(e)||a(e)?A():n(e)?(e.preventDefault(),G(h(P,N,X))):m(e)?(e.preventDefault(),A(h(P,N,X))):f(e)?(e.preventDefault(),I(N)):u(e)?(e.preventDefault(),I(P)):void 0}},r.createElement(E,{onClick:ee,size:B,ref:O},r.createElement(T,{color:M}),O.current&&r.createElement(r.Fragment,null,r.createElement(g,{dimension:U,offset:W,color:M}),Y.map((function(e,t){return r.createElement(k,{key:Z[t],index:t,onMove:$,position:e,color:M,size:B})})))))}));export{C as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useCallback as o}from"react";import{getStyle as i,isArrowUpEvent as a,isArrowRightEvent as l,isArrowDownEvent as n,isArrowLeftEvent as s,isPageUpEvent as m,isPageDownEvent as f,isHomeEvent as d,isEndEvent as c}from"@vibe/shared";import{useSliderUi as u,useSliderSelection as p,useSliderActions as v}from"../SliderContext.js";import{calcDimensions as b,moveToPx as j,getNearest as h,calculatePageStep as S}from"../SliderHelpers.js";import{useSliderRail as E}from"../SliderHooks.js";import T from"./SliderRail.js";import g from"./SliderTrack.js";import k from"./SliderFilledTrack.js";import D from"./SliderThumb.js";import x from"classnames";import y from"./SliderBase.module.scss.js";var z=t((function(t,z){var C=t.className,H=u(),V=H.color,B=H.disabled,F=H.size,K=H.shapeTestId,M=p(),N=M.min,P=M.max,R=M.ranged,X=M.step,_=M.value,w=v(),I=w.changeThumbValue,q=w.drugThumb,A=w.decreaseValue,G=w.increaseValue,J=E(),L=J.railCoords,O=J.railRef,Q=b(P,N,R,_),U=Q.dimension,W=Q.offset,Y=Q.positions,Z=Q.thumbKeys,$=o((function(e){var r=j(Math.round(e.clientX-L.left),N,P,L,X);q(r)}),[q,N,P,L,X]),ee=o((function(e){var r=j(e.clientX-L.left,N,P,L,X),t=h(r,R,_);I(r,t)}),[I,N,P,L,R,X,_]);return r.createElement("div",{className:x(y.base,e(e(e({},i(y,F),F),i(y,V),V),y.disabled,B),C),"data-testid":K("base"),onKeyDown:function(e){return a(e)||l(e)?G():n(e)||s(e)?A():m(e)?(e.preventDefault(),G(S(P,N,X))):f(e)?(e.preventDefault(),A(S(P,N,X))):d(e)?(e.preventDefault(),I(N)):c(e)?(e.preventDefault(),I(P)):void 0}},r.createElement(T,{onClick:ee,size:F,ref:O},r.createElement(g,{color:V}),O.current&&r.createElement(r.Fragment,null,r.createElement(k,{dimension:U,offset:W,color:V}),Y.map((function(e,t){return r.createElement(D,{key:Z[t],index:t,onMove:$,position:e,color:V,size:F})})))))}));export{z as default};
 //# sourceMappingURL=SliderBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n  isArrowDownEvent,\n  isArrowLeftEvent,\n  isArrowRightEvent,\n  isArrowUpEvent,\n  isEndEvent,\n  isHomeEvent,\n  isPageDownEvent,\n  isPageUpEvent\n} from \"../../../utils/dom-event-utils\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n  const { color, disabled, size, shapeTestId } = useSliderUi();\n  const { min, max, ranged, step, value } = useSliderSelection();\n  const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n  const { railCoords, railRef } = useSliderRail();\n  const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent) => {\n      const offsetInPx = Math.round(e.clientX - railCoords.left);\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      drugThumb(newValue);\n    },\n    [drugThumb, min, max, railCoords, step]\n  );\n\n  const handleRailClick = useCallback(\n    (e: React.MouseEvent) => {\n      const offsetInPx = e.clientX - railCoords.left;\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      const thumbIndex = getNearest(newValue, ranged, value);\n      changeThumbValue(newValue, thumbIndex);\n    },\n    [changeThumbValue, min, max, railCoords, ranged, step, value]\n  );\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n      return increaseValue();\n    }\n    if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n      return decreaseValue();\n    }\n    if (isPageUpEvent(e)) {\n      e.preventDefault();\n      return increaseValue(calculatePageStep(max, min, step));\n    }\n    if (isPageDownEvent(e)) {\n      e.preventDefault();\n      return decreaseValue(calculatePageStep(max, min, step));\n    }\n    if (isHomeEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(min);\n    }\n    if (isEndEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(max);\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.base,\n        { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n        className\n      )}\n      data-testid={shapeTestId(\"base\")}\n      onKeyDown={handleKeyDown}\n    >\n      <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n        <SliderTrack color={color} />\n        {railRef.current && (\n          <>\n            <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n            {positions.map((position, index) => {\n              return (\n                <SliderThumb\n                  key={thumbKeys[index]}\n                  index={index}\n                  onMove={handlePointerMove}\n                  position={position}\n                  color={color}\n                  size={size}\n                />\n              );\n            })}\n          </>\n        )}\n      </SliderRail>\n    </div>\n  );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"w2BAyBMA,IAAAA,EAAkCC,GAAW,SAAAC,EAAgBC,GAAQ,IAArBC,EAASF,EAATE,UACpDC,EAA+CC,IAAvCC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAIJ,EAAJI,KAAMC,EAAWL,EAAXK,YAC/BC,EAA0CC,IAAlCC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAQC,EAAIL,EAAJK,KAAMC,EAAKN,EAALM,MAChCC,EAAsEC,IAA9DC,EAAgBF,EAAhBE,iBAAkBC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACpDC,EAAgCC,IAAxBC,EAAUF,EAAVE,WAAYC,EAAOH,EAAPG,QACpBC,EAAoDC,EAAef,EAAKD,EAAKE,EAAQE,GAA7Ea,EAASF,EAATE,UAAWC,EAAMH,EAANG,OAAQC,EAASJ,EAATI,UAAWC,EAASL,EAATK,UAEhCC,EAAoBC,GACxB,SAACC,GACC,IACMC,EAAWC,EADEC,KAAKC,MAAMJ,EAAEK,QAAUf,EAAWgB,MACf7B,EAAKC,EAAKY,EAAYV,GAC5DK,EAAUgB,EACZ,GACA,CAAChB,EAAWR,EAAKC,EAAKY,EAAYV,IAG9B2B,GAAkBR,GACtB,SAACC,GACC,IACMC,EAAWC,EADEF,EAAEK,QAAUf,EAAWgB,KACJ7B,EAAKC,EAAKY,EAAYV,GACtD4B,EAAaC,EAAWR,EAAUtB,EAAQE,GAChDG,EAAiBiB,EAAUO,EAC7B,GACA,CAACxB,EAAkBP,EAAKC,EAAKY,EAAYX,EAAQC,EAAMC,IA4BzD,OACE6B,EACEC,cAAA,MAAA,CAAA3C,UAAW4C,EACTC,EAAOC,KAAIC,EAAAA,EAAAA,EAAA,CAAA,EACRC,EAASH,EAAQxC,GAAQA,GAAO2C,EAASH,EAAQ1C,GAASA,GAAQ0C,EAAOzC,SAAWA,GACvFJ,GACD,cACYM,EAAY,QACzB2C,UAjCJ,SAAuBjB,GACrB,OAAIkB,EAAelB,IAAMmB,EAAkBnB,GAClCb,IAELiC,EAAiBpB,IAAMqB,EAAiBrB,GACnCd,IAELoC,EAActB,IAChBA,EAAEuB,iBACKpC,EAAcqC,EAAkB9C,EAAKD,EAAKG,KAE/C6C,EAAgBzB,IAClBA,EAAEuB,iBACKrC,EAAcsC,EAAkB9C,EAAKD,EAAKG,KAE/C8C,EAAY1B,IACdA,EAAEuB,iBACKvC,EAAiBP,IAEtBkD,EAAW3B,IACbA,EAAEuB,iBACKvC,EAAiBN,SAF1B,CAIF,GAYIgC,EAAAC,cAACiB,EAAU,CAACC,QAAStB,GAAiBlC,KAAMA,EAAMyD,IAAKvC,GACrDmB,EAAAC,cAACoB,EAAW,CAAC5D,MAAOA,IACnBoB,EAAQyC,SACPtB,EAAAC,cAAAD,EAAAuB,SAAA,KACEvB,EAAAC,cAACuB,EAAiB,CAACxC,UAAWA,EAAWC,OAAQA,EAAQxB,MAAOA,IAC/DyB,EAAUuC,KAAI,SAACC,EAAUC,GACxB,OACE3B,EAAAC,cAAC2B,EAAW,CACVC,IAAK1C,EAAUwC,GACfA,MAAOA,EACPG,OAAQ1C,EACRsC,SAAUA,EACVjE,MAAOA,EACPE,KAAMA,GAGZ,MAMZ"}
+{"version":3,"file":"SliderBase.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n  isArrowDownEvent,\n  isArrowLeftEvent,\n  isArrowRightEvent,\n  isArrowUpEvent,\n  isEndEvent,\n  isHomeEvent,\n  isPageDownEvent,\n  isPageUpEvent,\n  getStyle\n} from \"@vibe/shared\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n  const { color, disabled, size, shapeTestId } = useSliderUi();\n  const { min, max, ranged, step, value } = useSliderSelection();\n  const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n  const { railCoords, railRef } = useSliderRail();\n  const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent) => {\n      const offsetInPx = Math.round(e.clientX - railCoords.left);\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      drugThumb(newValue);\n    },\n    [drugThumb, min, max, railCoords, step]\n  );\n\n  const handleRailClick = useCallback(\n    (e: React.MouseEvent) => {\n      const offsetInPx = e.clientX - railCoords.left;\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      const thumbIndex = getNearest(newValue, ranged, value);\n      changeThumbValue(newValue, thumbIndex);\n    },\n    [changeThumbValue, min, max, railCoords, ranged, step, value]\n  );\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n      return increaseValue();\n    }\n    if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n      return decreaseValue();\n    }\n    if (isPageUpEvent(e)) {\n      e.preventDefault();\n      return increaseValue(calculatePageStep(max, min, step));\n    }\n    if (isPageDownEvent(e)) {\n      e.preventDefault();\n      return decreaseValue(calculatePageStep(max, min, step));\n    }\n    if (isHomeEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(min);\n    }\n    if (isEndEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(max);\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.base,\n        { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n        className\n      )}\n      data-testid={shapeTestId(\"base\")}\n      onKeyDown={handleKeyDown}\n    >\n      <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n        <SliderTrack color={color} />\n        {railRef.current && (\n          <>\n            <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n            {positions.map((position, index) => {\n              return (\n                <SliderThumb\n                  key={thumbKeys[index]}\n                  index={index}\n                  onMove={handlePointerMove}\n                  position={position}\n                  color={color}\n                  size={size}\n                />\n              );\n            })}\n          </>\n        )}\n      </SliderRail>\n    </div>\n  );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"wxBAyBMA,IAAAA,EAAkCC,GAAW,SAAAC,EAAgBC,GAAQ,IAArBC,EAASF,EAATE,UACpDC,EAA+CC,IAAvCC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAIJ,EAAJI,KAAMC,EAAWL,EAAXK,YAC/BC,EAA0CC,IAAlCC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAQC,EAAIL,EAAJK,KAAMC,EAAKN,EAALM,MAChCC,EAAsEC,IAA9DC,EAAgBF,EAAhBE,iBAAkBC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACpDC,EAAgCC,IAAxBC,EAAUF,EAAVE,WAAYC,EAAOH,EAAPG,QACpBC,EAAoDC,EAAef,EAAKD,EAAKE,EAAQE,GAA7Ea,EAASF,EAATE,UAAWC,EAAMH,EAANG,OAAQC,EAASJ,EAATI,UAAWC,EAASL,EAATK,UAEhCC,EAAoBC,GACxB,SAACC,GACC,IACMC,EAAWC,EADEC,KAAKC,MAAMJ,EAAEK,QAAUf,EAAWgB,MACf7B,EAAKC,EAAKY,EAAYV,GAC5DK,EAAUgB,EACZ,GACA,CAAChB,EAAWR,EAAKC,EAAKY,EAAYV,IAG9B2B,GAAkBR,GACtB,SAACC,GACC,IACMC,EAAWC,EADEF,EAAEK,QAAUf,EAAWgB,KACJ7B,EAAKC,EAAKY,EAAYV,GACtD4B,EAAaC,EAAWR,EAAUtB,EAAQE,GAChDG,EAAiBiB,EAAUO,EAC7B,GACA,CAACxB,EAAkBP,EAAKC,EAAKY,EAAYX,EAAQC,EAAMC,IA4BzD,OACE6B,EACEC,cAAA,MAAA,CAAA3C,UAAW4C,EACTC,EAAOC,KAAIC,EAAAA,EAAAA,EAAA,CAAA,EACRC,EAASH,EAAQxC,GAAQA,GAAO2C,EAASH,EAAQ1C,GAASA,GAAQ0C,EAAOzC,SAAWA,GACvFJ,GACD,cACYM,EAAY,QACzB2C,UAjCJ,SAAuBjB,GACrB,OAAIkB,EAAelB,IAAMmB,EAAkBnB,GAClCb,IAELiC,EAAiBpB,IAAMqB,EAAiBrB,GACnCd,IAELoC,EAActB,IAChBA,EAAEuB,iBACKpC,EAAcqC,EAAkB9C,EAAKD,EAAKG,KAE/C6C,EAAgBzB,IAClBA,EAAEuB,iBACKrC,EAAcsC,EAAkB9C,EAAKD,EAAKG,KAE/C8C,EAAY1B,IACdA,EAAEuB,iBACKvC,EAAiBP,IAEtBkD,EAAW3B,IACbA,EAAEuB,iBACKvC,EAAiBN,SAF1B,CAIF,GAYIgC,EAAAC,cAACiB,EAAU,CAACC,QAAStB,GAAiBlC,KAAMA,EAAMyD,IAAKvC,GACrDmB,EAAAC,cAACoB,EAAW,CAAC5D,MAAOA,IACnBoB,EAAQyC,SACPtB,EAAAC,cAAAD,EAAAuB,SAAA,KACEvB,EAAAC,cAACuB,EAAiB,CAACxC,UAAWA,EAAWC,OAAQA,EAAQxB,MAAOA,IAC/DyB,EAAUuC,KAAI,SAACC,EAAUC,GACxB,OACE3B,EAAAC,cAAC2B,EAAW,CACVC,IAAK1C,EAAUwC,GACfA,MAAOA,EACPG,OAAQ1C,EACRsC,SAAUA,EACVjE,MAAOA,EACPE,KAAMA,GAGZ,MAMZ"}

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

@@ -1,2 +1,2 @@
-var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-2512e1e86422_4_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--space-8);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-2512e1e86422_4_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--space-8);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.js

@@ -1,2 +1,2 @@
-import e from"react";import r from"classnames";import{getStyle as t}from"../../../helpers/typesciptCssModulesHelper.js";import o from"./SliderFilledTrack.module.scss.js";var s=function(s){var c=s.className,i=s.dimension,a=s.offset,l=s.reverse,m=s.color,n=function(e,r,t){return t?{right:"".concat(r,"%"),width:"".concat(e-r,"%")}:{left:"".concat(r,"%"),width:"".concat(e-r,"%")}}(void 0===i?0:i,void 0===a?0:a,void 0!==l&&l);return e.createElement("div",{className:r(o.filledTrack,t(o,m),c),style:n})};export{s as default};
+import e from"react";import r from"classnames";import{getStyle as o}from"@vibe/shared";import t from"./SliderFilledTrack.module.scss.js";var a=function(a){var c=a.className,i=a.dimension,s=a.offset,l=a.reverse,m=a.color,n=function(e,r,o){return o?{right:"".concat(r,"%"),width:"".concat(e-r,"%")}:{left:"".concat(r,"%"),width:"".concat(e-r,"%")}}(void 0===i?0:i,void 0===s?0:s,void 0!==l&&l);return e.createElement("div",{className:r(t.filledTrack,o(t,m),c),style:n})};export{a as default};
 //# sourceMappingURL=SliderFilledTrack.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n  if (reverse) {\n    return {\n      right: `${offset}%`,\n      width: `${dimension - offset}%`\n    };\n  }\n  return {\n    left: `${offset}%`,\n    width: `${dimension - offset}%`\n  };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n  /**\n   * The size of the filled track, based on the selected value.\n   */\n  dimension?: number;\n  /**\n   * The offset from the start of the track.\n   */\n  offset?: number;\n  /**\n   * If true, the filled track starts from the end instead of the beginning.\n   */\n  reverse?: boolean;\n  /**\n   * The color of the filled track.\n   */\n  color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n  className,\n  dimension = 0,\n  offset = 0,\n  reverse = false,\n  color\n}) => {\n  const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n  return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"0KAuCA,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,EAvCR,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}
+{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n  if (reverse) {\n    return {\n      right: `${offset}%`,\n      width: `${dimension - offset}%`\n    };\n  }\n  return {\n    left: `${offset}%`,\n    width: `${dimension - offset}%`\n  };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n  /**\n   * The size of the filled track, based on the selected value.\n   */\n  dimension?: number;\n  /**\n   * The offset from the start of the track.\n   */\n  offset?: number;\n  /**\n   * If true, the filled track starts from the end instead of the beginning.\n   */\n  reverse?: boolean;\n  /**\n   * The color of the filled track.\n   */\n  color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n  className,\n  dimension = 0,\n  offset = 0,\n  reverse = false,\n  color\n}) => {\n  const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n  return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"yIAuCA,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,EAvCR,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){const n="s_id-bb386829c5aa_4_0_0-beta_0";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)}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){const n="s_id-bb386829c5aa_4_0_0";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)}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as r}from"react";import{NOOP as s}from"../../../utils/function-utils.js";import{useSliderUi as t}from"../SliderContext.js";import i from"classnames";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import l from"./SliderRail.module.scss.js";var a=r((function(r,a){var m=r.className,c=r.children,n=r.onClick,p=void 0===n?s:n,d=r.size,f=t();return e.createElement("div",{"data-testid":(0,f.shapeTestId)("rail"),className:i(l.rail,o(l,d),m),onClick:function(e){p(e)},ref:a},c)}));export{a as default};
+import r,{forwardRef as e}from"react";import{getStyle as i,NOOP as a}from"@vibe/shared";import{useSliderUi as t}from"../SliderContext.js";import o from"classnames";import s from"./SliderRail.module.scss.js";var m=e((function(e,m){var l=e.className,c=e.children,d=e.onClick,n=void 0===d?a:d,f=e.size,p=t();return r.createElement("div",{"data-testid":(0,p.shapeTestId)("rail"),className:o(s.rail,i(s,f),l),onClick:function(r){n(r)},ref:m},c)}));export{m as default};
 //# sourceMappingURL=SliderRail.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRail.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, type ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { type SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n  /**\n   * Callback fired when the rail is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The child elements inside the slider rail.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * The size of the slider rail.\n   */\n  size: SliderSize;\n}\n\nconst SliderRail = forwardRef<unknown, SliderRailProps>(\n  ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const { shapeTestId } = useSliderUi();\n    function handleClick(e: React.MouseEvent) {\n      onClick(e);\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        data-testid={shapeTestId(\"rail\")}\n        className={cx(styles.rail, getStyle(styles, size), className)}\n        onClick={handleClick}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"8RAwBMA,IAAAA,EAAaC,GACjB,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}
+{"version":3,"file":"SliderRail.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, type ReactElement } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\n\nimport styles from \"./SliderRail.module.scss\";\nimport { type SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n  /**\n   * Callback fired when the rail is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The child elements inside the slider rail.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * The size of the slider rail.\n   */\n  size: SliderSize;\n}\n\nconst SliderRail = forwardRef<unknown, SliderRailProps>(\n  ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const { shapeTestId } = useSliderUi();\n    function handleClick(e: React.MouseEvent) {\n      onClick(e);\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        data-testid={shapeTestId(\"rail\")}\n        className={cx(styles.rail, getStyle(styles, size), className)}\n        onClick={handleClick}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"+MAwBMA,IAAAA,EAAaC,GACjB,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +1,2 @@
-var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_4_0_0-beta_0";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)}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_4_0_0";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)}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{NOOP as r}from"../../../utils/function-utils.js";import{Tooltip as i}from"@vibe/tooltip/mockedClassNames";import{TOOLTIP_SHOW_DELAY as n}from"../SliderConstants.js";import{useSliderSelection as l,useSliderUi as s,useSliderActions as u}from"../SliderContext.js";import m from"classnames";import d from"./SliderThumb.module.scss.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"es-toolkit";var v=function(v){var f=v.className,b=v.index,g=void 0===b?0:b,h=v.onMove,x=void 0===h?r:h,y=v.position,E=void 0===y?0:y,L=v.size,j=v.color,P=l(),w=P.max,C=P.min,D=P.ranged,T=P.value,N=P.valueText,S=D?T[g]:T,B=D?N[g]:N,H=s(),k=H.active,F=H["aria-label"],I=H["aria-labelledby"],M=H.disabled,_=H.dragging,z=H.focused,A=H.shapeTestId,K=H.showValue,V=H.valueLabelPosition,q=H.valueLabelColor,G=u(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",x),document.removeEventListener("pointerup",U)}return a((function(){z===g&&R&&R.current&&R.current.focus()}),[z,g]),o.createElement(i,{open:k===g||_===g,content:K?null:B,position:"top",showDelay:n,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":F,"aria-labelledby":I,"aria-valuemax":w,"aria-valuemin":C,"aria-valuenow":S,"aria-valuetext":B,"aria-disabled":M,className:m(d.thumb,c(d,j),c(d,L),e(e(e({},d.dragging,_===g),d.focused,z),d.notDisabledThumb,!M),f),"data-testid":A("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",x),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(E,"%")},tabIndex:M?-1:0},K&&o.createElement("label",{className:m(d.label,c(d,p("color-"+q)),c(d,p("position-"+V)))},B)))};export{v as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{getStyle as n,NOOP as r}from"@vibe/shared";import{Tooltip as i}from"@vibe/tooltip/mockedClassNames";import{TOOLTIP_SHOW_DELAY as l}from"../SliderConstants.js";import{useSliderSelection as s,useSliderUi as u,useSliderActions as m}from"../SliderContext.js";import d from"classnames";import c from"./SliderThumb.module.scss.js";import{camelCase as v}from"es-toolkit";var p=function(p){var f=p.className,b=p.index,g=void 0===b?0:b,h=p.onMove,x=void 0===h?r:h,y=p.position,E=void 0===y?0:y,L=p.size,P=p.color,w=s(),D=w.max,T=w.min,j=w.ranged,C=w.value,N=w.valueText,S=j?C[g]:C,B=j?N[g]:N,k=u(),F=k.active,H=k["aria-label"],I=k["aria-labelledby"],_=k.disabled,z=k.dragging,A=k.focused,K=k.shapeTestId,M=k.showValue,V=k.valueLabelPosition,q=k.valueLabelColor,G=m(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",x),document.removeEventListener("pointerup",U)}return a((function(){A===g&&R&&R.current&&R.current.focus()}),[A,g]),o.createElement(i,{open:F===g||z===g,content:M?null:B,position:"top",showDelay:l,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":H,"aria-labelledby":I,"aria-valuemax":D,"aria-valuemin":T,"aria-valuenow":S,"aria-valuetext":B,"aria-disabled":_,className:d(c.thumb,n(c,P),n(c,L),e(e(e({},c.dragging,z===g),c.focused,A),c.notDisabledThumb,!_),f),"data-testid":K("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",x),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(E,"%")},tabIndex:_?-1:0},M&&o.createElement("label",{className:d(c.label,n(c,v("color-"+q)),n(c,v("position-"+V)))},B)))};export{p as default};
 //# sourceMappingURL=SliderThumb.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n  /**\n   * The index of the thumb (used in range sliders).\n   */\n  index?: number;\n  /**\n   * Callback fired when the thumb is moved.\n   */\n  onMove?: (event: PointerEvent) => void;\n  /**\n   * The position of the thumb, represented as an offset percentage from the start of the track.\n   */\n  position?: number;\n  /**\n   * The size of the slider thumb.\n   */\n  size: SliderSize;\n  /**\n   * The color theme of the slider thumb.\n   */\n  color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n  const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n  const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n  const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n  const {\n    active,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    disabled,\n    dragging,\n    focused,\n    shapeTestId,\n    showValue,\n    valueLabelPosition,\n    valueLabelColor\n  } = useSliderUi();\n  const { setActive, setFocused, setDragging } = useSliderActions();\n  const ref = useRef(null);\n\n  function handleBlur() {\n    setFocused(null);\n    setActive(null);\n  }\n\n  function handleFocus() {\n    setFocused(index);\n    setActive(index);\n  }\n\n  function handlePointerLeave() {\n    setActive(null);\n  }\n\n  function handlePointerDown(e: React.PointerEvent) {\n    e.stopPropagation();\n    setDragging(index);\n    document.addEventListener(\"pointermove\", onMove);\n    document.addEventListener(\"pointerup\", stopMove);\n  }\n\n  function stopMove() {\n    setDragging(null);\n    document.removeEventListener(\"pointermove\", onMove);\n    document.removeEventListener(\"pointerup\", stopMove);\n  }\n\n  useEffect(() => {\n    if (focused === index && ref && ref.current) {\n      ref.current.focus();\n    }\n  }, [focused, index]);\n\n  return (\n    <Tooltip\n      open={active === index || dragging === index}\n      content={showValue ? null : valueText}\n      position=\"top\"\n      showDelay={TOOLTIP_SHOW_DELAY}\n      addKeyboardHideShowTriggersByDefault={false}\n    >\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value}\n        aria-valuetext={valueText}\n        aria-disabled={disabled}\n        className={cx(\n          styles.thumb,\n          getStyle(styles, color),\n          getStyle(styles, size),\n          {\n            [styles.dragging]: dragging === index,\n            [styles.focused]: focused,\n            [styles.notDisabledThumb]: !disabled\n          },\n          className\n        )}\n        data-testid={shapeTestId(`thumb-${index}`)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onPointerDown={handlePointerDown}\n        onPointerLeave={handlePointerLeave}\n        ref={ref}\n        role=\"slider\"\n        style={{ left: `${position}%` }}\n        tabIndex={disabled ? -1 : 0}\n      >\n        {showValue && (\n          <label\n            className={cx(\n              styles.label,\n              getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n              getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n            )}\n          >\n            {valueText}\n          </label>\n        )}\n      </div>\n    </Tooltip>\n  );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"skBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACcC,EAASH,EAAvB,cACmBI,EAAcJ,EAAjC,mBACAK,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}
+{"version":3,"file":"SliderThumb.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\n\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n  /**\n   * The index of the thumb (used in range sliders).\n   */\n  index?: number;\n  /**\n   * Callback fired when the thumb is moved.\n   */\n  onMove?: (event: PointerEvent) => void;\n  /**\n   * The position of the thumb, represented as an offset percentage from the start of the track.\n   */\n  position?: number;\n  /**\n   * The size of the slider thumb.\n   */\n  size: SliderSize;\n  /**\n   * The color theme of the slider thumb.\n   */\n  color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n  const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n  const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n  const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n  const {\n    active,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    disabled,\n    dragging,\n    focused,\n    shapeTestId,\n    showValue,\n    valueLabelPosition,\n    valueLabelColor\n  } = useSliderUi();\n  const { setActive, setFocused, setDragging } = useSliderActions();\n  const ref = useRef(null);\n\n  function handleBlur() {\n    setFocused(null);\n    setActive(null);\n  }\n\n  function handleFocus() {\n    setFocused(index);\n    setActive(index);\n  }\n\n  function handlePointerLeave() {\n    setActive(null);\n  }\n\n  function handlePointerDown(e: React.PointerEvent) {\n    e.stopPropagation();\n    setDragging(index);\n    document.addEventListener(\"pointermove\", onMove);\n    document.addEventListener(\"pointerup\", stopMove);\n  }\n\n  function stopMove() {\n    setDragging(null);\n    document.removeEventListener(\"pointermove\", onMove);\n    document.removeEventListener(\"pointerup\", stopMove);\n  }\n\n  useEffect(() => {\n    if (focused === index && ref && ref.current) {\n      ref.current.focus();\n    }\n  }, [focused, index]);\n\n  return (\n    <Tooltip\n      open={active === index || dragging === index}\n      content={showValue ? null : valueText}\n      position=\"top\"\n      showDelay={TOOLTIP_SHOW_DELAY}\n      addKeyboardHideShowTriggersByDefault={false}\n    >\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value}\n        aria-valuetext={valueText}\n        aria-disabled={disabled}\n        className={cx(\n          styles.thumb,\n          getStyle(styles, color),\n          getStyle(styles, size),\n          {\n            [styles.dragging]: dragging === index,\n            [styles.focused]: focused,\n            [styles.notDisabledThumb]: !disabled\n          },\n          className\n        )}\n        data-testid={shapeTestId(`thumb-${index}`)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onPointerDown={handlePointerDown}\n        onPointerLeave={handlePointerLeave}\n        ref={ref}\n        role=\"slider\"\n        style={{ left: `${position}%` }}\n        tabIndex={disabled ? -1 : 0}\n      >\n        {showValue && (\n          <label\n            className={cx(\n              styles.label,\n              getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n              getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n            )}\n          >\n            {valueText}\n          </label>\n        )}\n      </div>\n    </Tooltip>\n  );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"ufAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACcC,EAASH,EAAvB,cACmBI,EAAcJ,EAAjC,mBACAK,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -1,2 +1,2 @@
-var o={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label",positionTop:"positionTop",positionBottom:"positionBottom",colorPrimary:"colorPrimary",colorSecondary:"colorSecondary"};!function(o){const n="s_id-8687af7a27b4_4_0_0-beta_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive {\n  border-color: var(--positive-color);\n}\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative {\n  border-color: var(--negative-color);\n}\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n.small {\n  height: 16px;\n  width: 16px;\n}\n.medium {\n  height: 20px;\n  width: 20px;\n}\n.large {\n  height: 24px;\n  width: 24px;\n}\n.label {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label.positionTop {\n  bottom: calc(100% + 8px);\n}\n.label.positionBottom {\n  top: calc(100% + 8px);\n}\n.label.colorPrimary {\n  color: var(--primary-text-color);\n}\n.label.colorSecondary {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label",positionTop:"positionTop",positionBottom:"positionBottom",colorPrimary:"colorPrimary",colorSecondary:"colorSecondary"};!function(o){const n="s_id-8687af7a27b4_4_0_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive {\n  border-color: var(--positive-color);\n}\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative {\n  border-color: var(--negative-color);\n}\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n.small {\n  height: 16px;\n  width: 16px;\n}\n.medium {\n  height: 20px;\n  width: 20px;\n}\n.large {\n  height: 24px;\n  width: 24px;\n}\n.label {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label.positionTop {\n  bottom: calc(100% + 8px);\n}\n.label.positionBottom {\n  top: calc(100% + 8px);\n}\n.label.colorPrimary {\n  color: var(--primary-text-color);\n}\n.label.colorSecondary {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.js

@@ -1,2 +1,2 @@
-import r from"react";import e from"classnames";import{getStyle as s}from"../../../helpers/typesciptCssModulesHelper.js";import m from"./SliderTrack.module.scss.js";var o=r.memo((function(o){var a=o.className;return r.createElement("div",{className:e(m.track,s(m,o.color),a)})}));export{o as default};
+import r from"react";import e from"classnames";import{getStyle as a}from"@vibe/shared";import m from"./SliderTrack.module.scss.js";var o=r.memo((function(o){var s=o.className;return r.createElement("div",{className:e(m.track,a(m,o.color),s)})}));export{o as default};
 //# sourceMappingURL=SliderTrack.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n  /**\n   * The color of the slider track.\n   */\n  color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n  return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"oKAcMA,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}
+{"version":3,"file":"SliderTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n  /**\n   * The color of the slider track.\n   */\n  color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n  return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"mIAcMA,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={track:"track",positive:"positive",negative:"negative"};!function(e){const t="s_id-f9216dea54b1_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){const t="s_id-f9216dea54b1_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useState as l,useMemo as r,createContext as t,useContext as u}from"react";import{createTestIdHelper as o}from"../../helpers/testid-helper.js";import{useSliderValues as i,useDragging as n,useSliderActionsContextValue as s}from"./SliderHooks.js";var d=t({}),c=t({}),v=t({}),m=t({});function f(t){var u=t.children,f=t["aria-label"],b=t["aria-labelledby"],p=t.color,g=t.defaultValue,h=t.disabled,x=t.max,P=t.min,V=t.onChange,T=t.ranged,E=t.showValue,L=t.valueLabelPosition,j=t.valueLabelColor,y=t.size,C=t.step,S=t.value,w=t.valueFormatter,z=t.valueText,H=t.infixOptions,_=o(t["data-testid"]),k=i(g,S,w,z),A=k.actualValue,B=k.actualValueText,F=k.getSelectedValue,I=k.setSelectedValue,O=l(null),q=e(O,2),D=q[0],G=q[1],J=l(null),K=e(J,2),M=K[0],N=K[1],Q=n(),R=e(Q,3),U=R[0],W=R[1],X=R[2],Y=r((function(){return{active:D,"aria-label":f,"aria-labelledby":b,color:p,disabled:h,dragging:U,focused:M,size:y,shapeTestId:_,showValue:E,valueLabelPosition:L,valueLabelColor:j}}),[D,f,b,p,h,U,M,y,_,E,L,j]),Z=r((function(){return{max:x,min:P,ranged:T,step:C,value:A,valueText:B}}),[x,P,T,C,A,B]),$=s(A,M,X,F,x,P,V,T,G,N,W,I,C);return a.createElement(d.Provider,{value:Y},a.createElement(c.Provider,{value:Z},a.createElement(v.Provider,{value:$},a.createElement(m.Provider,{value:H},u))))}function b(){return u(d)}function p(){return u(m)}function g(){return u(c)}function h(){return u(v)}export{f as SliderProvider,h as useSliderActions,p as useSliderInfix,g as useSliderSelection,b as useSliderUi};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useState as l,useMemo as r,createContext as t,useContext as u}from"react";import{createTestIdHelper as o}from"@vibe/shared";import{useSliderValues as i,useDragging as n,useSliderActionsContextValue as d}from"./SliderHooks.js";var s=t({}),c=t({}),v=t({}),m=t({});function b(t){var u=t.children,b=t["aria-label"],f=t["aria-labelledby"],p=t.color,g=t.defaultValue,x=t.disabled,P=t.max,V=t.min,h=t.onChange,T=t.ranged,E=t.showValue,L=t.valueLabelPosition,y=t.valueLabelColor,C=t.size,S=t.step,j=t.value,w=t.valueFormatter,z=t.valueText,H=t.infixOptions,_=o(t["data-testid"]),k=i(g,j,w,z),A=k.actualValue,B=k.actualValueText,F=k.getSelectedValue,I=k.setSelectedValue,O=l(null),q=e(O,2),D=q[0],G=q[1],J=l(null),K=e(J,2),M=K[0],N=K[1],Q=n(),R=e(Q,3),U=R[0],W=R[1],X=R[2],Y=r((function(){return{active:D,"aria-label":b,"aria-labelledby":f,color:p,disabled:x,dragging:U,focused:M,size:C,shapeTestId:_,showValue:E,valueLabelPosition:L,valueLabelColor:y}}),[D,b,f,p,x,U,M,C,_,E,L,y]),Z=r((function(){return{max:P,min:V,ranged:T,step:S,value:A,valueText:B}}),[P,V,T,S,A,B]),$=d(A,M,X,F,P,V,h,T,G,N,W,I,S);return a.createElement(s.Provider,{value:Y},a.createElement(c.Provider,{value:Z},a.createElement(v.Provider,{value:$},a.createElement(m.Provider,{value:H},u))))}function f(){return u(s)}function p(){return u(m)}function g(){return u(c)}function x(){return u(v)}export{b as SliderProvider,x as useSliderActions,p as useSliderInfix,g as useSliderSelection,f as useSliderUi};
 //# sourceMappingURL=SliderContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderContext.js","sources":["../../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, type ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"../../helpers/testid-helper\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { type SliderProps } from \"./Slider\";\nimport {\n  type SliderContextActions,\n  type SliderContextInfix,\n  type SliderContextSelection,\n  type SliderContextUI\n} from \"./SliderConstants\";\nimport { type IconType } from \"@vibe/icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n  /**\n   * The child elements inside the slider provider.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * Configuration options for prefix, postfix, and selection indicator.\n   */\n  infixOptions?: {\n    /**\n     * If true, displays the selected value from the slider range.\n     */\n    indicateSelection?: boolean;\n    /**\n     * Configuration for the prefix (start) element, which can be:\n     * - A React component, text, number, or node.\n     * - An object with an icon.\n     * - A function that receives the value and valueText.\n     */\n    prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n    /**\n     * Configuration for the postfix (end) element, similar to prefix.\n     */\n    postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n    /**\n     * The width of the selection indicator.\n     */\n    selectionIndicatorWidth?: string;\n  };\n}\n\nexport function SliderProvider({\n  children,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  color,\n  \"data-testid\": dataTestId,\n  defaultValue,\n  disabled,\n  max,\n  min,\n  onChange,\n  ranged,\n  showValue,\n  valueLabelPosition,\n  valueLabelColor,\n  size,\n  step,\n  value,\n  valueFormatter,\n  valueText,\n  infixOptions\n}: SliderProviderProps) {\n  const shapeTestId = createTestIdHelper(dataTestId);\n  const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n    defaultValue,\n    value,\n    valueFormatter,\n    valueText\n  );\n\n  const [active, setActive] = useState<number>(null);\n  const [focused, setFocused] = useState<number>(null);\n  const [dragging, setDragging, getDragging] = useDragging();\n\n  const uiContextValue: SliderContextUI = useMemo(\n    () => ({\n      active,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      color,\n      disabled,\n      dragging,\n      focused,\n      size,\n      shapeTestId,\n      showValue,\n      valueLabelPosition,\n      valueLabelColor\n    }),\n    [\n      active,\n      ariaLabel,\n      ariaLabelledby,\n      color,\n      disabled,\n      dragging,\n      focused,\n      size,\n      shapeTestId,\n      showValue,\n      valueLabelPosition,\n      valueLabelColor\n    ]\n  );\n\n  const selectionContextValue: SliderContextSelection = useMemo(\n    () => ({\n      max,\n      min,\n      ranged,\n      step,\n      value: actualValue,\n      valueText: actualValueText\n    }),\n    [max, min, ranged, step, actualValue, actualValueText]\n  );\n\n  const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n    actualValue,\n    focused,\n    getDragging,\n    getSelectedValue,\n    max,\n    min,\n    onChange,\n    ranged,\n    setActive,\n    setFocused,\n    setDragging,\n    setSelectedValue,\n    step\n  );\n\n  return (\n    <UiContext.Provider value={uiContextValue}>\n      <SelectionContext.Provider value={selectionContextValue}>\n        <ActionsContext.Provider value={actionsContextValue}>\n          <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n        </ActionsContext.Provider>\n      </SelectionContext.Provider>\n    </UiContext.Provider>\n  );\n}\n\nexport function useSliderUi(): SliderContextUI {\n  return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n  return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n  return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n  return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"6UAYA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,GAiC7B,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA,aAAc9B,EACd,kBAAmBC,EACnBC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}
+{"version":3,"file":"SliderContext.js","sources":["../../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, type ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"@vibe/shared\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { type SliderProps } from \"./Slider\";\nimport {\n  type SliderContextActions,\n  type SliderContextInfix,\n  type SliderContextSelection,\n  type SliderContextUI\n} from \"./SliderConstants\";\nimport { type IconType } from \"@vibe/icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n  /**\n   * The child elements inside the slider provider.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * Configuration options for prefix, postfix, and selection indicator.\n   */\n  infixOptions?: {\n    /**\n     * If true, displays the selected value from the slider range.\n     */\n    indicateSelection?: boolean;\n    /**\n     * Configuration for the prefix (start) element, which can be:\n     * - A React component, text, number, or node.\n     * - An object with an icon.\n     * - A function that receives the value and valueText.\n     */\n    prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n    /**\n     * Configuration for the postfix (end) element, similar to prefix.\n     */\n    postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n    /**\n     * The width of the selection indicator.\n     */\n    selectionIndicatorWidth?: string;\n  };\n}\n\nexport function SliderProvider({\n  children,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  color,\n  \"data-testid\": dataTestId,\n  defaultValue,\n  disabled,\n  max,\n  min,\n  onChange,\n  ranged,\n  showValue,\n  valueLabelPosition,\n  valueLabelColor,\n  size,\n  step,\n  value,\n  valueFormatter,\n  valueText,\n  infixOptions\n}: SliderProviderProps) {\n  const shapeTestId = createTestIdHelper(dataTestId);\n  const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n    defaultValue,\n    value,\n    valueFormatter,\n    valueText\n  );\n\n  const [active, setActive] = useState<number>(null);\n  const [focused, setFocused] = useState<number>(null);\n  const [dragging, setDragging, getDragging] = useDragging();\n\n  const uiContextValue: SliderContextUI = useMemo(\n    () => ({\n      active,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      color,\n      disabled,\n      dragging,\n      focused,\n      size,\n      shapeTestId,\n      showValue,\n      valueLabelPosition,\n      valueLabelColor\n    }),\n    [\n      active,\n      ariaLabel,\n      ariaLabelledby,\n      color,\n      disabled,\n      dragging,\n      focused,\n      size,\n      shapeTestId,\n      showValue,\n      valueLabelPosition,\n      valueLabelColor\n    ]\n  );\n\n  const selectionContextValue: SliderContextSelection = useMemo(\n    () => ({\n      max,\n      min,\n      ranged,\n      step,\n      value: actualValue,\n      valueText: actualValueText\n    }),\n    [max, min, ranged, step, actualValue, actualValueText]\n  );\n\n  const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n    actualValue,\n    focused,\n    getDragging,\n    getSelectedValue,\n    max,\n    min,\n    onChange,\n    ranged,\n    setActive,\n    setFocused,\n    setDragging,\n    setSelectedValue,\n    step\n  );\n\n  return (\n    <UiContext.Provider value={uiContextValue}>\n      <SelectionContext.Provider value={selectionContextValue}>\n        <ActionsContext.Provider value={actionsContextValue}>\n          <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n        </ActionsContext.Provider>\n      </SelectionContext.Provider>\n    </UiContext.Provider>\n  );\n}\n\nexport function useSliderUi(): SliderContextUI {\n  return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n  return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n  return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n  return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"2TAYA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,GAiC7B,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA,aAAc9B,EACd,kBAAmBC,EACnBC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}

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

@@ -1,2 +1,2 @@
-import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import{useResizeObserver as l}from"@vibe/hooks";import{NOOP as a}from"../../utils/function-utils.js";import{UPDATE_SLIDER_SIZE_DEBOUNCE as c}from"./SliderConstants.js";import{ensureValueText as f}from"./SliderHelpers.js";function d(u,i,o,l,c,f,d,s,v,m,g,h,p){var V=r((function(n){h(n),"function"==typeof d&&d(n)}),[h,d]),b=r((function(n,e){var r=Number(e);return""===e||Number.isNaN(r)?1===n?c:f:r>c?c:f>r?f:r}),[f,c]),x=r((function(e){var r=n(l()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,l]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),C=r((function(n){v(n),m(n),g(n)}),[v,m,g]),T=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(s){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?a:m);V(r)}else V(b(null,n))}),[V,w,b,i,s,m]),j=r((function(n){var e;if(s){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,C);V(t)}else V(b(null,n))}),[V,w,C,b,o,s]),N=r((function(n){var e=s?u[i]:u;e!==f&&T(e-(n||p))}),[u,T,i,f,s,p]),S=r((function(n){var e=s?u[i]:u;e!==c&&T(e+(n||p))}),[u,T,i,c,s,p]);return t((function(){return{changeThumbValue:T,decreaseValue:N,drugThumb:j,increaseValue:S,setActive:v,setDragging:g,setFocused:m}}),[T,N,j,S,v,g,m])}function s(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function v(){var n=i(null),t=u({left:0,right:100,width:100}),a=e(t,2),f=a[0],d=a[1],s=r((function(){if(n.current){var e=n.current.getBoundingClientRect();d({left:e.left,right:e.right,width:e.width})}}),[n,d]);return l({ref:n,callback:s,debounceTime:c}),o((function(){s()}),[s]),{railCoords:f,railRef:n}}function m(n,t,l,c){var d=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),s=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,a]:[o[0],o[1]]}(n,d,t),v=e(s,2),m=v[0],g=v[1],h=i(m);o((function(){d&&h.current!==m&&(h.current=m)}),[d,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=f(c,m,l);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:d,setSelectedValue:p}}export{s as useDragging,d as useSliderActionsContextValue,v as useSliderRail,m as useSliderValues};
+import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import{useResizeObserver as l}from"@vibe/hooks";import{NOOP as a}from"@vibe/shared";import{UPDATE_SLIDER_SIZE_DEBOUNCE as c}from"./SliderConstants.js";import{ensureValueText as f}from"./SliderHelpers.js";function d(u,i,o,l,c,f,d,v,s,m,g,h,p){var V=r((function(n){h(n),"function"==typeof d&&d(n)}),[h,d]),b=r((function(n,e){var r=Number(e);return""===e||Number.isNaN(r)?1===n?c:f:r>c?c:f>r?f:r}),[f,c]),x=r((function(e){var r=n(l()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,l]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),C=r((function(n){s(n),m(n),g(n)}),[s,m,g]),T=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(v){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?a:m);V(r)}else V(b(null,n))}),[V,w,b,i,v,m]),N=r((function(n){var e;if(v){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,C);V(t)}else V(b(null,n))}),[V,w,C,b,o,v]),S=r((function(n){var e=v?u[i]:u;e!==f&&T(e-(n||p))}),[u,T,i,f,v,p]),j=r((function(n){var e=v?u[i]:u;e!==c&&T(e+(n||p))}),[u,T,i,c,v,p]);return t((function(){return{changeThumbValue:T,decreaseValue:S,drugThumb:N,increaseValue:j,setActive:s,setDragging:g,setFocused:m}}),[T,S,N,j,s,g,m])}function v(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function s(){var n=i(null),t=u({left:0,right:100,width:100}),a=e(t,2),f=a[0],d=a[1],v=r((function(){if(n.current){var e=n.current.getBoundingClientRect();d({left:e.left,right:e.right,width:e.width})}}),[n,d]);return l({ref:n,callback:v,debounceTime:c}),o((function(){v()}),[v]),{railCoords:f,railRef:n}}function m(n,t,l,c){var d=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),v=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,a]:[o[0],o[1]]}(n,d,t),s=e(v,2),m=s[0],g=s[1],h=i(m);o((function(){d&&h.current!==m&&(h.current=m)}),[d,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=f(c,m,l);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:d,setSelectedValue:p}}export{v as useDragging,d as useSliderActionsContextValue,s as useSliderRail,m as useSliderValues};
 //# sourceMappingURL=SliderHooks.js.map