@vibe/core 3.86.0 → 4.0.0-alpha.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as 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/mocked_classnames/src/components/Skeleton/Skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { 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/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js

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

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

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

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

@@ -1,2 +0,0 @@
-var o="custom";export{o as SKELETON_CUSTOM_SIZE};
-//# sourceMappingURL=SkeletonConstants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonConstants.js","sources":["../../../../../src/components/Skeleton/SkeletonConstants.ts"],"sourcesContent":["// Fixed names\nexport const SKELETON_CUSTOM_SIZE = \"custom\";\n"],"names":["SKELETON_CUSTOM_SIZE"],"mappings":"AACO,IAAMA,EAAuB"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as t,useMemo as a}from"react";import r from"../../hooks/useMergeRef.js";import{NOOP as l}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.ariaLabel,b=o.ariaLabelledby,h=o.className,j=o.color,S=o["data-testid"],L=void 0===S?"monday-slider":S,g=o.disabled,y=void 0!==g&&g,C=o.id,E=o.max,k=void 0===E?100:E,P=o.min,V=void 0===P?0:P,w=o.onChange,B=void 0===w?l: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=r(c,ie),te=a((function(){return{prefix:Y,postfix:Z,indicateSelection:X,selectionIndicatorWidth:ee}}),[Y,Z,X,ee]);return i.createElement(d,{ariaLabel:x,ariaLabelledby:b,color:j,"data-testid":L,disabled:y,infixOptions:te,max:k,min:V,onChange:B,ranged:I,showValue:N,valueLabelPosition:W,valueLabelColor:O,size:q,step:F,value:A,defaultValue:s(G,V,k,I),valueFormatter:K,valueText:Q},i.createElement("div",{className:u(p.slider,e({},p.valueShown,N),f(p,v("position-"+W)),h),"data-testid":L,id:C,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/mocked_classnames/src/components/Slider/Slider.js.map

@@ -1 +0,0 @@
-{"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  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=\"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,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,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,EAAa,MACdb,EAACC,cAAAU,GAAYC,KAAK,aAI1B"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
-//# sourceMappingURL=SliderRail.module.scss.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"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":"skBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-var r=200,a=300;export{a as TOOLTIP_SHOW_DELAY,r as UPDATE_SLIDER_SIZE_DEBOUNCE};
-//# sourceMappingURL=SliderConstants.js.map

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

@@ -1 +0,0 @@
-{"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  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":["UPDATE_SLIDER_SIZE_DEBOUNCE","TOOLTIP_SHOW_DELAY"],"mappings":"AAaO,IAAMA,EAA8B,IAE9BC,EAAqB"}

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=SliderContext.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=SliderHelpers.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHooks.js","sources":["../../../../../src/components/Slider/SliderHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useResizeObserver } from \"@vibe/hooks\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { UPDATE_SLIDER_SIZE_DEBOUNCE } from \"./SliderConstants\";\nimport { ensureValueText } from \"./SliderHelpers\";\n\nfunction _useIsStateControlledFromOutside(value: number | number[]): boolean {\n  const [isControlled] = useState(typeof value !== \"undefined\");\n  return isControlled;\n}\n\nfunction _useSliderValue(\n  defaultValue: number | number[],\n  isControlled: boolean,\n  value: number | number[]\n): [number | number[], (value: number | number[]) => void] {\n  const initialValue = isControlled ? value : defaultValue;\n  const [internalStateValue, setInternalStateValue] = useState(initialValue);\n  if (isControlled) {\n    return [value as number, NOOP];\n  }\n  return [internalStateValue, setInternalStateValue];\n}\n\nexport function useSliderActionsContextValue(\n  actualValue: number | number[],\n  focused: number,\n  getDragging: () => number,\n  getSelectedValue: () => number | number[],\n  max: number,\n  min: number,\n  onChange: (value: number | number[]) => void,\n  ranged: boolean,\n  setActive: (value: number) => void,\n  setFocused: (value: number) => void,\n  setDragging: (value: number) => void,\n  setSelectedValue: (value: number | number[]) => void,\n  step: number\n) {\n  const _changeValueOrValues = useCallback(\n    (newValueOrValues: number | number[]) => {\n      setSelectedValue(newValueOrValues);\n      if (typeof onChange === \"function\") {\n        onChange(newValueOrValues);\n      }\n    },\n    [setSelectedValue, onChange]\n  );\n\n  const _validateValue = useCallback(\n    (index: number, newValue: number | number[] | string): number => {\n      if (newValue === \"\" || Number.isNaN(Number(newValue))) {\n        return index === 1 ? max : min;\n      }\n      if (newValue > max) {\n        return max;\n      }\n      if (newValue < min) {\n        return min;\n      }\n      return newValue as number;\n    },\n    [min, max]\n  );\n\n  const _calculateNewValues = useCallback(\n    (thumb: { index: number; newValue: number | number[] | string }): number[] => {\n      const [startValue, endValue] = [...(getSelectedValue() as number[])];\n      if (thumb.index === 1) {\n        return [startValue, _validateValue(thumb.index, thumb.newValue)];\n      }\n      return [_validateValue(thumb.index, thumb.newValue), endValue];\n    },\n    [_validateValue, getSelectedValue]\n  );\n\n  const _manageRangedValues = useCallback(\n    (thumb: { index: number; newValue: number | number[] | string }, switchCb: (value: number) => void = NOOP) => {\n      const [startValue, endValue] = _calculateNewValues(thumb);\n      if (startValue < endValue) {\n        // no need to switch, same thumb stay active\n        return [startValue, endValue];\n      }\n      // switch active thumb + end and start values\n      switchCb(thumb.index === 0 ? 1 : 0);\n      return [endValue, startValue];\n    },\n    [_calculateNewValues]\n  );\n\n  const _switchDraggingThumb = useCallback(\n    (switchTo: number) => {\n      setActive(switchTo);\n      setFocused(switchTo);\n      setDragging(switchTo);\n    },\n    [setActive, setFocused, setDragging]\n  );\n\n  const changeThumbValue = useCallback(\n    (newValue: number | string, thumbIndex: number = undefined, cancelFocus = false) => {\n      if (!ranged) {\n        _changeValueOrValues(_validateValue(null, newValue));\n        return;\n      }\n      const currentThumb = { newValue, index: thumbIndex ?? focused };\n      const switchCb = cancelFocus ? NOOP : setFocused;\n      const newValues = _manageRangedValues(currentThumb, switchCb);\n      _changeValueOrValues(newValues);\n    },\n    [_changeValueOrValues, _manageRangedValues, _validateValue, focused, ranged, setFocused]\n  );\n\n  const drugThumb = useCallback(\n    (newValue: number | number[]) => {\n      if (!ranged) {\n        _changeValueOrValues(_validateValue(null, newValue));\n        return;\n      }\n      const currentThumb = { newValue, index: getDragging() ?? 0 };\n      const newValues = _manageRangedValues(currentThumb, _switchDraggingThumb);\n      _changeValueOrValues(newValues);\n    },\n    [_changeValueOrValues, _manageRangedValues, _switchDraggingThumb, _validateValue, getDragging, ranged]\n  );\n\n  const decreaseValue = useCallback(\n    (consumerStep: number) => {\n      const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n      if (currentValue === min) {\n        return;\n      }\n      const finalStep = consumerStep || step;\n      const newValue = currentValue - finalStep;\n      changeThumbValue(newValue);\n    },\n    [actualValue, changeThumbValue, focused, min, ranged, step]\n  );\n\n  const increaseValue = useCallback(\n    (consumerStep?: number) => {\n      const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n      if (currentValue === max) {\n        return;\n      }\n      const finalStep = consumerStep || step;\n      const newValue = currentValue + finalStep;\n      changeThumbValue(newValue);\n    },\n    [actualValue, changeThumbValue, focused, max, ranged, step]\n  );\n\n  return useMemo(\n    () => ({\n      changeThumbValue,\n      decreaseValue,\n      drugThumb,\n      increaseValue,\n      setActive,\n      setDragging,\n      setFocused\n    }),\n    [changeThumbValue, decreaseValue, drugThumb, increaseValue, setActive, setDragging, setFocused]\n  );\n}\n\nexport function useDragging(): [number, (value: number) => void, () => number] {\n  const [dragging, setStateDragging] = useState<number>(null);\n  const draggingRef = useRef(null);\n\n  const setDragging = useCallback(\n    (index: number) => {\n      setStateDragging(index);\n      draggingRef.current = index;\n    },\n    [setStateDragging, draggingRef]\n  );\n  const getDragging = useCallback(() => draggingRef.current, [draggingRef]);\n  return [dragging, setDragging, getDragging];\n}\n\nexport function useSliderRail() {\n  const railRef = useRef(null);\n  const [railCoords, setRailCoords] = useState({ left: 0, right: 100, width: 100 });\n\n  const defineRailCoords = useCallback(() => {\n    if (!railRef.current) {\n      return;\n    }\n    const railRect = railRef.current.getBoundingClientRect();\n    const { left, right, width } = railRect;\n    setRailCoords({ left, right, width });\n  }, [railRef, setRailCoords]);\n\n  useResizeObserver({\n    ref: railRef,\n    callback: defineRailCoords,\n    debounceTime: UPDATE_SLIDER_SIZE_DEBOUNCE\n  });\n\n  useEffect(() => {\n    defineRailCoords();\n  }, [defineRailCoords]);\n\n  return { railCoords, railRef };\n}\n\nexport function useSliderValues(\n  defaultValue: number | number[],\n  value: number | number[],\n  valueFormatter: (value: number) => string,\n  valueText: string\n): {\n  actualValue: number | number[];\n  actualValueText: string | string[];\n  getSelectedValue: () => number | number[];\n  isControlled: boolean;\n  setSelectedValue: (value: number) => void;\n} {\n  const isControlled = _useIsStateControlledFromOutside(value);\n  const [actualValue, setStateSelectedValue] = _useSliderValue(defaultValue, isControlled, value);\n  const valueRef = useRef(actualValue);\n\n  // Update ref when actualValue was changed from outside in controlled mode\n  useEffect(() => {\n    if (isControlled && valueRef.current !== actualValue) {\n      valueRef.current = actualValue;\n    }\n  }, [isControlled, actualValue]);\n\n  const setSelectedValue = useCallback(\n    (newValue: number) => {\n      setStateSelectedValue(newValue);\n      valueRef.current = newValue;\n    },\n    [valueRef, setStateSelectedValue]\n  );\n\n  const getSelectedValue = () => valueRef.current;\n\n  const actualValueText = ensureValueText(valueText, actualValue, valueFormatter);\n  return { actualValue, actualValueText, getSelectedValue, isControlled, setSelectedValue };\n}\n"],"names":["useSliderActionsContextValue","actualValue","focused","getDragging","getSelectedValue","max","min","onChange","ranged","setActive","setFocused","setDragging","setSelectedValue","step","_changeValueOrValues","useCallback","newValueOrValues","_validateValue","index","newValue","Number","isNaN","_calculateNewValues","thumb","_ref","_toConsumableArray","endValue","_manageRangedValues","switchCb","arguments","length","undefined","NOOP","_calculateNewValues2","_calculateNewValues3","_slicedToArray","startValue","_switchDraggingThumb","switchTo","changeThumbValue","thumbIndex","newValues","drugThumb","currentThumb","_a","decreaseValue","consumerStep","currentValue","increaseValue","useMemo","useDragging","_useState5","useState","_useState6","dragging","setStateDragging","draggingRef","useRef","current","useSliderRail","railRef","_useState7","left","right","width","_useState8","railCoords","setRailCoords","defineRailCoords","railRect","getBoundingClientRect","useResizeObserver","ref","callback","debounceTime","UPDATE_SLIDER_SIZE_DEBOUNCE","useEffect","useSliderValues","defaultValue","value","valueFormatter","valueText","isControlled","_useState","_useIsStateControlledFromOutside","_useSliderValue2","_useState3","_useState4","_useSliderValue","_useSliderValue3","setStateSelectedValue","valueRef","actualValueText","ensureValueText"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{useSliderInfixComponent as s}from"./SliderInfixHooks.js";import i from"classnames";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import t from"./SliderInfix.module.scss.js";var l=function(l){var m=l.kind,a=void 0===m?"prefix":m,p=s(a),f=r(p,4),n=f[1],u=f[2],c=f[3];return f[0]&&e.createElement("div",{className:i(t.infix,o(t,a),n.map((function(r){return o(t,r)}))),style:c},u)};export{l as default};
-//# sourceMappingURL=SliderInfix.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfix.js","sources":["../../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { type InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n  /**\n   * Specifies the type of infix (prefix or postfix).\n   */\n  kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> = ({ kind = \"prefix\" }) => {\n  const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n  return (\n    isShow && (\n      <div\n        className={cx(\n          styles.infix,\n          getStyle(styles, kind),\n          modificators.map(m => getStyle(styles, m))\n        )}\n        style={inlineStyle}\n      >\n        {InfixComponent}\n      </div>\n    )\n  );\n};\n\nexport default SliderInfix;\n"],"names":["SliderInfix","_ref","_ref$kind","kind","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style"],"mappings":"gTAeA,IAAMA,EAAoC,SAAzBC,GAAiD,IAAAC,EAAAD,EAArBE,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAC1DE,EAA4DC,EAAwBF,GAAKG,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQX,GACjBK,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT"}

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

@@ -1,2 +0,0 @@
-var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){const n="s_id-4fd2a8cee614_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=SliderInfix.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i from"react";import{Icon as r}from"@vibe/icon/mockedClassNames";import{useSliderInfix as n,useSliderSelection as o}from"./SliderContext.js";import l from"./SelectionIndicator.js";var c={clickable:!1,size:18,ignoreFocusStyle:!0};function a(a){var s="postfix"===a,m=n(),f=m.prefix,p=m.postfix,u=m.indicateSelection,d=m.selectionIndicatorWidth,g=o(),v=g.value,b=g.valueText,j=s?p:f;if(u&&(s||g.ranged))return[!0,[],i.createElement(l,{key:a,kind:a}),{width:d}];if("object"===e(j)&&j.icon){var x=j.icon,y=t(j,["icon"]),k=Object.assign(Object.assign({},c),y);return[!0,[],i.createElement(r,Object.assign({key:"infix-icon",icon:x},k)),{}]}return"function"==typeof j?[!0,[],j(v,b),{}]:"string"==typeof j?[!0,["txt"],i.createElement(i.Fragment,null,j),{}]:void 0===j?[!1,[],null,{}]:[!0,[],i.createElement(i.Fragment,null,j),{}]}export{a as useSliderInfixComponent};
-//# sourceMappingURL=SliderInfixHooks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfixHooks.js","sources":["../../../../../src/components/Slider/SliderInfixHooks.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement } from \"react\";\nimport { type IconType, Icon } from \"@vibe/icon\";\nimport { type InfixKind } from \"./Slider.types\";\nimport { useSliderInfix, useSliderSelection } from \"./SliderContext\";\nimport SelectionIndicator from \"./SelectionIndicator\";\n\nconst defaultIconProps = {\n  clickable: false,\n  size: 18,\n  ignoreFocusStyle: true\n};\n\nexport function useSliderInfixComponent(kind: InfixKind): [boolean, string[], ReactElement, CSSProperties] {\n  const isPostfix = kind === \"postfix\";\n  const { prefix, postfix, indicateSelection, selectionIndicatorWidth } = useSliderInfix();\n  const { ranged, value, valueText } = useSliderSelection();\n  const infix = isPostfix ? postfix : prefix;\n\n  if (indicateSelection && (isPostfix || ranged)) {\n    return [true, [], <SelectionIndicator key={kind} kind={kind} />, { width: selectionIndicatorWidth }];\n  }\n  if (typeof infix === \"object\" && (infix as { icon: IconType }).icon) {\n    const { icon, ...restIconProps } = infix as { icon: IconType };\n    const iconProps = { ...defaultIconProps, ...restIconProps };\n    return [true, [], <Icon key=\"infix-icon\" icon={icon} {...iconProps} />, {}];\n  }\n  if (typeof infix === \"function\") {\n    return [true, [], infix(value, valueText), {}];\n  }\n  if (typeof infix === \"string\") {\n    return [true, [\"txt\"], <>{infix}</>, {}];\n  }\n  if (typeof infix === \"undefined\") {\n    return [false, [], null, {}];\n  }\n  return [true, [], <>{infix}</>, {}];\n}\n"],"names":["defaultIconProps","clickable","size","ignoreFocusStyle","useSliderInfixComponent","kind","isPostfix","_useSliderInfix","useSliderInfix","prefix","postfix","indicateSelection","selectionIndicatorWidth","_useSliderSelection","useSliderSelection","value","valueText","infix","ranged","React","createElement","SelectionIndicator","key","width","_typeof","icon","restIconProps","__rest","iconProps","Object","assign","Icon","Fragment"],"mappings":"wTAMA,IAAMA,EAAmB,CACvBC,WAAW,EACXC,KAAM,GACNC,kBAAkB,GAGd,SAAUC,EAAwBC,GACtC,IAAMC,EAAqB,YAATD,EAClBE,EAAwEC,IAAhEC,EAAMF,EAANE,OAAQC,EAAOH,EAAPG,QAASC,EAAiBJ,EAAjBI,kBAAmBC,EAAuBL,EAAvBK,wBAC5CC,EAAqCC,IAArBC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UACjBC,EAAQX,EAAYI,EAAUD,EAEpC,GAAIE,IAAsBL,GAHZO,EAANK,QAIN,MAAO,EAAC,EAAM,GAAIC,EAACC,cAAAC,EAAmB,CAAAC,IAAKjB,EAAMA,KAAMA,IAAU,CAAEkB,MAAOX,IAE5E,GAAqB,WAAjBY,EAAOP,IAAuBA,EAA6BQ,KAAM,CAC7D,IAAEA,EAA2BR,EAA3BQ,KAASC,EAAaC,EAAKV,EAA7B,CAA0B,SAC1BW,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GAAA9B,GAAqB0B,GAC5C,MAAO,EAAC,EAAM,GAAIP,EAACC,cAAAW,iBAAKT,IAAI,aAAaG,KAAMA,GAAUG,IAAe,CAAA,EACzE,CACD,MAAqB,mBAAVX,EACF,EAAC,EAAM,GAAIA,EAAMF,EAAOC,GAAY,CAAA,GAExB,iBAAVC,EACF,EAAC,EAAM,CAAC,OAAQE,EAAAC,cAAAD,EAAAa,SAAA,KAAGf,GAAW,CAAE,QAEpB,IAAVA,EACF,EAAC,EAAO,GAAI,KAAM,CAAE,GAEtB,EAAC,EAAM,GAAIE,EAAGC,cAAAD,EAAAa,SAAA,KAAAf,GAAW,CAAE,EACpC"}