@vibe/core 3.59.0 → 3.61.0

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport Icon from \"../Icon/Icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport Flex from \"../Flex/Flex\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\n\nconst NumberField = forwardRef(\n  (\n    {\n      className,\n      value,\n      onChange,\n      label,\n      required,\n      placeholder,\n      infoText,\n      error,\n      success,\n      disabled,\n      readOnly,\n      min,\n      max,\n      step = 1,\n      size = \"medium\",\n      leftIcon,\n      \"aria-label\": ariaLabel,\n      id,\n      \"data-testid\": dataTestId,\n      allowOutOfBounds,\n      onValidityChange,\n      ...inputProps\n    }: NumberFieldProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n    const {\n      inputValue,\n      numericValue,\n      onChange: handleChange,\n      onKeyDown,\n      isAtMin,\n      isAtMax\n    } = useNumberFieldState({\n      value,\n      onChange,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      allowOutOfBounds,\n      onValidityChange\n    });\n\n    const { onIncrement, onDecrement } = useSpinButtonHandlers({\n      onChange,\n      value: numericValue,\n      step,\n      min,\n      max,\n      allowOutOfBounds,\n      readOnly,\n      inputRef\n    });\n\n    const renderedLeftIcon = useMemo(() => {\n      if (!leftIcon) return null;\n      return <Icon icon={leftIcon} className={styles.leftIcon} />;\n    }, [leftIcon]);\n\n    const renderedRightIcon = useMemo(() => {\n      return (\n        <NumberFieldSpinButton\n          inputId={id}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n          disabled={disabled || readOnly}\n          size={size}\n          isAtMin={isAtMin}\n          isAtMax={isAtMax}\n        />\n      );\n    }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n    const infoTextId = useMemo(() => {\n      return infoText && id ? `${id}-info-text` : undefined;\n    }, [infoText, id]);\n\n    const labelId = useMemo(() => {\n      return label && id ? `${id}-label` : undefined;\n    }, [label, id]);\n\n    return (\n      <Flex direction=\"column\" align=\"stretch\" gap=\"xs\" className={cx(styles.numberField, className)}>\n        <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n        <BaseInput\n          {...inputProps}\n          data-testid={dataTestId}\n          ref={mergedRef}\n          id={id}\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          type=\"text\"\n          inputMode=\"numeric\"\n          inputRole=\"spinbutton\"\n          aria-valuenow={numericValue}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-required={required}\n          aria-label={ariaLabel || label}\n          aria-labelledby={labelId}\n          aria-describedby={infoTextId}\n          disabled={disabled}\n          readOnly={readOnly}\n          size={size}\n          error={error}\n          success={success}\n          renderLeft={renderedLeftIcon}\n          renderRight={renderedRightIcon}\n        />\n        <InfoText\n          id={infoTextId}\n          text={infoText}\n          error={error}\n          success={success}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}
+{"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport Icon from \"../Icon/Icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport Flex from \"../Flex/Flex\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst NumberField = forwardRef(\n  (\n    {\n      className,\n      value,\n      onChange,\n      label,\n      required,\n      placeholder,\n      infoText,\n      error,\n      success,\n      disabled,\n      readOnly,\n      min,\n      max,\n      step = 1,\n      size = \"medium\",\n      leftIcon,\n      \"aria-label\": ariaLabel,\n      id,\n      \"data-testid\": dataTestId,\n      allowOutOfBounds,\n      onValidityChange,\n      ...inputProps\n    }: NumberFieldProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n    const {\n      inputValue,\n      numericValue,\n      onChange: handleChange,\n      onKeyDown,\n      isAtMin,\n      isAtMax\n    } = useNumberFieldState({\n      value,\n      onChange,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      allowOutOfBounds,\n      onValidityChange\n    });\n\n    const { onIncrement, onDecrement } = useSpinButtonHandlers({\n      onChange,\n      value: numericValue,\n      step,\n      min,\n      max,\n      allowOutOfBounds,\n      readOnly,\n      inputRef\n    });\n\n    const renderedLeftIcon = useMemo(() => {\n      if (!leftIcon) return null;\n      return <Icon icon={leftIcon} className={styles.leftIcon} />;\n    }, [leftIcon]);\n\n    const renderedRightIcon = useMemo(() => {\n      return (\n        <NumberFieldSpinButton\n          inputId={id}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n          disabled={disabled || readOnly}\n          size={size}\n          isAtMin={isAtMin}\n          isAtMax={isAtMax}\n        />\n      );\n    }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n    const infoTextId = useMemo(() => {\n      return infoText && id ? `${id}-info-text` : undefined;\n    }, [infoText, id]);\n\n    const labelId = useMemo(() => {\n      return label && id ? `${id}-label` : undefined;\n    }, [label, id]);\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"stretch\"\n        gap=\"xs\"\n        className={cx(styles.numberField, className)}\n        data-vibe={ComponentVibeId.NUMBER_FIELD}\n      >\n        <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n        <BaseInput\n          {...inputProps}\n          data-testid={dataTestId}\n          ref={mergedRef}\n          id={id}\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          type=\"text\"\n          inputMode=\"numeric\"\n          inputRole=\"spinbutton\"\n          aria-valuenow={numericValue}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-required={required}\n          aria-label={ariaLabel || label}\n          aria-labelledby={labelId}\n          aria-describedby={infoTextId}\n          disabled={disabled}\n          readOnly={readOnly}\n          size={size}\n          error={error}\n          success={success}\n          renderLeft={renderedLeftIcon}\n          renderRight={renderedRightIcon}\n        />\n        <InfoText\n          id={infoTextId}\n          text={infoText}\n          error={error}\n          success={success}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","ComponentVibeId","NUMBER_FIELD","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={numberField:"numberField_ad04f3d5f5",label:"label_b2059fc7d0",leftIcon:"leftIcon_25ed96ff9d"};!function(e){const d="s_id-043e6276934a_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".numberField_ad04f3d5f5 {\n  width: 100%;\n}\n.numberField_ad04f3d5f5 .label_b2059fc7d0 {\n  padding-bottom: 0;\n}\n.numberField_ad04f3d5f5 .leftIcon_25ed96ff9d {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField_5fb72dd96c",label:"label_38c051ec57",leftIcon:"leftIcon_1ae8212513"};!function(e){const n="s_id-043e6276934a_3_60_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_5fb72dd96c {\n  width: 100%;\n}\n.numberField_5fb72dd96c .label_38c051ec57 {\n  padding-bottom: 0;\n}\n.numberField_5fb72dd96c .leftIcon_1ae8212513 {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={spinButton:"spinButton_f6d9d94581",large:"large_e70684f916",icon:"icon_d5bd45d71a",medium:"medium_73eff033cc",small:"small_4af455fc8f"};!function(n){const e="s_id-eb36452422c9_3_58_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton_f6d9d94581.large_e70684f916 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_f6d9d94581.large_e70684f916 .icon_d5bd45d71a {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_f6d9d94581.medium_73eff033cc {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_f6d9d94581.medium_73eff033cc .icon_d5bd45d71a {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_f6d9d94581.small_4af455fc8f {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_f6d9d94581.small_4af455fc8f .icon_d5bd45d71a {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
+var n={spinButton:"spinButton_b8df1025f4",large:"large_40146d23c4",icon:"icon_4157521fed",medium:"medium_9a45665242",small:"small_d2c3370153"};!function(n){const e="s_id-eb36452422c9_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton_b8df1025f4.large_40146d23c4 {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_b8df1025f4.large_40146d23c4 .icon_4157521fed {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_b8df1025f4.medium_9a45665242 {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_b8df1025f4.medium_9a45665242 .icon_4157521fed {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_b8df1025f4.small_d2c3370153 {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_b8df1025f4.small_d2c3370153 .icon_4157521fed {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var e={bar:"bar_ca53c725c4",typePrimaryPrimary:"typePrimaryPrimary_909babe047",typePrimarySecondary:"typePrimarySecondary_fc516c6731",typePrimaryPositive:"typePrimaryPositive_f11a8b5a38",typePrimaryNegative:"typePrimaryNegative_cde5b2f9a6",typePrimaryWarning:"typePrimaryWarning_9570731213",typeSecondaryPrimary:"typeSecondaryPrimary_5a2a474b14",typeSecondarySecondary:"typeSecondarySecondary_e65fed1884",typeSecondaryPositive:"typeSecondaryPositive_c56bab1c38",typeSecondaryNegative:"typeSecondaryNegative_3d03ec03d8",typeSecondaryWarning:"typeSecondaryWarning_8b5d7b1972",animate:"animate_e4a5319de0"};!function(e){const r="s_id-47cfcfa6b681_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_ca53c725c4 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_909babe047 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_fc516c6731 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_f11a8b5a38 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_cde5b2f9a6 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_9570731213 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_5a2a474b14 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_e65fed1884 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_c56bab1c38 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_3d03ec03d8 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_8b5d7b1972 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_e4a5319de0 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_227ed64d19",typePrimaryPrimary:"typePrimaryPrimary_42424ade6c",typePrimarySecondary:"typePrimarySecondary_296a313572",typePrimaryPositive:"typePrimaryPositive_aa4e5cd00f",typePrimaryNegative:"typePrimaryNegative_f47c379907",typePrimaryWarning:"typePrimaryWarning_e6833e9e8a",typeSecondaryPrimary:"typeSecondaryPrimary_5ae6ff6b06",typeSecondarySecondary:"typeSecondarySecondary_cd56f34942",typeSecondaryPositive:"typeSecondaryPositive_0442f0a8a5",typeSecondaryNegative:"typeSecondaryNegative_8998ec5b27",typeSecondaryWarning:"typeSecondaryWarning_6d03fefb10",animate:"animate_6a28610e10"};!function(e){const r="s_id-47cfcfa6b681_3_60_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_227ed64d19 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_42424ade6c {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_296a313572 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_aa4e5cd00f {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_f47c379907 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_e6833e9e8a {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_5ae6ff6b06 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_cd56f34942 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_0442f0a8a5 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_8998ec5b27 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_6d03fefb10 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_6a28610e10 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,toConsumableArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useMemo as s}from"react";import l from"classnames";import{SIZES as o}from"../../../constants/sizes.js";import{getStyle as i}from"../../../helpers/typesciptCssModulesHelper.js";import n from"../PercentageLabel/PercentageLabel.js";import{ProgressBarStyle as m,ProgressBarType as c}from"./LinearProgressBarConstants.js";import{calculatePercentage as d,getProgressBarClassNames as u}from"./LinearProgressBarHelpers.js";import p from"./Bar/Bar.js";import{withStaticProps as v}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{getTestId as y}from"../../../tests/testIds.js";import b from"./LinearProgressBar.module.scss.js";var j=v(t((function(t,o){var m=t.min,c=void 0===m?0:m,v=t.max,j=void 0===v?100:v,E=t.value,g=void 0===E?0:E,P=t.valueSecondary,S=void 0===P?0:P,_=t.animated,B=void 0===_||_,N=t.barStyle,R=void 0===N?"primary":N,L=t.className,A=t.size,h=void 0===A?"small":A,x=t.indicateProgress,C=void 0!==x&&x,z=t.multi,H=void 0!==z&&z,I=t.multiValues,w=void 0===I?[]:I,F=t.ariaLabel,M=void 0===F?"":F,O=t.id,W=t.fullWidth,Y=void 0!==W&&W,k=t["data-testid"],D=s((function(){return l(b.wrapper,e(e({},i(b,""+h),h),b.fullWidth,Y),L)}),[h,Y,L]),G=s((function(){if(H){var e=w&&w.length&&w[0].value;return null==e?0:d(e,c,j)}return null==g?0:d(g,c,j)}),[g,c,j,H,w]),T=s((function(){return H?a.createElement(a.Fragment,null,r(w).reverse().map((function(e,r){var t=e.value,s=e.color;return a.createElement(p,{className:u(t),barStyle:"none",value:t,animated:B,type:"primary",color:s,min:c,max:j,id:"bar_".concat(s,"_").concat(r),key:"bar_".concat(s,"_").concat(r)})}))):null}),[c,j,B,w,H]),V=C?a.createElement(n,{forElement:"linear-progress-bar",value:G}):null,q=H?null:a.createElement(a.Fragment,null,a.createElement(p,{className:u(g),barLabelName:M,barStyle:R,value:S,animated:B,type:"secondary",min:c,max:j,"data-testid":f.BAR_SECONDARY}),a.createElement(p,{className:u(g),barStyle:R,value:g,animated:B,type:"primary",min:c,max:j,"data-testid":f.BAR_PRIMARY}));return a.createElement("div",{className:D,ref:o,id:O,"data-testsid":k||y(f.LINEAR_PROGRESS_BAR,O)},a.createElement("div",{className:b.container},q,T),V)})),{styles:m,barStyles:m,types:c,barTypes:c,sizes:o});export{j as default};
+import{defineProperty as e,toConsumableArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useMemo as s}from"react";import l from"classnames";import{SIZES as i}from"../../../constants/sizes.js";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import n from"../PercentageLabel/PercentageLabel.js";import{ProgressBarStyle as m,ProgressBarType as c}from"./LinearProgressBarConstants.js";import{calculatePercentage as d,getProgressBarClassNames as u}from"./LinearProgressBarHelpers.js";import p from"./Bar/Bar.js";import{withStaticProps as v}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{ComponentDefaultTestId as f,ComponentVibeId as y}from"../../../tests/constants.js";import{getTestId as b}from"../../../tests/testIds.js";import E from"./LinearProgressBar.module.scss.js";var R=v(t((function(t,i){var m=t.min,c=void 0===m?0:m,v=t.max,R=void 0===v?100:v,j=t.value,P=void 0===j?0:j,S=t.valueSecondary,_=void 0===S?0:S,g=t.animated,B=void 0===g||g,N=t.barStyle,A=void 0===N?"primary":N,L=t.className,h=t.size,x=void 0===h?"small":h,C=t.indicateProgress,I=void 0!==C&&C,z=t.multi,H=void 0!==z&&z,O=t.multiValues,w=void 0===O?[]:O,F=t.ariaLabel,G=void 0===F?"":F,M=t.id,W=t.fullWidth,Y=void 0!==W&&W,k=t["data-testid"],D=s((function(){return l(E.wrapper,e(e({},o(E,""+x),x),E.fullWidth,Y),L)}),[x,Y,L]),T=s((function(){if(H){var e=w&&w.length&&w[0].value;return null==e?0:d(e,c,R)}return null==P?0:d(P,c,R)}),[P,c,R,H,w]),V=s((function(){return H?a.createElement(a.Fragment,null,r(w).reverse().map((function(e,r){var t=e.value,s=e.color;return a.createElement(p,{className:u(t),barStyle:"none",value:t,animated:B,type:"primary",color:s,min:c,max:R,id:"bar_".concat(s,"_").concat(r),key:"bar_".concat(s,"_").concat(r)})}))):null}),[c,R,B,w,H]),q=I?a.createElement(n,{forElement:"linear-progress-bar",value:T}):null,J=H?null:a.createElement(a.Fragment,null,a.createElement(p,{className:u(P),barLabelName:G,barStyle:A,value:_,animated:B,type:"secondary",min:c,max:R,"data-testid":f.BAR_SECONDARY}),a.createElement(p,{className:u(P),barStyle:A,value:P,animated:B,type:"primary",min:c,max:R,"data-testid":f.BAR_PRIMARY}));return a.createElement("div",{className:D,ref:i,id:M,"data-testid":k||b(f.LINEAR_PROGRESS_BAR,M),"data-vibe":y.LINEAR_PROGRESS_BAR},a.createElement("div",{className:E.container},J,V),q)})),{styles:m,barStyles:m,types:c,barTypes:c,sizes:i});export{R as default};
 //# sourceMappingURL=LinearProgressBar.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgressBar.js","sources":["../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n  ProgressBarStyle as ProgressBarStyleEnum,\n  ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The secondary progress value.\n   */\n  valueSecondary?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * The size of the progress bar.\n   */\n  size?: LinearProgressBarSize;\n  /**\n   * If true, displays the progress percentage.\n   */\n  indicateProgress?: boolean;\n  /**\n   * If true, enables multiple progress bars.\n   * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.\n   */\n  multi?: boolean;\n  /**\n   * An array of bar values and colors for multi-bar mode.\n   */\n  multiValues?: {\n    /**\n     * The progress value for a bar.\n     */\n    value?: number;\n    /**\n     * The bar color in hex format (`#000000` - `#ffffff`).\n     */\n    color?: string;\n  }[];\n  /**\n   * The ARIA label for the progress bar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, makes the progress bar span the full container width.\n   */\n  fullWidth?: boolean;\n}\n\nconst LinearProgressBar = forwardRef(\n  (\n    {\n      min = 0,\n      max = 100,\n      value = 0,\n      valueSecondary = 0,\n      animated = true,\n      barStyle = \"primary\",\n      className,\n      size = \"small\",\n      indicateProgress = false,\n      multi = false,\n      multiValues = [],\n      ariaLabel = \"\",\n      id,\n      fullWidth = false,\n      \"data-testid\": dataTestId\n    }: LinearProgressBarProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const wrapperClassName = useMemo(() => {\n      return cx(\n        styles.wrapper,\n        {\n          [getStyle(styles, size.toString())]: size,\n          [styles.fullWidth]: fullWidth\n        },\n        className\n      );\n    }, [size, fullWidth, className]);\n\n    const valuePercentage = useMemo(() => {\n      if (multi) {\n        const firstValue = multiValues && multiValues.length && multiValues[0].value;\n        if (firstValue === null || firstValue === undefined) return 0;\n        return calculatePercentage(firstValue, min, max);\n      }\n      if (value === null || value === undefined) return 0;\n      return calculatePercentage(value, min, max);\n    }, [value, min, max, multi, multiValues]);\n\n    const renderMultiBars = useMemo(() => {\n      if (!multi) return null;\n      return (\n        <>\n          {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n            <Bar\n              className={getProgressBarClassNames(baseValue)}\n              barStyle=\"none\"\n              value={baseValue}\n              animated={animated}\n              type=\"primary\"\n              color={color}\n              min={min}\n              max={max}\n              id={`bar_${color}_${i}`}\n              key={`bar_${color}_${i}`}\n            />\n          ))}\n        </>\n      );\n    }, [min, max, animated, multiValues, multi]);\n\n    const renderPercentage = indicateProgress ? (\n      <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n    ) : null;\n\n    const renderBaseBars = !multi ? (\n      <>\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barLabelName={ariaLabel}\n          barStyle={barStyle}\n          value={valueSecondary}\n          animated={animated}\n          type=\"secondary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n        />\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barStyle={barStyle}\n          value={value}\n          animated={animated}\n          type=\"primary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n        />\n      </>\n    ) : null;\n\n    return (\n      <div\n        className={wrapperClassName}\n        ref={ref}\n        id={id}\n        data-testsid={dataTestId || getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n      >\n        <div className={styles.container}>\n          {renderBaseBars}\n          {renderMultiBars}\n        </div>\n        {renderPercentage}\n      </div>\n    );\n  }\n);\n\ninterface LinearProgressBarStaticProps {\n  styles: typeof ProgressBarStyleEnum;\n  barStyles: typeof ProgressBarStyleEnum;\n  types: typeof ProgressBarTypeEnum;\n  barTypes: typeof ProgressBarTypeEnum;\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<LinearProgressBarProps, LinearProgressBarStaticProps>(LinearProgressBar, {\n  styles: ProgressBarStyleEnum,\n  barStyles: ProgressBarStyleEnum,\n  types: ProgressBarTypeEnum,\n  barTypes: ProgressBarTypeEnum,\n  sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"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"}
+{"version":3,"file":"LinearProgressBar.js","sources":["../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n  ProgressBarStyle as ProgressBarStyleEnum,\n  ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The secondary progress value.\n   */\n  valueSecondary?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * The size of the progress bar.\n   */\n  size?: LinearProgressBarSize;\n  /**\n   * If true, displays the progress percentage.\n   */\n  indicateProgress?: boolean;\n  /**\n   * If true, enables multiple progress bars.\n   * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.\n   */\n  multi?: boolean;\n  /**\n   * An array of bar values and colors for multi-bar mode.\n   */\n  multiValues?: {\n    /**\n     * The progress value for a bar.\n     */\n    value?: number;\n    /**\n     * The bar color in hex format (`#000000` - `#ffffff`).\n     */\n    color?: string;\n  }[];\n  /**\n   * The ARIA label for the progress bar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, makes the progress bar span the full container width.\n   */\n  fullWidth?: boolean;\n}\n\nconst LinearProgressBar = forwardRef(\n  (\n    {\n      min = 0,\n      max = 100,\n      value = 0,\n      valueSecondary = 0,\n      animated = true,\n      barStyle = \"primary\",\n      className,\n      size = \"small\",\n      indicateProgress = false,\n      multi = false,\n      multiValues = [],\n      ariaLabel = \"\",\n      id,\n      fullWidth = false,\n      \"data-testid\": dataTestId\n    }: LinearProgressBarProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const wrapperClassName = useMemo(() => {\n      return cx(\n        styles.wrapper,\n        {\n          [getStyle(styles, size.toString())]: size,\n          [styles.fullWidth]: fullWidth\n        },\n        className\n      );\n    }, [size, fullWidth, className]);\n\n    const valuePercentage = useMemo(() => {\n      if (multi) {\n        const firstValue = multiValues && multiValues.length && multiValues[0].value;\n        if (firstValue === null || firstValue === undefined) return 0;\n        return calculatePercentage(firstValue, min, max);\n      }\n      if (value === null || value === undefined) return 0;\n      return calculatePercentage(value, min, max);\n    }, [value, min, max, multi, multiValues]);\n\n    const renderMultiBars = useMemo(() => {\n      if (!multi) return null;\n      return (\n        <>\n          {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n            <Bar\n              className={getProgressBarClassNames(baseValue)}\n              barStyle=\"none\"\n              value={baseValue}\n              animated={animated}\n              type=\"primary\"\n              color={color}\n              min={min}\n              max={max}\n              id={`bar_${color}_${i}`}\n              key={`bar_${color}_${i}`}\n            />\n          ))}\n        </>\n      );\n    }, [min, max, animated, multiValues, multi]);\n\n    const renderPercentage = indicateProgress ? (\n      <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n    ) : null;\n\n    const renderBaseBars = !multi ? (\n      <>\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barLabelName={ariaLabel}\n          barStyle={barStyle}\n          value={valueSecondary}\n          animated={animated}\n          type=\"secondary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n        />\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barStyle={barStyle}\n          value={value}\n          animated={animated}\n          type=\"primary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n        />\n      </>\n    ) : null;\n\n    return (\n      <div\n        className={wrapperClassName}\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n        data-vibe={ComponentVibeId.LINEAR_PROGRESS_BAR}\n      >\n        <div className={styles.container}>\n          {renderBaseBars}\n          {renderMultiBars}\n        </div>\n        {renderPercentage}\n      </div>\n    );\n  }\n);\n\ninterface LinearProgressBarStaticProps {\n  styles: typeof ProgressBarStyleEnum;\n  barStyles: typeof ProgressBarStyleEnum;\n  types: typeof ProgressBarTypeEnum;\n  barTypes: typeof ProgressBarTypeEnum;\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<LinearProgressBarProps, LinearProgressBarStaticProps>(LinearProgressBar, {\n  styles: ProgressBarStyleEnum,\n  barStyles: ProgressBarStyleEnum,\n  types: ProgressBarTypeEnum,\n  barTypes: ProgressBarTypeEnum,\n  sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","ComponentVibeId","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"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"}

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_c430b9ea19",fullWidth:"fullWidth_ad04f3d5f5",container:"container_5ad837bb22",progressBar:"progressBar_954e07641f",completed:"completed_5ad837bb22",label:"label_6fc0161c8e",large:"large_15086f918f",medium:"medium_2e20ec95be",small:"small_51a3f7a3ee"};!function(e){const n="s_id-5855608df299_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_c430b9ea19 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_c430b9ea19.fullWidth_ad04f3d5f5 {\n  width: 100%;\n}\n.wrapper_c430b9ea19.fullWidth_ad04f3d5f5 .container_5ad837bb22 {\n  border-radius: 0;\n}\n.wrapper_c430b9ea19.fullWidth_ad04f3d5f5 .container_5ad837bb22 .progressBar_954e07641f {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_c430b9ea19.fullWidth_ad04f3d5f5 .container_5ad837bb22 .progressBar_954e07641f.completed_5ad837bb22 {\n  border-radius: 0;\n}\n.label_6fc0161c8e {\n  padding-left: var(--spacing-xs);\n}\n.large_15086f918f {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_2e20ec95be {\n  height: 6px;\n  line-height: 6px;\n}\n.small_51a3f7a3ee {\n  height: 4px;\n  line-height: 4px;\n}\n.container_5ad837bb22 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_3875dcb438",fullWidth:"fullWidth_5fb72dd96c",container:"container_aa901175ce",progressBar:"progressBar_0d82d6a2e1",completed:"completed_aa901175ce",label:"label_9badcfadfd",large:"large_9663e3a111",medium:"medium_bddc00f6fc",small:"small_8fc9a34ca1"};!function(e){const a="s_id-5855608df299_3_60_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_3875dcb438 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_3875dcb438.fullWidth_5fb72dd96c {\n  width: 100%;\n}\n.wrapper_3875dcb438.fullWidth_5fb72dd96c .container_aa901175ce {\n  border-radius: 0;\n}\n.wrapper_3875dcb438.fullWidth_5fb72dd96c .container_aa901175ce .progressBar_0d82d6a2e1 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_3875dcb438.fullWidth_5fb72dd96c .container_aa901175ce .progressBar_0d82d6a2e1.completed_aa901175ce {\n  border-radius: 0;\n}\n.label_9badcfadfd {\n  padding-left: var(--spacing-xs);\n}\n.large_9663e3a111 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_bddc00f6fc {\n  height: 6px;\n  line-height: 6px;\n}\n.small_8fc9a34ca1 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_aa901175ce {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

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

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

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

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

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 \"../../hooks/useMergeRef\";\nimport Clickable from \"../Clickable/Clickable\";\nimport Text from \"../Text/Text\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * Class name applied to the radio button element.\n   */\n  radioButtonClassName?: string;\n  /**\n   * The label text displayed next to the radio button.\n   */\n  text?: string;\n  /**\n   * The value associated with the radio button.\n   */\n  value?: string;\n  /**\n   * The name of the radio button group.\n   */\n  name?: string;\n  /**\n   * If true, the radio button automatically receives focus on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, the radio button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason why the radio button is disabled, displayed in a tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the radio button is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child elements inside the radio button.\n   */\n  children?: React.ReactNode;\n  /**\n   * Callback fired when the radio button selection changes.\n   */\n  onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;\n  /**\n   * If provided, controls the checked state of the radio button.\n   */\n  checked?: boolean;\n  /**\n   * If true, clicking on children will trigger selection.\n   */\n  retainChildClick?: boolean;\n  /**\n   * The tab index applied to the children.\n   */\n  childrenTabIndex?: string;\n  /**\n   * If true, disables the label animation.\n   */\n  noLabelAnimation?: boolean;\n}\n\nconst RadioButton = forwardRef(\n  (\n    {\n      className,\n      text = \"\",\n      value = \"\",\n      name = \"\",\n      /**\n       * Radio button label class name\n       */\n      labelClassName,\n      /**\n       * Radio button marker class name\n       */\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      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          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              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","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"4cAyEMA,IAAAA,EAAcC,GAClB,SAAAC,EA2BEC,GACE,IA1BAC,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,EAITE,EAAcT,EAAdS,eAIAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAII4B,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAE7BI,EAAeC,GAAY,YAC3BrB,GAAaS,IACbO,EAASM,UACXN,EAASM,QAAQf,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUU,EAAUhB,EAAUS,IAE5Bc,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZlB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEsB,EAACC,cAAAC,EAAQ,CAAAC,QAHY7B,EAAWE,EAAiB,MAI/CwB,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC1ExB,UAAW2C,EAAGC,EAAOC,YAAa7C,EAAS8C,EAAAA,EAAA,CAAA,EACxCF,EAAOlC,SAAWA,GAAQ,WACjBA,KAGZ0B,EAAAC,cAAA,OAAA,CAAMrC,UAAW2C,EAAGC,EAAOG,iBACzBX,EAAAC,cAAA,QAAAW,OAAAC,OAAA,CACEjD,UAAW2C,EAAGC,EAAOM,OACrBC,KAAK,QACL/C,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNuB,EAAY,CAChBmB,SAAUpC,EACVjB,IAAK6B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBY,qBAAsB7B,GACpExB,UAAW2C,EAAGC,EAAOU,QAAS9C,EAAoBsC,KAC/CF,EAAOW,gBAAkBhC,OAI/BrB,GACCkC,EAACC,cAAAmB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLnD,UAAWO,EACE,cAAAiC,EAAUC,EAAuBiB,mBAAoBlC,IAEjEtB,GAGJa,GACCqB,EAAAC,cAACsB,EAAU,CAAAC,QAAS9B,EAAc+B,SAAUxC,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 \"../../hooks/useMergeRef\";\nimport Clickable from \"../Clickable/Clickable\";\nimport Text from \"../Text/Text\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * Class name applied to the radio button element.\n   */\n  radioButtonClassName?: string;\n  /**\n   * The label text displayed next to the radio button.\n   */\n  text?: string;\n  /**\n   * The value associated with the radio button.\n   */\n  value?: string;\n  /**\n   * The name of the radio button group.\n   */\n  name?: string;\n  /**\n   * If true, the radio button automatically receives focus on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, the radio button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason why the radio button is disabled, displayed in a tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the radio button is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child elements inside the radio button.\n   */\n  children?: React.ReactNode;\n  /**\n   * Callback fired when the radio button selection changes.\n   */\n  onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;\n  /**\n   * If provided, controls the checked state of the radio button.\n   */\n  checked?: boolean;\n  /**\n   * If true, clicking on children will trigger selection.\n   */\n  retainChildClick?: boolean;\n  /**\n   * The tab index applied to the children.\n   */\n  childrenTabIndex?: string;\n  /**\n   * If true, disables the label animation.\n   */\n  noLabelAnimation?: boolean;\n}\n\nconst RadioButton = forwardRef(\n  (\n    {\n      className,\n      text = \"\",\n      value = \"\",\n      name = \"\",\n      /**\n       * Radio button label class name\n       */\n      labelClassName,\n      /**\n       * Radio button marker class name\n       */\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      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              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","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":"ugBA0EMA,IAAAA,EAAcC,GAClB,SAAAC,EA2BEC,GACE,IA1BAC,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,EAITE,EAAcT,EAAdS,eAIAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAII4B,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAE7BI,EAAeC,GAAY,YAC3BrB,GAAaS,IACbO,EAASM,UACXN,EAASM,QAAQf,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUU,EAAUhB,EAAUS,IAE5Bc,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZlB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEsB,EAACC,cAAAC,EAAQ,CAAAC,QAHY7B,EAAWE,EAAiB,MAI/CwB,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B1C,UAAW4C,EAAGC,EAAOC,YAAa9C,EAAS+C,EAAAA,EAAA,CAAA,EACxCF,EAAOnC,SAAWA,GAAQ,WACjBA,KAGZ0B,EAAAC,cAAA,OAAA,CAAMrC,UAAW4C,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAA,QAAAY,OAAAC,OAAA,CACElD,UAAW4C,EAAGC,EAAOM,OACrBC,KAAK,QACLhD,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNuB,EAAY,CAChBoB,SAAUrC,EACVjB,IAAK6B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBa,qBAAsB9B,GACpExB,UAAW4C,EAAGC,EAAOU,QAAS/C,EAAoBuC,KAC/CF,EAAOW,gBAAkBjC,OAI/BrB,GACCkC,EAACC,cAAAoB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLpD,UAAWO,EACE,cAAAiC,EAAUC,EAAuBkB,mBAAoBnC,IAEjEtB,GAGJa,GACCqB,EAAAC,cAACuB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAUzC,GACzCN,IAMb"}

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_7a18d5200a",inputContainer:"inputContainer_c6087c981e",input:"input_14ae5290f7",control:"control_409ecc8dc7",labelAnimation:"labelAnimation_ddffb29609",radioCheckedAnimation:"radioCheckedAnimation_cd92aa3f49",disabled:"disabled_fc523ef26d",label:"label_b3d70eb725"};!function(n){const e="s_id-f0fb17b54d8d_3_58_4";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_7a18d5200a {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_c6087c981e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_14ae5290f7 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_409ecc8dc7 {\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_409ecc8dc7 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_ddffb29609 {\n  animation-name: radioCheckedAnimation_cd92aa3f49;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_409ecc8dc7 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_409ecc8dc7 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_7a18d5200a.disabled_fc523ef26d {\n  cursor: not-allowed;\n}\n.radioButton_7a18d5200a.disabled_fc523ef26d .label_b3d70eb725 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_c6087c981e input:focus-visible + .control_409ecc8dc7 {\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_7a18d5200a:hover .inputContainer_c6087c981e input:enabled:checked + .control_409ecc8dc7 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_7a18d5200a:hover .inputContainer_c6087c981e input:enabled:not(:checked) + .control_409ecc8dc7,\n.radioButton_7a18d5200a:focus-within .inputContainer_c6087c981e input:enabled:not(:checked) + .control_409ecc8dc7 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_cd92aa3f49 {\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_677cb00bd6",inputContainer:"inputContainer_46647c9b4a",input:"input_1768b617d4",control:"control_deaad9b770",labelAnimation:"labelAnimation_3940042f0e",radioCheckedAnimation:"radioCheckedAnimation_f6aa852680",disabled:"disabled_79ee383eb2",label:"label_7ec8a6cab2"};!function(n){const e="s_id-f0fb17b54d8d_3_60_0";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_677cb00bd6 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_46647c9b4a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_1768b617d4 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_deaad9b770 {\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_deaad9b770 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_3940042f0e {\n  animation-name: radioCheckedAnimation_f6aa852680;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_deaad9b770 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_deaad9b770 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_677cb00bd6.disabled_79ee383eb2 {\n  cursor: not-allowed;\n}\n.radioButton_677cb00bd6.disabled_79ee383eb2 .label_7ec8a6cab2 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_46647c9b4a input:focus-visible + .control_deaad9b770 {\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_677cb00bd6:hover .inputContainer_46647c9b4a input:enabled:checked + .control_deaad9b770 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_677cb00bd6:hover .inputContainer_46647c9b4a input:enabled:not(:checked) + .control_deaad9b770,\n.radioButton_677cb00bd6:focus-within .inputContainer_46647c9b4a input:enabled:not(:checked) + .control_deaad9b770 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_f6aa852680 {\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.module.scss.js

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_6e78745436",search:"search_14bb8229a6",loader:"loader_825802373c",icon:"icon_1fd8aa37ee",empty:"empty_75d2e1f996"};!function(e){const a="s_id-4e5e4eb516f6_3_58_4";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_6e78745436 .search_14bb8229a6 {\n  appearance: textfield;\n}\n.searchWrapper_6e78745436 .search_14bb8229a6::-webkit-search-cancel-button, .searchWrapper_6e78745436 .search_14bb8229a6::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_6e78745436 .loader_825802373c {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_6e78745436 .icon_1fd8aa37ee {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_6e78745436 .icon_1fd8aa37ee.empty_75d2e1f996 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_b006b1b94b",search:"search_9bc3c91053",loader:"loader_de11165572",icon:"icon_0f897f6e06",empty:"empty_4bea90a3f4"};!function(e){const a="s_id-4e5e4eb516f6_3_60_0";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_b006b1b94b .search_9bc3c91053 {\n  appearance: textfield;\n}\n.searchWrapper_b006b1b94b .search_9bc3c91053::-webkit-search-cancel-button, .searchWrapper_b006b1b94b .search_9bc3c91053::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_b006b1b94b .loader_de11165572 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_b006b1b94b .icon_0f897f6e06 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_b006b1b94b .icon_0f897f6e06.empty_4bea90a3f4 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_ca0b26ac93",rectangle:"rectangle_9962107a42",shine:"shine_aa981bd74f",circle:"circle_99be05869a",text:"text_0981780ec6",textH1:"textH1_e3af30d135",textH2:"textH2_09c325bb6c",textH3:"textH3_09c325bb6c",textH4:"textH4_505fb3299d",textH5:"textH5_f51e790998",textH6:"textH6_d05bd903e6",textSmall:"textSmall_94c4c1244c",textCustom:"textCustom_d05bd903e6",fullWidth:"fullWidth_ad04f3d5f5"};!function(n){const t="s_id-41cda04b2bc0_3_58_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton_ca0b26ac93 {\n  display: flex;\n}\n\n.rectangle_9962107a42 {\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_aa981bd74f;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_aa981bd74f {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_99be05869a {\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_aa981bd74f;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_aa981bd74f {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_0981780ec6 {\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_aa981bd74f;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_aa981bd74f {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_e3af30d135 {\n  height: 32px;\n}\n\n.textH2_09c325bb6c {\n  height: 24px;\n}\n\n.textH3_09c325bb6c {\n  height: 24px;\n}\n\n.textH4_505fb3299d {\n  height: 21px;\n}\n\n.textH5_f51e790998 {\n  height: 16px;\n}\n\n.textH6_d05bd903e6 {\n  height: 12px;\n}\n\n.textSmall_94c4c1244c,\n.textCustom_d05bd903e6 {\n  height: 12px;\n}\n\n.fullWidth_ad04f3d5f5 {\n  width: 100%;\n}\n\n.skeleton_ca0b26ac93:not(.fullWidth_ad04f3d5f5) .text_0981780ec6 {\n  width: 162px;\n}\n\n.skeleton_ca0b26ac93:not(.fullWidth_ad04f3d5f5) .circle_99be05869a {\n  width: 40px;\n}\n\n.skeleton_ca0b26ac93:not(.fullWidth_ad04f3d5f5) .rectangle_9962107a42 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_e91cc7f974",rectangle:"rectangle_1258be85ad",shine:"shine_bbebcaeb02",circle:"circle_3d30d5a4e9",text:"text_3ece8a49e6",textH1:"textH1_9d9583fad2",textH2:"textH2_b6611ed0d6",textH3:"textH3_b6611ed0d6",textH4:"textH4_070ae9e6a6",textH5:"textH5_9e4616715c",textH6:"textH6_bb2616a9cc",textSmall:"textSmall_db16771c02",textCustom:"textCustom_bb2616a9cc",fullWidth:"fullWidth_5fb72dd96c"};!function(n){const e="s_id-41cda04b2bc0_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_e91cc7f974 {\n  display: flex;\n}\n\n.rectangle_1258be85ad {\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_bbebcaeb02;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_bbebcaeb02 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_3d30d5a4e9 {\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_bbebcaeb02;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_bbebcaeb02 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_3ece8a49e6 {\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_bbebcaeb02;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_bbebcaeb02 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_9d9583fad2 {\n  height: 32px;\n}\n\n.textH2_b6611ed0d6 {\n  height: 24px;\n}\n\n.textH3_b6611ed0d6 {\n  height: 24px;\n}\n\n.textH4_070ae9e6a6 {\n  height: 21px;\n}\n\n.textH5_9e4616715c {\n  height: 16px;\n}\n\n.textH6_bb2616a9cc {\n  height: 12px;\n}\n\n.textSmall_db16771c02,\n.textCustom_bb2616a9cc {\n  height: 12px;\n}\n\n.fullWidth_5fb72dd96c {\n  width: 100%;\n}\n\n.skeleton_e91cc7f974:not(.fullWidth_5fb72dd96c) .text_3ece8a49e6 {\n  width: 162px;\n}\n\n.skeleton_e91cc7f974:not(.fullWidth_5fb72dd96c) .circle_3d30d5a4e9 {\n  width: 40px;\n}\n\n.skeleton_e91cc7f974:not(.fullWidth_5fb72dd96c) .rectangle_1258be85ad {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_2dfd3b58ec",positive:"positive_f11a8b5a38",negative:"negative_cde5b2f9a6"};!function(e){const n="s_id-bb386829c5aa_3_58_4";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_2dfd3b58ec {\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_f11a8b5a38 {\n  background-color: var(--positive-color);\n}\n\n.negative_cde5b2f9a6 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_dc6232b845",positive:"positive_aa4e5cd00f",negative:"negative_f47c379907"};!function(e){const n="s_id-bb386829c5aa_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_dc6232b845 {\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_aa4e5cd00f {\n  background-color: var(--positive-color);\n}\n\n.negative_f47c379907 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={rail:"rail_3dfcb78760",small:"small_929f0e590f",medium:"medium_e8333b5ffe",large:"large_f16a2b5f6e"};!function(e){const n="s_id-c66a4285003d_3_58_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_3dfcb78760 {\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_929f0e590f {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_e8333b5ffe {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_f16a2b5f6e {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_5e80b601da",small:"small_ae540a5b4a",medium:"medium_b280a213c5",large:"large_5fd45e7ac5"};!function(e){const n="s_id-c66a4285003d_3_60_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_5e80b601da {\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_ae540a5b4a {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_b280a213c5 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_5fd45e7ac5 {\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.module.scss.js

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_9a77c6dfaa",dragging:"dragging_d535d4b1f8",focused:"focused_ca60e26bfc",notDisabledThumb:"notDisabledThumb_0e3d3e8ee6","focus-visible":"focus-visible_dbf34d0abc",positive:"positive_0519732814",negative:"negative_607df0dc10",small:"small_712e15149a",medium:"medium_31b33f212d",large:"large_69f7acecd5",label:"label_b2dad5f79c",positionTop:"positionTop_c3397de768",positionBottom:"positionBottom_83370c1a9f",colorPrimary:"colorPrimary_651b1261ba",colorSecondary:"colorSecondary_bbbf38add3"};!function(o){const n="s_id-9ef20defa923_3_58_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_9a77c6dfaa {\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\n.dragging_d535d4b1f8 {\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\n.focused_ca60e26bfc {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_0e3d3e8ee6:focus-visible, .notDisabledThumb_0e3d3e8ee6.focus-visible_dbf34d0abc {\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\n.notDisabledThumb_0e3d3e8ee6:focus:not(.focus-visible_dbf34d0abc) {\n  outline: none;\n}\n\n.notDisabledThumb_0e3d3e8ee6:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_0519732814 {\n  border-color: var(--positive-color);\n}\n\n.positive_0519732814.notDisabledThumb_0e3d3e8ee6:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_607df0dc10 {\n  border-color: var(--negative-color);\n}\n\n.negative_607df0dc10.notDisabledThumb_0e3d3e8ee6:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_712e15149a {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_31b33f212d {\n  height: 20px;\n  width: 20px;\n}\n\n.large_69f7acecd5 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_b2dad5f79c {\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\n.label_b2dad5f79c.positionTop_c3397de768 {\n  bottom: calc(100% + 8px);\n}\n\n.label_b2dad5f79c.positionBottom_83370c1a9f {\n  top: calc(100% + 8px);\n}\n\n.label_b2dad5f79c.colorPrimary_651b1261ba {\n  color: var(--primary-text-color);\n}\n\n.label_b2dad5f79c.colorSecondary_bbbf38add3 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_76e68e784c",dragging:"dragging_7c6355c238",focused:"focused_76a056b758",notDisabledThumb:"notDisabledThumb_bb0fc5bc11","focus-visible":"focus-visible_3c3734b6ca",positive:"positive_5d77086ff8",negative:"negative_3e51ad75b8",small:"small_c0eadb1525",medium:"medium_d1ea6fa838",large:"large_aebb9eb6ea",label:"label_26d43e9e87",positionTop:"positionTop_53543ec820",positionBottom:"positionBottom_c5212b1e36",colorPrimary:"colorPrimary_7ba1d5f753",colorSecondary:"colorSecondary_54d9416ee6"};!function(o){const n="s_id-9ef20defa923_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_76e68e784c {\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\n.dragging_7c6355c238 {\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\n.focused_76a056b758 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_bb0fc5bc11:focus-visible, .notDisabledThumb_bb0fc5bc11.focus-visible_3c3734b6ca {\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\n.notDisabledThumb_bb0fc5bc11:focus:not(.focus-visible_3c3734b6ca) {\n  outline: none;\n}\n\n.notDisabledThumb_bb0fc5bc11:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_5d77086ff8 {\n  border-color: var(--positive-color);\n}\n\n.positive_5d77086ff8.notDisabledThumb_bb0fc5bc11:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_3e51ad75b8 {\n  border-color: var(--negative-color);\n}\n\n.negative_3e51ad75b8.notDisabledThumb_bb0fc5bc11:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_c0eadb1525 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_d1ea6fa838 {\n  height: 20px;\n  width: 20px;\n}\n\n.large_aebb9eb6ea {\n  height: 24px;\n  width: 24px;\n}\n\n.label_26d43e9e87 {\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\n.label_26d43e9e87.positionTop_53543ec820 {\n  bottom: calc(100% + 8px);\n}\n\n.label_26d43e9e87.positionBottom_c5212b1e36 {\n  top: calc(100% + 8px);\n}\n\n.label_26d43e9e87.colorPrimary_7ba1d5f753 {\n  color: var(--primary-text-color);\n}\n\n.label_26d43e9e87.colorSecondary_54d9416ee6 {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={track:"track_63c8a0ddd7",positive:"positive_c56bab1c38",negative:"negative_3d03ec03d8"};!function(e){const t="s_id-f9216dea54b1_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_63c8a0ddd7 {\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_c56bab1c38 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_3d03ec03d8 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_799199a1ee",positive:"positive_0442f0a8a5",negative:"negative_8998ec5b27"};!function(e){const t="s_id-f9216dea54b1_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_799199a1ee {\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_0442f0a8a5 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_8998ec5b27 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={button:"button_ab69e13df5",mainButton:"mainButton_a0d8f09a45",secondaryButton:"secondaryButton_f059daa64b",secondaryButtonWrapper:"secondaryButtonWrapper_1d65d7fb12",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_13142758c5",active:"active_4ac7d51b6a",disabled:"disabled_4572771d5b",kindTertiary:"kindTertiary_bdd28e8c91",colorPrimary:"colorPrimary_bdd28e8c91",mainActive:"mainActive_eb6ba93ef0",splitContentOpen:"splitContentOpen_2ffcb20403",hovered:"hovered_c6878057ec",colorBrand:"colorBrand_eb6ba93ef0",colorPositive:"colorPositive_409f640eb4",colorNegative:"colorNegative_409f640eb4",kindPrimary:"kindPrimary_55a7b73187",colorOnPrimaryColor:"colorOnPrimaryColor_f17b432dde",kindSecondary:"kindSecondary_409f640eb4"};!function(n){const r="s_id-b26d62194c18_3_58_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_ab69e13df5 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_ab69e13df5 .mainButton_a0d8f09a45 {\n  margin-right: 0;\n}\n\n.button_ab69e13df5 .secondaryButton_f059daa64b {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_1d65d7fb12 .secondaryButtonIconWrapper_13142758c5 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_4ac7d51b6a {\n  transform: scale(0.95);\n}\n\n.disabled_4572771d5b {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .mainButton_a0d8f09a45 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .mainButton_a0d8f09a45:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0.splitContentOpen_2ffcb20403.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0.splitContentOpen_2ffcb20403.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b:hover,\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0.hovered_c6878057ec.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0.hovered_c6878057ec.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_bdd28e8c91.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0 .mainButton_a0d8f09a45 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_bdd28e8c91.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_bdd28e8c91.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0.splitContentOpen_2ffcb20403.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0.splitContentOpen_2ffcb20403.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b:hover,\n.kindTertiary_bdd28e8c91.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0.hovered_c6878057ec.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0.hovered_c6878057ec.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_bdd28e8c91.colorPositive_409f640eb4.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorPositive_409f640eb4:hover .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorPositive_409f640eb4:focus .secondaryButton_f059daa64b {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_bdd28e8c91.colorPositive_409f640eb4.splitContentOpen_2ffcb20403 .mainButton_a0d8f09a45,\n.kindTertiary_bdd28e8c91.colorPositive_409f640eb4:hover .mainButton_a0d8f09a45,\n.kindTertiary_bdd28e8c91.colorPositive_409f640eb4:focus .mainButton_a0d8f09a45 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_bdd28e8c91.colorNegative_409f640eb4.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorNegative_409f640eb4:hover .secondaryButton_f059daa64b,\n.kindTertiary_bdd28e8c91.colorNegative_409f640eb4:focus .secondaryButton_f059daa64b {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_bdd28e8c91.colorNegative_409f640eb4.splitContentOpen_2ffcb20403 .mainButton_a0d8f09a45,\n.kindTertiary_bdd28e8c91.colorNegative_409f640eb4:hover .mainButton_a0d8f09a45,\n.kindTertiary_bdd28e8c91.colorNegative_409f640eb4:focus .mainButton_a0d8f09a45 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_bdd28e8c91 .secondaryButton_f059daa64b {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_55a7b73187.disabled_4572771d5b .secondaryButton_f059daa64b {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorPrimary_bdd28e8c91 .secondaryButton_f059daa64b {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorBrand_eb6ba93ef0 .secondaryButton_f059daa64b {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorPositive_409f640eb4 .secondaryButton_f059daa64b {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorNegative_409f640eb4 .secondaryButton_f059daa64b {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_55a7b73187:not(.disabled_4572771d5b).colorOnPrimaryColor_f17b432dde .secondaryButton_f059daa64b {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_409f640eb4 .mainButton_a0d8f09a45 {\n  border-right: none;\n}\n\n.kindSecondary_409f640eb4.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .mainButton_a0d8f09a45 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_409f640eb4.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .mainButton_a0d8f09a45:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_409f640eb4.colorPrimary_bdd28e8c91.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_409f640eb4.colorPrimary_bdd28e8c91.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_409f640eb4.colorPrimary_bdd28e8c91.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_409f640eb4.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0 .mainButton_a0d8f09a45 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_409f640eb4.colorBrand_eb6ba93ef0.mainActive_eb6ba93ef0 .secondaryButton_f059daa64b {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_409f640eb4.colorBrand_eb6ba93ef0.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b,\n.kindSecondary_409f640eb4.colorBrand_eb6ba93ef0.splitContentOpen_2ffcb20403 .secondaryButton_f059daa64b:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_6fe7d80542",mainButton:"mainButton_d163487ac4",secondaryButton:"secondaryButton_90ad474cf1",secondaryButtonWrapper:"secondaryButtonWrapper_7e4f27b8f9",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_006a6724b1",active:"active_431654dbc8",disabled:"disabled_bc9334a559",kindTertiary:"kindTertiary_1478d6c206",colorPrimary:"colorPrimary_1478d6c206",mainActive:"mainActive_edfb240b8c",splitContentOpen:"splitContentOpen_434bcc1562",hovered:"hovered_b73d7772a5",colorBrand:"colorBrand_edfb240b8c",colorPositive:"colorPositive_e55cce7737",colorNegative:"colorNegative_e55cce7737",kindPrimary:"kindPrimary_ba40820cab",colorOnPrimaryColor:"colorOnPrimaryColor_bdc8158080",kindSecondary:"kindSecondary_e55cce7737"};!function(n){const r="s_id-b26d62194c18_3_60_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_6fe7d80542 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_6fe7d80542 .mainButton_d163487ac4 {\n  margin-right: 0;\n}\n\n.button_6fe7d80542 .secondaryButton_90ad474cf1 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_7e4f27b8f9 .secondaryButtonIconWrapper_006a6724b1 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_431654dbc8 {\n  transform: scale(0.95);\n}\n\n.disabled_bc9334a559 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c .mainButton_d163487ac4 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c .mainButton_d163487ac4:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c .secondaryButton_90ad474cf1 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c .secondaryButton_90ad474cf1:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c.splitContentOpen_434bcc1562.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c.splitContentOpen_434bcc1562.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1:hover,\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c.hovered_b73d7772a5.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorPrimary_1478d6c206.mainActive_edfb240b8c.hovered_b73d7772a5.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_1478d6c206.colorBrand_edfb240b8c.mainActive_edfb240b8c .mainButton_d163487ac4 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_1478d6c206.colorBrand_edfb240b8c.mainActive_edfb240b8c .secondaryButton_90ad474cf1 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_1478d6c206.colorBrand_edfb240b8c.mainActive_edfb240b8c.splitContentOpen_434bcc1562.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorBrand_edfb240b8c.mainActive_edfb240b8c.splitContentOpen_434bcc1562.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1:hover,\n.kindTertiary_1478d6c206.colorBrand_edfb240b8c.mainActive_edfb240b8c.hovered_b73d7772a5.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorBrand_edfb240b8c.mainActive_edfb240b8c.hovered_b73d7772a5.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_1478d6c206.colorPositive_e55cce7737.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorPositive_e55cce7737:hover .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorPositive_e55cce7737:focus .secondaryButton_90ad474cf1 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_1478d6c206.colorPositive_e55cce7737.splitContentOpen_434bcc1562 .mainButton_d163487ac4,\n.kindTertiary_1478d6c206.colorPositive_e55cce7737:hover .mainButton_d163487ac4,\n.kindTertiary_1478d6c206.colorPositive_e55cce7737:focus .mainButton_d163487ac4 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_1478d6c206.colorNegative_e55cce7737.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorNegative_e55cce7737:hover .secondaryButton_90ad474cf1,\n.kindTertiary_1478d6c206.colorNegative_e55cce7737:focus .secondaryButton_90ad474cf1 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_1478d6c206.colorNegative_e55cce7737.splitContentOpen_434bcc1562 .mainButton_d163487ac4,\n.kindTertiary_1478d6c206.colorNegative_e55cce7737:hover .mainButton_d163487ac4,\n.kindTertiary_1478d6c206.colorNegative_e55cce7737:focus .mainButton_d163487ac4 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_1478d6c206 .secondaryButton_90ad474cf1 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_ba40820cab.disabled_bc9334a559 .secondaryButton_90ad474cf1 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorPrimary_1478d6c206.mainActive_edfb240b8c .secondaryButton_90ad474cf1 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorPrimary_1478d6c206 .secondaryButton_90ad474cf1 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorBrand_edfb240b8c.mainActive_edfb240b8c .secondaryButton_90ad474cf1 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorBrand_edfb240b8c .secondaryButton_90ad474cf1 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorPositive_e55cce7737 .secondaryButton_90ad474cf1 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorNegative_e55cce7737 .secondaryButton_90ad474cf1 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_ba40820cab:not(.disabled_bc9334a559).colorOnPrimaryColor_bdc8158080 .secondaryButton_90ad474cf1 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_e55cce7737 .mainButton_d163487ac4 {\n  border-right: none;\n}\n\n.kindSecondary_e55cce7737.colorPrimary_1478d6c206.mainActive_edfb240b8c .mainButton_d163487ac4 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_e55cce7737.colorPrimary_1478d6c206.mainActive_edfb240b8c .mainButton_d163487ac4:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_e55cce7737.colorPrimary_1478d6c206.mainActive_edfb240b8c .secondaryButton_90ad474cf1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_e55cce7737.colorPrimary_1478d6c206.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_e55cce7737.colorPrimary_1478d6c206.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_e55cce7737.colorBrand_edfb240b8c.mainActive_edfb240b8c .mainButton_d163487ac4 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_e55cce7737.colorBrand_edfb240b8c.mainActive_edfb240b8c .secondaryButton_90ad474cf1 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_e55cce7737.colorBrand_edfb240b8c.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1,\n.kindSecondary_e55cce7737.colorBrand_edfb240b8c.splitContentOpen_434bcc1562 .secondaryButton_90ad474cf1:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/src/components/Steps/Steps.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as e,useRef as s}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";var v=c(e((function(e,p){var d=e.className,c=e.id,v=e["data-testid"],f=e.steps,B=void 0===f?[]:f,P=e.activeStepIndex,S=void 0===P?0:P,h=e.type,j=void 0===h?"gallery":h,g=e.onChangeActiveStep,y=void 0===g?n:g,H=e.onFinish,x=e.color,C=e.areNavigationButtonsHidden,I=void 0!==C&&C,N=e.isContentOnTop,b=void 0!==N&&N,k=e.backButtonProps,E=void 0===k?{}:k,O=e.nextButtonProps,T=void 0===O?{}:O,A=e.finishButtonProps,F=void 0===A?{}:A,_=e.areButtonsIconsHidden,w=void 0!==_&&_,M=s(null),R=r(p,M);return o.createElement("div",{ref:R,className:i(u.steps,d),id:c,"data-testid":v||m(l.STEPS,c)},b&&B[S],o.createElement(a,{onChangeActiveStep:y,type:j,activeStepIndex:S,stepsCount:B.length,areNavigationButtonsHidden:I,color:x,backButtonProps:E,nextButtonProps:T,finishButtonProps:F,areButtonsIconsHidden:w,onFinish:H,className:i(t(t({},u.contentOnTop,b),u.contentOnBottom,!b))}),!b&&B[S])})),{types:p,colors:d});export{v as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as s,useRef as e}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as c}from"../../tests/testIds.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";import{ComponentVibeId as v}from"../../tests/constants.js";var f=l(s((function(s,p){var d=s.className,l=s.id,f=s["data-testid"],B=s.steps,S=void 0===B?[]:B,P=s.activeStepIndex,j=void 0===P?0:P,h=s.type,g=void 0===h?"gallery":h,y=s.onChangeActiveStep,H=void 0===y?n:y,x=s.onFinish,C=s.color,I=s.areNavigationButtonsHidden,N=void 0!==I&&I,b=s.isContentOnTop,E=void 0!==b&&b,T=s.backButtonProps,k=void 0===T?{}:T,O=s.nextButtonProps,A=void 0===O?{}:O,F=s.finishButtonProps,_=void 0===F?{}:F,w=s.areButtonsIconsHidden,M=void 0!==w&&w,R=e(null),q=r(p,R);return o.createElement("div",{ref:q,className:i(u.steps,d),id:l,"data-testid":f||m(c.STEPS,l),"data-vibe":v.STEPS},E&&S[j],o.createElement(a,{onChangeActiveStep:H,type:g,activeStepIndex:j,stepsCount:S.length,areNavigationButtonsHidden:N,color:C,backButtonProps:k,nextButtonProps:A,finishButtonProps:_,areButtonsIconsHidden:M,onFinish:x,className:i(t(t({},u.contentOnTop,E),u.contentOnBottom,!E))}),!E&&S[j])})),{types:p,colors:d});export{f as default};
 //# sourceMappingURL=Steps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"ukBA+DA,IA4DeA,EAAAA,EA5DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,IAElEgB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAM,GACC3B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBgC,WAAYlC,EAAMmC,OAClBxB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAEQ,EAAAA,KACVP,EAAOQ,aAAexB,GACtBgB,EAAOS,iBAAmBzB,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEqC,MAAOC,EACPC,OAAQC"}
+{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n        data-vibe={ComponentVibeId.STEPS}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","ComponentVibeId","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"koBAgEA,IA6DeA,EAAAA,EA7DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,GACxD,YAAAoC,EAAgBD,OAE1BnB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAO,GACC5B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBiC,WAAYnC,EAAMoC,OAClBzB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAES,EAAAA,KACVR,EAAOS,aAAezB,GACtBgB,EAAOU,iBAAmB1B,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEsC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_f41d15628f",contentOnTop:"contentOnTop_9533e0c69e",contentOnBottom:"contentOnBottom_17f831c8e8"};!function(e){const t="s_id-9e4623f942e8_3_58_4";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)}(".steps_f41d15628f .contentOnTop_9533e0c69e {\n  margin-top: var(--spacing-medium);\n}\n.steps_f41d15628f .contentOnBottom_17f831c8e8 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_f7d320a401",contentOnTop:"contentOnTop_ffc2ec993a",contentOnBottom:"contentOnBottom_996151d701"};!function(e){const t="s_id-9e4623f942e8_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_f7d320a401 .contentOnTop_ffc2ec993a {\n  margin-top: var(--spacing-medium);\n}\n.steps_f7d320a401 .contentOnBottom_996151d701 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var e={command:"command_8163dd2e7b",backward:"backward_4f07cc618a",icon:"icon_5616f7681e",disabled:"disabled_b3d70eb725",colorOnPrimaryColor:"colorOnPrimaryColor_720ef6b368",colorOnInvertedBackground:"colorOnInvertedBackground_ecb73f9378"};!function(e){const n="s_id-b004c6aa2b0d_3_58_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_8163dd2e7b {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_8163dd2e7b.backward_4f07cc618a {\n  flex-direction: row-reverse;\n}\n.icon_5616f7681e {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_5616f7681e.disabled_b3d70eb725 {\n  color: var(--disabled-text-color);\n}\n.icon_5616f7681e.colorOnPrimaryColor_720ef6b368 {\n  color: var(--text-color-on-primary);\n}\n.icon_5616f7681e.colorOnInvertedBackground_ecb73f9378 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var n={command:"command_74ff39c206",backward:"backward_1f8b1a279a",icon:"icon_a1a9c7d47f",disabled:"disabled_7ec8a6cab2",colorOnPrimaryColor:"colorOnPrimaryColor_33b1d678aa",colorOnInvertedBackground:"colorOnInvertedBackground_8661527a1a"};!function(n){const a="s_id-b004c6aa2b0d_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".command_74ff39c206 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_74ff39c206.backward_1f8b1a279a {\n  flex-direction: row-reverse;\n}\n.icon_a1a9c7d47f {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_a1a9c7d47f.disabled_7ec8a6cab2 {\n  color: var(--disabled-text-color);\n}\n.icon_a1a9c7d47f.colorOnPrimaryColor_33b1d678aa {\n  color: var(--text-color-on-primary);\n}\n.icon_a1a9c7d47f.colorOnInvertedBackground_8661527a1a {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot_c9d9c02d69","focus-visible":"focus-visible_8b0aa4c8e5",isActive:"isActive_57e129cec0",colorOnPrimaryColor:"colorOnPrimaryColor_d735a6b477",colorOnInvertedBackground:"colorOnInvertedBackground_a34f94c2bc"};!function(o){const n="s_id-cedbbb07e913_3_58_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_c9d9c02d69 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_c9d9c02d69:focus-visible, .dot_c9d9c02d69.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_c9d9c02d69:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n.dot_c9d9c02d69:focus-visible, .dot_c9d9c02d69.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_c9d9c02d69:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n.dot_c9d9c02d69:hover {\n  transform: scale(1.3);\n}\n.isActive_57e129cec0 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_d735a6b477.dot_c9d9c02d69 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_d735a6b477.dot_c9d9c02d69:focus-visible, .colorOnPrimaryColor_d735a6b477.dot_c9d9c02d69.focus-visible_8b0aa4c8e5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_d735a6b477.dot_c9d9c02d69:focus:not(.focus-visible_8b0aa4c8e5) {\n  outline: none;\n}\n.colorOnPrimaryColor_d735a6b477.dot_c9d9c02d69.isActive_57e129cec0 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_a34f94c2bc.dot_c9d9c02d69 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_a34f94c2bc.dot_c9d9c02d69.isActive_57e129cec0 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_8c4e6e0f16","focus-visible":"focus-visible_b00c002bd4",isActive:"isActive_f8eae5736b",colorOnPrimaryColor:"colorOnPrimaryColor_a9ce262a17",colorOnInvertedBackground:"colorOnInvertedBackground_05f0ee305c"};!function(o){const n="s_id-cedbbb07e913_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_8c4e6e0f16 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_8c4e6e0f16:focus-visible, .dot_8c4e6e0f16.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_8c4e6e0f16:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n.dot_8c4e6e0f16:focus-visible, .dot_8c4e6e0f16.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_8c4e6e0f16:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n.dot_8c4e6e0f16:hover {\n  transform: scale(1.3);\n}\n.isActive_f8eae5736b {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_a9ce262a17.dot_8c4e6e0f16 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_a9ce262a17.dot_8c4e6e0f16:focus-visible, .colorOnPrimaryColor_a9ce262a17.dot_8c4e6e0f16.focus-visible_b00c002bd4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_a9ce262a17.dot_8c4e6e0f16:focus:not(.focus-visible_b00c002bd4) {\n  outline: none;\n}\n.colorOnPrimaryColor_a9ce262a17.dot_8c4e6e0f16.isActive_f8eae5736b {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_05f0ee305c.dot_8c4e6e0f16 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_05f0ee305c.dot_8c4e6e0f16.isActive_f8eae5736b {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_ef73abdd1f",galleryHeaderDot:"galleryHeaderDot_6afd3d84ed"};!function(e){const a="s_id-62748f4c4e74_3_58_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const l=document.createElement("style");l.id=a,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_ef73abdd1f {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_ef73abdd1f .galleryHeaderDot_6afd3d84ed {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_ef73abdd1f .galleryHeaderDot_6afd3d84ed:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_2d94825985",galleryHeaderDot:"galleryHeaderDot_f154bac2bd"};!function(e){const a="s_id-62748f4c4e74_3_60_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_2d94825985 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_2d94825985 .galleryHeaderDot_f154bac2bd {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_2d94825985 .galleryHeaderDot_f154bac2bd:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header_1f0ad50d9b"};!function(e){const t="s_id-918f12c2f9aa_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_1f0ad50d9b {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_e553e5b23a"};!function(e){const t="s_id-918f12c2f9aa_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_e553e5b23a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map