@vibe/core 4.2.3 → 4.2.4

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

@@ -1 +1 @@
-{"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 \"@vibe/shared\";\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?: number;\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  \"aria-label\"?: string;\n  /**\n   * ID of element that describe this radio button.\n   */\n  \"aria-describedby\"?: 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      \"aria-label\": ariaLabel,\n      \"aria-describedby\": 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":"ioBAkFA,IAAMA,EAAcC,GAClB,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EACTE,EAAcT,EAAdS,eACAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAc,IAAAD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAgB,IAAAD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAgB,IAAAD,EAAG,EAACA,EAAAE,EAAAxB,EACpByB,iBAAAA,OAAgB,IAAAD,GAAQA,EACVE,EAAS1B,EAAvB,cACoB2B,EAAe3B,EAAnC,oBACA4B,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,MAEb,GAAG,CAACA,EAAUY,EAAUlB,EAAUS,IAE5BgB,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZpB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEwB,EAAAC,cAACC,EAAO,CAACC,QAHY/B,EAAWE,EAAiB,MAI/C0B,EAAAC,cAAA,QAAA,CAAA,cACeZ,GAAce,EAAUC,EAAuBC,aAAclB,GAAG,YAClEmB,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,EAAY,CAAA,aACJX,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,EAAAC,cAACoB,EAAI,CACHC,QAAQ,OACRN,KAAK,QACLtD,UAAWO,EAAc,cACZmC,EAAUC,EAAuBkB,mBAAoBnC,IAEjExB,GAGJa,GACCuB,EAAAC,cAACuB,EAAS,CAACC,QAAS/B,EAAcgC,SAAU3C,GACzCN,IAMb"}
+{"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 \"@vibe/shared\";\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?: number;\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  \"aria-label\"?: string;\n  /**\n   * ID of element that describe this radio button.\n   */\n  \"aria-describedby\"?: 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      \"aria-label\": ariaLabel,\n      \"aria-describedby\": 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":"ooBAkFMA,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,EAACA,EAAAE,EAAAxB,EACpByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACVE,EAAS1B,EAAvB,cACoB2B,EAAe3B,EAAnC,oBACA4B,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/src/components/RadioButton/RadioButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_93526a1728",inputContainer:"inputContainer_d768c74b8f",input:"input_5bb1611df4",control:"control_a8b4a1cd81",labelAnimation:"labelAnimation_0df261a9c6",disabled:"disabled_fa2a863113"};!function(n){const o="s_id-f0fb17b54d8d_4_2_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_93526a1728 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_d768c74b8f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_5bb1611df4 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_a8b4a1cd81 {\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_a8b4a1cd81 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_0df261a9c6 {\n  animation-name: radioCheckedAnimation_0fd0037915;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_a8b4a1cd81 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_a8b4a1cd81 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_93526a1728.disabled_fa2a863113 {\n  cursor: not-allowed;\n}\n.radioButton_93526a1728.disabled_fa2a863113 .label_ddcf1354e4 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_d768c74b8f input:focus-visible + .control_a8b4a1cd81 {\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_93526a1728:hover .inputContainer_d768c74b8f input:enabled:checked + .control_a8b4a1cd81 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_93526a1728:hover .inputContainer_d768c74b8f input:enabled:not(:checked) + .control_a8b4a1cd81,\n.radioButton_93526a1728:focus-within .inputContainer_d768c74b8f input:enabled:not(:checked) + .control_a8b4a1cd81 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_0fd0037915 {\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};
+var n={radioButton:"radioButton_851463c9fb",inputContainer:"inputContainer_8068100ac3",input:"input_08c9686af6",control:"control_53cc525601",labelAnimation:"labelAnimation_d94d7bcc84",radioCheckedAnimation:"radioCheckedAnimation_6e8c1a5aee",disabled:"disabled_b5aa440074",label:"label_4aa70999ec"};!function(n){const e="s_id-f0fb17b54d8d_4_2_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_851463c9fb {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_8068100ac3 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_08c9686af6 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_53cc525601 {\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_53cc525601 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_d94d7bcc84 {\n  animation-name: radioCheckedAnimation_6e8c1a5aee;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_53cc525601 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_53cc525601 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_851463c9fb.disabled_b5aa440074 {\n  cursor: not-allowed;\n}\n.radioButton_851463c9fb.disabled_b5aa440074 .label_4aa70999ec {\n  color: var(--disabled-text-color);\n}\n.inputContainer_8068100ac3 input:focus-visible + .control_53cc525601 {\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_851463c9fb:hover .inputContainer_8068100ac3 input:enabled:checked + .control_53cc525601 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_851463c9fb:hover .inputContainer_8068100ac3 input:enabled:not(:checked) + .control_53cc525601,\n.radioButton_851463c9fb:focus-within .inputContainer_8068100ac3 input:enabled:not(:checked) + .control_53cc525601 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_6e8c1a5aee {\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/src/components/Search/Search.js

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as i}from"../../../testIds.js";import o from"classnames";import{SKELETON_CUSTOM_SIZE as l}from"./SkeletonConstants.js";import a from"./Skeleton.module.scss.js";import{getStyle as m}from"../../../shared/dist/utils/typesciptCssModulesHelper.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 e.createElement("div",{id:g,className:o(a.skeleton,d.wrapperClassName,t({},a.fullWidth,v)),"data-testid":j||r(i.SKELETON,g)},e.createElement("div",{className:o(a[N],m(a,s(N+"-"+k)),f,t({},a.fullWidth,v)),style:{width:c,height:u}}))};export{d as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import{SKELETON_CUSTOM_SIZE as l}from"./SkeletonConstants.js";import a from"./Skeleton.module.scss.js";import{getStyle as m}from"../../../shared/dist/utils/typesciptCssModulesHelper.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 e.createElement("div",{id:g,className:o(a.skeleton,d.wrapperClassName,t({},a.fullWidth,v)),"data-testid":j||r(i.SKELETON,g)},e.createElement("div",{className:o(a[N],m(a,s(N+"-"+k)),f,t({},a.fullWidth,v)),style:{width:c,height:u}}))};export{d as default};
 //# sourceMappingURL=Skeleton.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_b656a1fbd1",rectangle:"rectangle_baf2876e0a",shine:"shine_36b54cdeec",circle:"circle_a1143d5275",text:"text_b99af35089",textH1:"textH1_36bcc15693",textH2:"textH2_8b80e71e99",textH3:"textH3_8b80e71e99",textH4:"textH4_2c0acc8116",textH5:"textH5_da8ae2c812",textH6:"textH6_3cad83ad75",textSmall:"textSmall_5f734ca8b0",textCustom:"textCustom_3cad83ad75",fullWidth:"fullWidth_519bc92cac"};!function(n){const e="s_id-41cda04b2bc0_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_b656a1fbd1 {\n  display: flex;\n}\n\n.rectangle_baf2876e0a {\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_36b54cdeec;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_36b54cdeec {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_a1143d5275 {\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_36b54cdeec;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_36b54cdeec {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_b99af35089 {\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_36b54cdeec;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_36b54cdeec {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_36bcc15693 {\n  height: 32px;\n}\n\n.textH2_8b80e71e99 {\n  height: 24px;\n}\n\n.textH3_8b80e71e99 {\n  height: 24px;\n}\n\n.textH4_2c0acc8116 {\n  height: 21px;\n}\n\n.textH5_da8ae2c812 {\n  height: 16px;\n}\n\n.textH6_3cad83ad75 {\n  height: 12px;\n}\n\n.textSmall_5f734ca8b0,\n.textCustom_3cad83ad75 {\n  height: 12px;\n}\n\n.fullWidth_519bc92cac {\n  width: 100%;\n}\n\n.skeleton_b656a1fbd1:not(.fullWidth_519bc92cac) .text_b99af35089 {\n  width: 162px;\n}\n\n.skeleton_b656a1fbd1:not(.fullWidth_519bc92cac) .circle_a1143d5275 {\n  width: 40px;\n}\n\n.skeleton_b656a1fbd1:not(.fullWidth_519bc92cac) .rectangle_baf2876e0a {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_c1dfaaa26e",rectangle:"rectangle_9bbecd7597",shine:"shine_a35aadaabd",circle:"circle_70d1cca67c",text:"text_00448dfb06",textH1:"textH1_dac655a8bd",textH2:"textH2_43ace4b349",textH3:"textH3_43ace4b349",textH4:"textH4_33b987aa6c",textH5:"textH5_b48959a6d2",textH6:"textH6_afeedd9aa9",textSmall:"textSmall_004459cdc2",textCustom:"textCustom_afeedd9aa9",fullWidth:"fullWidth_ed12f319e6"};!function(n){const e="s_id-41cda04b2bc0_4_2_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_c1dfaaa26e {\n  display: flex;\n}\n\n.rectangle_9bbecd7597 {\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_a35aadaabd;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_a35aadaabd {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_70d1cca67c {\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_a35aadaabd;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_a35aadaabd {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_00448dfb06 {\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_a35aadaabd;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_a35aadaabd {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_dac655a8bd {\n  height: 32px;\n}\n\n.textH2_43ace4b349 {\n  height: 24px;\n}\n\n.textH3_43ace4b349 {\n  height: 24px;\n}\n\n.textH4_33b987aa6c {\n  height: 21px;\n}\n\n.textH5_b48959a6d2 {\n  height: 16px;\n}\n\n.textH6_afeedd9aa9 {\n  height: 12px;\n}\n\n.textSmall_004459cdc2,\n.textCustom_afeedd9aa9 {\n  height: 12px;\n}\n\n.fullWidth_ed12f319e6 {\n  width: 100%;\n}\n\n.skeleton_c1dfaaa26e:not(.fullWidth_ed12f319e6) .text_00448dfb06 {\n  width: 162px;\n}\n\n.skeleton_c1dfaaa26e:not(.fullWidth_ed12f319e6) .circle_70d1cca67c {\n  width: 40px;\n}\n\n.skeleton_c1dfaaa26e:not(.fullWidth_ed12f319e6) .rectangle_9bbecd7597 {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlideTransition.js","sources":["../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n  ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    return (\n      <div\n        ref={ref}\n        className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n        style={style}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"gHAKA,IAAMA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,EAAAC,cAAA,MAAA,CACEJ,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}
+{"version":3,"file":"SlideTransition.js","sources":["../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n  ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    return (\n      <div\n        ref={ref}\n        className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n        style={style}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"gHAKMA,IAAAA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,EACEC,cAAA,MAAA,CAAAJ,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}

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

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

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

@@ -1 +1 @@
-{"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,kBADwC,IAAAF,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,EACzC,GAtCqB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAS,CAACC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}
+{"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/src/components/Slider/SelectionIndicator.module.scss.js

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={slider:"slider_51d843d80d",valueShown:"valueShown_a513b66912",positionTop:"positionTop_c75a58dc43",positionBottom:"positionBottom_221ebd10d8"};!function(e){const n="s_id-4e41ea5b2e41_4_2_2";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_51d843d80d {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_a513b66912.positionTop_c75a58dc43 {\n  margin-top: 10px;\n}\n\n.valueShown_a513b66912.positionBottom_221ebd10d8 {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_bd6efa548c",valueShown:"valueShown_8b525d1af8",positionTop:"positionTop_ff274399f6",positionBottom:"positionBottom_2a5e931ac9"};!function(e){const n="s_id-4e41ea5b2e41_4_2_3";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_bd6efa548c {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_8b525d1af8.positionTop_ff274399f6 {\n  margin-top: 10px;\n}\n\n.valueShown_8b525d1af8.positionBottom_2a5e931ac9 {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n  isArrowDownEvent,\n  isArrowLeftEvent,\n  isArrowRightEvent,\n  isArrowUpEvent,\n  isEndEvent,\n  isHomeEvent,\n  isPageDownEvent,\n  isPageUpEvent,\n  getStyle\n} from \"@vibe/shared\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n  const { color, disabled, size, shapeTestId } = useSliderUi();\n  const { min, max, ranged, step, value } = useSliderSelection();\n  const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n  const { railCoords, railRef } = useSliderRail();\n  const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent) => {\n      const offsetInPx = Math.round(e.clientX - railCoords.left);\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      drugThumb(newValue);\n    },\n    [drugThumb, min, max, railCoords, step]\n  );\n\n  const handleRailClick = useCallback(\n    (e: React.MouseEvent) => {\n      const offsetInPx = e.clientX - railCoords.left;\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      const thumbIndex = getNearest(newValue, ranged, value);\n      changeThumbValue(newValue, thumbIndex);\n    },\n    [changeThumbValue, min, max, railCoords, ranged, step, value]\n  );\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n      return increaseValue();\n    }\n    if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n      return decreaseValue();\n    }\n    if (isPageUpEvent(e)) {\n      e.preventDefault();\n      return increaseValue(calculatePageStep(max, min, step));\n    }\n    if (isPageDownEvent(e)) {\n      e.preventDefault();\n      return decreaseValue(calculatePageStep(max, min, step));\n    }\n    if (isHomeEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(min);\n    }\n    if (isEndEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(max);\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.base,\n        { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n        className\n      )}\n      data-testid={shapeTestId(\"base\")}\n      onKeyDown={handleKeyDown}\n    >\n      <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n        <SliderTrack color={color} />\n        {railRef.current && (\n          <>\n            <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n            {positions.map((position, index) => {\n              return (\n                <SliderThumb\n                  key={thumbKeys[index]}\n                  index={index}\n                  onMove={handlePointerMove}\n                  position={position}\n                  color={color}\n                  size={size}\n                />\n              );\n            })}\n          </>\n        )}\n      </SliderRail>\n    </div>\n  );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"o4BAyBA,IAAMA,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,EAAAC,cAAA,MAAA,CACE3C,UAAW4C,EACTC,EAAOC,KAAIC,EAAAA,EAAAA,EAAA,CAAA,EACRC,EAASH,EAAQxC,GAAQA,GAAO2C,EAASH,EAAQ1C,GAASA,GAAQ0C,EAAOzC,SAAWA,GACvFJ,GACD,cACYM,EAAY,QACzB2C,UAjCJ,SAAuBjB,GACrB,OAAIkB,EAAelB,IAAMmB,EAAkBnB,GAClCb,IAELiC,EAAiBpB,IAAMqB,EAAiBrB,GACnCd,IAELoC,EAActB,IAChBA,EAAEuB,iBACKpC,EAAcqC,EAAkB9C,EAAKD,EAAKG,KAE/C6C,EAAgBzB,IAClBA,EAAEuB,iBACKrC,EAAcsC,EAAkB9C,EAAKD,EAAKG,KAE/C8C,EAAY1B,IACdA,EAAEuB,iBACKvC,EAAiBP,IAEtBkD,EAAW3B,IACbA,EAAEuB,iBACKvC,EAAiBN,SAF1B,CAIF,GAYIgC,EAAAC,cAACiB,EAAU,CAACC,QAAStB,GAAiBlC,KAAMA,EAAMyD,IAAKvC,GACrDmB,EAAAC,cAACoB,EAAW,CAAC5D,MAAOA,IACnBoB,EAAQyC,SACPtB,EAAAC,cAAAD,EAAAuB,SAAA,KACEvB,EAAAC,cAACuB,EAAiB,CAACxC,UAAWA,EAAWC,OAAQA,EAAQxB,MAAOA,IAC/DyB,EAAUuC,KAAI,SAACC,EAAUC,GACxB,OACE3B,EAAAC,cAAC2B,EAAW,CACVC,IAAK1C,EAAUwC,GACfA,MAAOA,EACPG,OAAQ1C,EACRsC,SAAUA,EACVjE,MAAOA,EACPE,KAAMA,GAGZ,MAMZ"}
+{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n  isArrowDownEvent,\n  isArrowLeftEvent,\n  isArrowRightEvent,\n  isArrowUpEvent,\n  isEndEvent,\n  isHomeEvent,\n  isPageDownEvent,\n  isPageUpEvent,\n  getStyle\n} from \"@vibe/shared\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n  const { color, disabled, size, shapeTestId } = useSliderUi();\n  const { min, max, ranged, step, value } = useSliderSelection();\n  const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n  const { railCoords, railRef } = useSliderRail();\n  const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent) => {\n      const offsetInPx = Math.round(e.clientX - railCoords.left);\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      drugThumb(newValue);\n    },\n    [drugThumb, min, max, railCoords, step]\n  );\n\n  const handleRailClick = useCallback(\n    (e: React.MouseEvent) => {\n      const offsetInPx = e.clientX - railCoords.left;\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      const thumbIndex = getNearest(newValue, ranged, value);\n      changeThumbValue(newValue, thumbIndex);\n    },\n    [changeThumbValue, min, max, railCoords, ranged, step, value]\n  );\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n      return increaseValue();\n    }\n    if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n      return decreaseValue();\n    }\n    if (isPageUpEvent(e)) {\n      e.preventDefault();\n      return increaseValue(calculatePageStep(max, min, step));\n    }\n    if (isPageDownEvent(e)) {\n      e.preventDefault();\n      return decreaseValue(calculatePageStep(max, min, step));\n    }\n    if (isHomeEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(min);\n    }\n    if (isEndEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(max);\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.base,\n        { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n        className\n      )}\n      data-testid={shapeTestId(\"base\")}\n      onKeyDown={handleKeyDown}\n    >\n      <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n        <SliderTrack color={color} />\n        {railRef.current && (\n          <>\n            <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n            {positions.map((position, index) => {\n              return (\n                <SliderThumb\n                  key={thumbKeys[index]}\n                  index={index}\n                  onMove={handlePointerMove}\n                  position={position}\n                  color={color}\n                  size={size}\n                />\n              );\n            })}\n          </>\n        )}\n      </SliderRail>\n    </div>\n  );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"o4BAyBMA,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/src/components/Slider/SliderBase/SliderBase.module.scss.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n  if (reverse) {\n    return {\n      right: `${offset}%`,\n      width: `${dimension - offset}%`\n    };\n  }\n  return {\n    left: `${offset}%`,\n    width: `${dimension - offset}%`\n  };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n  /**\n   * The size of the filled track, based on the selected value.\n   */\n  dimension?: number;\n  /**\n   * The offset from the start of the track.\n   */\n  offset?: number;\n  /**\n   * If true, the filled track starts from the end instead of the beginning.\n   */\n  reverse?: boolean;\n  /**\n   * The color of the filled track.\n   */\n  color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n  className,\n  dimension = 0,\n  offset = 0,\n  reverse = false,\n  color\n}) => {\n  const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n  return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"uLAuCA,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,MAAK,GAAAC,OAAKN,EAAM,KAChBO,MAAK,GAAAD,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAI,GAAAF,OAAKN,EAAM,KACfO,MAAK,GAAAD,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALhB,IAAAZ,EAAG,EAACA,OACP,IAAAE,EAAG,EAACA,OACH,IAAAE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}
+{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n  if (reverse) {\n    return {\n      right: `${offset}%`,\n      width: `${dimension - offset}%`\n    };\n  }\n  return {\n    left: `${offset}%`,\n    width: `${dimension - offset}%`\n  };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n  /**\n   * The size of the filled track, based on the selected value.\n   */\n  dimension?: number;\n  /**\n   * The offset from the start of the track.\n   */\n  offset?: number;\n  /**\n   * If true, the filled track starts from the end instead of the beginning.\n   */\n  reverse?: boolean;\n  /**\n   * The color of the filled track.\n   */\n  color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n  className,\n  dimension = 0,\n  offset = 0,\n  reverse = false,\n  color\n}) => {\n  const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n  return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"uLAuCA,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/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_acd8cc677e",positive:"positive_1a2e7c3135",negative:"negative_59aa295438"};!function(e){const n="s_id-bb386829c5aa_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_acd8cc677e {\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_1a2e7c3135 {\n  background-color: var(--positive-color);\n}\n\n.negative_59aa295438 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_0ad2d88cff",positive:"positive_a387f0c1c7",negative:"negative_03c644c7ea"};!function(e){const n="s_id-bb386829c5aa_4_2_3";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_0ad2d88cff {\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_a387f0c1c7 {\n  background-color: var(--positive-color);\n}\n\n.negative_03c644c7ea {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={rail:"rail_d63a8e6a3f",small:"small_128b0c126a",medium:"medium_c5b51f3c2f",large:"large_08b1b36d27"};!function(e){const n="s_id-c66a4285003d_4_2_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_d63a8e6a3f {\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_128b0c126a {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_c5b51f3c2f {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_08b1b36d27 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_b567512c9f",small:"small_7a2c84df63",medium:"medium_a00effd41c",large:"large_39bf83297d"};!function(e){const n="s_id-c66a4285003d_4_2_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_b567512c9f {\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_7a2c84df63 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_a00effd41c {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_39bf83297d {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_072aa496fb",dragging:"dragging_e8a7c0f2e0",focused:"focused_dc43f98884",notDisabledThumb:"notDisabledThumb_8e57168b10","focus-visible":"focus-visible_6321f595d6",positive:"positive_4d40c0a80e",negative:"negative_0c539b14e2",small:"small_37b230a928",medium:"medium_7cde86568f",large:"large_ed3f2fbdc8",label:"label_9f54349639",positionTop:"positionTop_45d8008195",positionBottom:"positionBottom_efb04d6151",colorPrimary:"colorPrimary_6f27e84d9e",colorSecondary:"colorSecondary_e0d266d3e6"};!function(o){const e="s_id-8687af7a27b4_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_072aa496fb {\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_e8a7c0f2e0 {\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_dc43f98884 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_8e57168b10:focus-visible, .notDisabledThumb_8e57168b10.focus-visible_6321f595d6 {\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_8e57168b10:focus:not(.focus-visible_6321f595d6) {\n  outline: none;\n}\n.notDisabledThumb_8e57168b10:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_4d40c0a80e {\n  border-color: var(--positive-color);\n}\n.positive_4d40c0a80e.notDisabledThumb_8e57168b10:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_0c539b14e2 {\n  border-color: var(--negative-color);\n}\n.negative_0c539b14e2.notDisabledThumb_8e57168b10:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_37b230a928 {\n  height: 16px;\n  width: 16px;\n}\n.medium_7cde86568f {\n  height: 20px;\n  width: 20px;\n}\n.large_ed3f2fbdc8 {\n  height: 24px;\n  width: 24px;\n}\n.label_9f54349639 {\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_9f54349639.positionTop_45d8008195 {\n  bottom: calc(100% + 8px);\n}\n.label_9f54349639.positionBottom_efb04d6151 {\n  top: calc(100% + 8px);\n}\n.label_9f54349639.colorPrimary_6f27e84d9e {\n  color: var(--primary-text-color);\n}\n.label_9f54349639.colorSecondary_e0d266d3e6 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_a8f7acf46a",dragging:"dragging_2bf909cb14",focused:"focused_a8d3706193",notDisabledThumb:"notDisabledThumb_30e71ee809","focus-visible":"focus-visible_388a39e77b",positive:"positive_ece979caaa",negative:"negative_4f192d20d2",small:"small_022d474481",medium:"medium_85a21169d7",large:"large_43353d1f60",label:"label_811797faee",positionTop:"positionTop_ec864898a4",positionBottom:"positionBottom_a1690286d5",colorPrimary:"colorPrimary_e59eacc8d8",colorSecondary:"colorSecondary_3b85d70846"};!function(o){const e="s_id-8687af7a27b4_4_2_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_a8f7acf46a {\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_2bf909cb14 {\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_a8d3706193 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_30e71ee809:focus-visible, .notDisabledThumb_30e71ee809.focus-visible_388a39e77b {\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_30e71ee809:focus:not(.focus-visible_388a39e77b) {\n  outline: none;\n}\n.notDisabledThumb_30e71ee809:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_ece979caaa {\n  border-color: var(--positive-color);\n}\n.positive_ece979caaa.notDisabledThumb_30e71ee809:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_4f192d20d2 {\n  border-color: var(--negative-color);\n}\n.negative_4f192d20d2.notDisabledThumb_30e71ee809:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_022d474481 {\n  height: 16px;\n  width: 16px;\n}\n.medium_85a21169d7 {\n  height: 20px;\n  width: 20px;\n}\n.large_43353d1f60 {\n  height: 24px;\n  width: 24px;\n}\n.label_811797faee {\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_811797faee.positionTop_ec864898a4 {\n  bottom: calc(100% + 8px);\n}\n.label_811797faee.positionBottom_a1690286d5 {\n  top: calc(100% + 8px);\n}\n.label_811797faee.colorPrimary_e59eacc8d8 {\n  color: var(--primary-text-color);\n}\n.label_811797faee.colorSecondary_3b85d70846 {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={track:"track_b998b1e975",positive:"positive_972ff63c4f",negative:"negative_51f7698b9d"};!function(e){const t="s_id-f9216dea54b1_4_2_2";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_b998b1e975 {\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_972ff63c4f {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_51f7698b9d {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_69d1d72ad2",positive:"positive_cb85b37337",negative:"negative_6e0839a412"};!function(e){const t="s_id-f9216dea54b1_4_2_3";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_69d1d72ad2 {\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_cb85b37337 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_6e0839a412 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

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