@vibe/core 4.2.2 → 4.2.3

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../_virtual/_tslib.js";import{camelCase as i}from"es-toolkit";import{isInsideClass as a,useEventListener as r,useKeyEvent as l,getStyle as s,NOOP as c}from"@vibe/shared";import{getTestId as d,ComponentDefaultTestId as m}from"../../tests/testIds.js";import u from"classnames";import f,{useState as g,useRef as p,useCallback as v,useMemo as b}from"react";import{SECONDARY_BUTTON_WRAPPER_CLASSNAME as k,ENTER_KEYS as y,DEFAULT_DIALOG_SHOW_TRIGGER as C,DEFAULT_DIALOG_HIDE_TRIGGER as N,DIALOG_MOVE_BY as D,SECONDARY_BUTTON_ARIA_LABEL as h}from"./SplitButtonConstants.js";import{Button as S}from"@vibe/button/mockedClassNames";import{DropdownChevronDown as T}from"@vibe/icons";import{DialogContentContainer as I,Dialog as B}from"@vibe/dialog/mockedClassNames";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as P}from"../../tests/constants.js";var _=function(_){var E=_.secondaryDialogContent,j=_.onSecondaryDialogDidShow,A=void 0===j?c:j,L=_.onSecondaryDialogDidHide,w=void 0===L?c:L,x=_.shouldCloseOnClickInsideDialog,z=_.zIndex,R=void 0===z?null:z,U=_.secondaryDialogClassName,F=void 0===U?"":U,H=_.secondaryDialogPosition,W=void 0===H?"bottom-start":H,Y=_.dialogContainerSelector,M=_.dialogPaddingSize,q=void 0===M?"medium":M,G=_.disabled,J=_.loading,K=_.kind,Q=void 0===K?"primary":K,V=_.color,X=void 0===V?"primary":V,Z=_.className,$=_.leftIcon,ee=_.rightIcon,oe=_.onClick,te=_.children,ne=_.marginLeft,ie=_.marginRight,ae=_.active,re=_.id,le=_["data-testid"],se=n(_,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),ce=g(!1),de=e(ce,2),me=de[0],ue=de[1],fe=g(!1),ge=e(fe,2),pe=ge[0],ve=ge[1],be=g(!1),ke=e(be,2),ye=ke[0],Ce=ke[1],Ne=p(null),De=p(null),he=v((function(){return ve(!0)}),[ve]),Se=v((function(){return ve(!1)}),[ve]),Te=v((function(e){return!G&&!a(e.target,k)}),[G]),Ie=v((function(e){Te(e)&&Ce(!0)}),[Ce,Te]),Be=v((function(){return Ce(!1)}),[Ce]),Oe=v((function(e){Te(e)&&Ce(!0)}),[Ce,Te]),Pe=v((function(){ue(!0),A()}),[ue,A]),_e=v((function(e,o){ue(!1),w(),"esckey"===o&&De.current.focus()}),[ue,w]);r({eventName:"mouseenter",callback:he,ref:Ne}),r({eventName:"mouseleave",callback:Se,ref:Ne}),r({eventName:"mousedown",callback:Ie,ref:Ne}),r({eventName:"mouseup",callback:Be,ref:Ne}),r({eventName:"transitionend",callback:Be,ref:Ne}),l({keys:y,ref:Ne,callback:Oe});var Ee=b((function(){return u(O.button,s(O,i("kind-"+Q)),s(O,i("color-"+X)),o(o(o(o(o({},O.mainActive,ae),O.active,ye),O.splitContentOpen,me),O.hovered,pe),O.disabled,G),Z)}),[Z,Q,X,ae,ye,me,pe,G]),je=b((function(){return G?[]:C}),[G]),Ae=b((function(){return x?[].concat(t(N),["onContentClick"]):N}),[x]),Le=v((function(){var e="function"==typeof E?E():E;return f.createElement(I,{type:"popover",size:q},e)}),[E,q]),we=b((function(){if("bottom"!==W)return"bottom-start"===W?"bottom":"top"}),[W]);return f.createElement("div",{className:Ee,ref:Ne,id:re,"data-testid":le||d(m.SPLIT_BUTTON,re),"data-vibe":P.SPLIT_BUTTON},f.createElement(S,Object.assign({},se,{preventClickAnimation:!0,leftIcon:$,rightIcon:ee,rightFlat:!0,color:X,kind:Q,active:ae,onClick:oe,className:O.mainButton,marginLeft:ne,onFocus:he,onBlur:Se,disabled:G,loading:J,"data-testid":d(m.SPLIT_BUTTON_PRIMARY_BUTTON,re)}),te),f.createElement("div",{className:O.secondaryButtonWrapper},f.createElement(B,{wrapperClassName:F,zIndex:R,content:Le,position:W,containerSelector:Y,startingEdge:we,animationType:"expand",moveBy:D,onDialogDidShow:Pe,onDialogDidHide:_e,showTrigger:je,hideTrigger:Ae},f.createElement(S,Object.assign({},se,{ref:De,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:X,kind:Q,className:O.secondaryButton,active:me,marginRight:ie,onFocus:he,onBlur:Se,disabled:G,"aria-label":h,"aria-haspopup":!0,"aria-expanded":me,"data-testid":d(m.SPLIT_BUTTON_SECONDARY_BUTTON,re)}),f.createElement("div",{className:O.secondaryButtonIconWrapper},f.createElement(T,{"aria-hidden":"true"}))))))};export{_ as default};
+import{slicedToArray as e,defineProperty as o,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../_virtual/_tslib.js";import{camelCase as i}from"es-toolkit";import{isInsideClass as a,NOOP as r,useEventListener as l,useKeyEvent as s,getStyle as c}from"@vibe/shared";import{getTestId as d,ComponentDefaultTestId as m}from"../../../testIds.js";import u from"classnames";import f,{useState as g,useRef as p,useCallback as v,useMemo as b}from"react";import{SECONDARY_BUTTON_WRAPPER_CLASSNAME as k,ENTER_KEYS as y,DEFAULT_DIALOG_SHOW_TRIGGER as C,DEFAULT_DIALOG_HIDE_TRIGGER as N,DIALOG_MOVE_BY as D,SECONDARY_BUTTON_ARIA_LABEL as h}from"./SplitButtonConstants.js";import{Button as S}from"@vibe/button/mockedClassNames";import{DropdownChevronDown as T}from"@vibe/icons";import{DialogContentContainer as I,Dialog as B}from"@vibe/dialog/mockedClassNames";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as P}from"../../tests/constants.js";var _=function(_){var E=_.secondaryDialogContent,j=_.onSecondaryDialogDidShow,A=void 0===j?r:j,L=_.onSecondaryDialogDidHide,w=void 0===L?r:L,x=_.shouldCloseOnClickInsideDialog,z=_.zIndex,R=void 0===z?null:z,U=_.secondaryDialogClassName,F=void 0===U?"":U,H=_.secondaryDialogPosition,W=void 0===H?"bottom-start":H,Y=_.dialogContainerSelector,M=_.dialogPaddingSize,q=void 0===M?"medium":M,G=_.disabled,J=_.loading,K=_.kind,Q=void 0===K?"primary":K,V=_.color,X=void 0===V?"primary":V,Z=_.className,$=_.leftIcon,ee=_.rightIcon,oe=_.onClick,te=_.children,ne=_.marginLeft,ie=_.marginRight,ae=_.active,re=_.id,le=_["data-testid"],se=n(_,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),ce=g(!1),de=e(ce,2),me=de[0],ue=de[1],fe=g(!1),ge=e(fe,2),pe=ge[0],ve=ge[1],be=g(!1),ke=e(be,2),ye=ke[0],Ce=ke[1],Ne=p(null),De=p(null),he=v((function(){return ve(!0)}),[ve]),Se=v((function(){return ve(!1)}),[ve]),Te=v((function(e){return!G&&!a(e.target,k)}),[G]),Ie=v((function(e){Te(e)&&Ce(!0)}),[Ce,Te]),Be=v((function(){return Ce(!1)}),[Ce]),Oe=v((function(e){Te(e)&&Ce(!0)}),[Ce,Te]),Pe=v((function(){ue(!0),A()}),[ue,A]),_e=v((function(e,o){ue(!1),w(),"esckey"===o&&De.current.focus()}),[ue,w]);l({eventName:"mouseenter",callback:he,ref:Ne}),l({eventName:"mouseleave",callback:Se,ref:Ne}),l({eventName:"mousedown",callback:Ie,ref:Ne}),l({eventName:"mouseup",callback:Be,ref:Ne}),l({eventName:"transitionend",callback:Be,ref:Ne}),s({keys:y,ref:Ne,callback:Oe});var Ee=b((function(){return u(O.button,c(O,i("kind-"+Q)),c(O,i("color-"+X)),o(o(o(o(o({},O.mainActive,ae),O.active,ye),O.splitContentOpen,me),O.hovered,pe),O.disabled,G),Z)}),[Z,Q,X,ae,ye,me,pe,G]),je=b((function(){return G?[]:C}),[G]),Ae=b((function(){return x?[].concat(t(N),["onContentClick"]):N}),[x]),Le=v((function(){var e="function"==typeof E?E():E;return f.createElement(I,{type:"popover",size:q},e)}),[E,q]),we=b((function(){if("bottom"!==W)return"bottom-start"===W?"bottom":"top"}),[W]);return f.createElement("div",{className:Ee,ref:Ne,id:re,"data-testid":le||d(m.SPLIT_BUTTON,re),"data-vibe":P.SPLIT_BUTTON},f.createElement(S,Object.assign({},se,{preventClickAnimation:!0,leftIcon:$,rightIcon:ee,rightFlat:!0,color:X,kind:Q,active:ae,onClick:oe,className:O.mainButton,marginLeft:ne,onFocus:he,onBlur:Se,disabled:G,loading:J,"data-testid":d(m.SPLIT_BUTTON_PRIMARY_BUTTON,re)}),te),f.createElement("div",{className:O.secondaryButtonWrapper},f.createElement(B,{wrapperClassName:F,zIndex:R,content:Le,position:W,containerSelector:Y,startingEdge:we,animationType:"expand",moveBy:D,onDialogDidShow:Pe,onDialogDidHide:_e,showTrigger:je,hideTrigger:Ae},f.createElement(S,Object.assign({},se,{ref:De,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:X,kind:Q,className:O.secondaryButton,active:me,marginRight:ie,onFocus:he,onBlur:Se,disabled:G,"aria-label":h,"aria-haspopup":!0,"aria-expanded":me,"data-testid":d(m.SPLIT_BUTTON_SECONDARY_BUTTON,re)}),f.createElement("div",{className:O.secondaryButtonIconWrapper},f.createElement(T,{"aria-hidden":"true"}))))))};export{_ as default};
 //# sourceMappingURL=SplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.js","sources":["../../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, isInsideClass } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n  DEFAULT_DIALOG_HIDE_TRIGGER,\n  DEFAULT_DIALOG_SHOW_TRIGGER,\n  DIALOG_MOVE_BY,\n  ENTER_KEYS,\n  SECONDARY_BUTTON_ARIA_LABEL,\n  SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n  type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\n// Utils import\n\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport {\n  DialogContentContainer,\n  type DialogSize,\n  type DialogStartingEdge,\n  type DialogTriggerEvent,\n  Dialog,\n  type DialogEvent,\n  type DialogPosition\n} from \"@vibe/dialog\";\nimport styles from \"./SplitButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n  /**\n   * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n   */\n  secondaryDialogContent?: ReactElement | (() => string | ReactElement);\n  /**\n   * Callback fired when the secondary dialog is shown.\n   */\n  onSecondaryDialogDidShow?: () => void;\n  /**\n   * Callback fired when the secondary dialog is hidden.\n   */\n  onSecondaryDialogDidHide?: () => void;\n  /**\n   * The z-index applied to the secondary dialog.\n   */\n  zIndex?: number;\n  /**\n   * Class name applied to the wrapper of the secondary dialog.\n   */\n  secondaryDialogClassName?: string;\n  /**\n   * The position of the secondary dialog.\n   */\n  secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n  /**\n   * The padding size inside the secondary dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The CSS selector of the container where the dialog should be rendered.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * If true, clicking inside the dialog will close it.\n   */\n  shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n  secondaryDialogContent,\n  onSecondaryDialogDidShow = NOOP,\n  onSecondaryDialogDidHide = NOOP,\n  shouldCloseOnClickInsideDialog,\n  zIndex = null,\n  secondaryDialogClassName = \"\",\n  secondaryDialogPosition = \"bottom-start\",\n  dialogContainerSelector,\n  dialogPaddingSize = \"medium\",\n  disabled,\n  // success mode not working right now, need to fix it in different pr\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  success,\n  loading,\n  kind = \"primary\",\n  color = \"primary\",\n  className,\n  leftIcon,\n  rightIcon,\n  onClick,\n  children,\n  marginLeft,\n  marginRight,\n  active,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: SplitButtonProps) => {\n  // State //\n  const [isDialogOpen, setDialogOpen] = useState(false);\n  const [isHovered, setIsHover] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  // Refs //\n  const ref = useRef(null);\n  const secondaryButtonRef = useRef(null);\n\n  // Callbacks //\n  const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n  const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n  const shouldSetActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (disabled) return false;\n      return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n    },\n    [disabled]\n  );\n\n  const setActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n  const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n  const setActiveOnEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n\n  const showDialog = useCallback(() => {\n    setDialogOpen(true);\n    onSecondaryDialogDidShow();\n  }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n  const hideDialog = useCallback(\n    (_: DialogEvent, eventName: DialogTriggerEvent) => {\n      setDialogOpen(false);\n      onSecondaryDialogDidHide();\n      if (eventName === \"esckey\") {\n        secondaryButtonRef.current.focus();\n      }\n    },\n    [setDialogOpen, onSecondaryDialogDidHide]\n  );\n\n  // Event listeners //\n\n  // Used to set both buttons as hovered no matter what button was hovered\n  useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n  useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n  useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n  useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n  // Used to finish active transition if clicked on enter\n  useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n  // Key events\n  useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n  const classNames = useMemo(\n    () =>\n      cx(\n        styles.button,\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.mainActive]: active,\n          [styles.active]: isActive,\n          [styles.splitContentOpen]: isDialogOpen,\n          [styles.hovered]: isHovered,\n          [styles.disabled]: disabled\n        },\n        className\n      ),\n    [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n  );\n\n  const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n  const dialogHideTrigger = useMemo(() => {\n    if (shouldCloseOnClickInsideDialog)\n      return [...DEFAULT_DIALOG_HIDE_TRIGGER, \"onContentClick\"] as DialogTriggerEvent[];\n    return DEFAULT_DIALOG_HIDE_TRIGGER;\n  }, [shouldCloseOnClickInsideDialog]);\n\n  const actionsContent = useCallback(() => {\n    const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n    return (\n      <DialogContentContainer type=\"popover\" size={dialogPaddingSize}>\n        {content}\n      </DialogContentContainer>\n    );\n  }, [secondaryDialogContent, dialogPaddingSize]);\n\n  const animationEdgePosition: DialogStartingEdge | undefined = useMemo(() => {\n    if (secondaryDialogPosition === \"bottom\") {\n      return undefined;\n    }\n    if (secondaryDialogPosition === \"bottom-start\") {\n      return \"bottom\";\n    }\n\n    return \"top\";\n  }, [secondaryDialogPosition]);\n\n  return (\n    <div\n      className={classNames}\n      ref={ref}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n      data-vibe={ComponentVibeId.SPLIT_BUTTON}\n    >\n      <Button\n        {\n          ...buttonProps /* We are enriching button with other props so we must use spreading */\n        }\n        preventClickAnimation\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        rightFlat\n        color={color}\n        kind={kind}\n        active={active}\n        onClick={onClick}\n        className={styles.mainButton}\n        marginLeft={marginLeft}\n        onFocus={setHovered}\n        onBlur={setNotHovered}\n        disabled={disabled}\n        loading={loading}\n        data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n      >\n        {children}\n      </Button>\n      <div className={styles.secondaryButtonWrapper}>\n        <Dialog\n          wrapperClassName={secondaryDialogClassName}\n          zIndex={zIndex}\n          content={actionsContent}\n          position={secondaryDialogPosition as DialogPosition}\n          containerSelector={dialogContainerSelector}\n          startingEdge={animationEdgePosition}\n          animationType=\"expand\"\n          moveBy={DIALOG_MOVE_BY}\n          onDialogDidShow={showDialog}\n          onDialogDidHide={hideDialog}\n          showTrigger={dialogShowTrigger}\n          hideTrigger={dialogHideTrigger}\n        >\n          <Button\n            {...buttonProps}\n            ref={secondaryButtonRef}\n            preventClickAnimation\n            leftFlat\n            noSidePadding\n            color={color}\n            kind={kind}\n            className={styles.secondaryButton}\n            active={isDialogOpen}\n            marginRight={marginRight}\n            onFocus={setHovered}\n            onBlur={setNotHovered}\n            disabled={disabled}\n            aria-label={SECONDARY_BUTTON_ARIA_LABEL}\n            aria-haspopup\n            aria-expanded={isDialogOpen}\n            data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n          >\n            <div className={styles.secondaryButtonIconWrapper}>\n              <DropdownChevronDown aria-hidden=\"true\" />\n            </div>\n          </Button>\n        </Dialog>\n      </div>\n    </div>\n  );\n};\n\nexport default SplitButton;\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","actionsContent","content","React","createElement","DialogContentContainer","type","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","SECONDARY_BUTTON_ARIA_LABEL","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown"],"mappings":"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"}
+{"version":3,"file":"SplitButton.js","sources":["../../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, isInsideClass } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n  DEFAULT_DIALOG_HIDE_TRIGGER,\n  DEFAULT_DIALOG_SHOW_TRIGGER,\n  DIALOG_MOVE_BY,\n  ENTER_KEYS,\n  SECONDARY_BUTTON_ARIA_LABEL,\n  SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n  type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\n// Utils import\n\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport {\n  DialogContentContainer,\n  type DialogSize,\n  type DialogStartingEdge,\n  type DialogTriggerEvent,\n  Dialog,\n  type DialogEvent,\n  type DialogPosition\n} from \"@vibe/dialog\";\nimport styles from \"./SplitButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n  /**\n   * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n   */\n  secondaryDialogContent?: ReactElement | (() => string | ReactElement);\n  /**\n   * Callback fired when the secondary dialog is shown.\n   */\n  onSecondaryDialogDidShow?: () => void;\n  /**\n   * Callback fired when the secondary dialog is hidden.\n   */\n  onSecondaryDialogDidHide?: () => void;\n  /**\n   * The z-index applied to the secondary dialog.\n   */\n  zIndex?: number;\n  /**\n   * Class name applied to the wrapper of the secondary dialog.\n   */\n  secondaryDialogClassName?: string;\n  /**\n   * The position of the secondary dialog.\n   */\n  secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n  /**\n   * The padding size inside the secondary dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The CSS selector of the container where the dialog should be rendered.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * If true, clicking inside the dialog will close it.\n   */\n  shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n  secondaryDialogContent,\n  onSecondaryDialogDidShow = NOOP,\n  onSecondaryDialogDidHide = NOOP,\n  shouldCloseOnClickInsideDialog,\n  zIndex = null,\n  secondaryDialogClassName = \"\",\n  secondaryDialogPosition = \"bottom-start\",\n  dialogContainerSelector,\n  dialogPaddingSize = \"medium\",\n  disabled,\n  // success mode not working right now, need to fix it in different pr\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  success,\n  loading,\n  kind = \"primary\",\n  color = \"primary\",\n  className,\n  leftIcon,\n  rightIcon,\n  onClick,\n  children,\n  marginLeft,\n  marginRight,\n  active,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: SplitButtonProps) => {\n  // State //\n  const [isDialogOpen, setDialogOpen] = useState(false);\n  const [isHovered, setIsHover] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  // Refs //\n  const ref = useRef(null);\n  const secondaryButtonRef = useRef(null);\n\n  // Callbacks //\n  const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n  const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n  const shouldSetActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (disabled) return false;\n      return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n    },\n    [disabled]\n  );\n\n  const setActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n  const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n  const setActiveOnEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n\n  const showDialog = useCallback(() => {\n    setDialogOpen(true);\n    onSecondaryDialogDidShow();\n  }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n  const hideDialog = useCallback(\n    (_: DialogEvent, eventName: DialogTriggerEvent) => {\n      setDialogOpen(false);\n      onSecondaryDialogDidHide();\n      if (eventName === \"esckey\") {\n        secondaryButtonRef.current.focus();\n      }\n    },\n    [setDialogOpen, onSecondaryDialogDidHide]\n  );\n\n  // Event listeners //\n\n  // Used to set both buttons as hovered no matter what button was hovered\n  useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n  useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n  useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n  useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n  // Used to finish active transition if clicked on enter\n  useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n  // Key events\n  useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n  const classNames = useMemo(\n    () =>\n      cx(\n        styles.button,\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.mainActive]: active,\n          [styles.active]: isActive,\n          [styles.splitContentOpen]: isDialogOpen,\n          [styles.hovered]: isHovered,\n          [styles.disabled]: disabled\n        },\n        className\n      ),\n    [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n  );\n\n  const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n  const dialogHideTrigger = useMemo(() => {\n    if (shouldCloseOnClickInsideDialog)\n      return [...DEFAULT_DIALOG_HIDE_TRIGGER, \"onContentClick\"] as DialogTriggerEvent[];\n    return DEFAULT_DIALOG_HIDE_TRIGGER;\n  }, [shouldCloseOnClickInsideDialog]);\n\n  const actionsContent = useCallback(() => {\n    const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n    return (\n      <DialogContentContainer type=\"popover\" size={dialogPaddingSize}>\n        {content}\n      </DialogContentContainer>\n    );\n  }, [secondaryDialogContent, dialogPaddingSize]);\n\n  const animationEdgePosition: DialogStartingEdge | undefined = useMemo(() => {\n    if (secondaryDialogPosition === \"bottom\") {\n      return undefined;\n    }\n    if (secondaryDialogPosition === \"bottom-start\") {\n      return \"bottom\";\n    }\n\n    return \"top\";\n  }, [secondaryDialogPosition]);\n\n  return (\n    <div\n      className={classNames}\n      ref={ref}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n      data-vibe={ComponentVibeId.SPLIT_BUTTON}\n    >\n      <Button\n        {\n          ...buttonProps /* We are enriching button with other props so we must use spreading */\n        }\n        preventClickAnimation\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        rightFlat\n        color={color}\n        kind={kind}\n        active={active}\n        onClick={onClick}\n        className={styles.mainButton}\n        marginLeft={marginLeft}\n        onFocus={setHovered}\n        onBlur={setNotHovered}\n        disabled={disabled}\n        loading={loading}\n        data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n      >\n        {children}\n      </Button>\n      <div className={styles.secondaryButtonWrapper}>\n        <Dialog\n          wrapperClassName={secondaryDialogClassName}\n          zIndex={zIndex}\n          content={actionsContent}\n          position={secondaryDialogPosition as DialogPosition}\n          containerSelector={dialogContainerSelector}\n          startingEdge={animationEdgePosition}\n          animationType=\"expand\"\n          moveBy={DIALOG_MOVE_BY}\n          onDialogDidShow={showDialog}\n          onDialogDidHide={hideDialog}\n          showTrigger={dialogShowTrigger}\n          hideTrigger={dialogHideTrigger}\n        >\n          <Button\n            {...buttonProps}\n            ref={secondaryButtonRef}\n            preventClickAnimation\n            leftFlat\n            noSidePadding\n            color={color}\n            kind={kind}\n            className={styles.secondaryButton}\n            active={isDialogOpen}\n            marginRight={marginRight}\n            onFocus={setHovered}\n            onBlur={setNotHovered}\n            disabled={disabled}\n            aria-label={SECONDARY_BUTTON_ARIA_LABEL}\n            aria-haspopup\n            aria-expanded={isDialogOpen}\n            data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n          >\n            <div className={styles.secondaryButtonIconWrapper}>\n              <DropdownChevronDown aria-hidden=\"true\" />\n            </div>\n          </Button>\n        </Dialog>\n      </div>\n    </div>\n  );\n};\n\nexport default SplitButton;\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","actionsContent","content","React","createElement","DialogContentContainer","type","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","SECONDARY_BUTTON_ARIA_LABEL","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){const r="s_id-de44e8b791c3_4_2_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button {\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 .mainButton {\n  margin-inline-end: 0;\n}\n\n.button .secondaryButton {\n  margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-inline-start: 1px solid transparent;\n  margin-inline-start: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-inline-end: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton: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",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){const r="s_id-de44e8b791c3_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button {\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 .mainButton {\n  margin-inline-end: 0;\n}\n\n.button .secondaryButton {\n  margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-inline-start: 1px solid transparent;\n  margin-inline-start: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-inline-end: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton: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/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButtonMenu.js","sources":["../../../../../../src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport Menu, { type MenuProps } from \"../../Menu/Menu/Menu\";\n\nexport type SplitButtonMenuProps = Omit<MenuProps, \"focusItemIndexOnMount\"> & { children: React.ReactNode };\n\nconst SplitButtonMenu = forwardRef(\n  ({ children, ...splitButtonMenuProps }: SplitButtonMenuProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Menu focusItemIndexOnMount={0} {...splitButtonMenuProps} ref={mergedRef}>\n        {children}\n      </Menu>\n    );\n  }\n);\n\nexport default SplitButtonMenu;\n"],"names":["SplitButtonMenu","forwardRef","_a","ref","children","splitButtonMenuProps","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Menu","Object","assign","focusItemIndexOnMount"],"mappings":"4LAMMA,IAAAA,EAAkBC,GACtB,SAACC,EAA6DC,GAA7D,IAAEC,EAAyDF,EAAzDE,SAAaC,EAAoBC,EAAAJ,EAAnC,cACOK,EAAeC,EAAO,MACtBC,EAAYC,EAAYP,EAAKI,GAEnC,OACEI,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAC,sBAAuB,GAAOX,EAAoB,CAAEF,IAAKM,IAC5DL,EAGP"}
+{"version":3,"file":"SplitButtonMenu.js","sources":["../../../../../../src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport Menu, { type MenuProps } from \"../../Menu/Menu/Menu\";\n\nexport type SplitButtonMenuProps = Omit<MenuProps, \"focusItemIndexOnMount\"> & { children: React.ReactNode };\n\nconst SplitButtonMenu = forwardRef(\n  ({ children, ...splitButtonMenuProps }: SplitButtonMenuProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Menu focusItemIndexOnMount={0} {...splitButtonMenuProps} ref={mergedRef}>\n        {children}\n      </Menu>\n    );\n  }\n);\n\nexport default SplitButtonMenu;\n"],"names":["SplitButtonMenu","forwardRef","_a","ref","children","splitButtonMenuProps","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Menu","Object","assign","focusItemIndexOnMount"],"mappings":"4LAMA,IAAMA,EAAkBC,GACtB,SAACC,EAA6DC,GAA7D,IAAEC,EAAQF,EAARE,SAAaC,EAAoBC,EAAAJ,EAAnC,cACOK,EAAeC,EAAO,MACtBC,EAAYC,EAAYP,EAAKI,GAEnC,OACEI,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACC,sBAAuB,GAAOX,EAAoB,CAAEF,IAAKM,IAC5DL,EAGP"}

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

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

package/dist/mocked_classnames/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, useMergeRef } from \"@vibe/shared\";\n\nimport { StepsHeader } from \"./StepsHeader\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"@vibe/button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { 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\nexport default Steps;\n"],"names":["Steps","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"],"mappings":"gbA+DMA,IAAAA,EAAQC,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"}
+{"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, useMergeRef } from \"@vibe/shared\";\n\nimport { StepsHeader } from \"./StepsHeader\";\nimport { type StepsColor, type StepsType } from \"./Steps.types\";\nimport { type ButtonProps } from \"@vibe/button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { 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\nexport default Steps;\n"],"names":["Steps","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"],"mappings":"6aA+DA,IAAMA,EAAQC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAe,IAAAD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAkB,IAAAD,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA0B,IAAAD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAc,IAAAD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAqB,IAAAD,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,GAAG,YAC3DoC,EAAgBD,OAE1BnB,GAAkBb,EAAME,GACzBwB,EAAAC,cAACO,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"}

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

@@ -1,2 +1,2 @@
-var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-7ec46f3af3a6_4_2_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps .contentOnTop {\n  margin-top: var(--space-16);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--space-8);\n}");export{e as default};
+var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-7ec46f3af3a6_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps .contentOnTop {\n  margin-top: var(--space-16);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as e,useCallback as i}from"react";import s from"classnames";import{NavigationChevronRight as m,NavigationChevronLeft as n}from"@vibe/icons";import{Icon as a}from"@vibe/icon/mockedClassNames";import{Button as c}from"@vibe/button/mockedClassNames";import{getStyle as l,NOOP as d}from"@vibe/shared";import{NEXT_TEXT as p,BACK_TEXT as f}from"./StepsConstants.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import v from"./StepsCommand.module.scss.js";import{camelCase as b}from"es-toolkit";var C=function(C){var S=C.isNext,_=void 0!==S&&S,N=C.onChangeActiveStep,j=void 0===N?d:N,k=C.activeStepIndex,A=C.stepsCount,P=C.isIconHidden,h=void 0!==P&&P,D=C.buttonProps,E=void 0===D?{}:D,M=C.color,O=void 0===M?"primary":M,g=E.children,x=t(E,["children"]),y=e((function(){return g||(_?p:f)}),[_,g]),R=_?k+1:k-1,B=i((function(o){return j(o,R)}),[R,j]),H=_&&k===A-1||!_&&0===k,I=_?m:n;return r.createElement(c,Object.assign({className:s(v.command,o({},v.backward,!_)),"data-testid":_?u.STEPS_FORWARD_COMMAND:u.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:B,disabled:H,color:O},x),y,h?null:r.createElement(a,{icon:I,className:s(v.icon,l(v,b("color-"+O)),o({},v.disabled,H))}))};export{C as StepsCommand};
+import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as e,useCallback as i}from"react";import s from"classnames";import{NavigationChevronRight as m,NavigationChevronLeft as n}from"@vibe/icons";import{Icon as a}from"@vibe/icon/mockedClassNames";import{Button as c}from"@vibe/button/mockedClassNames";import{NOOP as l,getStyle as d}from"@vibe/shared";import{NEXT_TEXT as p,BACK_TEXT as f}from"./StepsConstants.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import v from"./StepsCommand.module.scss.js";import{camelCase as b}from"es-toolkit";var C=function(C){var S=C.isNext,_=void 0!==S&&S,N=C.onChangeActiveStep,j=void 0===N?l:N,k=C.activeStepIndex,A=C.stepsCount,P=C.isIconHidden,h=void 0!==P&&P,D=C.buttonProps,E=void 0===D?{}:D,M=C.color,O=void 0===M?"primary":M,g=E.children,x=t(E,["children"]),y=e((function(){return g||(_?p:f)}),[_,g]),R=_?k+1:k-1,B=i((function(o){return j(o,R)}),[R,j]),H=_&&k===A-1||!_&&0===k,I=_?m:n;return r.createElement(c,Object.assign({className:s(v.command,o({},v.backward,!_)),"data-testid":_?u.STEPS_FORWARD_COMMAND:u.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:B,disabled:H,color:O},x),y,h?null:r.createElement(a,{icon:I,className:s(v.icon,d(v,b("color-"+O)),o({},v.disabled,H))}))};export{C as StepsCommand};
 //# sourceMappingURL=StepsCommand.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsCommand.js","sources":["../../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport { Icon } from \"@vibe/icon\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"wpBA4CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
+{"version":3,"file":"StepsCommand.js","sources":["../../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport { Icon } from \"@vibe/icon\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"wpBA4CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAM,IAAAD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAkB,IAAAD,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAY,IAAAD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAK,IAAAD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAgBC,EAAKN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAA,CAAA,EAAKF,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EAAI,CACHnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EAAA,CAAA,EACrEF,EAAOQ,SAAWlB,MAM/B"}

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import{camelCase as e,noop as t}from"es-toolkit";import a from"react";import i from"./StepsDot.module.scss.js";import{getStyle as l}from"@vibe/shared";var s=function(s){var m=s.isActive,c=s.onClick,n=void 0===c?t:c,p=s.ariaCurrent,u=s.className;return a.createElement("button",{type:"button","aria-label":s["aria-label"],"aria-current":!!m&&(void 0===p?"step":p),className:o(i.dot,l(i,e("color-"+s.color)),r({},i.isActive,m),u),onClick:n})};export{s as StepsDot};
+import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import{noop as e,camelCase as t}from"es-toolkit";import a from"react";import i from"./StepsDot.module.scss.js";import{getStyle as l}from"@vibe/shared";var s=function(s){var m=s.isActive,c=s.onClick,n=void 0===c?e:c,p=s.ariaCurrent,u=s.className;return a.createElement("button",{type:"button","aria-label":s["aria-label"],"aria-current":!!m&&(void 0===p?"step":p),className:o(i.dot,l(i,t("color-"+s.color)),r({},i.isActive,m),u),onClick:n})};export{s as StepsDot};
 //# sourceMappingURL=StepsDot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsDot.js","sources":["../../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n  /**\n   * Callback fired when the dot is clicked.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /**\n   * ARIA attribute to indicate the current step.\n   */\n  ariaCurrent?: StepsDotAriaCurrent | boolean;\n  /**\n   * If true, marks the dot as active.\n   */\n  isActive?: boolean;\n  /**\n   * The ARIA label for the dot.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The color theme of the dot.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n  isActive,\n  onClick = NOOP,\n  ariaCurrent = \"step\",\n  \"aria-label\": ariaLabel,\n  color,\n  className\n}: StepsDotProps) => {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-current={isActive ? ariaCurrent : false}\n      className={cx(\n        styles.dot,\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.isActive]: isActive\n        },\n        className\n      )}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"qQA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANcV,EAAvB,cAOyB,iBACPC,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWI,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5Bf,EAALgB,QAUmDC,EAE1CL,GAAAA,EAAOX,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}
+{"version":3,"file":"StepsDot.js","sources":["../../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n  /**\n   * Callback fired when the dot is clicked.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /**\n   * ARIA attribute to indicate the current step.\n   */\n  ariaCurrent?: StepsDotAriaCurrent | boolean;\n  /**\n   * If true, marks the dot as active.\n   */\n  isActive?: boolean;\n  /**\n   * The ARIA label for the dot.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The color theme of the dot.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n  isActive,\n  onClick = NOOP,\n  ariaCurrent = \"step\",\n  \"aria-label\": ariaLabel,\n  color,\n  className\n}: StepsDotProps) => {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-current={isActive ? ariaCurrent : false}\n      className={cx(\n        styles.dot,\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.isActive]: isActive\n        },\n        className\n      )}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"qQA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EAAAC,cAAA,SAAA,CACEC,KAAK,sBANcV,EAAvB,cAOyB,iBACPC,SATP,IAAAI,EAAG,OAAMA,GAUhBE,UAAWI,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5Bf,EAALgB,QAUmDC,EAAA,GAE1CL,EAAOX,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

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

@@ -1,2 +1,2 @@
-var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-1f61a81d1377_4_2_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot {\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:focus-visible, .dot.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
+var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-1f61a81d1377_4_2_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot {\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:focus-visible, .dot.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport { range } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * A function to generate step descriptions for accessibility.\n   */\n  stepDescriptionFunc?: (stepIndex: number) => string;\n  /**\n   * The color theme of the gallery header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n  activeStepIndex,\n  stepsCount,\n  onChangeActiveStep,\n  stepDescriptionFunc,\n  color,\n  className\n}) => {\n  const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n  const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n  const overrideStepDescriptionFunc = stepDescriptionFunc || defaultStepDescriptionFunc;\n  const onClickFunctions = useMemo(\n    () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n    [onChangeActiveStep, stepsPlaceholders]\n  );\n\n  const galleryDots = useMemo(\n    () =>\n      stepsPlaceholders.map(\n        stepIndex => (\n          <StepsDot\n            isActive={activeStepIndex === stepIndex}\n            key={`monday-style-step-dot-${stepIndex + 1}`}\n            aria-label={overrideStepDescriptionFunc(stepIndex)}\n            onClick={onClickFunctions[stepIndex]}\n            color={color}\n            className={styles.galleryHeaderDot}\n          />\n        ),\n        []\n      ),\n    [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n  );\n\n  return (\n    <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n      {galleryDots || null}\n    </div>\n  );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"iNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAAG,aACjCE,EAA4BF,GACxCY,QAAST,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWmB,EAAOC,kBAErB,GACD,MAEJ,CAACzB,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKQ,KAAK,QAAQrB,UAAWsB,EAAGH,EAAOI,cAAevB,IACnDY,GAAe,KAGtB"}
+{"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport { range } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * A function to generate step descriptions for accessibility.\n   */\n  stepDescriptionFunc?: (stepIndex: number) => string;\n  /**\n   * The color theme of the gallery header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n  activeStepIndex,\n  stepsCount,\n  onChangeActiveStep,\n  stepDescriptionFunc,\n  color,\n  className\n}) => {\n  const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n  const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n  const overrideStepDescriptionFunc = stepDescriptionFunc || defaultStepDescriptionFunc;\n  const onClickFunctions = useMemo(\n    () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n    [onChangeActiveStep, stepsPlaceholders]\n  );\n\n  const galleryDots = useMemo(\n    () =>\n      stepsPlaceholders.map(\n        stepIndex => (\n          <StepsDot\n            isActive={activeStepIndex === stepIndex}\n            key={`monday-style-step-dot-${stepIndex + 1}`}\n            aria-label={overrideStepDescriptionFunc(stepIndex)}\n            onClick={onClickFunctions[stepIndex]}\n            color={color}\n            className={styles.galleryHeaderDot}\n          />\n        ),\n        []\n      ),\n    [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n  );\n\n  return (\n    <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n      {galleryDots || null}\n    </div>\n  );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"iNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,EAAW,GAAE,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAA,eAAAC,OAAoBD,EAAS,GAAI,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,CAAA,GAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAAG,aACjCE,EAA4BF,GACxCY,QAAST,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWmB,EAAOC,kBAClB,GAEJ,GACD,GACH,CAACzB,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKQ,KAAK,QAAQrB,UAAWsB,EAAGH,EAAOI,cAAevB,IACnDY,GAAe,KAGtB"}

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-9ed2aeb182a7_4_2_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-9ed2aeb182a7_4_2_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsHeader.js","sources":["../../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, type StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, type StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { type StepsType, type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\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   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: 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   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  const showFinishButton = useMemo(() => {\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"iYA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAEtCC,EAAmBC,GAAQ,WAC/B,OAAOjB,IAAoBE,EAAa,CAC1C,GAAG,CAACF,EAAiBE,IAErB,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}
+{"version":3,"file":"StepsHeader.js","sources":["../../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, type StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, type StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { type StepsType, type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\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   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: 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   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  const showFinishButton = useMemo(() => {\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"iYA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAK,IAAAD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAEtCC,EAAmBC,GAAQ,WAC/B,OAAOjB,IAAoBE,EAAa,CAC1C,GAAG,CAACF,EAAiBE,IAErB,OACEgB,EAAAC,cAAA,MAAA,CAAKR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAAAC,cAACI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EAAkB,CACjBZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EAAAC,cAAAD,EAAAS,SAAA,KACGX,EACCE,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAACC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAiB,EAAjBA,EAAmB0B,WAAYC,GAGlCf,EAAAC,cAACI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}

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

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){const t="s_id-f29720816734_4_2_1";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 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
+var e={header:"header"};!function(e){const t="s_id-f29720816734_4_2_2";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 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){const t="s_id-c9f4054d5043_4_2_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers"};!function(e){const t="s_id-c9f4054d5043_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SwitchProps extends VibeComponentProps {\n  /**\n   * The name of the switch input.\n   */\n  name?: string;\n  /**\n   * The value associated with the switch.\n   */\n  value?: string;\n  /**\n   * The ARIA role of the switch.\n   */\n  role?: string;\n  /**\n   * If true, the switch is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The ID of the element labeling the switch.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * If true, the switch is checked.\n   */\n  checked?: boolean;\n  /**\n   * Class name applied to the input element.\n   */\n  inputClassName?: string;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The ID of the element controlled by the switch.\n   */\n  \"aria-controls\"?: string;\n  /**\n   * If true, the switch is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child component rendered inside the switch.\n   */\n  children?: ReactElement<MockToggleProps>;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n  (\n    {\n      id,\n      name,\n      value,\n      role,\n      disabled,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      checked,\n      inputClassName,\n      onChange,\n      \"aria-controls\": ariaControls,\n      defaultChecked,\n      children: originalChildren,\n      wrapperClassName,\n      \"data-testid\": dataTestId\n    }: SwitchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n      isDisabled: disabled,\n      isChecked: checked,\n      defaultChecked,\n      onChange\n    });\n\n    const children = useMemo(\n      () =>\n        React.cloneElement(originalChildren, {\n          ...originalChildren?.props,\n          checked: overrideChecked\n        }),\n      [originalChildren, overrideChecked]\n    );\n\n    return (\n      <label htmlFor={id} className={wrapperClassName} data-vibe={ComponentVibeId.TOGGLE}>\n        <input\n          ref={ref}\n          id={id}\n          aria-controls={ariaControls}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          className={cx(styles[\"hidden-switch\"], inputClassName)}\n          checked={overrideChecked}\n          role={role ? role : \"switch\"}\n          onChange={overrideOnChange}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-checked={overrideChecked}\n          data-testid={dataTestId}\n        />\n        {children}\n      </label>\n    );\n  }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","createElement","htmlFor","className","ComponentVibeId","TOGGLE","type","cx","styles"],"mappings":"6NAgEMA,IAAAA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAEAS,EAAcT,EAAdS,eAEiBC,EAAYV,EAA7B,iBAEUW,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,EAAAK,cAAA,QAAA,CAAOC,QAAS7B,EAAI8B,UAAWnB,EAAgB,YAAaoB,EAAgBC,QAC1ET,EAAAK,cAAA,QAAA,CACE7B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACNgC,KAAK,WACLH,UAAWI,EAAGC,EAAO,iBAAkB5B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SwitchProps extends VibeComponentProps {\n  /**\n   * The name of the switch input.\n   */\n  name?: string;\n  /**\n   * The value associated with the switch.\n   */\n  value?: string;\n  /**\n   * The ARIA role of the switch.\n   */\n  role?: string;\n  /**\n   * If true, the switch is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The ID of the element labeling the switch.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * If true, the switch is checked.\n   */\n  checked?: boolean;\n  /**\n   * Class name applied to the input element.\n   */\n  inputClassName?: string;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The ID of the element controlled by the switch.\n   */\n  \"aria-controls\"?: string;\n  /**\n   * If true, the switch is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child component rendered inside the switch.\n   */\n  children?: ReactElement<MockToggleProps>;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n  (\n    {\n      id,\n      name,\n      value,\n      role,\n      disabled,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      checked,\n      inputClassName,\n      onChange,\n      \"aria-controls\": ariaControls,\n      defaultChecked,\n      children: originalChildren,\n      wrapperClassName,\n      \"data-testid\": dataTestId\n    }: SwitchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n      isDisabled: disabled,\n      isChecked: checked,\n      defaultChecked,\n      onChange\n    });\n\n    const children = useMemo(\n      () =>\n        React.cloneElement(originalChildren, {\n          ...originalChildren?.props,\n          checked: overrideChecked\n        }),\n      [originalChildren, overrideChecked]\n    );\n\n    return (\n      <label htmlFor={id} className={wrapperClassName} data-vibe={ComponentVibeId.TOGGLE}>\n        <input\n          ref={ref}\n          id={id}\n          aria-controls={ariaControls}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          className={cx(styles[\"hidden-switch\"], inputClassName)}\n          checked={overrideChecked}\n          role={role ? role : \"switch\"}\n          onChange={overrideOnChange}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-checked={overrideChecked}\n          data-testid={dataTestId}\n        />\n        {children}\n      </label>\n    );\n  }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","createElement","htmlFor","className","ComponentVibeId","TOGGLE","type","cx","styles"],"mappings":"6NAgEA,IAAMA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAEAS,EAAcT,EAAdS,eAEiBC,EAAYV,EAA7B,iBAEUW,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAgB,EAAhBA,EAAkBkB,OAAK,CAC1BV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,EAAAK,cAAA,QAAA,CAAOC,QAAS7B,EAAI8B,UAAWnB,EAAgB,YAAaoB,EAAgBC,QAC1ET,EAAAK,cAAA,QAAA,CACE7B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACNgC,KAAK,WACLH,UAAWI,EAAGC,EAAO,iBAAkB5B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-fad3709be591_4_2_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-fad3709be591_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as a,useState as l,useCallback as s,useMemo as n}from"react";import i from"classnames";import{getTableRowLayoutStyles as m}from"./tableHelpers.js";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c,ComponentVibeId as d}from"../../../tests/constants.js";import{RowHeights as f}from"./TableConsts.js";import p from"./Table.module.scss.js";import{TableProvider as b}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useMergeRef as R}from"@vibe/shared";var T=o((function(o,T){var S=o.id,j=o.className,x=o["data-testid"],w=o.columns,y=o.errorState,z=o.emptyState,C=o.dataState,g=o.style,h=o.children,E=o.size,A=void 0===E?"medium":E,B=o.withoutBorder,H=a(null),M=R(T,H),I=l(!1),L=e(I,2),O=L[0],N=L[1],P=l(null),V=e(P,2),_=V[0],k=V[1],q=s((function(){N(!1),k(null)}),[]),D=l(!1),F=e(D,2),G=F[0],J=F[1],K=s((function(){J(!0)}),[]),Q=l(!1),U=e(Q,2),W=U[0],X=U[1],Y=s((function(e){if(q(),!G){var t=e.target.scrollLeft>0;X((function(e){return e!==t?t:e}))}}),[q,G]),Z=m(w),$=Object.assign({"--table-grid-template-columns":Z.gridTemplateColumns,"--table-row-size":"".concat(f[A],"px")},g),ee=n((function(){return{columns:w,dataState:C,emptyState:z,errorState:y,size:A,tableRootRef:H,isVirtualized:G,markTableAsVirtualized:K,isScrolled:W,setIsScrolled:function(e){return X(e)}}}),[w,C,z,y,G,K,W,A]),te=n((function(){return{tableRootRef:H,hoveredRowRef:_,isMenuOpen:O,resetHoveredRow:q,setHoveredRowRef:function(e){return k(e)},setIsMenuOpen:function(e){return N(e)}}}),[_,O,q,k]);return r.createElement(b,{value:ee},r.createElement(v,{value:te},r.createElement("div",{ref:M,id:S,className:i(p.table,t(t(t({},p.border,!B),p.virtualized,G),p.hasScroll,W),j),"data-testid":x||u(c.TABLE,S),"data-vibe":d.TABLE,role:"table",style:$,onScroll:Y},h)))}));export{T as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as a,useState as l,useCallback as n,useMemo as s}from"react";import i from"classnames";import{getTableRowLayoutStyles as m}from"./tableHelpers.js";import{getTestId as u}from"../../../../testIds.js";import{ComponentVibeId as c,ComponentDefaultTestId as d}from"../../../tests/constants.js";import{RowHeights as f}from"./TableConsts.js";import p from"./Table.module.scss.js";import{TableProvider as b}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useMergeRef as R}from"@vibe/shared";var T=o((function(o,T){var S=o.id,j=o.className,x=o["data-testid"],w=o.columns,y=o.errorState,z=o.emptyState,C=o.dataState,g=o.style,h=o.children,E=o.size,A=void 0===E?"medium":E,B=o.withoutBorder,H=a(null),M=R(T,H),I=l(!1),L=e(I,2),O=L[0],N=L[1],P=l(null),V=e(P,2),_=V[0],k=V[1],q=n((function(){N(!1),k(null)}),[]),D=l(!1),F=e(D,2),G=F[0],J=F[1],K=n((function(){J(!0)}),[]),Q=l(!1),U=e(Q,2),W=U[0],X=U[1],Y=n((function(e){if(q(),!G){var t=e.target.scrollLeft>0;X((function(e){return e!==t?t:e}))}}),[q,G]),Z=m(w),$=Object.assign({"--table-grid-template-columns":Z.gridTemplateColumns,"--table-row-size":"".concat(f[A],"px")},g),ee=s((function(){return{columns:w,dataState:C,emptyState:z,errorState:y,size:A,tableRootRef:H,isVirtualized:G,markTableAsVirtualized:K,isScrolled:W,setIsScrolled:function(e){return X(e)}}}),[w,C,z,y,G,K,W,A]),te=s((function(){return{tableRootRef:H,hoveredRowRef:_,isMenuOpen:O,resetHoveredRow:q,setHoveredRowRef:function(e){return k(e)},setIsMenuOpen:function(e){return N(e)}}}),[_,O,q,k]);return r.createElement(b,{value:ee},r.createElement(v,{value:te},r.createElement("div",{ref:M,id:S,className:i(p.table,t(t(t({},p.border,!B),p.virtualized,G),p.hasScroll,W),j),"data-testid":x||u(d.TABLE,S),"data-vibe":c.TABLE,role:"table",style:$,onScroll:Y},h)))}));export{T as default};
 //# sourceMappingURL=Table.js.map