npm - @vibe/core - Versions diffs - 3.87.0 → 4.0.0-alpha.1 - Mend

@vibe/core 3.87.0 → 4.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2022) hide show

package/dist/src/components/Search/Search.js CHANGED Viewed

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

package/dist/src/components/Search/Search.js.map CHANGED Viewed

	@@ -1 +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 ariaExpanded,\n ariaHasPopup,\n showClearIcon = true,\n id,\n \"data-testid\": dataTestId\n }: SearchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef);\n\n const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n delay: debounceRate,\n onChange,\n initialStateValue: value\n });\n\n const onClearButtonClick = useCallback(() => {\n if (disabled) return;\n inputRef.current?.focus?.();\n clearValue();\n onClear?.();\n }, [disabled, clearValue, onClear]);\n\n const SearchIcon = (\n <Icon\n icon={searchIconName}\n className={styles.icon}~~\n iconType~~=\"font\"~~\n iconSize~~={size === \"small\" ? \"16px\" : \"20px\"}\n />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n ~~ariaLabel~~={clearIconLabel}\n onClick={onClearButtonClick}\n size={size === \"small\" ? \"xs\" : \"small\"}\n data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n />\n );\n\n const RenderRight = (\n <>\n {loading && (\n <Loader\n size={size === \"small\" ? \"xs\" : 20}\n color=\"secondary\"\n wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n />\n )}\n {showClearIcon && inputValue && !disabled && ClearIcon}\n {!(hideRenderActionOnInput && inputValue) && RenderAction}\n </>\n );\n\n return (\n <BaseInput\n ref={mergedRef}\n id={id}\n type={\"search\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SEARCH, id)}\n data-vibe={ComponentVibeId.SEARCH}\n className={cx(styles.searchWrapper, className)}\n inputClassName={styles.search}\n value={inputValue}\n renderLeft={SearchIcon}\n renderRight={RenderRight}\n autoFocus={autoFocus}\n placeholder={placeholder}\n disabled={disabled}\n onChange={onEventChanged}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n autoComplete={autoComplete}\n size={size}\n wrapperRole=\"search\"\n inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n aria-label={inputAriaLabel}\n aria-busy={loading}\n aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n aria-activedescendant={currentAriaResultId}\n aria-haspopup={ariaHasPopup}\n aria-expanded={ariaExpanded}\n />\n );\n }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","~~iconType~~","~~iconSize","~~IconButton","cx","_defineProperty","empty","~~ariaLabel","~~onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","~~type","~~SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"uyBAcA,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,~~EASAC~~,EAWAC,~~EAtCmCC~~,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,~~UACAC~~,GAAY1C,~~EAAZ0C~~,~~aACAC~~,GAAY3C,~~EAAZ2C~~,~~aAAYC~~,GAAA5C,~~EACZ6C~~,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,~~EACC~~,CAAAC,KAAMhD,~~EACN4B~~,UAAWqB,EAAOD,~~KAClBE~~,~~SAAS~~,~~OACTC~~,~~SAAmB~~,~~UAATvC~~,EAAmB,OAAS,~~SAIpCf~~,EACJgD,EAAAC,~~cAACM~~,EAAU,~~CACTxB~~,~~UAAWyB~~,~~EAAGJ~~,EAAOD,~~KAAIM~~,~~EAAKL~~,CAAAA,EAAAA,~~EAAOM~~,~~OAAS/D~~,IAC9CwD,KAAM9C,~~EACNsD~~,~~UAAWnD~~,~~EACXoD~~,~~QAAS9D~~,EACTiB,KAAe,UAATA,EAAmB,KAAO,~~QACnB~~,~~cAAA8C~~,EAAUC,EAAuBC,~~oBAAqB3B~~,MAIjEnC,EACJ+C,EAAAC,cAAAD,~~EAAAgB~~,SAAA,~~KACG/C~~,GACC+B,EAAAC,~~cAACgB~~,EACC,~~CAAAlD~~,KAAe,UAATA,EAAmB,KAAO,~~GAChCmD~~,MAAM,YACNC,~~iBAAkBX~~,EAAEC,~~KAAIL~~,~~EAAOgB~~,~~QAAUzE~~,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,~~cAACoB~~,EAAS,~~CACR9E~~,IAAKE,EACL2C,GAAIA,~~GACJkC~~,KAAM,SACO,~~cAAAjC~~,~~IAAcwB~~,EAAUC,~~EAAuBS~~,~~OAAQnC~~,IAAG,~~YAC5DoC~~,EAAgBD,~~OAC3BxC~~,~~UAAWyB~~,~~EAAGJ~~,~~EAAOqB~~,~~cAAe1C~~,~~IACpC2C~~,~~eAAgBtB~~,~~EAAOuB~~,~~OACvB/D~~,MAAOjB,~~EACPiF~~,~~WAAY7E~~,~~EACZ8E~~,~~YAAa5E~~,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,~~EACN+D~~,YAAY,SACZC,~~UAAWvD~~,EAA2B,~~gBAAawD~~,EAAS,~~aAChD3D~~,EAAc,YACfJ,EACI,gBAAAe,GAAeR,~~OAA2BwD~~,EAAS,~~wBAC3CvD~~,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}
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":"uyBAcA,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/src/components/Search/Search.module.scss.js CHANGED Viewed

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

package/dist/src/components/Skeleton/Skeleton.js CHANGED Viewed

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

package/dist/src/components/Skeleton/Skeleton.js.map CHANGED Viewed

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

package/dist/src/components/Skeleton/Skeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_56c388f2ea",rectangle:"rectangle_9acfe8bf80",shine:"shine_8a0e3df89b",circle:"circle_af7ad376a6",text:"text_49a732fe11",textH1:"textH1_a6d70071e2",textH2:"textH2_4638195f7c",textH3:"textH3_4638195f7c",textH4:"textH4_b3c6bfd143",textH5:"textH5_6e865b0acc",textH6:"textH6_e263c8e51e",textSmall:"textSmall_e33f8f899b",textCustom:"textCustom_e263c8e51e",fullWidth:"fullWidth_52e696d131"};!function(n){const e="s_id-41cda04b2bc0_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_56c388f2ea {\n  display: flex;\n}\n\n.rectangle_9acfe8bf80 {\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_8a0e3df89b;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8a0e3df89b {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_af7ad376a6 {\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_8a0e3df89b;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8a0e3df89b {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_49a732fe11 {\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_8a0e3df89b;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8a0e3df89b {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_a6d70071e2 {\n  height: 32px;\n}\n\n.textH2_4638195f7c {\n  height: 24px;\n}\n\n.textH3_4638195f7c {\n  height: 24px;\n}\n\n.textH4_b3c6bfd143 {\n  height: 21px;\n}\n\n.textH5_6e865b0acc {\n  height: 16px;\n}\n\n.textH6_e263c8e51e {\n  height: 12px;\n}\n\n.textSmall_e33f8f899b,\n.textCustom_e263c8e51e {\n  height: 12px;\n}\n\n.fullWidth_52e696d131 {\n  width: 100%;\n}\n\n.skeleton_56c388f2ea:not(.fullWidth_52e696d131) .text_49a732fe11 {\n  width: 162px;\n}\n\n.skeleton_56c388f2ea:not(.fullWidth_52e696d131) .circle_af7ad376a6 {\n  width: 40px;\n}\n\n.skeleton_56c388f2ea:not(.fullWidth_52e696d131) .rectangle_9acfe8bf80 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_bf1b42cbe2",rectangle:"rectangle_d435cd0e23",shine:"shine_352b4a5946",circle:"circle_f3c1d3edf2",text:"text_c60287c373",textH1:"textH1_c92c01e5c1",textH2:"textH2_11469bf7ff",textH3:"textH3_11469bf7ff",textH4:"textH4_b48829006e",textH5:"textH5_4aea846a2d",textH6:"textH6_7060bb035b",textSmall:"textSmall_102a52c8e8",textCustom:"textCustom_7060bb035b",fullWidth:"fullWidth_daa57fe039"};!function(n){const e="s_id-41cda04b2bc0_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_bf1b42cbe2 {\n  display: flex;\n}\n\n.rectangle_d435cd0e23 {\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_352b4a5946;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_352b4a5946 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_f3c1d3edf2 {\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_352b4a5946;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_352b4a5946 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_c60287c373 {\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_352b4a5946;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_352b4a5946 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_c92c01e5c1 {\n  height: 32px;\n}\n\n.textH2_11469bf7ff {\n  height: 24px;\n}\n\n.textH3_11469bf7ff {\n  height: 24px;\n}\n\n.textH4_b48829006e {\n  height: 21px;\n}\n\n.textH5_4aea846a2d {\n  height: 16px;\n}\n\n.textH6_7060bb035b {\n  height: 12px;\n}\n\n.textSmall_102a52c8e8,\n.textCustom_7060bb035b {\n  height: 12px;\n}\n\n.fullWidth_daa57fe039 {\n  width: 100%;\n}\n\n.skeleton_bf1b42cbe2:not(.fullWidth_daa57fe039) .text_c60287c373 {\n  width: 162px;\n}\n\n.skeleton_bf1b42cbe2:not(.fullWidth_daa57fe039) .circle_f3c1d3edf2 {\n  width: 40px;\n}\n\n.skeleton_bf1b42cbe2:not(.fullWidth_daa57fe039) .rectangle_d435cd0e23 {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/src/components/Skeleton/SkeletonConstants.js CHANGED Viewed

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

package/dist/src/components/Skeleton/SkeletonConstants.js.map CHANGED Viewed

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

package/dist/src/components/SlideTransition/SlideTransition.js CHANGED Viewed

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

package/dist/src/components/SlideTransition/SlideTransition.js.map CHANGED Viewed

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

package/dist/src/components/SlideTransition/SlideTransition.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slide:"slide_992200bbef"};!function(e){const t="s_id-096ffa3ec029_3_86_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_992200bbef {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_5d58fecb54",slideForward:"slideForward_d6078f8f06",slideInForward:"slideInForward_84206c1c9f",slideBackward:"slideBackward_1cf3768d38",slideInBackward:"slideInBackward_5661b66928"};!function(e){const n="s_id-17fe3dfbe840_4_0_0-alpha_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_5d58fecb54 {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward_d6078f8f06 {\n  animation: slideInForward_84206c1c9f 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward_1cf3768d38 {\n  animation: slideInBackward_5661b66928 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward_84206c1c9f {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInBackward_5661b66928 {\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/src/components/Slider/SelectionIndicator.module.scss.js CHANGED Viewed

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

package/dist/src/components/Slider/Slider.js CHANGED Viewed

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

package/dist/src/components/Slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport ~~{ BASE_SIZES } from \"../../constants\";\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 ~~{ SliderColor as SliderColorEnum } from \"./SliderConstants\";\nimport~~ cx from \"classnames\";\nimport ~~{ withStaticProps } from \"../../types\";\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 ~~ariaLabel~~?: string;\n /\n ElementId of Node that have the text needed for labeling the current element (Slider)\n /\n ~~ariaLabelledby~~?: 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 ariaLabel,\n 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 ~~ariaLabel~~={ariaLabel}\n ~~ariaLabelledby~~={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~~={SliderInfix.kinds.PREFIX}~~ />\n <SliderBase />\n <SliderInfix kind~~={SliderInfix.kinds.POSTFIX}~~ />\n </div>\n </SliderProvider>\n );\n }\n);\n\~~ninterface SliderStaticProps {\n sizes: typeof BASE_SIZES;\n colors: typeof SliderColorEnum;\n}\n\~~nexport default ~~withStaticProps<SliderProps, SliderStaticProps>(~~Slider~~, {\n sizes: BASE_SIZES,\n colors: SliderColorEnum\n})~~;\n"],"names":["~~withStaticProps~~","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","~~kinds","PREFIX","~~SliderBase"~~,"POSTFIX","sizes","BASE_SIZES","colors","SliderColorEnum"~~],"mappings":"~~myBAiIA~~,~~IAmFeA~~,~~EAAAA~~,~~EAnFAC,~~GACb,SAAAC,EA2BEC,GACE,~~IA1BAC~~,EAASF,~~EAATE~~,~~UACAC~~,EAAcH,~~EAAdG~~,~~eACAC~~,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,~~GACCjD~~,~~UAAWA~~,~~EACXC~~,~~eAAgBA~~,~~EAChBE~~,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,~~EAACC~~,~~cAAAU~~,~~GAAYC~~,~~KAAMD~~,~~EAAYE~~,~~MAAMC~~,~~SACrCd,~~EAAAC,~~cAACc~~,EAAa,~~MACdf~~,~~EAAAC~~,~~cAACU~~,~~EAAW~~,~~CAACC~~,~~KAAMD,EAAYE,MAAMG,WAI7C,IAQqE,CACrEC,MAAOC,EACPC,OAAQC~~"}
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"}

package/dist/src/components/Slider/Slider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slider:"slider_89d17ba6e1",valueShown:"valueShown_287aaa72c5",positionTop:"positionTop_9ebe72ac67",positionBottom:"positionBottom_ecc6f58430"};!function(e){const n="s_id-4e41ea5b2e41_3_86_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_89d17ba6e1 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_287aaa72c5.positionTop_9ebe72ac67 {\n  margin-top: 10px;\n}\n\n.valueShown_287aaa72c5.positionBottom_ecc6f58430 {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_41e8553442",valueShown:"valueShown_07c5f44d41",positionTop:"positionTop_016b04de7c",positionBottom:"positionBottom_d1f0a0c70a"};!function(e){const n="s_id-4e41ea5b2e41_4_0_0-alpha_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_41e8553442 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_07c5f44d41.positionTop_016b04de7c {\n  margin-top: 10px;\n}\n\n.valueShown_07c5f44d41.positionBottom_d1f0a0c70a {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_6c1650881d",positive:"positive_925462a9d9",negative:"negative_e9b6813abd"};!function(e){const n="s_id-bb386829c5aa_3_86_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_6c1650881d {\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_925462a9d9 {\n  background-color: var(--positive-color);\n}\n\n.negative_e9b6813abd {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_9ef0f70abf",positive:"positive_10c80ea6ea",negative:"negative_27198c652e"};!function(e){const n="s_id-bb386829c5aa_4_0_0-alpha_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)}(".filledTrack_9ef0f70abf {\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_10c80ea6ea {\n  background-color: var(--positive-color);\n}\n\n.negative_27198c652e {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.js.map CHANGED Viewed

	@@ -1 +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 ~~{ type VibeComponent } from \"../../../types\";\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: ~~VibeComponent<SliderRailProps, unknown>~~ = 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":"~~8RAyBMA~~,IAAAA,~~EAAsDC~~,~~GAC1D~~,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"}
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"}

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

@@ -1,2 +1,2 @@
-var e={rail:"rail_490f16769c",small:"small_7ac33c3015",medium:"medium_e64de7a36c",large:"large_53c942d96b"};!function(e){const n="s_id-c66a4285003d_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_490f16769c {\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_7ac33c3015 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_e64de7a36c {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_53c942d96b {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_7cbcd1ecd0",small:"small_210485954d",medium:"medium_dbaf348fc6",large:"large_f4ead84260"};!function(e){const n="s_id-c66a4285003d_4_0_0-alpha_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_7cbcd1ecd0 {\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_210485954d {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_dbaf348fc6 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_f4ead84260 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.js CHANGED Viewed

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

package/dist/src/components/Slider/SliderBase/SliderThumb.js.map CHANGED Viewed

	@@ -1 +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 ariaLabel,\n 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":"mlBAmCA,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,~~OACAC~~,EAASH,~~EAATG~~,~~UACAC~~,EAAcJ,~~EAAdI~~,~~eACAC~~,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"}
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":"mlBAmCA,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/src/components/Slider/SliderBase/SliderThumb.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_148be2e22e",dragging:"dragging_4a9289c113",focused:"focused_e565e53ba7",notDisabledThumb:"notDisabledThumb_46e879df37","focus-visible":"focus-visible_bf27a53217",positive:"positive_a00679c688",negative:"negative_546a8e54b0",small:"small_0f6dd28edd",medium:"medium_53c0dd984e",large:"large_934ef2b93d",label:"label_1bf73375e3",positionTop:"positionTop_22cc52362f",positionBottom:"positionBottom_13f253faee",colorPrimary:"colorPrimary_4ea8881b20",colorSecondary:"colorSecondary_bb4deaeb00"};!function(o){const e="s_id-9ef20defa923_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_148be2e22e {\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_4a9289c113 {\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_e565e53ba7 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_46e879df37:focus-visible, .notDisabledThumb_46e879df37.focus-visible_bf27a53217 {\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_46e879df37:focus:not(.focus-visible_bf27a53217) {\n  outline: none;\n}\n.notDisabledThumb_46e879df37:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_a00679c688 {\n  border-color: var(--positive-color);\n}\n.positive_a00679c688.notDisabledThumb_46e879df37:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_546a8e54b0 {\n  border-color: var(--negative-color);\n}\n.negative_546a8e54b0.notDisabledThumb_46e879df37:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_0f6dd28edd {\n  height: 16px;\n  width: 16px;\n}\n.medium_53c0dd984e {\n  height: 20px;\n  width: 20px;\n}\n.large_934ef2b93d {\n  height: 24px;\n  width: 24px;\n}\n.label_1bf73375e3 {\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_1bf73375e3.positionTop_22cc52362f {\n  bottom: calc(100% + 8px);\n}\n.label_1bf73375e3.positionBottom_13f253faee {\n  top: calc(100% + 8px);\n}\n.label_1bf73375e3.colorPrimary_4ea8881b20 {\n  color: var(--primary-text-color);\n}\n.label_1bf73375e3.colorSecondary_bb4deaeb00 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_cb4c0fccf3",dragging:"dragging_071323e497",focused:"focused_6aa2e2f31f",notDisabledThumb:"notDisabledThumb_21c9e3b0e0","focus-visible":"focus-visible_ec0f2f86c9",positive:"positive_4db70864ff",negative:"negative_5686f9d8db",small:"small_1c2e06da9d",medium:"medium_96da612bb8",large:"large_d0de30e604",label:"label_7b961acc49",positionTop:"positionTop_6952e1849c",positionBottom:"positionBottom_595ca07e36",colorPrimary:"colorPrimary_e4054eda05",colorSecondary:"colorSecondary_bc720eda4f"};!function(o){const e="s_id-8687af7a27b4_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_cb4c0fccf3 {\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_071323e497 {\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_6aa2e2f31f {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_21c9e3b0e0:focus-visible, .notDisabledThumb_21c9e3b0e0.focus-visible_ec0f2f86c9 {\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_21c9e3b0e0:focus:not(.focus-visible_ec0f2f86c9) {\n  outline: none;\n}\n.notDisabledThumb_21c9e3b0e0:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_4db70864ff {\n  border-color: var(--positive-color);\n}\n.positive_4db70864ff.notDisabledThumb_21c9e3b0e0:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_5686f9d8db {\n  border-color: var(--negative-color);\n}\n.negative_5686f9d8db.notDisabledThumb_21c9e3b0e0:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_1c2e06da9d {\n  height: 16px;\n  width: 16px;\n}\n.medium_96da612bb8 {\n  height: 20px;\n  width: 20px;\n}\n.large_d0de30e604 {\n  height: 24px;\n  width: 24px;\n}\n.label_7b961acc49 {\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_7b961acc49.positionTop_6952e1849c {\n  bottom: calc(100% + 8px);\n}\n.label_7b961acc49.positionBottom_595ca07e36 {\n  top: calc(100% + 8px);\n}\n.label_7b961acc49.colorPrimary_e4054eda05 {\n  color: var(--primary-text-color);\n}\n.label_7b961acc49.colorSecondary_bc720eda4f {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={track:"track_5212f90545",positive:"positive_dbb46a1d15",negative:"negative_b97759f1e1"};!function(e){const t="s_id-f9216dea54b1_3_86_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_5212f90545 {\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_dbb46a1d15 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_b97759f1e1 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_fe380efaee",positive:"positive_fe60be021d",negative:"negative_082f24a8a2"};!function(e){const t="s_id-f9216dea54b1_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_fe380efaee {\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_fe60be021d {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_082f24a8a2 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var i,t,I=200,e=300;!function(i){i.PREFIX="prefix",i.POSTFIX="postfix"}(i||(i={})),function(i){i.PRIMARY="primary",i.NEGATIVE="negative",i.POSITIVE="positive"}(t||(t={}));export{i as InfixKind,t as SliderColor,e as TOOLTIP_SHOW_DELAY,I as UPDATE_SLIDER_SIZE_DEBOUNCE};
+var r=200,a=300;export{a as TOOLTIP_SHOW_DELAY,r as UPDATE_SLIDER_SIZE_DEBOUNCE};
 //# sourceMappingURL=SliderConstants.js.map

package/dist/src/components/Slider/SliderConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderConstants.js","sources":["../../../../src/components/Slider/SliderConstants.ts"],"sourcesContent":["import { type IconType } from \"@vibe/icon\";\nimport { type ReactElement } from \"react\";\nimport {\n type SliderSize,\n type SliderColor as SliderColorType,\n type SliderLabelPosition,\n type SliderLabelColor\n} from \"./Slider.types\";\n\nexport const BEM_PREFIX = \"monday\";\n\nexport const COMPONENT_ID = \"slider\";\n\nexport const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;\n\nexport const TOOLTIP_SHOW_DELAY = 300;\n\~~n/*\n @deprecated\n /\~~nexport enum InfixKind {\n PREFIX = \"prefix\",\n POSTFIX = \"postfix\"\n}\n\n/\n @deprecated\n /\nexport enum SliderColor {\n PRIMARY = \"primary\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport type SliderContextSelection = {\n max: number;\n min: number;\n ranged: boolean;\n step: number;\n value: number \| number[];\n valueText: string \| string[];\n};\n\nexport type SliderContextUI = {\n active: number;\n ~~ariaLabel~~: string;\n ~~ariaLabelledby~~: string;\n color: SliderColorType;\n disabled: boolean;\n dragging: number;\n focused: number;\n size: SliderSize;\n shapeTestId: (subElement: string) => string;\n showValue: boolean;\n valueLabelPosition: SliderLabelPosition;\n valueLabelColor: SliderLabelColor;\n};\n\nexport type SliderContextActions = {\n setActive: (value: number) => void;\n setFocused: (value: number) => void;\n setDragging: (value: number) => void;\n changeThumbValue: (newValue: number \| string, thumbIndex?: number, cancelFocus?: boolean) => void;\n drugThumb: (newValue: number \| number[]) => void;\n decreaseValue: (consumerStep?: number) => void;\n increaseValue: (consumerStep?: number) => void;\n};\n\nexport type SliderContextInfix = {\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?:\n \| { icon: IconType }\n \| string\n \| ((value: number \| number[], valueText: string \| string[]) => ReactElement)\n \| ReactElement;\n /\n Options for postfix/end/finishing element. Same as prefix element.\n /\n postfix?:\n \| { icon: IconType }\n \| string\n \| ((value: number \| number[], valueText: string \| string[]) => ReactElement)\n \| ReactElement;\n /\n Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n"],"names":["~~InfixKind","SliderColor","~~UPDATE_SLIDER_SIZE_DEBOUNCE","TOOLTIP_SHOW_DELAY"],"mappings":"AAaO,~~IAOKA~~,~~EAQAC,EAfCC,~~EAA8B,IAE9BC,EAAqB~~,KAKlC,SAAYH,GACVA,EAAA,OAAA,SACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA~~"}
1	+ {"version":3,"file":"SliderConstants.js","sources":["../../../../src/components/Slider/SliderConstants.ts"],"sourcesContent":["import { type IconType } from \"@vibe/icon\";\nimport { type ReactElement } from \"react\";\nimport {\n type SliderSize,\n type SliderColor as SliderColorType,\n type SliderLabelPosition,\n type SliderLabelColor\n} from \"./Slider.types\";\n\nexport const BEM_PREFIX = \"monday\";\n\nexport const COMPONENT_ID = \"slider\";\n\nexport const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;\n\nexport const TOOLTIP_SHOW_DELAY = 300;\n\nexport type SliderContextSelection = {\n max: number;\n min: number;\n ranged: boolean;\n step: number;\n value: number \| number[];\n valueText: string \| string[];\n};\n\nexport type SliderContextUI = {\n active: number;\n \"aria-label\": string;\n \"aria-labelledby\": string;\n color: SliderColorType;\n disabled: boolean;\n dragging: number;\n focused: number;\n size: SliderSize;\n shapeTestId: (subElement: string) => string;\n showValue: boolean;\n valueLabelPosition: SliderLabelPosition;\n valueLabelColor: SliderLabelColor;\n};\n\nexport type SliderContextActions = {\n setActive: (value: number) => void;\n setFocused: (value: number) => void;\n setDragging: (value: number) => void;\n changeThumbValue: (newValue: number \| string, thumbIndex?: number, cancelFocus?: boolean) => void;\n drugThumb: (newValue: number \| number[]) => void;\n decreaseValue: (consumerStep?: number) => void;\n increaseValue: (consumerStep?: number) => void;\n};\n\nexport type SliderContextInfix = {\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?:\n \| { icon: IconType }\n \| string\n \| ((value: number \| number[], valueText: string \| string[]) => ReactElement)\n \| ReactElement;\n /\n Options for postfix/end/finishing element. Same as prefix element.\n /\n postfix?:\n \| { icon: IconType }\n \| string\n \| ((value: number \| number[], valueText: string \| string[]) => ReactElement)\n \| ReactElement;\n /\n Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n"],"names":["UPDATE_SLIDER_SIZE_DEBOUNCE","TOOLTIP_SHOW_DELAY"],"mappings":"AAaO,IAAMA,EAA8B,IAE9BC,EAAqB"}

package/dist/src/components/Slider/SliderContext.js CHANGED Viewed

@@ -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.ariaLabel,b=t.ariaLabelledby,p=t.color,g=t.defaultValue,L=t.disabled,h=t.max,x=t.min,P=t.onChange,V=t.ranged,T=t.showValue,E=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,ariaLabel:f,ariaLabelledby:b,color:p,disabled:L,dragging:U,focused:M,size:y,shapeTestId:_,showValue:T,valueLabelPosition:E,valueLabelColor:j}}),[D,f,b,p,L,U,M,y,_,T,E,j]),Z=r((function(){return{max:h,min:x,ranged:V,step:C,value:A,valueText:B}}),[h,x,V,C,A,B]),$=s(A,M,X,F,h,x,P,V,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 L(){return u(v)}export{f as SliderProvider,L 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"../../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};
 //# sourceMappingURL=SliderContext.js.map

package/dist/src/components/Slider/SliderContext.js.map CHANGED Viewed

	@@ -1 +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 ariaLabel,\n 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 ariaLabel,\n 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,~~SACAC~~,EAASF,~~EAATE~~,~~UACAC~~,EAAcH,~~EAAdG~~,~~eACAC~~,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,~~EACA9B~~,~~UAAAA~~,~~EACAC~~,~~eAAAA~~,~~EACAC~~,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"}
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"}

package/dist/src/components/Slider/SliderHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";function n(r,n,t){var i=Math.round(100*(t-n)/(r-n));return[i,i]}function t(r,n,t){return r||(void 0!==n?"function"!=typeof t?""+n:t(n):void 0)}function i(t,i,o,u){if(!o){var a=n(t,i,u),e=r(a,2);return{dimension:e[0],offset:0,positions:[e[1]],thumbKeys:["start"]}}var s=r(u,2),f=s[1],c=n(t,i,s[0]),d=r(c,2),v=d[0],y=d[1],h=n(t,i,f),p=r(h,2);return{dimension:p[0],offset:v,positions:[y,p[1]],thumbKeys:["start","end"]}}function o(r,n,t){var i=(r-n)/10;if(t>i)return t;var o=function(r,n){var t=r%n;return 0===t?r:r-t}(Math.round(i),t);return(r-n)/o>10?2*o:o}function u(r,n,t,i){return i&&!Array.isArray(r)?[n,t]:n>r?n:r>t?t:r}function a(r,n,i){return Array.isArray(n)?n.map((function(n,o){return t(Array.isArray(r)?r[o]:void 0,n,i)})):t(r,n,i)}function e(r,n,t){return n&&Math.abs(t[0]-r)>Math.abs(t[1]-r)?1:0}function s(r,n,t,i,o){var u=Math.round((Math.round(r/(i.width/(t-n)))+n)/o)*o;return n>u?n:u>t?t:u}export{n as _calcDimension,i as calcDimensions,o as calculatePageStep,u as ensureDefaultValue,a as ensureValueText,e as getNearest,s as moveToPx};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";function n(r,n,t){var i=Math.round(100*(t-n)/(r-n));return[i,i]}function t(r,n,t){return r||(void 0!==n?"function"!=typeof t?""+n:t(n):void 0)}function i(t,i,o,u){if(!o){var a=n(t,i,u),e=r(a,2);return{dimension:e[0],offset:0,positions:[e[1]],thumbKeys:["start"]}}var s=r(u,2),f=s[1],c=n(t,i,s[0]),d=r(c,2),y=d[0],v=d[1],h=n(t,i,f),A=r(h,2);return{dimension:A[0],offset:y,positions:[v,A[1]],thumbKeys:["start","end"]}}function o(r,n,t){var i=(r-n)/10;if(t>i)return t;var o=function(r,n){var t=r%n;return 0===t?r:r-t}(Math.round(i),t);return(r-n)/o>10?2*o:o}function u(r,n,t,i){return i&&!Array.isArray(r)?[n,t]:Array.isArray(r)?r:n>r?n:r>t?t:r}function a(r,n,i){return Array.isArray(n)?n.map((function(n,o){return t(Array.isArray(r)?r[o]:void 0,n,i)})):t(r,n,i)}function e(r,n,t){return n&&Math.abs(t[0]-r)>Math.abs(t[1]-r)?1:0}function s(r,n,t,i,o){var u=Math.round((Math.round(r/(i.width/(t-n)))+n)/o)*o;return n>u?n:u>t?t:u}export{n as _calcDimension,i as calcDimensions,o as calculatePageStep,u as ensureDefaultValue,a as ensureValueText,e as getNearest,s as moveToPx};
 //# sourceMappingURL=SliderHelpers.js.map

package/dist/src/components/Slider/SliderHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderHelpers.js","sources":["../../../../src/components/Slider/SliderHelpers.ts"],"sourcesContent":["export function _calcDimension(max: number, min: number, value: number): [number, number] {\n const valuePoints = max - min;\n const dimension = Math.round(((value - min) * 100) / valuePoints);\n return [dimension, dimension];\n}\n\nfunction _ensureSingleValueText(valueText: string, value: number, formatter: (value: number) => string): string {\n if (valueText) {\n return valueText;\n }\n if (typeof value === \"undefined\") {\n return undefined;\n }\n if (typeof formatter !== \"function\") {\n return value.toString();\n }\n return formatter(value);\n}\n\nfunction _ensureStepModulo(pageStep: number, step: number) {\n const moduloToStep = pageStep % step;\n if (moduloToStep === 0) {\n return pageStep;\n }\n return pageStep - moduloToStep;\n}\n\nexport function calcDimensions(max: number, min: number, ranged: boolean, value: number \| number[]) {\n if (!ranged) {\n const [dimension, position] = _calcDimension(max, min, value as number);\n return { dimension, offset: 0, positions: [position], thumbKeys: [\"start\"] };\n }\n const [val1, val2] = value as number[];\n const [offset, position] = _calcDimension(max, min, val1);\n const [dimension, position2] = _calcDimension(max, min, val2);\n return { dimension, offset, positions: [position, position2], thumbKeys: [\"start\", \"end\"] };\n}\n\nexport function calculatePageStep(max: number, min: number, step: number) {\n const pageStep = (max - min) / 10;\n if (pageStep < step) {\n // too small pageSize --> return step\n return step;\n }\n const fixedPageStep = _ensureStepModulo(Math.round(pageStep), step);\n if ((max - min) / fixedPageStep > 10) {\n // too many steps with fixedPageStep - multiply it\n return 2 * fixedPageStep;\n }\n // basic page size is ok\n return fixedPageStep;\n}\n\nexport function ensureDefaultValue(\n defaultValue: number \| number[],\n min: number,\n max: number,\n ranged: boolean\n): number \| number[] {\n if (ranged && !Array.isArray(defaultValue)) {\n return [min, max];\n }\n if (defaultValue < min) {\n return min;\n }\n if (defaultValue > max) {\n return max;\n }\n return defaultValue;\n}\n\nexport function ensureValueText(\n valueText: string,\n value: number \| number[],\n formatter: (value: number) => string\n): string \| string[] {\n if (!Array.isArray(value)) {\n return _ensureSingleValueText(valueText, value, formatter);\n }\n return value.map((valueSingle, index) => {\n const valueTextSingle = Array.isArray(valueText) ? valueText[index] : undefined;\n return _ensureSingleValueText(valueTextSingle, valueSingle, formatter);\n });\n}\n\nexport function getNearest(newValue: number, ranged: boolean, value: number \| number[]) {\n if (!ranged) {\n return 0;\n }\n const diff0 = Math.abs((value as number[])[0] - newValue);\n const diff1 = Math.abs((value as number[])[1] - newValue);\n return diff0 > diff1 ? 1 : 0;\n}\n\nexport function moveToPx(offsetInPx: number, min: number, max: number, railCoords: { width: number }, step: number) {\n const valuePoints = max - min;\n const pxToValuePoints = railCoords.width / valuePoints;\n const offsetInValuePoints = Math.round(offsetInPx / pxToValuePoints) + min;\n const newValue = Math.round(offsetInValuePoints / step) * step;\n if (newValue < min) {\n return min;\n }\n if (newValue > max) {\n return max;\n }\n return newValue;\n}\n"],"names":["_calcDimension","max","min","value","dimension","Math","round","_ensureSingleValueText","valueText","formatter","calcDimensions","ranged","_calcDimension2","_calcDimension3","_slicedToArray","offset","positions","thumbKeys","_value","val2","_calcDimension4","_calcDimension5","position","_calcDimension6","_calcDimension7","calculatePageStep","step","pageStep","fixedPageStep","moduloToStep","_ensureStepModulo","ensureDefaultValue","defaultValue","Array","isArray","ensureValueText","map","valueSingle","index","undefined","getNearest","newValue","abs","moveToPx","offsetInPx","railCoords","width"],"mappings":"wFAAgBA,EAAeC,EAAaC,EAAaC,GACvD,IACMC,EAAYC,KAAKC,MAAuB,KAAfH,EAAQD,IADnBD,EAAMC,IAE1B,MAAO,CAACE,EAAWA,EACrB,CAEA,SAASG,EAAuBC,EAAmBL,EAAeM,GAChE,OAAID,SAGiB,IAAVL,EAGc,mBAAdM,EACFN,KAEFM,EAAUN,QANjB,EAOF,CAUM,SAAUO,EAAeT,EAAaC,EAAaS,EAAiBR,GACxE,IAAKQ,EAAQ,CACX,IAAAC,EAA8BZ,EAAeC,EAAKC,EAAKC,GAAgBU,EAAAC,EAAAF,EAAA,GACvE,MAAO,CAAER,UADOS,EAAA,GACIE,OAAQ,EAAGC,UAAW,CADhBH,EAAA,IAC4BI,UAAW,CAAC,SACnE,CACD,IAAAC,EAAAJ,EAAqBX,EAAiB,GAAzBgB,EAAID,EAAA,GACjBE,EAA2BpB,EAAeC,EAAKC,EADpCgB,EAAA,IAC8CG,EAAAP,EAAAM,EAAA,GAAlDL,EAAMM,EAAA,GAAEC,EAAQD,EAAA,GACvBE,EAA+BvB,EAAeC,EAAKC,EAAKiB,GAAKK,EAAAV,EAAAS,EAAA,GAC7D,MAAO,CAAEnB,UADOoB,EAAA,GACIT,OAAAA,EAAQC,UAAW,CAACM,EADbE,EAAA,IACmCP,UAAW,CAAC,QAAS,OACrF,UAEgBQ,EAAkBxB,EAAaC,EAAawB,GAC1D,IAAMC,GAAY1B,EAAMC,GAAO,GAC/B,GAAewB,EAAXC,EAEF,OAAOD,EAET,IAAME,EAzBR,SAA2BD,EAAkBD,GAC3C,IAAMG,EAAeF,EAAWD,EAChC,OAAqB,IAAjBG,EACKF,EAEFA,EAAWE,CACpB,CAmBwBC,CAAkBzB,KAAKC,MAAMqB,GAAWD,GAC9D,OAAKzB,EAAMC,GAAO0B,EAAgB,GAEzB,EAAIA,EAGNA,CACT,CAEM,SAAUG,EACdC,EACA9B,EACAD,EACAU,GAEA,OAAIA,IAAWsB,MAAMC,QAAQF,GACpB,CAAC9B,EAAKD,~~GAEIC~~,EAAf8B,EACK9B,EAEL8B,EAAe/B,EACVA,EAEF+B,CACT,UAEgBG,EACd3B,EACAL,EACAM,GAEA,OAAKwB,MAAMC,QAAQ/B,GAGZA,EAAMiC,KAAI,SAACC,EAAaC,GAE7B,OAAO/B,EADiB0B,MAAMC,QAAQ1B,GAAaA,EAAU8B,QAASC,EACvBF,EAAa5B,EAC9D,IALSF,EAAuBC,EAAWL,EAAOM,EAMpD,UAEgB+B,EAAWC,EAAkB9B,EAAiBR,GAC5D,OAAKQ,GAGSN,KAAKqC,IAAKvC,EAAmB,GAAKsC,GAClCpC,KAAKqC,IAAKvC,EAAmB,GAAKsC,GACzB,EAJd,CAKX,CAEM,SAAUE,EAASC,EAAoB1C,EAAaD,EAAa4C,EAA+BnB,GACpG,IAGMe,EAAWpC,KAAKC,OADMD,KAAKC,MAAMsC,GADfC,EAAWC,OADf7C,EAAMC,KAE6CA,GACrBwB,GAAQA,EAC1D,OAAexB,EAAXuC,EACKvC,EAELuC,EAAWxC,EACNA,EAEFwC,CACT"}
1	+ {"version":3,"file":"SliderHelpers.js","sources":["../../../../src/components/Slider/SliderHelpers.ts"],"sourcesContent":["export function _calcDimension(max: number, min: number, value: number): [number, number] {\n const valuePoints = max - min;\n const dimension = Math.round(((value - min) * 100) / valuePoints);\n return [dimension, dimension];\n}\n\nfunction _ensureSingleValueText(valueText: string, value: number, formatter: (value: number) => string): string {\n if (valueText) {\n return valueText;\n }\n if (typeof value === \"undefined\") {\n return undefined;\n }\n if (typeof formatter !== \"function\") {\n return value.toString();\n }\n return formatter(value);\n}\n\nfunction _ensureStepModulo(pageStep: number, step: number) {\n const moduloToStep = pageStep % step;\n if (moduloToStep === 0) {\n return pageStep;\n }\n return pageStep - moduloToStep;\n}\n\nexport function calcDimensions(max: number, min: number, ranged: boolean, value: number \| number[]) {\n if (!ranged) {\n const [dimension, position] = _calcDimension(max, min, value as number);\n return { dimension, offset: 0, positions: [position], thumbKeys: [\"start\"] };\n }\n const [val1, val2] = value as number[];\n const [offset, position] = _calcDimension(max, min, val1);\n const [dimension, position2] = _calcDimension(max, min, val2);\n return { dimension, offset, positions: [position, position2], thumbKeys: [\"start\", \"end\"] };\n}\n\nexport function calculatePageStep(max: number, min: number, step: number) {\n const pageStep = (max - min) / 10;\n if (pageStep < step) {\n // too small pageSize --> return step\n return step;\n }\n const fixedPageStep = _ensureStepModulo(Math.round(pageStep), step);\n if ((max - min) / fixedPageStep > 10) {\n // too many steps with fixedPageStep - multiply it\n return 2 * fixedPageStep;\n }\n // basic page size is ok\n return fixedPageStep;\n}\n\nexport function ensureDefaultValue(\n defaultValue: number \| number[],\n min: number,\n max: number,\n ranged: boolean\n): number \| number[] {\n if (ranged && !Array.isArray(defaultValue)) {\n return [min, max];\n }\n if (Array.isArray(defaultValue)) {\n return defaultValue;\n }\n if (defaultValue < min) {\n return min;\n }\n if (defaultValue > max) {\n return max;\n }\n return defaultValue;\n}\n\nexport function ensureValueText(\n valueText: string,\n value: number \| number[],\n formatter: (value: number) => string\n): string \| string[] {\n if (!Array.isArray(value)) {\n return _ensureSingleValueText(valueText, value, formatter);\n }\n return value.map((valueSingle, index) => {\n const valueTextSingle = Array.isArray(valueText) ? valueText[index] : undefined;\n return _ensureSingleValueText(valueTextSingle, valueSingle, formatter);\n });\n}\n\nexport function getNearest(newValue: number, ranged: boolean, value: number \| number[]) {\n if (!ranged) {\n return 0;\n }\n const diff0 = Math.abs((value as number[])[0] - newValue);\n const diff1 = Math.abs((value as number[])[1] - newValue);\n return diff0 > diff1 ? 1 : 0;\n}\n\nexport function moveToPx(offsetInPx: number, min: number, max: number, railCoords: { width: number }, step: number) {\n const valuePoints = max - min;\n const pxToValuePoints = railCoords.width / valuePoints;\n const offsetInValuePoints = Math.round(offsetInPx / pxToValuePoints) + min;\n const newValue = Math.round(offsetInValuePoints / step) * step;\n if (newValue < min) {\n return min;\n }\n if (newValue > max) {\n return max;\n }\n return newValue;\n}\n"],"names":["_calcDimension","max","min","value","dimension","Math","round","_ensureSingleValueText","valueText","formatter","calcDimensions","ranged","_calcDimension2","_calcDimension3","_slicedToArray","offset","positions","thumbKeys","_value","val2","_calcDimension4","_calcDimension5","position","_calcDimension6","_calcDimension7","calculatePageStep","step","pageStep","fixedPageStep","moduloToStep","_ensureStepModulo","ensureDefaultValue","defaultValue","Array","isArray","ensureValueText","map","valueSingle","index","undefined","getNearest","newValue","abs","moveToPx","offsetInPx","railCoords","width"],"mappings":"wFAAgBA,EAAeC,EAAaC,EAAaC,GACvD,IACMC,EAAYC,KAAKC,MAAuB,KAAfH,EAAQD,IADnBD,EAAMC,IAE1B,MAAO,CAACE,EAAWA,EACrB,CAEA,SAASG,EAAuBC,EAAmBL,EAAeM,GAChE,OAAID,SAGiB,IAAVL,EAGc,mBAAdM,EACFN,KAEFM,EAAUN,QANjB,EAOF,CAUM,SAAUO,EAAeT,EAAaC,EAAaS,EAAiBR,GACxE,IAAKQ,EAAQ,CACX,IAAAC,EAA8BZ,EAAeC,EAAKC,EAAKC,GAAgBU,EAAAC,EAAAF,EAAA,GACvE,MAAO,CAAER,UADOS,EAAA,GACIE,OAAQ,EAAGC,UAAW,CADhBH,EAAA,IAC4BI,UAAW,CAAC,SACnE,CACD,IAAAC,EAAAJ,EAAqBX,EAAiB,GAAzBgB,EAAID,EAAA,GACjBE,EAA2BpB,EAAeC,EAAKC,EADpCgB,EAAA,IAC8CG,EAAAP,EAAAM,EAAA,GAAlDL,EAAMM,EAAA,GAAEC,EAAQD,EAAA,GACvBE,EAA+BvB,EAAeC,EAAKC,EAAKiB,GAAKK,EAAAV,EAAAS,EAAA,GAC7D,MAAO,CAAEnB,UADOoB,EAAA,GACIT,OAAAA,EAAQC,UAAW,CAACM,EADbE,EAAA,IACmCP,UAAW,CAAC,QAAS,OACrF,UAEgBQ,EAAkBxB,EAAaC,EAAawB,GAC1D,IAAMC,GAAY1B,EAAMC,GAAO,GAC/B,GAAewB,EAAXC,EAEF,OAAOD,EAET,IAAME,EAzBR,SAA2BD,EAAkBD,GAC3C,IAAMG,EAAeF,EAAWD,EAChC,OAAqB,IAAjBG,EACKF,EAEFA,EAAWE,CACpB,CAmBwBC,CAAkBzB,KAAKC,MAAMqB,GAAWD,GAC9D,OAAKzB,EAAMC,GAAO0B,EAAgB,GAEzB,EAAIA,EAGNA,CACT,CAEM,SAAUG,EACdC,EACA9B,EACAD,EACAU,GAEA,OAAIA,IAAWsB,MAAMC,QAAQF,GACpB,CAAC9B,EAAKD,GAEXgC,MAAMC,QAAQF,GACTA,EAEU9B,EAAf8B,EACK9B,EAEL8B,EAAe/B,EACVA,EAEF+B,CACT,UAEgBG,EACd3B,EACAL,EACAM,GAEA,OAAKwB,MAAMC,QAAQ/B,GAGZA,EAAMiC,KAAI,SAACC,EAAaC,GAE7B,OAAO/B,EADiB0B,MAAMC,QAAQ1B,GAAaA,EAAU8B,QAASC,EACvBF,EAAa5B,EAC9D,IALSF,EAAuBC,EAAWL,EAAOM,EAMpD,UAEgB+B,EAAWC,EAAkB9B,EAAiBR,GAC5D,OAAKQ,GAGSN,KAAKqC,IAAKvC,EAAmB,GAAKsC,GAClCpC,KAAKqC,IAAKvC,EAAmB,GAAKsC,GACzB,EAJd,CAKX,CAEM,SAAUE,EAASC,EAAoB1C,EAAaD,EAAa4C,EAA+BnB,GACpG,IAGMe,EAAWpC,KAAKC,OADMD,KAAKC,MAAMsC,GADfC,EAAWC,OADf7C,EAAMC,KAE6CA,GACrBwB,GAAQA,EAC1D,OAAexB,EAAXuC,EACKvC,EAELuC,EAAWxC,EACNA,EAEFwC,CACT"}

package/dist/src/components/Slider/SliderHooks.js CHANGED Viewed

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